@vuetify/nightly 3.0.0-alpha.3 → 3.0.0-beta.2

package/lib/components/VFooter/VFooter.mjs

@@ -1,58 +1,81 @@
 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";
 import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
-import { makePositionProps, usePosition } from "../../composables/position.mjs";
+import { makeLayoutItemProps, useLayoutItem } from "../../composables/layout.mjs";
 import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
-import { useTheme } from "../../composables/theme.mjs"; // Utilities
+import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
+import { useBackgroundColor } from "../../composables/color.mjs";
+import { useResizeObserver } from "../../composables/resizeObserver.mjs"; // Utilities
 
-import { defineComponent } from 'vue';
-import { makeProps } from "../../util/index.mjs";
-export default defineComponent({
+import { computed, ref, toRef } from 'vue';
+import { defineComponent } from "../../util/index.mjs";
+export const VFooter = defineComponent({
   name: 'VFooter',
-  props: makeProps({ ...makeBorderProps(),
-    ...makeDimensionProps(),
+  props: {
+    app: Boolean,
+    color: String,
+    height: {
+      type: [Number, String],
+      default: 'auto'
+    },
+    ...makeBorderProps(),
     ...makeElevationProps(),
-    ...makePositionProps(),
+    ...makeLayoutItemProps(),
     ...makeRoundedProps(),
-    ...makeTagProps(),
     ...makeTagProps({
       tag: 'footer'
-    })
-  }),
+    }),
+    ...makeThemeProps()
+  },
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
     const {
       themeClasses
-    } = useTheme();
+    } = provideTheme(props);
     const {
-      borderClasses
-    } = useBorder(props, 'v-footer');
+      backgroundColorClasses,
+      backgroundColorStyles
+    } = useBackgroundColor(toRef(props, 'color'));
     const {
-      dimensionStyles
-    } = useDimension(props);
+      borderClasses
+    } = useBorder(props);
     const {
       elevationClasses
     } = useElevation(props);
