@vuetify/nightly 3.0.0-alpha.8 → 3.0.0-beta.0

package/lib/components/VFooter/VFooter.mjs

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 // Styles
-import "./VFooter.sass"; // Composables
+import "./VFooter.css"; // Composables
 
 import { makeBorderProps, useBorder } from "../../composables/border.mjs";
 import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
@@ -8,33 +8,40 @@ import { makeElevationProps, useElevation } from "../../composables/elevation.mj
 import { makePositionProps, usePosition } from "../../composables/position.mjs";
 import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
-import { makeThemeProps, useTheme } from "../../composables/theme.mjs"; // Utilities
+import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
+import { useBackgroundColor } from "../../composables/color.mjs"; // Utilities
 
-import { defineComponent } from 'vue';
-import { makeProps } from "../../util/index.mjs";
-export default defineComponent({
+import { defineComponent } from "../../util/index.mjs";
+import { toRef } from 'vue';
+export const VFooter = defineComponent({
   name: 'VFooter',
-  props: makeProps({ ...makeBorderProps(),
+  props: {
+    color: String,
+    ...makeBorderProps(),
     ...makeDimensionProps(),
     ...makeElevationProps(),
     ...makePositionProps(),
     ...makeRoundedProps(),
-    ...makeTagProps(),
     ...makeTagProps({
       tag: 'footer'
     }),
     ...makeThemeProps()
-  }),
+  },
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
     const {
       themeClasses
-    } = useTheme(props);
+    } = provideTheme(props);
+    const {
+      backgroundColorClasses,
+      backgroundColorStyles
+    } = useBackgroundColor(toRef(props, 'color'));
     const {
       borderClasses
-    } = useBorder(props, 'v-footer');
+    } = useBorder(props);
     const {
       dimensionStyles
     } = useDimension(props);
@@ -44,14 +51,14 @@ export default defineComponent({
     const {
       positionClasses,
       positionStyles
-    } = usePosition(props, 'v-footer');
+    } = usePosition(props);
     const {
       roundedClasses
-    } = useRounded(props, 'v-footer');
+    } = useRounded(props);
     return () => _createVNode(props.tag, {
-      "class": ['v-footer', themeClasses.value, borderClasses.value, elevationClasses.value, positionClasses.value, roundedClasses.value],
-      "style": [dimensionStyles.value, positionStyles.value]
-    }, slots, 8, ["class", "style"]);
+      "class": ['v-footer', themeClasses.value, backgroundColorClasses.value, borderClasses.value, elevationClasses.value, positionClasses.value, roundedClasses.value],
+      "style": [backgroundColorStyles, dimensionStyles.value, positionStyles.value]
+    }, slots);
   }
 
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VFooter/VFooter.tsx"],"names":["makeBorderProps","useBorder","makeDimensionProps","useDimension","makeElevationProps","useElevation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","useTheme","defineComponent","makeProps","name","props","tag","setup","slots","themeClasses","borderClasses","dimensionStyles","elevationClasses","positionClasses","positionStyles","roundedClasses","value"],"mappings":";AAAA;AACA,wB,CAEA;;SACSA,e,EAAiBC,S;SACjBC,kB,EAAoBC,Y;SACpBC,kB,EAAoBC,Y;SACpBC,iB,EAAmBC,W;SACnBC,gB,EAAkBC,U;SAClBC,Y;SACAC,c,EAAgBC,Q,uCAEzB;;AACA,SAASC,eAAT,QAAgC,KAAhC;SACSC,S;AAET,eAAeD,eAAe,CAAC;AAC7BE,EAAAA,IAAI,EAAE,SADuB;AAG7BC,EAAAA,KAAK,EAAEF,SAAS,CAAC,EACf,GAAGd,eAAe,EADH;AAEf,OAAGE,kBAAkB,EAFN;AAGf,OAAGE,kBAAkB,EAHN;AAIf,OAAGE,iBAAiB,EAJL;AAKf,OAAGE,gBAAgB,EALJ;AAMf,OAAGE,YAAY,EANA;AAOf,OAAGA,YAAY,CAAC;AAAEO,MAAAA,GAAG,EAAE;AAAP,KAAD,CAPA;AAQf,OAAGN,cAAc;AARF,GAAD,CAHa;;AAc7BO,EAAAA,KAAK,CAAEF,KAAF,EAAS;AAAEG,IAAAA;AAAF,GAAT,EAAoB;AACvB,UAAM;AAAEC,MAAAA;AAAF,QAAmBR,QAAQ,CAACI,KAAD,CAAjC;AACA,UAAM;AAAEK,MAAAA;AAAF,QAAoBpB,SAAS,CAACe,KAAD,EAAQ,UAAR,CAAnC;AACA,UAAM;AAAEM,MAAAA;AAAF,QAAsBnB,YAAY,CAACa,KAAD,CAAxC;AACA,UAAM;AAAEO,MAAAA;AAAF,QAAuBlB,YAAY,CAACW,KAAD,CAAzC;AACA,UAAM;AAAEQ,MAAAA,eAAF;AAAmBC,MAAAA;AAAnB,QAAsClB,WAAW,CAACS,KAAD,EAAQ,UAAR,CAAvD;AACA,UAAM;AAAEU,MAAAA;AAAF,QAAqBjB,UAAU,CAACO,KAAD,EAAQ,UAAR,CAArC;AAEA,WAAO;AAAA,eAEI,CACL,UADK,EAELI,YAAY,CAACO,KAFR,EAGLN,aAAa,CAACM,KAHT,EAILJ,gBAAgB,CAACI,KAJZ,EAKLH,eAAe,CAACG,KALX,EAMLD,cAAc,CAACC,KANV,CAFJ;AAAA,eAUI,CAELL,eAAe,CAACK,KAFX,EAGLF,cAAc,CAACE,KAHV;AAVJ,OAeOR,KAfP,wBAAP;AAkBD;;AAxC4B,CAAD,CAA9B","sourcesContent":["// Styles\nimport './VFooter.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, useTheme } from '@/composables/theme'\n\n// Utilities\nimport { defineComponent } from 'vue'\nimport { makeProps } from '@/util'\n\nexport default defineComponent({\n  name: 'VFooter',\n\n  props: makeProps({\n    ...makeBorderProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makePositionProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeTagProps({ tag: 'footer' }),\n    ...makeThemeProps(),\n  }),\n\n  setup (props, { slots }) {\n    const { themeClasses } = useTheme(props)\n    const { borderClasses } = useBorder(props, 'v-footer')\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { positionClasses, positionStyles } = usePosition(props, 'v-footer')\n    const { roundedClasses } = useRounded(props, 'v-footer')\n\n    return () => (\n      <props.tag\n        class={[\n          'v-footer',\n          themeClasses.value,\n          borderClasses.value,\n          elevationClasses.value,\n          positionClasses.value,\n          roundedClasses.value,\n        ]}\n        style={[\n\n          dimensionStyles.value,\n          positionStyles.value,\n        ]}\n        v-slots={ slots }\n      />\n    )\n  },\n})\n"],"file":"VFooter.mjs"}
+{"version":3,"sources":["../../../src/components/VFooter/VFooter.tsx"],"names":["makeBorderProps","useBorder","makeDimensionProps","useDimension","makeElevationProps","useElevation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useBackgroundColor","defineComponent","toRef","VFooter","name","props","color","String","tag","setup","slots","themeClasses","backgroundColorClasses","backgroundColorStyles","borderClasses","dimensionStyles","elevationClasses","positionClasses","positionStyles","roundedClasses","value"],"mappings":";AAAA;AACA,uB,CAEA;;SACSA,e,EAAiBC,S;SACjBC,kB,EAAoBC,Y;SACpBC,kB,EAAoBC,Y;SACpBC,iB,EAAmBC,W;SACnBC,gB,EAAkBC,U;SAClBC,Y;SACAC,c,EAAgBC,Y;SAChBC,kB,uCAET;;SACSC,e;AACT,SAASC,KAAT,QAAsB,KAAtB;AAEA,OAAO,MAAMC,OAAO,GAAGF,eAAe,CAAC;AACrCG,EAAAA,IAAI,EAAE,SAD+B;AAGrCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAEC,MADF;AAGL,OAAGpB,eAAe,EAHb;AAIL,OAAGE,kBAAkB,EAJhB;AAKL,OAAGE,kBAAkB,EALhB;AAML,OAAGE,iBAAiB,EANf;AAOL,OAAGE,gBAAgB,EAPd;AAQL,OAAGE,YAAY,CAAC;AAAEW,MAAAA,GAAG,EAAE;AAAP,KAAD,CARV;AASL,OAAGV,cAAc;AATZ,GAH8B;;AAerCW,EAAAA,KAAK,CAAEJ,KAAF,QAAoB;AAAA,QAAX;AAAEK,MAAAA;AAAF,KAAW;AACvB,UAAM;AAAEC,MAAAA;AAAF,QAAmBZ,YAAY,CAACM,KAAD,CAArC;AACA,UAAM;AAAEO,MAAAA,sBAAF;AAA0BC,MAAAA;AAA1B,QAAoDb,kBAAkB,CAACE,KAAK,CAACG,KAAD,EAAQ,OAAR,CAAN,CAA5E;AACA,UAAM;AAAES,MAAAA;AAAF,QAAoB1B,SAAS,CAACiB,KAAD,CAAnC;AACA,UAAM;AAAEU,MAAAA;AAAF,QAAsBzB,YAAY,CAACe,KAAD,CAAxC;AACA,UAAM;AAAEW,MAAAA;AAAF,QAAuBxB,YAAY,CAACa,KAAD,CAAzC;AACA,UAAM;AAAEY,MAAAA,eAAF;AAAmBC,MAAAA;AAAnB,QAAsCxB,WAAW,CAACW,KAAD,CAAvD;AACA,UAAM;AAAEc,MAAAA;AAAF,QAAqBvB,UAAU,CAACS,KAAD,CAArC;AAEA,WAAO;AAAA,eAEI,CACL,UADK,EAELM,YAAY,CAACS,KAFR,EAGLR,sBAAsB,CAACQ,KAHlB,EAILN,aAAa,CAACM,KAJT,EAKLJ,gBAAgB,CAACI,KALZ,EAMLH,eAAe,CAACG,KANX,EAOLD,cAAc,CAACC,KAPV,CAFJ;AAAA,eAWI,CACLP,qBADK,EAELE,eAAe,CAACK,KAFX,EAGLF,cAAc,CAACE,KAHV;AAXJ,OAgBOV,KAhBP,CAAP;AAmBD;;AA3CoC,CAAD,CAA/B","sourcesContent":["// Styles\nimport './VFooter.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor } from '@/composables/color'\n\n// Utilities\nimport { defineComponent } from '@/util'\nimport { toRef } from 'vue'\n\nexport const VFooter = defineComponent({\n  name: 'VFooter',\n\n  props: {\n    color: String,\n\n    ...makeBorderProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makePositionProps(),\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 { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { positionClasses, positionStyles } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n\n    return () => (\n      <props.tag\n        class={[\n          'v-footer',\n          themeClasses.value,\n          backgroundColorClasses.value,\n          borderClasses.value,\n          elevationClasses.value,\n          positionClasses.value,\n          roundedClasses.value,\n        ]}\n        style={[\n          backgroundColorStyles,\n          dimensionStyles.value,\n          positionStyles.value,\n        ]}\n        v-slots={ slots }\n      />\n    )\n  },\n})\n"],"file":"VFooter.mjs"}

