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

package/lib/components/VGrid/VCol.mjs

@@ -73,6 +73,7 @@ function breakpointClass(type, prop, val) {
   return className.toLowerCase();
 }
 
+const ALIGN_SELF_VALUES = ['auto', 'start', 'end', 'center', 'baseline', 'stretch'];
 export const VCol = defineComponent({
   name: 'VCol',
   props: {
@@ -94,7 +95,7 @@ export const VCol = defineComponent({
     alignSelf: {
       type: String,
       default: null,
-      validator: str => ['auto', 'start', 'end', 'center', 'baseline', 'stretch'].includes(str)
+      validator: str => ALIGN_SELF_VALUES.includes(str)
     },
     ...makeTagProps()
   },

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

@@ -1 +1 @@
-{"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"}
+{"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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"}

package/lib/components/VGrid/VContainer.mjs

@@ -4,7 +4,7 @@ import "./VGrid.css"; // Composables
 
 import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
 
-import { defineComponent } from "../../util/index.mjs";
+import { defineComponent, useRender } from "../../util/index.mjs";
 export const VContainer = defineComponent({
   name: 'VContainer',
   props: {
@@ -19,11 +19,12 @@ export const VContainer = defineComponent({
     let {
       slots
     } = _ref;
-    return () => _createVNode(props.tag, {
+    useRender(() => _createVNode(props.tag, {
       "class": ['v-container', {
         'v-container--fluid': props.fluid
       }]
-    }, slots);
+    }, slots));
+    return {};
   }
 
 });

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"VContainer.mjs","names":["makeTagProps","defineComponent","useRender","VContainer","name","props","fluid","type","Boolean","default","setup","slots"],"sources":["../../../src/components/VGrid/VContainer.tsx"],"sourcesContent":["// Styles\nimport './VGrid.sass'\n\n// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VContainer = defineComponent({\n  name: 'VContainer',\n\n  props: {\n    fluid: {\n      type: Boolean,\n      default: false,\n    },\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-container',\n          { 'v-container--fluid': props.fluid },\n        ]}\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;AACA,qB,CAEA;;SACSA,Y,qCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,UAAU,GAAGF,eAAe,CAAC;EACxCG,IAAI,EAAE,YADkC;EAGxCC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,IAAI,EAAEC,OADD;MAELC,OAAO,EAAE;IAFJ,CADF;IAML,GAAGT,YAAY;EANV,CAHiC;;EAYxCU,KAAK,CAAEL,KAAF,QAAoB;IAAA,IAAX;MAAEM;IAAF,CAAW;IACvBT,SAAS,CAAC;MAAA,SAEC,CACL,aADK,EAEL;QAAE,sBAAsBG,KAAK,CAACC;MAA9B,CAFK;IAFD,GAMIK,KANJ,CAAD,CAAT;IAUA,OAAO,EAAP;EACD;;AAxBuC,CAAD,CAAlC"}

package/lib/components/VGrid/VRow.mjs

@@ -9,6 +9,7 @@ import { defineComponent } from "../../util/index.mjs"; // Types
 const breakpoints = ['sm', 'md', 'lg', 'xl', 'xxl']; // no xs
 
 const ALIGNMENT = ['start', 'end', 'center'];
+const SPACE = ['space-between', 'space-around', 'space-evenly'];
 
 function makeRowProps(prefix, def) {
   return breakpoints.reduce((props, val) => {
@@ -17,23 +18,27 @@ function makeRowProps(prefix, def) {
   }, {});
 }
 
-const alignValidator = str => [...ALIGNMENT, 'baseline', 'stretch'].includes(str);
+const ALIGN_VALUES = [...ALIGNMENT, 'baseline', 'stretch'];
+
+const alignValidator = str => ALIGN_VALUES.includes(str);
 
 const alignProps = makeRowProps('align', () => ({
   type: String,
   default: null,
   validator: alignValidator
 }));
+const JUSTIFY_VALUES = [...ALIGNMENT, ...SPACE];
 
-const justifyValidator = str => [...ALIGNMENT, 'space-between', 'space-around'].includes(str);
+const justifyValidator = str => JUSTIFY_VALUES.includes(str);
 
 const justifyProps = makeRowProps('justify', () => ({
   type: String,
   default: null,
   validator: justifyValidator
 }));
+const ALIGN_CONTENT_VALUES = [...ALIGNMENT, ...SPACE, 'stretch'];
 
-const alignContentValidator = str => [...ALIGNMENT, 'space-between', 'space-around', 'stretch'].includes(str);
+const alignContentValidator = str => ALIGN_CONTENT_VALUES.includes(str);
 
 const alignContentProps = makeRowProps('alignContent', () => ({
   type: String,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VGrid/VRow.ts"],"names":["makeTagProps","capitalize","computed","h","defineComponent","breakpoints","ALIGNMENT","makeRowProps","prefix","def","reduce","props","val","alignValidator","str","includes","alignProps","type","String","default","validator","justifyValidator","justifyProps","alignContentValidator","alignContentProps","propMap","align","Object","keys","justify","alignContent","classMap","breakpointClass","prop","className","undefined","breakpoint","replace","toLowerCase","VRow","name","dense","Boolean","noGutters","setup","slots","classes","classList","forEach","value","push","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 ALIGNMENT = ['start', 'end', 'center'] as const\n\nfunction makeRowProps (prefix: string, def: () => Prop<string, null>) {\n  return breakpoints.reduce((props, val) => {\n    props[prefix + capitalize(val)] = def()\n    return props\n  }, {} as Record<string, Prop<string, null>>)\n}\n\nconst alignValidator = (str: any) => [...ALIGNMENT, 'baseline', 'stretch'].includes(str)\nconst alignProps = makeRowProps('align', () => ({\n  type: String,\n  default: null,\n  validator: alignValidator,\n}))\n\nconst justifyValidator = (str: any) => [...ALIGNMENT, 'space-between', 'space-around'].includes(str)\nconst justifyProps = makeRowProps('justify', () => ({\n  type: String,\n  default: null,\n  validator: justifyValidator,\n}))\n\nconst alignContentValidator = (str: any) => [...ALIGNMENT, 'space-between', 'space-around', 'stretch'].includes(str)\nconst alignContentProps = makeRowProps('alignContent', () => ({\n  type: String,\n  default: null,\n  validator: alignContentValidator,\n}))\n\nconst propMap = {\n  align: Object.keys(alignProps),\n  justify: Object.keys(justifyProps),\n  alignContent: Object.keys(alignContentProps),\n}\n\nconst classMap = {\n  align: 'align',\n  justify: 'justify',\n  alignContent: 'align-content',\n}\n\nfunction breakpointClass (type: keyof typeof propMap, prop: string, val: string) {\n  let className = classMap[type]\n  if (val == null) {\n    return undefined\n  }\n  if (prop) {\n    // alignSm -> Sm\n    const breakpoint = prop.replace(type, '')\n    className += `-${breakpoint}`\n  }\n  // .align-items-sm-center\n  className += `-${val}`\n  return className.toLowerCase()\n}\n\nexport const VRow = defineComponent({\n  name: 'VRow',\n\n  props: {\n    dense: Boolean,\n    noGutters: Boolean,\n    align: {\n      type: String,\n      default: null,\n      validator: alignValidator,\n    },\n    ...alignProps,\n    justify: {\n      type: String,\n      default: null,\n      validator: justifyValidator,\n    },\n    ...justifyProps,\n    alignContent: {\n      type: String,\n      default: null,\n      validator: alignContentValidator,\n    },\n    ...alignContentProps,\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    const classes = computed(() => {\n      const classList: any[] = []\n\n      // Loop through `align`, `justify`, `alignContent` breakpoint props\n      let type: keyof typeof propMap\n      for (type in propMap) {\n        propMap[type].forEach(prop => {\n          const value: string = (props as any)[prop]\n          const className = breakpointClass(type, prop, value)\n          if (className) classList!.push(className)\n        })\n      }\n\n      classList.push({\n        'v-row--no-gutters': props.noGutters,\n        'v-row--dense': props.dense,\n        [`align-${props.align}`]: props.align,\n        [`justify-${props.justify}`]: props.justify,\n        [`align-content-${props.alignContent}`]: props.alignContent,\n      })\n\n      return classList\n    })\n\n    return () => h(props.tag, {\n      class: ['v-row', classes.value],\n    }, slots.default?.())\n  },\n})\n"],"file":"VRow.mjs"}
+{"version":3,"file":"VRow.mjs","names":["makeTagProps","capitalize","computed","h","defineComponent","breakpoints","ALIGNMENT","SPACE","makeRowProps","prefix","def","reduce","props","val","ALIGN_VALUES","alignValidator","str","includes","alignProps","type","String","default","validator","JUSTIFY_VALUES","justifyValidator","justifyProps","ALIGN_CONTENT_VALUES","alignContentValidator","alignContentProps","propMap","align","Object","keys","justify","alignContent","classMap","breakpointClass","prop","className","undefined","breakpoint","replace","toLowerCase","VRow","name","dense","Boolean","noGutters","setup","slots","classes","classList","forEach","value","push","tag","class"],"sources":["../../../src/components/VGrid/VRow.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 ALIGNMENT = ['start', 'end', 'center'] as const\n\nconst SPACE = ['space-between', 'space-around', 'space-evenly'] as const\n\nfunction makeRowProps <T> (prefix: string, def: () => Prop<T, null>) {\n  return breakpoints.reduce((props, val) => {\n    props[prefix + capitalize(val)] = def()\n    return props\n  }, {} as Record<string, Prop<T, null>>)\n}\n\nconst ALIGN_VALUES = [...ALIGNMENT, 'baseline', 'stretch'] as const\nconst alignValidator = (str: any) => ALIGN_VALUES.includes(str)\nconst alignProps = makeRowProps('align', () => ({\n  type: String as PropType<typeof ALIGN_VALUES[number]>,\n  default: null,\n  validator: alignValidator,\n}))\n\nconst JUSTIFY_VALUES = [...ALIGNMENT, ...SPACE] as const\nconst justifyValidator = (str: any) => JUSTIFY_VALUES.includes(str)\nconst justifyProps = makeRowProps('justify', () => ({\n  type: String as PropType<typeof JUSTIFY_VALUES[number]>,\n  default: null,\n  validator: justifyValidator,\n}))\n\nconst ALIGN_CONTENT_VALUES = [...ALIGNMENT, ...SPACE, 'stretch'] as const\nconst alignContentValidator = (str: any) => ALIGN_CONTENT_VALUES.includes(str)\nconst alignContentProps = makeRowProps('alignContent', () => ({\n  type: String as PropType<typeof ALIGN_CONTENT_VALUES[number]>,\n  default: null,\n  validator: alignContentValidator,\n}))\n\nconst propMap = {\n  align: Object.keys(alignProps),\n  justify: Object.keys(justifyProps),\n  alignContent: Object.keys(alignContentProps),\n}\n\nconst classMap = {\n  align: 'align',\n  justify: 'justify',\n  alignContent: 'align-content',\n}\n\nfunction breakpointClass (type: keyof typeof propMap, prop: string, val: string) {\n  let className = classMap[type]\n  if (val == null) {\n    return undefined\n  }\n  if (prop) {\n    // alignSm -> Sm\n    const breakpoint = prop.replace(type, '')\n    className += `-${breakpoint}`\n  }\n  // .align-items-sm-center\n  className += `-${val}`\n  return className.toLowerCase()\n}\n\nexport const VRow = defineComponent({\n  name: 'VRow',\n\n  props: {\n    dense: Boolean,\n    noGutters: Boolean,\n    align: {\n      type: String as PropType<typeof ALIGN_VALUES[number]>,\n      default: null,\n      validator: alignValidator,\n    },\n    ...alignProps,\n    justify: {\n      type: String as PropType<typeof ALIGN_CONTENT_VALUES[number]>,\n      default: null,\n      validator: justifyValidator,\n    },\n    ...justifyProps,\n    alignContent: {\n      type: String as PropType<typeof ALIGN_CONTENT_VALUES[number]>,\n      default: null,\n      validator: alignContentValidator,\n    },\n\n    ...alignContentProps,\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    const classes = computed(() => {\n      const classList: any[] = []\n\n      // Loop through `align`, `justify`, `alignContent` breakpoint props\n      let type: keyof typeof propMap\n      for (type in propMap) {\n        propMap[type].forEach(prop => {\n          const value: string = (props as any)[prop]\n          const className = breakpointClass(type, prop, value)\n          if (className) classList!.push(className)\n        })\n      }\n\n      classList.push({\n        'v-row--no-gutters': props.noGutters,\n        'v-row--dense': props.dense,\n        [`align-${props.align}`]: props.align,\n        [`justify-${props.justify}`]: props.justify,\n        [`align-content-${props.alignContent}`]: props.alignContent,\n      })\n\n      return classList\n    })\n\n    return () => h(props.tag, {\n      class: ['v-row', classes.value],\n    }, slots.default?.())\n  },\n})\n\nexport type VRow = InstanceType<typeof VRow>\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VGrid/VSpacer.ts"],"names":["createSimpleFunctional","VSpacer"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,OAAO,GAAGD,sBAAsB,CAAC,aAAD,EAAgB,KAAhB,EAAuB,SAAvB,CAAtC","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VSpacer = createSimpleFunctional('flex-grow-1', 'div', 'VSpacer')\n"],"file":"VSpacer.mjs"}
+{"version":3,"file":"VSpacer.mjs","names":["createSimpleFunctional","VSpacer"],"sources":["../../../src/components/VGrid/VSpacer.ts"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VSpacer = createSimpleFunctional('flex-grow-1', 'div', 'VSpacer')\n"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,OAAO,GAAGD,sBAAsB,CAAC,aAAD,EAAgB,KAAhB,EAAuB,SAAvB,CAAtC"}

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

@@ -0,0 +1,154 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+
+declare const VContainer: vue.DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    fluid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    fluid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    tag: string;
+    fluid: boolean;
+}>;
+
+declare const VCol: vue.DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    alignSelf: {
+        type: PropType<"auto" | "center" | "end" | "start" | "stretch" | "baseline">;
+        default: null;
+        validator: (str: any) => boolean;
+    };
+    order: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    offset: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    cols: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: boolean;
+    };
+}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    alignSelf: {
+        type: PropType<"auto" | "center" | "end" | "start" | "stretch" | "baseline">;
+        default: null;
+        validator: (str: any) => boolean;
+    };
+    order: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    offset: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    cols: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: boolean;
+    };
+}>>, {
+    offset: string | number;
+    alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
+    order: string | number;
+    tag: string;
+    cols: string | number | boolean;
+}>;
+declare type VCol = InstanceType<typeof VCol>;
+
+declare const VRow: vue.DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    alignContent: {
+        type: PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch">;
+        default: null;
+        validator: (str: any) => boolean;
+    };
+    justify: {
+        type: PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch">;
+        default: null;
+        validator: (str: any) => boolean;
+    };
+    dense: BooleanConstructor;
+    noGutters: BooleanConstructor;
+    align: {
+        type: PropType<"center" | "end" | "start" | "stretch" | "baseline">;
+        default: null;
+        validator: (str: any) => boolean;
+    };
+}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    alignContent: {
+        type: PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch">;
+        default: null;
+        validator: (str: any) => boolean;
+    };
+    justify: {
+        type: PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch">;
+        default: null;
+        validator: (str: any) => boolean;
+    };
+    dense: BooleanConstructor;
+    noGutters: BooleanConstructor;
+    align: {
+        type: PropType<"center" | "end" | "start" | "stretch" | "baseline">;
+        default: null;
+        validator: (str: any) => boolean;
+    };
+}>>, {
+    alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
+    tag: string;
+    dense: boolean;
+    justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
+    align: "center" | "end" | "start" | "stretch" | "baseline";
+    noGutters: boolean;
+}>;
+declare type VRow = InstanceType<typeof VRow>;
+
+declare const VSpacer: vue.DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    tag: string;
+}>;
+
+export { VCol, VContainer, VRow, VSpacer };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VGrid/index.ts"],"names":["VContainer","VCol","VRow","VSpacer"],"mappings":"SAASA,U;SACAC,I;SACAC,I;SACAC,O","sourcesContent":["export { VContainer } from './VContainer'\nexport { VCol } from './VCol'\nexport { VRow } from './VRow'\nexport { VSpacer } from './VSpacer'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VContainer","VCol","VRow","VSpacer"],"sources":["../../../src/components/VGrid/index.ts"],"sourcesContent":["export { VContainer } from './VContainer'\nexport { VCol } from './VCol'\nexport { VRow } from './VRow'\nexport { VSpacer } from './VSpacer'\n"],"mappings":"SAASA,U;SACAC,I;SACAC,I;SACAC,O"}

package/lib/components/VHover/VHover.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VHover/VHover.tsx"],"names":["makeDelayProps","useDelay","useProxiedModel","defineComponent","VHover","name","props","disabled","Boolean","modelValue","type","default","undefined","emits","value","setup","slots","isHovering","runOpenDelay","runCloseDelay","onMouseenter","onMouseleave"],"mappings":"AAAA;SACSA,c,EAAgBC,Q;SAChBC,e,8CAET;;SACSC,e;AAET,OAAO,MAAMC,MAAM,GAAGD,eAAe,CAAC;AACpCE,EAAAA,IAAI,EAAE,QAD8B;AAGpCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAEC,OADL;AAELC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAEF,OADI;AAEVG,MAAAA,OAAO,EAAEC;AAFC,KAFP;AAOL,OAAGZ,cAAc;AAPZ,GAH6B;AAapCa,EAAAA,KAAK,EAAE;AACL,yBAAsBC,KAAD,IAAoB;AADpC,GAb6B;;AAiBpCC,EAAAA,KAAK,CAAET,KAAF,QAAoB;AAAA,QAAX;AAAEU,MAAAA;AAAF,KAAW;AACvB,UAAMC,UAAU,GAAGf,eAAe,CAACI,KAAD,EAAQ,YAAR,CAAlC;AACA,UAAM;AAAEY,MAAAA,YAAF;AAAgBC,MAAAA;AAAhB,QAAkClB,QAAQ,CAACK,KAAD,EAAQQ,KAAK,IAAI,CAACR,KAAK,CAACC,QAAP,KAAoBU,UAAU,CAACH,KAAX,GAAmBA,KAAvC,CAAjB,CAAhD;AAEA,WAAO;AAAA;;AAAA,+BAAME,KAAK,CAACL,OAAZ,qBAAM,oBAAAK,KAAK,EAAW;AAC3BC,QAAAA,UAAU,EAAEA,UAAU,CAACH,KADI;AAE3BR,QAAAA,KAAK,EAAE;AACLc,UAAAA,YAAY,EAAEF,YADT;AAELG,UAAAA,YAAY,EAAEF;AAFT;AAFoB,OAAX,CAAX;AAAA,KAAP;AAOD;;AA5BmC,CAAD,CAA9B","sourcesContent":["// Composables\nimport { makeDelayProps, useDelay } from '@/composables/delay'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VHover = defineComponent({\n  name: 'VHover',\n\n  props: {\n    disabled: Boolean,\n    modelValue: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    ...makeDelayProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const isHovering = useProxiedModel(props, 'modelValue')\n    const { runOpenDelay, runCloseDelay } = useDelay(props, value => !props.disabled && (isHovering.value = value))\n\n    return () => slots.default?.({\n      isHovering: isHovering.value,\n      props: {\n        onMouseenter: runOpenDelay,\n        onMouseleave: runCloseDelay,\n      },\n    })\n  },\n})\n"],"file":"VHover.mjs"}
+{"version":3,"file":"VHover.mjs","names":["makeDelayProps","useDelay","useProxiedModel","defineComponent","VHover","name","props","disabled","Boolean","modelValue","type","default","undefined","emits","value","setup","slots","isHovering","runOpenDelay","runCloseDelay","onMouseenter","onMouseleave"],"sources":["../../../src/components/VHover/VHover.tsx"],"sourcesContent":["// Composables\nimport { makeDelayProps, useDelay } from '@/composables/delay'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VHover = defineComponent({\n  name: 'VHover',\n\n  props: {\n    disabled: Boolean,\n    modelValue: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    ...makeDelayProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const isHovering = useProxiedModel(props, 'modelValue')\n    const { runOpenDelay, runCloseDelay } = useDelay(props, value => !props.disabled && (isHovering.value = value))\n\n    return () => slots.default?.({\n      isHovering: isHovering.value,\n      props: {\n        onMouseenter: runOpenDelay,\n        onMouseleave: runCloseDelay,\n      },\n    })\n  },\n})\n"],"mappings":"AAAA;SACSA,c,EAAgBC,Q;SAChBC,e,8CAET;;SACSC,e;AAET,OAAO,MAAMC,MAAM,GAAGD,eAAe,CAAC;EACpCE,IAAI,EAAE,QAD8B;EAGpCC,KAAK,EAAE;IACLC,QAAQ,EAAEC,OADL;IAELC,UAAU,EAAE;MACVC,IAAI,EAAEF,OADI;MAEVG,OAAO,EAAEC;IAFC,CAFP;IAOL,GAAGZ,cAAc;EAPZ,CAH6B;EAapCa,KAAK,EAAE;IACL,qBAAsBC,KAAD,IAAoB;EADpC,CAb6B;;EAiBpCC,KAAK,CAAET,KAAF,QAAoB;IAAA,IAAX;MAAEU;IAAF,CAAW;IACvB,MAAMC,UAAU,GAAGf,eAAe,CAACI,KAAD,EAAQ,YAAR,CAAlC;IACA,MAAM;MAAEY,YAAF;MAAgBC;IAAhB,IAAkClB,QAAQ,CAACK,KAAD,EAAQQ,KAAK,IAAI,CAACR,KAAK,CAACC,QAAP,KAAoBU,UAAU,CAACH,KAAX,GAAmBA,KAAvC,CAAjB,CAAhD;IAEA,OAAO;MAAA;;MAAA,yBAAME,KAAK,CAACL,OAAZ,qBAAM,oBAAAK,KAAK,EAAW;QAC3BC,UAAU,EAAEA,UAAU,CAACH,KADI;QAE3BR,KAAK,EAAE;UACLc,YAAY,EAAEF,YADT;UAELG,YAAY,EAAEF;QAFT;MAFoB,CAAX,CAAX;IAAA,CAAP;EAOD;;AA5BmC,CAAD,CAA9B"}

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

@@ -0,0 +1,30 @@
+import * as vue from 'vue';
+
+declare const VHover: vue.DefineComponent<{
+    closeDelay: (StringConstructor | NumberConstructor)[];
+    openDelay: (StringConstructor | NumberConstructor)[];
+    disabled: BooleanConstructor;
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (value: boolean) => true;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    closeDelay: (StringConstructor | NumberConstructor)[];
+    openDelay: (StringConstructor | NumberConstructor)[];
+    disabled: BooleanConstructor;
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}, {
+    disabled: boolean;
+    modelValue: boolean;
+}>;
+
+export { VHover };

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

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

package/lib/components/VIcon/VIcon.css

@@ -1,4 +1,5 @@
 .v-icon {
+  --v-icon-size-multiplier: 1;
   align-items: center;
   display: inline-flex;
   font-feature-settings: "liga";
@@ -12,26 +13,23 @@
   vertical-align: middle;
   width: 1em;
 }
-.v-icon--left {
-  margin-inline-end: 8px;
-}
-.v-icon--right {
-  margin-inline-start: 8px;
+.v-icon--clickable {
+  cursor: pointer;
 }
 .v-icon--size-x-small {
-  font-size: 1em;
+  font-size: calc(var(--v-icon-size-multiplier) * 1em);
 }
 .v-icon--size-small {
-  font-size: 1.25em;
+  font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
 }
 .v-icon--size-default {
-  font-size: 1.5em;
+  font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
 }
 .v-icon--size-large {
-  font-size: 1.75em;
+  font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
 }
 .v-icon--size-x-large {
-  font-size: 2em;
+  font-size: calc(var(--v-icon-size-multiplier) * 2em);
 }
 
 .v-icon__svg {
@@ -40,11 +38,10 @@
   height: 100%;
 }
 
-.v-btn:not(.v-btn--icon) .v-icon--left {
-  margin-inline-start: calc(var(--v-btn-height) / -9);
-  margin-inline-end: calc(var(--v-btn-height) / 4.5);
+.v-icon--start {
+  margin-inline-end: 8px;
 }
-.v-btn:not(.v-btn--icon) .v-icon--right {
-  margin-inline-start: calc(var(--v-btn-height) / 4.5);
-  margin-inline-end: calc(var(--v-btn-height) / -9);
+
+.v-icon--end {
+  margin-inline-start: 8px;
 }

package/lib/components/VIcon/VIcon.mjs

@@ -2,33 +2,33 @@ import { createVNode as _createVNode } from "vue";
 // Styles
 import "./VIcon.css"; // Composables
 
+import { IconValue, useIcon } from "../../composables/icons.mjs";
 import { makeSizeProps, useSize } from "../../composables/size.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
-import { useIcon } from "../../composables/icons.mjs";
-import { useTextColor } from "../../composables/color.mjs";
-import { makeThemeProps, provideTheme } from "../../composables/theme.mjs"; // Utilities
+import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
+import { useTextColor } from "../../composables/color.mjs"; // Utilities
 
 import { computed, toRef } from 'vue';
-import { convertToUnit, defineComponent, flattenFragments } from "../../util/index.mjs"; // Types
+import { convertToUnit, defineComponent, flattenFragments, propsFactory, useRender } from "../../util/index.mjs"; // Types
 
+export const makeVIconProps = propsFactory({
+  color: String,
+  start: Boolean,
+  end: Boolean,
+  icon: IconValue,
+  ...makeSizeProps(),
+  ...makeTagProps({
+    tag: 'i'
+  }),
+  ...makeThemeProps()
+}, 'v-icon');
 export const VIcon = defineComponent({
   name: 'VIcon',
-  props: {
-    color: String,
-    left: Boolean,
-    right: Boolean,
-    icon: {
-      type: [String, Object]
-    },
-    ...makeSizeProps(),
-    ...makeTagProps({
-      tag: 'i'
-    }),
-    ...makeThemeProps()
-  },
+  props: makeVIconProps(),
 
   setup(props, _ref) {
     let {
+      attrs,
       slots
     } = _ref;
     let slotIcon;
@@ -56,22 +56,23 @@ export const VIcon = defineComponent({
       textColorClasses,
       textColorStyles
     } = useTextColor(toRef(props, 'color'));
-    return () => {
-      return _createVNode(iconData.value.component, {
-        "tag": props.tag,
-        "icon": iconData.value.icon,
-        "class": ['v-icon', 'notranslate', sizeClasses.value, textColorClasses.value, themeClasses.value, {
-          'v-icon--left': props.left,
-          'v-icon--right': props.right
-        }],
-        "style": [!sizeClasses.value ? {
-          fontSize: convertToUnit(props.size),
-          width: convertToUnit(props.size),
-          height: convertToUnit(props.size)
-        } : undefined, textColorStyles.value],
-        "aria-hidden": "true"
-      }, null);
-    };
+    useRender(() => _createVNode(iconData.value.component, {
+      "tag": props.tag,
+      "icon": iconData.value.icon,
+      "class": ['v-icon', 'notranslate', themeClasses.value, sizeClasses.value, textColorClasses.value, {
+        'v-icon--clickable': !!attrs.onClick,
+        'v-icon--start': props.start,
+        'v-icon--end': props.end
+      }],
+      "style": [!sizeClasses.value ? {
+        fontSize: convertToUnit(props.size),
+        height: convertToUnit(props.size),
+        width: convertToUnit(props.size)
+      } : undefined, textColorStyles.value],
+      "role": attrs.onClick ? 'button' : undefined,
+      "aria-hidden": !attrs.onClick
+    }, null));
+    return {};
   }
 
 });

package/lib/components/VIcon/VIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VIcon/VIcon.tsx"],"names":["makeSizeProps","useSize","makeTagProps","useIcon","useTextColor","makeThemeProps","provideTheme","computed","toRef","convertToUnit","defineComponent","flattenFragments","VIcon","name","props","color","String","left","Boolean","right","icon","type","Object","tag","setup","slots","slotIcon","default","slot","filter","node","children","themeClasses","iconData","sizeClasses","textColorClasses","textColorStyles","value","fontSize","size","width","height","undefined"],"mappings":";AAAA;AACA,qB,CAEA;;SACSA,a,EAAeC,O;SACfC,Y;SACAC,O;SACAC,Y;SACAC,c,EAAgBC,Y,uCAEzB;;AACA,SAASC,QAAT,EAAmBC,KAAnB,QAAgC,KAAhC;SACSC,a,EAAeC,e,EAAiBC,gB,gCAEzC;;AAIA,OAAO,MAAMC,KAAK,GAAGF,eAAe,CAAC;AACnCG,EAAAA,IAAI,EAAE,OAD6B;AAGnCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAEC,MADF;AAELC,IAAAA,IAAI,EAAEC,OAFD;AAGLC,IAAAA,KAAK,EAAED,OAHF;AAILE,IAAAA,IAAI,EAAE;AACJC,MAAAA,IAAI,EAAE,CAACL,MAAD,EAASM,MAAT;AADF,KAJD;AAOL,OAAGtB,aAAa,EAPX;AAQL,OAAGE,YAAY,CAAC;AAAEqB,MAAAA,GAAG,EAAE;AAAP,KAAD,CARV;AASL,OAAGlB,cAAc;AATZ,GAH4B;;AAenCmB,EAAAA,KAAK,CAAEV,KAAF,QAAoB;AAAA,QAAX;AAAEW,MAAAA;AAAF,KAAW;AACvB,QAAIC,QAAJ;;AACA,QAAID,KAAK,CAACE,OAAV,EAAmB;AACjBD,MAAAA,QAAQ,GAAGnB,QAAQ,CAAC,MAAM;AAAA;;AACxB,cAAMqB,IAAI,qBAAGH,KAAK,CAACE,OAAT,qBAAG,oBAAAF,KAAK,CAAlB;AACA,YAAI,CAACG,IAAL,EAAW;AAEX,wCAAOjB,gBAAgB,CAACiB,IAAD,CAAhB,CAAuBC,MAAvB,CAA8BC,IAAI,IACvCA,IAAI,CAACC,QAAL,IAAiB,OAAOD,IAAI,CAACC,QAAZ,KAAyB,QADrC,EAEL,CAFK,CAAP,qBAAO,sBAEDA,QAFN;AAGD,OAPkB,CAAnB;AAQD;;AAED,UAAM;AAAEC,MAAAA;AAAF,QAAmB1B,YAAY,CAACQ,KAAD,CAArC;AACA,UAAM;AAAEmB,MAAAA;AAAF,QAAe9B,OAAO,CAACuB,QAAQ,IAAIZ,KAAb,CAA5B;AACA,UAAM;AAAEoB,MAAAA;AAAF,QAAkBjC,OAAO,CAACa,KAAD,CAA/B;AACA,UAAM;AAAEqB,MAAAA,gBAAF;AAAoBC,MAAAA;AAApB,QAAwChC,YAAY,CAACI,KAAK,CAACM,KAAD,EAAQ,OAAR,CAAN,CAA1D;AAEA,WAAO,MAAM;AACX;AAAA,eAEUA,KAAK,CAACS,GAFhB;AAAA,gBAGWU,QAAQ,CAACI,KAAT,CAAejB,IAH1B;AAAA,iBAIW,CACL,QADK,EAEL,aAFK,EAGLc,WAAW,CAACG,KAHP,EAILF,gBAAgB,CAACE,KAJZ,EAKLL,YAAY,CAACK,KALR,EAML;AACE,0BAAgBvB,KAAK,CAACG,IADxB;AAEE,2BAAiBH,KAAK,CAACK;AAFzB,SANK,CAJX;AAAA,iBAeW,CACL,CAACe,WAAW,CAACG,KAAb,GAAsB;AACpBC,UAAAA,QAAQ,EAAE7B,aAAa,CAACK,KAAK,CAACyB,IAAP,CADH;AAEpBC,UAAAA,KAAK,EAAE/B,aAAa,CAACK,KAAK,CAACyB,IAAP,CAFA;AAGpBE,UAAAA,MAAM,EAAEhC,aAAa,CAACK,KAAK,CAACyB,IAAP;AAHD,SAAtB,GAIKG,SALA,EAMLN,eAAe,CAACC,KANX,CAfX;AAAA,uBAuBgB;AAvBhB;AA0BD,KA3BD;AA4BD;;AA7DkC,CAAD,CAA7B","sourcesContent":["// Styles\nimport './VIcon.sass'\n\n// Composables\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { useIcon } from '@/composables/icons'\nimport { useTextColor } from '@/composables/color'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { convertToUnit, defineComponent, flattenFragments } from '@/util'\n\n// Types\nimport type { IconValue } from '@/composables/icons'\nimport type { ComputedRef, PropType } from 'vue'\n\nexport const VIcon = defineComponent({\n  name: 'VIcon',\n\n  props: {\n    color: String,\n    left: Boolean,\n    right: Boolean,\n    icon: {\n      type: [String, Object] as PropType<IconValue>,\n    },\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'i' }),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    let slotIcon: ComputedRef<string | undefined> | undefined\n    if (slots.default) {\n      slotIcon = computed(() => {\n        const slot = slots.default?.()\n        if (!slot) return\n\n        return flattenFragments(slot).filter(node =>\n          node.children && typeof node.children === 'string'\n        )[0]?.children as string\n      })\n    }\n\n    const { themeClasses } = provideTheme(props)\n    const { iconData } = useIcon(slotIcon || props)\n    const { sizeClasses } = useSize(props)\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n\n    return () => {\n      return (\n        <iconData.value.component\n          tag={ props.tag }\n          icon={ iconData.value.icon }\n          class={[\n            'v-icon',\n            'notranslate',\n            sizeClasses.value,\n            textColorClasses.value,\n            themeClasses.value,\n            {\n              'v-icon--left': props.left,\n              'v-icon--right': props.right,\n            },\n          ]}\n          style={[\n            !sizeClasses.value ? ({\n              fontSize: convertToUnit(props.size),\n              width: convertToUnit(props.size),\n              height: convertToUnit(props.size),\n            }) : undefined,\n            textColorStyles.value,\n          ]}\n          aria-hidden=\"true\"\n        />\n      )\n    }\n  },\n})\n"],"file":"VIcon.mjs"}
+{"version":3,"file":"VIcon.mjs","names":["IconValue","useIcon","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useTextColor","computed","toRef","convertToUnit","defineComponent","flattenFragments","propsFactory","useRender","makeVIconProps","color","String","start","Boolean","end","icon","tag","VIcon","name","props","setup","attrs","slots","slotIcon","default","slot","filter","node","children","themeClasses","iconData","sizeClasses","textColorClasses","textColorStyles","value","onClick","fontSize","size","height","width","undefined"],"sources":["../../../src/components/VIcon/VIcon.tsx"],"sourcesContent":["// Styles\nimport './VIcon.sass'\n\n// Composables\nimport { IconValue, useIcon } from '@/composables/icons'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { convertToUnit, defineComponent, flattenFragments, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ComputedRef } from 'vue'\n\nexport const makeVIconProps = propsFactory({\n  color: String,\n  start: Boolean,\n  end: Boolean,\n  icon: IconValue,\n\n  ...makeSizeProps(),\n  ...makeTagProps({ tag: 'i' }),\n  ...makeThemeProps(),\n}, 'v-icon')\n\nexport const VIcon = defineComponent({\n  name: 'VIcon',\n\n  props: makeVIconProps(),\n\n  setup (props, { attrs, slots }) {\n    let slotIcon: ComputedRef<string | undefined> | undefined\n    if (slots.default) {\n      slotIcon = computed(() => {\n        const slot = slots.default?.()\n        if (!slot) return\n\n        return flattenFragments(slot).filter(node =>\n          node.children && typeof node.children === 'string'\n        )[0]?.children as string\n      })\n    }\n\n    const { themeClasses } = provideTheme(props)\n    const { iconData } = useIcon(slotIcon || props)\n    const { sizeClasses } = useSize(props)\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n\n    useRender(() => (\n      <iconData.value.component\n        tag={ props.tag }\n        icon={ iconData.value.icon }\n        class={[\n          'v-icon',\n          'notranslate',\n          themeClasses.value,\n          sizeClasses.value,\n          textColorClasses.value,\n          {\n            'v-icon--clickable': !!attrs.onClick,\n            'v-icon--start': props.start,\n            'v-icon--end': props.end,\n          },\n        ]}\n        style={[\n          !sizeClasses.value ? ({\n            fontSize: convertToUnit(props.size),\n            height: convertToUnit(props.size),\n            width: convertToUnit(props.size),\n          }) : undefined,\n          textColorStyles.value,\n        ]}\n        role={ attrs.onClick ? 'button' : undefined }\n        aria-hidden={ !attrs.onClick }\n      />\n    ))\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;AACA,qB,CAEA;;SACSA,S,EAAWC,O;SACXC,a,EAAeC,O;SACfC,Y;SACAC,c,EAAgBC,Y;SAChBC,Y,uCAET;;AACA,SAASC,QAAT,EAAmBC,KAAnB,QAAgC,KAAhC;SACSC,a,EAAeC,e,EAAiBC,gB,EAAkBC,Y,EAAcC,S,gCAEzE;;AAGA,OAAO,MAAMC,cAAc,GAAGF,YAAY,CAAC;EACzCG,KAAK,EAAEC,MADkC;EAEzCC,KAAK,EAAEC,OAFkC;EAGzCC,GAAG,EAAED,OAHoC;EAIzCE,IAAI,EAAErB,SAJmC;EAMzC,GAAGE,aAAa,EANyB;EAOzC,GAAGE,YAAY,CAAC;IAAEkB,GAAG,EAAE;EAAP,CAAD,CAP0B;EAQzC,GAAGjB,cAAc;AARwB,CAAD,EASvC,QATuC,CAAnC;AAWP,OAAO,MAAMkB,KAAK,GAAGZ,eAAe,CAAC;EACnCa,IAAI,EAAE,OAD6B;EAGnCC,KAAK,EAAEV,cAAc,EAHc;;EAKnCW,KAAK,CAAED,KAAF,QAA2B;IAAA,IAAlB;MAAEE,KAAF;MAASC;IAAT,CAAkB;IAC9B,IAAIC,QAAJ;;IACA,IAAID,KAAK,CAACE,OAAV,EAAmB;MACjBD,QAAQ,GAAGrB,QAAQ,CAAC,MAAM;QAAA;;QACxB,MAAMuB,IAAI,qBAAGH,KAAK,CAACE,OAAT,qBAAG,oBAAAF,KAAK,CAAlB;QACA,IAAI,CAACG,IAAL,EAAW;QAEX,gCAAOnB,gBAAgB,CAACmB,IAAD,CAAhB,CAAuBC,MAAvB,CAA8BC,IAAI,IACvCA,IAAI,CAACC,QAAL,IAAiB,OAAOD,IAAI,CAACC,QAAZ,KAAyB,QADrC,EAEL,CAFK,CAAP,qBAAO,sBAEDA,QAFN;MAGD,CAPkB,CAAnB;IAQD;;IAED,MAAM;MAAEC;IAAF,IAAmB7B,YAAY,CAACmB,KAAD,CAArC;IACA,MAAM;MAAEW;IAAF,IAAenC,OAAO,CAAC4B,QAAQ,IAAIJ,KAAb,CAA5B;IACA,MAAM;MAAEY;IAAF,IAAkBlC,OAAO,CAACsB,KAAD,CAA/B;IACA,MAAM;MAAEa,gBAAF;MAAoBC;IAApB,IAAwChC,YAAY,CAACE,KAAK,CAACgB,KAAD,EAAQ,OAAR,CAAN,CAA1D;IAEAX,SAAS,CAAC;MAAA,OAEAW,KAAK,CAACH,GAFN;MAAA,QAGCc,QAAQ,CAACI,KAAT,CAAenB,IAHhB;MAAA,SAIC,CACL,QADK,EAEL,aAFK,EAGLc,YAAY,CAACK,KAHR,EAILH,WAAW,CAACG,KAJP,EAKLF,gBAAgB,CAACE,KALZ,EAML;QACE,qBAAqB,CAAC,CAACb,KAAK,CAACc,OAD/B;QAEE,iBAAiBhB,KAAK,CAACP,KAFzB;QAGE,eAAeO,KAAK,CAACL;MAHvB,CANK,CAJD;MAAA,SAgBC,CACL,CAACiB,WAAW,CAACG,KAAb,GAAsB;QACpBE,QAAQ,EAAEhC,aAAa,CAACe,KAAK,CAACkB,IAAP,CADH;QAEpBC,MAAM,EAAElC,aAAa,CAACe,KAAK,CAACkB,IAAP,CAFD;QAGpBE,KAAK,EAAEnC,aAAa,CAACe,KAAK,CAACkB,IAAP;MAHA,CAAtB,GAIKG,SALA,EAMLP,eAAe,CAACC,KANX,CAhBD;MAAA,QAwBCb,KAAK,CAACc,OAAN,GAAgB,QAAhB,GAA2BK,SAxB5B;MAAA,eAyBQ,CAACnB,KAAK,CAACc;IAzBf,QAAD,CAAT;IA6BA,OAAO,EAAP;EACD;;AArDkC,CAAD,CAA7B"}

package/lib/components/VIcon/VIcon.sass

@@ -1,9 +1,9 @@
-@forward './variables'
 @use 'sass:map'
 @use '../../styles/settings'
 @use './variables' as *
 
 .v-icon
+  --v-icon-size-multiplier: 1
   align-items: center
   display: inline-flex
   font-feature-settings: 'liga'
@@ -17,28 +17,20 @@
   vertical-align: $icon-vertical-align
   width: $icon-size
 
-  &--left
-    margin-inline-end: $icon-margin-start
-
-  &--right
-    margin-inline-start: $icon-margin-end
+  &--clickable
+    cursor: pointer
 
   @each $name in settings.$sizes
     &--size-#{$name}
-      font-size: map.get($icon-sizes, $name)
+      font-size: calc(var(--v-icon-size-multiplier) * #{map.get($icon-sizes, $name)})
 
 .v-icon__svg
   fill: currentColor
   width: 100%
   height: 100%
 
-.v-icon
-  &--left
-    .v-btn:not(.v-btn--icon) &
-      margin-inline-start: $icon-btn-margin-start
-      margin-inline-end: $icon-btn-margin-end
+.v-icon--start
+  margin-inline-end: $icon-margin-start
 
-  &--right
-    .v-btn:not(.v-btn--icon) &
-      margin-inline-start: $icon-btn-margin-end
-      margin-inline-end: $icon-btn-margin-start
+.v-icon--end
+  margin-inline-start: $icon-margin-end