-    const {
-      positionClasses,
-      positionStyles
-    } = usePosition(props, 'v-footer');
     const {
       roundedClasses
-    } = useRounded(props, 'v-footer');
+    } = useRounded(props);
+    const autoHeight = ref(32);
+    const {
+      resizeRef
+    } = useResizeObserver(entries => {
+      if (!entries.length) return;
+      autoHeight.value = entries[0].target.clientHeight;
+    });
+    const height = computed(() => props.height === 'auto' ? autoHeight.value : parseInt(props.height, 10));
+    const {
+      layoutItemStyles
+    } = useLayoutItem({
+      id: props.name,
+      priority: computed(() => parseInt(props.priority, 10)),
+      position: computed(() => 'bottom'),
+      layoutSize: height,
+      elementSize: computed(() => props.height === 'auto' ? undefined : height.value),
+      active: computed(() => props.app),
+      absolute: toRef(props, 'absolute')
+    });
     return () => _createVNode(props.tag, {
-      "class": ['v-footer', themeClasses.value, borderClasses.value, elevationClasses.value, positionClasses.value, roundedClasses.value],
-      "style": [dimensionStyles.value, positionStyles.value]
-    }, { ...slots,
-      _: 1
-    }, 8, ["class", "style"]);
+      "ref": resizeRef,
+      "class": ['v-footer', themeClasses.value, backgroundColorClasses.value, borderClasses.value, elevationClasses.value, roundedClasses.value],
+      "style": [backgroundColorStyles, props.app ? layoutItemStyles.value : undefined]
+    }, 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","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,Q,uCAET;;AACA,SAASC,eAAT,QAAgC,KAAhC;SACSC,S;AAET,eAAeD,eAAe,CAAC;AAC7BE,EAAAA,IAAI,EAAE,SADuB;AAG7BC,EAAAA,KAAK,EAAEF,SAAS,CAAC,EACf,GAAGb,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;AAAEM,MAAAA,GAAG,EAAE;AAAP,KAAD;AAPA,GAAD,CAHa;;AAa7BC,EAAAA,KAAK,CAAEF,KAAF,EAAS;AAAEG,IAAAA;AAAF,GAAT,EAAoB;AACvB,UAAM;AAAEC,MAAAA;AAAF,QAAmBR,QAAQ,EAAjC;AACA,UAAM;AAAES,MAAAA;AAAF,QAAoBnB,SAAS,CAACc,KAAD,EAAQ,UAAR,CAAnC;AACA,UAAM;AAAEM,MAAAA;AAAF,QAAsBlB,YAAY,CAACY,KAAD,CAAxC;AACA,UAAM;AAAEO,MAAAA;AAAF,QAAuBjB,YAAY,CAACU,KAAD,CAAzC;AACA,UAAM;AAAEQ,MAAAA,eAAF;AAAmBC,MAAAA;AAAnB,QAAsCjB,WAAW,CAACQ,KAAD,EAAQ,UAAR,CAAvD;AACA,UAAM;AAAEU,MAAAA;AAAF,QAAqBhB,UAAU,CAACM,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,YAeOR,KAfP;AAAA;AAAA,6BAAP;AAkBD;;AAvC4B,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 { 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  }),\n\n  setup (props, { slots }) {\n    const { themeClasses } = useTheme()\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","makeElevationProps","useElevation","makeLayoutItemProps","useLayoutItem","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useBackgroundColor","useResizeObserver","computed","ref","toRef","defineComponent","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","priority","position","layoutSize","elementSize","undefined","active","absolute"],"mappings":"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","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 } 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      priority: computed(() => parseInt(props.priority, 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    return () => (\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})\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,10 +9,12 @@
   padding: $footer-padding
   position: relative
 
-  // missing from variables @include border($footer-query)
-  +elevation($footer-elevation)
-  +position($footer-positions)
-  +rounded($footer-border-radius)
+  // 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,8 +1,18 @@
+@use 'sass:map';
+@use '../../styles/settings';
+
 // Defaults
-$footer-border-radius: map-get($rounded, 0) !default;
+$footer-background: rgb(var(--v-theme-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,
+  $footer-color
+) !default;

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,70 @@
-// @ts-nocheck
+import { createVNode as _createVNode } from "vue";
+// Composables
+import { createForm, makeFormProps } from "../../composables/form.mjs"; // Utilities
 
-/* 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
+import { ref } from 'vue';
+import { defineComponent, useRender } from "../../util/index.mjs";
+import { useForwardRef } from "../../composables/forwardRef.mjs"; // Types
 
-/* @vue/component */
-export default mixins(BindsAttrs, RegistrableProvide('form')
-/* @vue/component */
-).extend({
-  name: 'v-form',
-
-  provide() {
-    return {
-      form: this
-    };
+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);
+    function onSubmit(_e) {
+      const e = _e;
+      const ready = form.validate();
+      e.then = ready.then.bind(ready);
+      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();
+          }
         });
-      } 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);
+      e.preventDefault();
     }
 