package/lib/components/VFooter/VFooter.sass

@@ -1,5 +1,6 @@
-// Imports
-@import './index'
+@forward './variables'
+@use '../../styles/tools'
+@use './variables' as *
 
 .v-footer
   align-items: center
@@ -8,11 +9,12 @@
   padding: $footer-padding
   position: relative
 
-  // missing from variables @include border($footer-query)
-  +elevation($footer-elevation)
-  +position($footer-positions)
-  +rounded($footer-border-radius)
-  @include theme($footer-theme...)
+  // missing from variables
+  // @include tools.border($footer-query)
+  @include tools.elevation($footer-elevation)
+  @include tools.position($footer-positions)
+  @include tools.rounded($footer-border-radius)
+  @include tools.theme($footer-theme...)
 
   &--rounded
-    +rounded($footer-rounded-border-radius)
+    @include tools.rounded($footer-rounded-border-radius)

package/lib/components/VFooter/_variables.scss

@@ -1,13 +1,16 @@
+@use 'sass:map';
+@use '../../styles/settings';
+
 // Defaults
 $footer-background: rgb(var(--v-theme-surface)) !default;
-$footer-border-radius: map-get($rounded, 0) !default;
-$footer-color: rgb(var(--v-theme-on-surface)) !default;
+$footer-border-radius: map.get(settings.$rounded, 0) !default;
+$footer-color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)) !default;
 $footer-flex: 1 1 auto !default;
 $footer-font-size: 14px;
 $footer-elevation: 0 !default;