-  },
-
-  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 useForwardRef(form, formRef);
   }
 
 });

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","useForwardRef","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"],"mappings":";AAAA;SACSA,U,EAAYC,a,sCAErB;;AACA,SAASC,GAAT,QAAoB,KAApB;SACSC,e,EAAiBC,S;SACjBC,a,4CAET;;AAGA,OAAO,MAAMC,KAAK,GAAGH,eAAe,CAAC;AACnCI,EAAAA,IAAI,EAAE,OAD6B;AAGnCC,EAAAA,KAAK,EAAE,EACL,GAAGP,aAAa;AADX,GAH4B;AAOnCQ,EAAAA,KAAK,EAAE;AACL,yBAAsBC,GAAD,IAAyB,IADzC;AAELC,IAAAA,MAAM,EAAGC,CAAD,IAA2B;AAF9B,GAP4B;;AAYnCC,EAAAA,KAAK,CAAEL,KAAF,QAA0B;AAAA,QAAjB;AAAEM,MAAAA,KAAF;AAASC,MAAAA;AAAT,KAAiB;AAC7B,UAAMC,IAAI,GAAGhB,UAAU,CAACQ,KAAD,CAAvB;AACA,UAAMS,OAAO,GAAGf,GAAG,EAAnB;;AAEA,aAASgB,OAAT,CAAkBN,CAAlB,EAA4B;AAC1BA,MAAAA,CAAC,CAACO,cAAF;AACAH,MAAAA,IAAI,CAACI,KAAL;AACD;;AAED,aAASC,QAAT,CAAmBC,EAAnB,EAA8B;AAC5B,YAAMV,CAAC,GAAGU,EAAV;AAEA,YAAMC,KAAK,GAAGP,IAAI,CAACQ,QAAL,EAAd;AACAZ,MAAAA,CAAC,CAACa,IAAF,GAASF,KAAK,CAACE,IAAN,CAAWC,IAAX,CAAgBH,KAAhB,CAAT;AACAX,MAAAA,CAAC,CAACe,KAAF,GAAUJ,KAAK,CAACI,KAAN,CAAYD,IAAZ,CAAiBH,KAAjB,CAAV;AACAX,MAAAA,CAAC,CAACgB,OAAF,GAAYL,KAAK,CAACK,OAAN,CAAcF,IAAd,CAAmBH,KAAnB,CAAZ;AAEAR,MAAAA,IAAI,CAAC,QAAD,EAAWH,CAAX,CAAJ;;AAEA,UAAI,CAACA,CAAC,CAACiB,gBAAP,EAAyB;AACvBN,QAAAA,KAAK,CAACE,IAAN,CAAW,SAAe;AAAA,cAAd;AAAEK,YAAAA;AAAF,WAAc;;AACxB,cAAIA,KAAJ,EAAW;AAAA;;AACT,8BAAAb,OAAO,CAACc,KAAR,oCAAepB,MAAf;AACD;AACF,SAJD;AAKD;;AAEDC,MAAAA,CAAC,CAACO,cAAF;AACD;;AAEDf,IAAAA,SAAS,CAAC;AAAA;;AAAA;AAAA,eAEAa,OAFA;AAAA,iBAGA,QAHA;AAAA;AAAA,mBAKIC,OALJ;AAAA,oBAMKG;AANL,4BAQJP,KAAK,CAACkB,OARF,qBAQJ,oBAAAlB,KAAK,EAAWE,IAAX,CARD;AAAA,KAAD,CAAT;AAYA,WAAOX,aAAa,CAACW,IAAD,EAAOC,OAAP,CAApB;AACD;;AAvDkC,CAAD,CAA7B","sourcesContent":["// Composables\nimport { createForm, makeFormProps } from '@/composables/form'\n\n// Utilities\nimport { ref } from 'vue'\nimport { defineComponent, useRender } from '@/util'\nimport { useForwardRef } from '@/composables/forwardRef'\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 useForwardRef(form, formRef)\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
 
@@ -53,7 +53,7 @@ function breakpointClass(type, prop, val) {
 
   if (prop) {
     const breakpoint = prop.replace(type, '');
-    className += "-".concat(breakpoint);
+    className += `-${breakpoint}`;
   }
 
   if (type === 'col') {
@@ -69,13 +69,13 @@ function breakpointClass(type, prop, val) {
   } // .order-md-6
 
 
-  className += "-".concat(val);
+  className += `-${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
 
@@ -119,16 +120,20 @@ export default defineComponent({
       classList.push({
         // Default to .v-col if no other col-{bp}-* classes generated nor `cols` specified.
         'v-col': !hasColClasses || !props.cols,
-        ["v-col-".concat(props.cols)]: props.cols,
-        ["offset-".concat(props.offset)]: props.offset,
-        ["order-".concat(props.order)]: props.order,
-        ["align-self-".concat(props.alignSelf)]: props.alignSelf
+        [`v-col-${props.cols}`]: props.cols,
+        [`offset-${props.offset}`]: props.offset,
+        [`order-${props.order}`]: props.order,
+        [`align-self-${props.alignSelf}`]: props.alignSelf
       });
       return classList;
     });
-    return () => h(props.tag, {
-      class: classes.value
-    }, slots.default == null ? void 0 : slots.default());
+    return () => {
+      var _slots$default;
+
+      return h(props.tag, {
+        class: classes.value
+      }, (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots));
+    };
   }
 
 });

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":"AAAA;AACA,sB,CAEA;;SACSA,Y,qCAET;;AACA,SAASC,UAAT,EAAqBC,QAArB,EAA+BC,eAA/B,EAAgDC,CAAhD,QAAyD,KAAzD;SACSC,S,gCAET;;AAGA,MAAMC,WAAW,GAAG,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyB,KAAzB,CAApB,C,CAA6D;;AAE7D,MAAMC,eAAe,GAAG,CAAC,MAAM;AAC7B,SAAOD,WAAW,CAACE,MAAZ,CAAmB,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxCD,IAAAA,KAAK,CAACC,GAAD,CAAL,GAAa;AACXC,MAAAA,IAAI,EAAE,CAACC,OAAD,EAAUC,MAAV,EAAkBC,MAAlB,CADK;AAEXC,MAAAA,OAAO,EAAE;AAFE,KAAb;AAIA,WAAON,KAAP;AACD,GANM,EAMJ,EANI,CAAP;AAOD,CARuB,GAAxB;;AAUA,MAAMO,WAAW,GAAG,CAAC,MAAM;AACzB,SAAOV,WAAW,CAACE,MAAZ,CAAmB,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxCD,IAAAA,KAAK,CAAC,WAAWR,UAAU,CAACS,GAAD,CAAtB,CAAL,GAAoC;AAClCC,MAAAA,IAAI,EAAE,CAACE,MAAD,EAASC,MAAT,CAD4B;AAElCC,MAAAA,OAAO,EAAE;AAFyB,KAApC;AAIA,WAAON,KAAP;AACD,GANM,EAMJ,EANI,CAAP;AAOD,CARmB,GAApB;;AAUA,MAAMQ,UAAU,GAAG,CAAC,MAAM;AACxB,SAAOX,WAAW,CAACE,MAAZ,CAAmB,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxCD,IAAAA,KAAK,CAAC,UAAUR,UAAU,CAACS,GAAD,CAArB,CAAL,GAAmC;AACjCC,MAAAA,IAAI,EAAE,CAACE,MAAD,EAASC,MAAT,CAD2B;AAEjCC,MAAAA,OAAO,EAAE;AAFwB,KAAnC;AAIA,WAAON,KAAP;AACD,GANM,EAMJ,EANI,CAAP;AAOD,CARkB,GAAnB;;AAUA,MAAMS,OAAO,GAAG;AACdC,EAAAA,GAAG,EAAEC,MAAM,CAACC,IAAP,CAAYd,eAAZ,CADS;AAEde,EAAAA,MAAM,EAAEF,MAAM,CAACC,IAAP,CAAYL,WAAZ,CAFM;AAGdO,EAAAA,KAAK,EAAEH,MAAM,CAACC,IAAP,CAAYJ,UAAZ;AAHO,CAAhB;;AAMA,SAASO,eAAT,CAA0Bb,IAA1B,EAAsDc,IAAtD,EAAoEf,GAApE,EAAoG;AAClG,MAAIgB,SAAiB,GAAGf,IAAxB;;AACA,MAAID,GAAG,IAAI,IAAP,IAAeA,GAAG,KAAK,KAA3B,EAAkC;AAChC,WAAOiB,SAAP;AACD;;AACD,MAAIF,IAAJ,EAAU;AACR,UAAMG,UAAU,GAAGH,IAAI,CAACI,OAAL,CAAalB,IAAb,EAAmB,EAAnB,CAAnB;AACAe,IAAAA,SAAS,eAAQE,UAAR,CAAT;AACD;;AACD,MAAIjB,IAAI,KAAK,KAAb,EAAoB;AAClBe,IAAAA,SAAS,GAAG,OAAOA,SAAnB;AACD,GAXiG,CAYlG;AACA;AACA;;;AACA,MAAIf,IAAI,KAAK,KAAT,KAAmBD,GAAG,KAAK,EAAR,IAAcA,GAAG,KAAK,IAAzC,CAAJ,EAAoD;AAClD;AACA,WAAOgB,SAAS,CAACI,WAAV,EAAP;AACD,GAlBiG,CAmBlG;;;AACAJ,EAAAA,SAAS,eAAQhB,GAAR,CAAT;AACA,SAAOgB,SAAS,CAACI,WAAV,EAAP;AACD;;AAED,eAAe3B,eAAe,CAAC;AAC7B4B,EAAAA,IAAI,EAAE,MADuB;AAG7BtB,EAAAA,KAAK,EAAEJ,SAAS,CAAC;AACf2B,IAAAA,IAAI,EAAE;AACJrB,MAAAA,IAAI,EAAE,CAACC,OAAD,EAAUC,MAAV,EAAkBC,MAAlB,CADF;AAEJC,MAAAA,OAAO,EAAE;AAFL,KADS;AAKf,OAAGR,eALY;AAMfe,IAAAA,MAAM,EAAE;AACNX,MAAAA,IAAI,EAAE,CAACE,MAAD,EAASC,MAAT,CADA;AAENC,MAAAA,OAAO,EAAE;AAFH,KANO;AAUf,OAAGC,WAVY;AAWfO,IAAAA,KAAK,EAAE;AACLZ,MAAAA,IAAI,EAAE,CAACE,MAAD,EAASC,MAAT,CADD;AAELC,MAAAA,OAAO,EAAE;AAFJ,KAXQ;AAef,OAAGE,UAfY;AAgBfgB,IAAAA,SAAS,EAAE;AACTtB,MAAAA,IAAI,EAAEE,MADG;AAETE,MAAAA,OAAO,EAAE,IAFA;AAGTmB,MAAAA,SAAS,EAAGC,GAAD,IAAc,CAAC,MAAD,EAAS,OAAT,EAAkB,KAAlB,EAAyB,QAAzB,EAAmC,UAAnC,EAA+C,SAA/C,EAA0DC,QAA1D,CAAmED,GAAnE;AAHhB,KAhBI;AAqBf,OAAGnC,YAAY;AArBA,GAAD,CAHa;;AA2B7BqC,EAAAA,KAAK,CAAE5B,KAAF,EAAS;AAAE6B,IAAAA;AAAF,GAAT,EAAoB;AACvB,UAAMC,OAAO,GAAGrC,QAAQ,CAAC,MAAM;AAC7B,YAAMsC,SAAgB,GAAG,EAAzB,CAD6B,CAG7B;;AACA,UAAI7B,IAAJ;;AACA,WAAKA,IAAL,IAAaO,OAAb,EAAsB;AACpBA,QAAAA,OAAO,CAACP,IAAD,CAAP,CAAc8B,OAAd,CAAsBhB,IAAI,IAAI;AAC5B,gBAAMiB,KAAgC,GAAIjC,KAAD,CAAegB,IAAf,CAAzC;AACA,gBAAMC,SAAS,GAAGF,eAAe,CAACb,IAAD,EAAOc,IAAP,EAAaiB,KAAb,CAAjC;AACA,cAAIhB,SAAJ,EAAec,SAAS,CAAEG,IAAX,CAAgBjB,SAAhB;AAChB,SAJD;AAKD;;AAED,YAAMkB,aAAa,GAAGJ,SAAS,CAACK,IAAV,CAAenB,SAAS,IAAIA,SAAS,CAACoB,UAAV,CAAqB,QAArB,CAA5B,CAAtB;AAEAN,MAAAA,SAAS,CAACG,IAAV,CAAe;AACb;AACA,iBAAS,CAACC,aAAD,IAAkB,CAACnC,KAAK,CAACuB,IAFrB;AAGb,yBAAUvB,KAAK,CAACuB,IAAhB,IAAyBvB,KAAK,CAACuB,IAHlB;AAIb,0BAAWvB,KAAK,CAACa,MAAjB,IAA4Bb,KAAK,CAACa,MAJrB;AAKb,yBAAUb,KAAK,CAACc,KAAhB,IAA0Bd,KAAK,CAACc,KALnB;AAMb,8BAAed,KAAK,CAACwB,SAArB,IAAmCxB,KAAK,CAACwB;AAN5B,OAAf;AASA,aAAOO,SAAP;AACD,KAzBuB,CAAxB;AA2BA,WAAO,MAAMpC,CAAC,CAACK,KAAK,CAACsC,GAAP,EAAY;AACxBC,MAAAA,KAAK,EAAET,OAAO,CAACG;AADS,KAAZ,EAEXJ,KAAK,CAACvB,OAFK,oBAEXuB,KAAK,CAACvB,OAAN,EAFW,CAAd;AAGD;;AA1D4B,CAAD,CAA9B","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,31 +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,
-      _: 1
-    }, 8, ["class"]);
+    }, slots);
   }
 
 });