-$footer-padding: 8px 24px !default;
+$footer-padding: 8px 16px !default;
 $footer-positions: absolute fixed !default;
-$footer-rounded-border-radius: $border-radius-root !default;
+$footer-rounded-border-radius: settings.$border-radius-root !default;
 
 $footer-theme: (
   $footer-background,

package/lib/components/VFooter/index.mjs

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

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

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

package/lib/components/VForm/VForm.mjs

@@ -1,137 +1,56 @@
-// @ts-nocheck
-
-/* eslint-disable */
-// Components
-// Mixins
-import mixins from "../../util/mixins.mjs";
-import BindsAttrs from "../../mixins/binds-attrs/index.mjs";
-import { provide as RegistrableProvide } from "../../mixins/registrable.mjs"; // Helpers
-
-/* @vue/component */
-export default mixins(BindsAttrs, RegistrableProvide('form')
-/* @vue/component */
-).extend({
-  name: 'v-form',
-
-  provide() {
-    return {
-      form: this
-    };
+import { createVNode as _createVNode } from "vue";
+// Composables
+import { createForm, makeFormProps } from "../../composables/form.mjs"; // Utilities
+
+import { ref } from 'vue';
+import { defineComponent, useRender } from "../../util/index.mjs";
+export const VForm = defineComponent({
+  name: 'VForm',
+  props: { ...makeFormProps()
   },
-
-  inheritAttrs: false,
-  props: {
-    disabled: Boolean,
-    lazyValidation: Boolean,
-    readonly: Boolean,
-    value: Boolean
+  emits: {
+    'update:modelValue': val => true,
+    submit: e => true
   },
-  data: () => ({
-    inputs: [],
-    watchers: [],
-    errorBag: {}
-  }),
-  watch: {
-    errorBag: {
-      handler(val) {
-        const errors = Object.values(val).includes(true);
-        this.$emit('input', !errors);
-      },
 
-      deep: true,
-      immediate: true
+  setup(props, _ref) {
+    let {
+      slots,
+      emit
+    } = _ref;
+    const form = createForm(props);
+    const formRef = ref();
+
+    function onReset(e) {
+      e.preventDefault();
+      form.reset();
     }
-  },
-  methods: {
-    watchInput(input) {
-      const watcher = input => {
-        return input.$watch('hasError', val => {
-          this.$set(this.errorBag, input._uid, val);
-        }, {
-          immediate: true
-        });
-      };
-
-      const watchers = {
-        _uid: input._uid,
-        valid: () => {},
-        shouldValidate: () => {}
-      };
-
-      if (this.lazyValidation) {
-        // Only start watching inputs if we need to
-        watchers.shouldValidate = input.$watch('shouldValidate', val => {
-          if (!val) return; // Only watch if we're not already doing it
-
-          if (this.errorBag.hasOwnProperty(input._uid)) return;
-          watchers.valid = watcher(input);
-        });
-      } else {
-        watchers.valid = watcher(input);
-      }
-
-      return watchers;
-    },
 
-    /** @public */
-    validate() {
-      return this.inputs.filter(input => !input.validate(true)).length === 0;
-    },
-
-    /** @public */
-    reset() {
-      this.inputs.forEach(input => input.reset());
-      this.resetErrorBag();
-    },
-
-    resetErrorBag() {
-      if (this.lazyValidation) {
-        // Account for timeout in validatable
-        setTimeout(() => {
-          this.errorBag = {};
-        }, 0);
-      }
-    },
-
-    /** @public */
-    resetValidation() {
-      this.inputs.forEach(input => input.resetValidation());
-      this.resetErrorBag();
-    },
-
-    register(input) {
-      this.inputs.push(input);
-      this.watchers.push(this.watchInput(input));
-    },
-
-    unregister(input) {
-      const found = this.inputs.find(i => i._uid === input._uid);
-      if (!found) return;
-      const unwatch = this.watchers.find(i => i._uid === found._uid);
-
-      if (unwatch) {
-        unwatch.valid();
-        unwatch.shouldValidate();
-      }
-
-      this.watchers = this.watchers.filter(i => i._uid !== found._uid);
-      this.inputs = this.inputs.filter(i => i._uid !== found._uid);
-      this.$delete(this.errorBag, found._uid);
+    function onSubmit(e) {
+      e.preventDefault();
+      form.validate().then(_ref2 => {
+        let {
+          valid
+        } = _ref2;
+
+        if (valid) {
+          emit('submit', e);
+        }
+      });
     }
 
-  },
-
-  render(h) {
-    return h('form', {
-      staticClass: 'v-form',
-      attrs: {
-        novalidate: true,
-        ...this.attrs$
-      },
-      on: {
-        submit: e => this.$emit('submit', e)
-      }
-    }, this.$slots.default);
+    useRender(() => {
+      var _slots$default;
+
+      return _createVNode("form", {
+        "ref": formRef,
+        "class": "v-form",
+        "novalidate": true,
+        "onReset": onReset,
+        "onSubmit": onSubmit
+      }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, form)]);
+    });
+    return form;
   }
 
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VForm/VForm.ts"],"names":["mixins","BindsAttrs","provide","RegistrableProvide","extend","name","form","inheritAttrs","props","disabled","Boolean","lazyValidation","readonly","value","data","inputs","watchers","errorBag","watch","handler","val","errors","Object","values","includes","$emit","deep","immediate","methods","watchInput","input","watcher","$watch","$set","_uid","valid","shouldValidate","hasOwnProperty","validate","filter","length","reset","forEach","resetErrorBag","setTimeout","resetValidation","register","push","unregister","found","find","i","unwatch","$delete","render","h","staticClass","attrs","novalidate","attrs$","on","submit","e","$slots","default"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Components\nimport VInput from '../VInput/VInput'\n\n// Mixins\nimport mixins from '../../util/mixins'\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\n\n// Helpers\nimport { VNode } from 'vue'\n\ntype ErrorBag = Record<number, boolean>\ntype VInputInstance = InstanceType<typeof VInput>\ntype Watchers = {\n  _uid: number\n  valid: () => void\n  shouldValidate: () => void\n}\n\n/* @vue/component */\nexport default mixins(\n  BindsAttrs,\n  RegistrableProvide('form')\n  /* @vue/component */\n).extend({\n  name: 'v-form',\n\n  provide (): object {\n    return { form: this }\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    disabled: Boolean,\n    lazyValidation: Boolean,\n    readonly: Boolean,\n    value: Boolean,\n  },\n\n  data: () => ({\n    inputs: [] as VInputInstance[],\n    watchers: [] as Watchers[],\n    errorBag: {} as ErrorBag,\n  }),\n\n  watch: {\n    errorBag: {\n      handler (val) {\n        const errors = Object.values(val).includes(true)\n\n        this.$emit('input', !errors)\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n\n  methods: {\n    watchInput (input: any): Watchers {\n      const watcher = (input: any): (() => void) => {\n        return input.$watch('hasError', (val: boolean) => {\n          this.$set(this.errorBag, input._uid, val)\n        }, { immediate: true })\n      }\n\n      const watchers: Watchers = {\n        _uid: input._uid,\n        valid: () => {},\n        shouldValidate: () => {},\n      }\n\n      if (this.lazyValidation) {\n        // Only start watching inputs if we need to\n        watchers.shouldValidate = input.$watch('shouldValidate', (val: boolean) => {\n          if (!val) return\n\n          // Only watch if we're not already doing it\n          if (this.errorBag.hasOwnProperty(input._uid)) return\n\n          watchers.valid = watcher(input)\n        })\n      } else {\n        watchers.valid = watcher(input)\n      }\n\n      return watchers\n    },\n    /** @public */\n    validate (): boolean {\n      return this.inputs.filter(input => !input.validate(true)).length === 0\n    },\n    /** @public */\n    reset (): void {\n      this.inputs.forEach(input => input.reset())\n      this.resetErrorBag()\n    },\n    resetErrorBag () {\n      if (this.lazyValidation) {\n        // Account for timeout in validatable\n        setTimeout(() => {\n          this.errorBag = {}\n        }, 0)\n      }\n    },\n    /** @public */\n    resetValidation () {\n      this.inputs.forEach(input => input.resetValidation())\n      this.resetErrorBag()\n    },\n    register (input: VInputInstance) {\n      this.inputs.push(input)\n      this.watchers.push(this.watchInput(input))\n    },\n    unregister (input: VInputInstance) {\n      const found = this.inputs.find(i => i._uid === input._uid)\n\n      if (!found) return\n\n      const unwatch = this.watchers.find(i => i._uid === found._uid)\n      if (unwatch) {\n        unwatch.valid()\n        unwatch.shouldValidate()\n      }\n\n      this.watchers = this.watchers.filter(i => i._uid !== found._uid)\n      this.inputs = this.inputs.filter(i => i._uid !== found._uid)\n      this.$delete(this.errorBag, found._uid)\n    },\n  },\n\n  render (h): VNode {\n    return h('form', {\n      staticClass: 'v-form',\n      attrs: {\n        novalidate: true,\n        ...this.attrs$,\n      },\n      on: {\n        submit: (e: Event) => this.$emit('submit', e),\n      },\n    }, this.$slots.default)\n  },\n})\n"],"file":"VForm.mjs"}
+{"version":3,"sources":["../../../src/components/VForm/VForm.tsx"],"names":["createForm","makeFormProps","ref","defineComponent","useRender","VForm","name","props","emits","val","submit","e","setup","slots","emit","form","formRef","onReset","preventDefault","reset","onSubmit","validate","then","valid","default"],"mappings":";AAAA;SACSA,U,EAAYC,a,sCAErB;;AACA,SAASC,GAAT,QAAoB,KAApB;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,KAAK,GAAGF,eAAe,CAAC;AACnCG,EAAAA,IAAI,EAAE,OAD6B;AAGnCC,EAAAA,KAAK,EAAE,EACL,GAAGN,aAAa;AADX,GAH4B;AAOnCO,EAAAA,KAAK,EAAE;AACL,yBAAsBC,GAAD,IAAyB,IADzC;AAELC,IAAAA,MAAM,EAAGC,CAAD,IAAc;AAFjB,GAP4B;;AAYnCC,EAAAA,KAAK,CAAEL,KAAF,QAA0B;AAAA,QAAjB;AAAEM,MAAAA,KAAF;AAASC,MAAAA;AAAT,KAAiB;AAC7B,UAAMC,IAAI,GAAGf,UAAU,CAACO,KAAD,CAAvB;AACA,UAAMS,OAAO,GAAGd,GAAG,EAAnB;;AAEA,aAASe,OAAT,CAAkBN,CAAlB,EAA4B;AAC1BA,MAAAA,CAAC,CAACO,cAAF;AACAH,MAAAA,IAAI,CAACI,KAAL;AACD;;AAED,aAASC,QAAT,CAAmBT,CAAnB,EAA6B;AAC3BA,MAAAA,CAAC,CAACO,cAAF;AACAH,MAAAA,IAAI,CAACM,QAAL,GAAgBC,IAAhB,CAAqB,SAAe;AAAA,YAAd;AAAEC,UAAAA;AAAF,SAAc;;AAClC,YAAIA,KAAJ,EAAW;AACTT,UAAAA,IAAI,CAAC,QAAD,EAAWH,CAAX,CAAJ;AACD;AACF,OAJD;AAKD;;AAEDP,IAAAA,SAAS,CAAC;AAAA;;AAAA;AAAA,eAEAY,OAFA;AAAA,iBAGA,QAHA;AAAA;AAAA,mBAKIC,OALJ;AAAA,oBAMKG;AANL,4BAQJP,KAAK,CAACW,OARF,qBAQJ,oBAAAX,KAAK,EAAWE,IAAX,CARD;AAAA,KAAD,CAAT;AAYA,WAAOA,IAAP;AACD;;AA3CkC,CAAD,CAA7B","sourcesContent":["// Composables\nimport { createForm, makeFormProps } from '@/composables/form'\n\n// Utilities\nimport { ref } from 'vue'\nimport { defineComponent, useRender } from '@/util'\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: Event) => 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      e.preventDefault()\n      form.validate().then(({ valid }) => {\n        if (valid) {\n          emit('submit', e)\n        }\n      })\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 form\n  },\n})\n\nexport type VForm = InstanceType<typeof VForm>\n"],"file":"VForm.mjs"}

package/lib/components/VForm/index.mjs

@@ -1,4 +1,2 @@
-import VForm from "./VForm.mjs";
-export { VForm };
-export default VForm;
+export { VForm } from "./VForm.mjs";
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VForm/index.ts"],"names":["VForm"],"mappings":"OAAOA,K;AAEP,SAASA,KAAT;AACA,eAAeA,KAAf","sourcesContent":["import VForm from './VForm'\n\nexport { VForm }\nexport default VForm\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/components/VForm/index.ts"],"names":["VForm"],"mappings":"SAASA,K","sourcesContent":["export { VForm } from './VForm'\n"],"file":"index.mjs"}

package/lib/components/VGrid/VCol.mjs

@@ -1,10 +1,10 @@
 // Styles
-import "./VGrid.sass"; // Composables
+import "./VGrid.css"; // Composables
 
 import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
 
-import { capitalize, computed, defineComponent, h } from 'vue';
-import { makeProps } from "../../util/index.mjs"; // Types
+import { capitalize, computed, h } from 'vue';
+import { defineComponent } from "../../util/index.mjs"; // Types
 
 const breakpoints = ['sm', 'md', 'lg', 'xl', 'xxl']; // no xs
 
@@ -73,9 +73,9 @@ function breakpointClass(type, prop, val) {
   return className.toLowerCase();
 }
 
-export default defineComponent({
+export const VCol = defineComponent({
   name: 'VCol',
-  props: makeProps({
+  props: {
     cols: {
       type: [Boolean, String, Number],
       default: false
@@ -97,11 +97,12 @@ export default defineComponent({
       validator: str => ['auto', 'start', 'end', 'center', 'baseline', 'stretch'].includes(str)
     },
     ...makeTagProps()
-  }),
+  },
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
     const classes = computed(() => {
       const classList = []; // Loop through `col`, `offset`, `order` breakpoint props
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VGrid/VCol.ts"],"names":["makeTagProps","capitalize","computed","defineComponent","h","makeProps","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","name","cols","alignSelf","validator","str","includes","setup","slots","classes","classList","forEach","value","push","hasColClasses","some","startsWith","tag","class"],"mappings":"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","sourcesContent":["// Styles\nimport './VGrid.sass'\n\n// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { capitalize, computed, defineComponent, h } from 'vue'\nimport { makeProps } from '@/util'\n\n// Types\nimport type { Prop } 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 Dictionary<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 Dictionary<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 Dictionary<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\nexport default defineComponent({\n  name: 'VCol',\n\n  props: makeProps({\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,\n      default: null,\n      validator: (str: any) => ['auto', 'start', 'end', 'center', 'baseline', 'stretch'].includes(str),\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"],"file":"VCol.mjs"}
+{"version":3,"sources":["../../../src/components/VGrid/VCol.ts"],"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","VCol","name","cols","alignSelf","validator","str","includes","setup","slots","classes","classList","forEach","value","push","hasColClasses","some","startsWith","tag","class"],"mappings":"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","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 } 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\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,\n      default: null,\n      validator: (str: any) => ['auto', 'start', 'end', 'center', 'baseline', 'stretch'].includes(str),\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"],"file":"VCol.mjs"}

package/lib/components/VGrid/VContainer.mjs

@@ -1,29 +1,29 @@
 import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 // Styles
-import "./VGrid.sass"; // Composables
+import "./VGrid.css"; // Composables
 
 import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
 
-import { defineComponent } from 'vue';
-import { makeProps } from "../../util/index.mjs";
-export default defineComponent({
+import { defineComponent } from "../../util/index.mjs";
+export const VContainer = defineComponent({
   name: 'VContainer',
-  props: makeProps({
+  props: {
     fluid: {
       type: Boolean,
       default: false
     },
     ...makeTagProps()
-  }),
+  },
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
     return () => _createVNode(props.tag, {
       "class": ['v-container', {
         'v-container--fluid': props.fluid
       }]
-    }, slots, 8, ["class"]);
+    }, slots);
   }
 
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VGrid/VContainer.tsx"],"names":["makeTagProps","defineComponent","makeProps","name","props","fluid","type","Boolean","default","setup","slots"],"mappings":";AAAA;AACA,sB,CAEA;;SACSA,Y,qCAET;;AACA,SAASC,eAAT,QAAgC,KAAhC;SACSC,S;AAET,eAAeD,eAAe,CAAC;AAC7BE,EAAAA,IAAI,EAAE,YADuB;AAG7BC,EAAAA,KAAK,EAAEF,SAAS,CAAC;AACfG,IAAAA,KAAK,EAAE;AACLC,MAAAA,IAAI,EAAEC,OADD;AAELC,MAAAA,OAAO,EAAE;AAFJ,KADQ;AAKf,OAAGR,YAAY;AALA,GAAD,CAHa;;AAW7BS,EAAAA,KAAK,CAAEL,KAAF,EAAS;AAAEM,IAAAA;AAAF,GAAT,EAAoB;AACvB,WAAO;AAAA,eAEI,CACL,aADK,EAEL;AAAE,8BAAsBN,KAAK,CAACC;AAA9B,OAFK;AAFJ,OAMOK,KANP,eAAP;AASD;;AArB4B,CAAD,CAA9B","sourcesContent":["// Styles\nimport './VGrid.sass'\n\n// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { defineComponent } from 'vue'\nimport { makeProps } from '@/util'\n\nexport default defineComponent({\n  name: 'VContainer',\n\n  props: makeProps({\n    fluid: {\n      type: Boolean,\n      default: false,\n    },\n    ...makeTagProps(),\n  }),\n\n  setup (props, { slots }) {\n    return () => (\n      <props.tag\n        class={[\n          'v-container',\n          { 'v-container--fluid': props.fluid },\n        ]}\n        v-slots={ slots }\n      />\n    )\n  },\n})\n"],"file":"VContainer.mjs"}
+{"version":3,"sources":["../../../src/components/VGrid/VContainer.tsx"],"names":["makeTagProps","defineComponent","VContainer","name","props","fluid","type","Boolean","default","setup","slots"],"mappings":";AAAA;AACA,qB,CAEA;;SACSA,Y,qCAET;;SACSC,e;AAET,OAAO,MAAMC,UAAU,GAAGD,eAAe,CAAC;AACxCE,EAAAA,IAAI,EAAE,YADkC;AAGxCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,IAAI,EAAEC,OADD;AAELC,MAAAA,OAAO,EAAE;AAFJ,KADF;AAKL,OAAGR,YAAY;AALV,GAHiC;;AAWxCS,EAAAA,KAAK,CAAEL,KAAF,QAAoB;AAAA,QAAX;AAAEM,MAAAA;AAAF,KAAW;AACvB,WAAO;AAAA,eAEI,CACL,aADK,EAEL;AAAE,8BAAsBN,KAAK,CAACC;AAA9B,OAFK;AAFJ,OAMOK,KANP,CAAP;AASD;;AArBuC,CAAD,CAAlC","sourcesContent":["// Styles\nimport './VGrid.sass'\n\n// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VContainer = defineComponent({\n  name: 'VContainer',\n\n  props: {\n    fluid: {\n      type: Boolean,\n      default: false,\n    },\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    return () => (\n      <props.tag\n        class={[\n          'v-container',\n          { 'v-container--fluid': props.fluid },\n        ]}\n        v-slots={ slots }\n      />\n    )\n  },\n})\n"],"file":"VContainer.mjs"}