@vuetify/nightly 3.0.0-beta.4 → 3.0.0-beta.5

package/lib/components/transitions/dialog-transition.mjs

@@ -14,12 +14,15 @@ export const VDialogTransition = defineComponent({
     const functions = {
       onBeforeEnter(el) {
         el.style.pointerEvents = 'none';
+        el.style.visibility = 'hidden';
       },
 
       async onEnter(el, done) {
         var _getChildren;
 
         await new Promise(resolve => requestAnimationFrame(resolve));
+        await new Promise(resolve => requestAnimationFrame(resolve));
+        el.style.visibility = '';
         const {
           x,
           y,

package/lib/components/transitions/dialog-transition.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-transition.mjs","names":["Transition","acceleratedEasing","deceleratedEasing","defineComponent","nullifyTransforms","standardEasing","VDialogTransition","name","props","target","Object","setup","slots","functions","onBeforeEnter","el","style","pointerEvents","onEnter","done","Promise","resolve","requestAnimationFrame","x","y","sx","sy","speed","getDimensions","animation","animate","transform","opacity","duration","easing","getChildren","forEach","offset","finished","then","onAfterEnter","removeProperty","onBeforeLeave","onLeave","onAfterLeave","els","querySelector","children","targetBox","getBoundingClientRect","elBox","originX","originY","getComputedStyle","transformOrigin","split","map","v","parseFloat","anchorSide","anchorOffset","getPropertyValue","offsetX","left","width","offsetY","top","height","tsx","tsy","maxs","Math","max","asa","window","innerWidth","innerHeight","min"],"sources":["../../../src/components/transitions/dialog-transition.tsx"],"sourcesContent":["import type { PropType } from 'vue'\nimport { Transition } from 'vue'\nimport { acceleratedEasing, deceleratedEasing, defineComponent, nullifyTransforms, standardEasing } from '@/util'\n\nexport const VDialogTransition = defineComponent({\n  name: 'VDialogTransition',\n\n  props: {\n    target: Object as PropType<HTMLElement>,\n  },\n\n  setup (props, { slots }) {\n    const functions = {\n      onBeforeEnter (el: Element) {\n        (el as HTMLElement).style.pointerEvents = 'none'\n      },\n      async onEnter (el: Element, done: () => void) {\n        await new Promise(resolve => requestAnimationFrame(resolve))\n\n        const { x, y, sx, sy, speed } = getDimensions(props.target!, el as HTMLElement)\n\n        const animation = el.animate([\n          { transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`, opacity: 0 },\n          { transform: '' },\n        ], {\n          duration: 225 * speed,\n          easing: deceleratedEasing,\n        })\n        getChildren(el)?.forEach(el => {\n          el.animate([\n            { opacity: 0 },\n            { opacity: 0, offset: 0.33 },\n            { opacity: 1 },\n          ], {\n            duration: 225 * 2 * speed,\n            easing: standardEasing,\n          })\n        })\n        animation.finished.then(() => done())\n      },\n      onAfterEnter (el: Element) {\n        (el as HTMLElement).style.removeProperty('pointer-events')\n      },\n      onBeforeLeave (el: Element) {\n        (el as HTMLElement).style.pointerEvents = 'none'\n      },\n      async onLeave (el: Element, done: () => void) {\n        await new Promise(resolve => requestAnimationFrame(resolve))\n\n        const { x, y, sx, sy, speed } = getDimensions(props.target!, el as HTMLElement)\n\n        const animation = el.animate([\n          { transform: '' },\n          { transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`, opacity: 0 },\n        ], {\n          duration: 125 * speed,\n          easing: acceleratedEasing,\n        })\n        animation.finished.then(() => done())\n        getChildren(el)?.forEach(el => {\n          el.animate([\n            {},\n            { opacity: 0, offset: 0.2 },\n            { opacity: 0 },\n          ], {\n            duration: 125 * 2 * speed,\n            easing: standardEasing,\n          })\n        })\n      },\n      onAfterLeave (el: Element) {\n        (el as HTMLElement).style.removeProperty('pointer-events')\n      },\n    }\n\n    return () => {\n      return props.target\n        ? (\n          <Transition\n            name=\"dialog-transition\"\n            { ...functions }\n            css={ false }\n            v-slots={ slots }\n          />\n        )\n        : <Transition name=\"dialog-transition\" v-slots={ slots } />\n    }\n  },\n})\n\n/** Animatable children (card, sheet, list) */\nfunction getChildren (el: Element) {\n  const els = el.querySelector(':scope > .v-card, :scope > .v-sheet, :scope > .v-list')?.children\n  return els && [...els]\n}\n\nfunction getDimensions (target: HTMLElement, el: HTMLElement) {\n  const targetBox = target.getBoundingClientRect()\n  const elBox = nullifyTransforms(el)\n  const [originX, originY] = getComputedStyle(el).transformOrigin.split(' ').map(v => parseFloat(v))\n\n  const [anchorSide, anchorOffset] = getComputedStyle(el).getPropertyValue('--v-overlay-anchor-origin').split(' ')\n\n  let offsetX = targetBox.left + targetBox.width / 2\n  if (anchorSide === 'left' || anchorOffset === 'left') {\n    offsetX -= targetBox.width / 2\n  } else if (anchorSide === 'right' || anchorOffset === 'right') {\n    offsetX += targetBox.width / 2\n  }\n\n  let offsetY = targetBox.top + targetBox.height / 2\n  if (anchorSide === 'top' || anchorOffset === 'top') {\n    offsetY -= targetBox.height / 2\n  } else if (anchorSide === 'bottom' || anchorOffset === 'bottom') {\n    offsetY += targetBox.height / 2\n  }\n\n  const tsx = targetBox.width / elBox.width\n  const tsy = targetBox.height / elBox.height\n  const maxs = Math.max(1, tsx, tsy)\n  const sx = tsx / maxs\n  const sy = tsy / maxs\n\n  // Animate elements larger than 12% of the screen area up to 1.5x slower\n  const asa = (elBox.width * elBox.height) / (window.innerWidth * window.innerHeight)\n  const speed = asa > 0.12\n    ? Math.min(1.5, (asa - 0.12) * 10 + 1)\n    : 1\n\n  return {\n    x: offsetX - (originX + elBox.left),\n    y: offsetY - (originY + elBox.top),\n    sx,\n    sy,\n    speed,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"dialog-transition.mjs","names":["Transition","acceleratedEasing","deceleratedEasing","defineComponent","nullifyTransforms","standardEasing","VDialogTransition","name","props","target","Object","setup","slots","functions","onBeforeEnter","el","style","pointerEvents","visibility","onEnter","done","Promise","resolve","requestAnimationFrame","x","y","sx","sy","speed","getDimensions","animation","animate","transform","opacity","duration","easing","getChildren","forEach","offset","finished","then","onAfterEnter","removeProperty","onBeforeLeave","onLeave","onAfterLeave","els","querySelector","children","targetBox","getBoundingClientRect","elBox","originX","originY","getComputedStyle","transformOrigin","split","map","v","parseFloat","anchorSide","anchorOffset","getPropertyValue","offsetX","left","width","offsetY","top","height","tsx","tsy","maxs","Math","max","asa","window","innerWidth","innerHeight","min"],"sources":["../../../src/components/transitions/dialog-transition.tsx"],"sourcesContent":["import type { PropType } from 'vue'\nimport { Transition } from 'vue'\nimport { acceleratedEasing, deceleratedEasing, defineComponent, nullifyTransforms, standardEasing } from '@/util'\n\nexport const VDialogTransition = defineComponent({\n  name: 'VDialogTransition',\n\n  props: {\n    target: Object as PropType<HTMLElement>,\n  },\n\n  setup (props, { slots }) {\n    const functions = {\n      onBeforeEnter (el: Element) {\n        (el as HTMLElement).style.pointerEvents = 'none'\n        ;(el as HTMLElement).style.visibility = 'hidden'\n      },\n      async onEnter (el: Element, done: () => void) {\n        await new Promise(resolve => requestAnimationFrame(resolve))\n        await new Promise(resolve => requestAnimationFrame(resolve))\n        ;(el as HTMLElement).style.visibility = ''\n\n        const { x, y, sx, sy, speed } = getDimensions(props.target!, el as HTMLElement)\n\n        const animation = el.animate([\n          { transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`, opacity: 0 },\n          { transform: '' },\n        ], {\n          duration: 225 * speed,\n          easing: deceleratedEasing,\n        })\n        getChildren(el)?.forEach(el => {\n          el.animate([\n            { opacity: 0 },\n            { opacity: 0, offset: 0.33 },\n            { opacity: 1 },\n          ], {\n            duration: 225 * 2 * speed,\n            easing: standardEasing,\n          })\n        })\n        animation.finished.then(() => done())\n      },\n      onAfterEnter (el: Element) {\n        (el as HTMLElement).style.removeProperty('pointer-events')\n      },\n      onBeforeLeave (el: Element) {\n        (el as HTMLElement).style.pointerEvents = 'none'\n      },\n      async onLeave (el: Element, done: () => void) {\n        await new Promise(resolve => requestAnimationFrame(resolve))\n\n        const { x, y, sx, sy, speed } = getDimensions(props.target!, el as HTMLElement)\n\n        const animation = el.animate([\n          { transform: '' },\n          { transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`, opacity: 0 },\n        ], {\n          duration: 125 * speed,\n          easing: acceleratedEasing,\n        })\n        animation.finished.then(() => done())\n        getChildren(el)?.forEach(el => {\n          el.animate([\n            {},\n            { opacity: 0, offset: 0.2 },\n            { opacity: 0 },\n          ], {\n            duration: 125 * 2 * speed,\n            easing: standardEasing,\n          })\n        })\n      },\n      onAfterLeave (el: Element) {\n        (el as HTMLElement).style.removeProperty('pointer-events')\n      },\n    }\n\n    return () => {\n      return props.target\n        ? (\n          <Transition\n            name=\"dialog-transition\"\n            { ...functions }\n            css={ false }\n            v-slots={ slots }\n          />\n        )\n        : <Transition name=\"dialog-transition\" v-slots={ slots } />\n    }\n  },\n})\n\n/** Animatable children (card, sheet, list) */\nfunction getChildren (el: Element) {\n  const els = el.querySelector(':scope > .v-card, :scope > .v-sheet, :scope > .v-list')?.children\n  return els && [...els]\n}\n\nfunction getDimensions (target: HTMLElement, el: HTMLElement) {\n  const targetBox = target.getBoundingClientRect()\n  const elBox = nullifyTransforms(el)\n  const [originX, originY] = getComputedStyle(el).transformOrigin.split(' ').map(v => parseFloat(v))\n\n  const [anchorSide, anchorOffset] = getComputedStyle(el).getPropertyValue('--v-overlay-anchor-origin').split(' ')\n\n  let offsetX = targetBox.left + targetBox.width / 2\n  if (anchorSide === 'left' || anchorOffset === 'left') {\n    offsetX -= targetBox.width / 2\n  } else if (anchorSide === 'right' || anchorOffset === 'right') {\n    offsetX += targetBox.width / 2\n  }\n\n  let offsetY = targetBox.top + targetBox.height / 2\n  if (anchorSide === 'top' || anchorOffset === 'top') {\n    offsetY -= targetBox.height / 2\n  } else if (anchorSide === 'bottom' || anchorOffset === 'bottom') {\n    offsetY += targetBox.height / 2\n  }\n\n  const tsx = targetBox.width / elBox.width\n  const tsy = targetBox.height / elBox.height\n  const maxs = Math.max(1, tsx, tsy)\n  const sx = tsx / maxs\n  const sy = tsy / maxs\n\n  // Animate elements larger than 12% of the screen area up to 1.5x slower\n  const asa = (elBox.width * elBox.height) / (window.innerWidth * window.innerHeight)\n  const speed = asa > 0.12\n    ? Math.min(1.5, (asa - 0.12) * 10 + 1)\n    : 1\n\n  return {\n    x: offsetX - (originX + elBox.left),\n    y: offsetY - (originY + elBox.top),\n    sx,\n    sy,\n    speed,\n  }\n}\n"],"mappings":"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"}

package/lib/composables/border.mjs

@@ -1,5 +1,5 @@
 // Utilities
-import { computed } from 'vue';
+import { computed, isRef } from 'vue';
 import { getCurrentInstanceName, propsFactory } from "../util/index.mjs"; // Types
 
 // Composables
@@ -9,14 +9,13 @@ export const makeBorderProps = propsFactory({
 export function useBorder(props) {
   let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getCurrentInstanceName();
   const borderClasses = computed(() => {
+    const border = isRef(props) ? props.value : props.border;
     const classes = [];
 
-    if (props.border != null && props.border !== false) {
+    if (border === true || border === '') {
       classes.push(`${name}--border`);
-    }
-
-    if (typeof props.border === 'string' && props.border !== '' || props.border === 0) {
-      for (const value of String(props.border).split(' ')) {
+    } else if (typeof border === 'string' || border === 0) {
+      for (const value of String(border).split(' ')) {
         classes.push(`border-${value}`);
       }
     }

package/lib/composables/border.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"border.mjs","names":["computed","getCurrentInstanceName","propsFactory","makeBorderProps","border","Boolean","Number","String","useBorder","props","name","borderClasses","classes","push","value","split"],"sources":["../../src/composables/border.ts"],"sourcesContent":["// Utilities\nimport { computed } from 'vue'\nimport { getCurrentInstanceName, propsFactory } from '@/util'\n\n// Types\nexport interface BorderProps {\n  border?: boolean | number | string\n}\n\n// Composables\nexport const makeBorderProps = propsFactory({\n  border: [Boolean, Number, String],\n}, 'border')\n\nexport function useBorder (\n  props: BorderProps,\n  name = getCurrentInstanceName(),\n) {\n  const borderClasses = computed(() => {\n    const classes: string[] = []\n\n    if (props.border != null && props.border !== false) {\n      classes.push(`${name}--border`)\n    }\n\n    if (\n      (typeof props.border === 'string' && props.border !== '') ||\n      props.border === 0\n    ) {\n      for (const value of String(props.border).split(' ')) {\n        classes.push(`border-${value}`)\n      }\n    }\n\n    return classes\n  })\n\n  return { borderClasses }\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAT,QAAyB,KAAzB;SACSC,sB,EAAwBC,Y,6BAEjC;;AAKA;AACA,OAAO,MAAMC,eAAe,GAAGD,YAAY,CAAC;EAC1CE,MAAM,EAAE,CAACC,OAAD,EAAUC,MAAV,EAAkBC,MAAlB;AADkC,CAAD,EAExC,QAFwC,CAApC;AAIP,OAAO,SAASC,SAAT,CACLC,KADK,EAGL;EAAA,IADAC,IACA,uEADOT,sBAAsB,EAC7B;EACA,MAAMU,aAAa,GAAGX,QAAQ,CAAC,MAAM;IACnC,MAAMY,OAAiB,GAAG,EAA1B;;IAEA,IAAIH,KAAK,CAACL,MAAN,IAAgB,IAAhB,IAAwBK,KAAK,CAACL,MAAN,KAAiB,KAA7C,EAAoD;MAClDQ,OAAO,CAACC,IAAR,CAAc,GAAEH,IAAK,UAArB;IACD;;IAED,IACG,OAAOD,KAAK,CAACL,MAAb,KAAwB,QAAxB,IAAoCK,KAAK,CAACL,MAAN,KAAiB,EAAtD,IACAK,KAAK,CAACL,MAAN,KAAiB,CAFnB,EAGE;MACA,KAAK,MAAMU,KAAX,IAAoBP,MAAM,CAACE,KAAK,CAACL,MAAP,CAAN,CAAqBW,KAArB,CAA2B,GAA3B,CAApB,EAAqD;QACnDH,OAAO,CAACC,IAAR,CAAc,UAASC,KAAM,EAA7B;MACD;IACF;;IAED,OAAOF,OAAP;EACD,CAjB6B,CAA9B;EAmBA,OAAO;IAAED;EAAF,CAAP;AACD"}
+{"version":3,"file":"border.mjs","names":["computed","isRef","getCurrentInstanceName","propsFactory","makeBorderProps","border","Boolean","Number","String","useBorder","props","name","borderClasses","value","classes","push","split"],"sources":["../../src/composables/border.ts"],"sourcesContent":["// Utilities\nimport { computed, isRef } from 'vue'\nimport { getCurrentInstanceName, propsFactory } from '@/util'\n\n// Types\nexport interface BorderProps {\n  border?: boolean | number | string\n}\n\n// Composables\nexport const makeBorderProps = propsFactory({\n  border: [Boolean, Number, String],\n}, 'border')\n\nexport function useBorder (\n  props: BorderProps,\n  name = getCurrentInstanceName(),\n) {\n  const borderClasses = computed(() => {\n    const border = isRef(props) ? props.value : props.border\n    const classes: string[] = []\n\n    if (border === true || border === '') {\n      classes.push(`${name}--border`)\n    } else if (\n      typeof border === 'string' ||\n      border === 0\n    ) {\n      for (const value of String(border).split(' ')) {\n        classes.push(`border-${value}`)\n      }\n    }\n\n    return classes\n  })\n\n  return { borderClasses }\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAT,EAAmBC,KAAnB,QAAgC,KAAhC;SACSC,sB,EAAwBC,Y,6BAEjC;;AAKA;AACA,OAAO,MAAMC,eAAe,GAAGD,YAAY,CAAC;EAC1CE,MAAM,EAAE,CAACC,OAAD,EAAUC,MAAV,EAAkBC,MAAlB;AADkC,CAAD,EAExC,QAFwC,CAApC;AAIP,OAAO,SAASC,SAAT,CACLC,KADK,EAGL;EAAA,IADAC,IACA,uEADOT,sBAAsB,EAC7B;EACA,MAAMU,aAAa,GAAGZ,QAAQ,CAAC,MAAM;IACnC,MAAMK,MAAM,GAAGJ,KAAK,CAACS,KAAD,CAAL,GAAeA,KAAK,CAACG,KAArB,GAA6BH,KAAK,CAACL,MAAlD;IACA,MAAMS,OAAiB,GAAG,EAA1B;;IAEA,IAAIT,MAAM,KAAK,IAAX,IAAmBA,MAAM,KAAK,EAAlC,EAAsC;MACpCS,OAAO,CAACC,IAAR,CAAc,GAAEJ,IAAK,UAArB;IACD,CAFD,MAEO,IACL,OAAON,MAAP,KAAkB,QAAlB,IACAA,MAAM,KAAK,CAFN,EAGL;MACA,KAAK,MAAMQ,KAAX,IAAoBL,MAAM,CAACH,MAAD,CAAN,CAAeW,KAAf,CAAqB,GAArB,CAApB,EAA+C;QAC7CF,OAAO,CAACC,IAAR,CAAc,UAASF,KAAM,EAA7B;MACD;IACF;;IAED,OAAOC,OAAP;EACD,CAhB6B,CAA9B;EAkBA,OAAO;IAAEF;EAAF,CAAP;AACD"}

package/lib/composables/location.mjs

@@ -20,16 +20,12 @@ export function useLocation(props) {
   const {
     isRtl
   } = useRtl();
-
-  function toPhysical(side) {
-    return side === 'start' ? isRtl.value ? 'right' : 'left' : side === 'end' ? isRtl.value ? 'left' : 'right' : side;
-  }
-
   const locationStyles = computed(() => {
     if (!props.location) return {};
-    const anchor = parseAnchor(props.location.split(' ').length > 1 ? props.location : `${props.location} center`);
-    const side = toPhysical(anchor.side);
-    const align = toPhysical(anchor.align);
+    const {
+      side,
+      align
+    } = parseAnchor(props.location.split(' ').length > 1 ? props.location : `${props.location} center`, isRtl.value);
 
     function getOffset(side) {
       return offset ? offset(side) : 0;

package/lib/composables/location.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"location.mjs","names":["useRtl","computed","parseAnchor","propsFactory","oppositeMap","center","top","bottom","left","right","makeLocationProps","location","String","useLocation","props","opposite","offset","isRtl","toPhysical","side","value","locationStyles","anchor","split","length","align","getOffset","styles","transform"],"sources":["../../src/composables/location.ts"],"sourcesContent":["// Composables\nimport { useRtl } from '@/composables/rtl'\n\n// Utilities\nimport { computed } from 'vue'\nimport { parseAnchor, propsFactory } from '@/util'\n\n// Types\nimport type { CSSProperties, PropType } from 'vue'\nimport type { Anchor } from '@/util'\n\nconst oppositeMap = {\n  center: 'center',\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n} as const\n\nexport interface LocationProps {\n  location: Anchor | undefined\n}\n\nexport const makeLocationProps = propsFactory({\n  location: String as PropType<Anchor>,\n}, 'location')\n\nexport function useLocation (props: LocationProps, opposite = false, offset?: (side: string) => number) {\n  const { isRtl } = useRtl()\n\n  function toPhysical (side: string) {\n    return (\n      side === 'start' ? (isRtl.value ? 'right' : 'left')\n      : side === 'end' ? (isRtl.value ? 'left' : 'right')\n      : side\n    ) as 'right' | 'left' | 'top' | 'bottom' | 'center'\n  }\n\n  const locationStyles = computed(() => {\n    if (!props.location) return {}\n\n    const anchor = parseAnchor(\n      props.location.split(' ').length > 1\n        ? props.location\n        : `${props.location} center` as Anchor\n    )\n\n    const side = toPhysical(anchor.side)\n    const align = toPhysical(anchor.align)\n\n    function getOffset (side: string) {\n      return offset\n        ? offset(side)\n        : 0\n    }\n\n    const styles = {} as CSSProperties\n\n    if (side !== 'center') {\n      if (opposite) styles[oppositeMap[side]] = `calc(100% - ${getOffset(side)}px)`\n      else styles[side] = 0\n    }\n    if (align !== 'center') {\n      if (opposite) styles[oppositeMap[align]] = `calc(100% - ${getOffset(align)}px)`\n      else styles[align] = 0\n    } else {\n      if (side === 'center') styles.top = styles.left = '50%'\n      else {\n        styles[({\n          top: 'left',\n          bottom: 'left',\n          left: 'top',\n          right: 'top',\n        } as const)[side]] = '50%'\n      }\n      styles.transform = {\n        top: 'translateX(-50%)',\n        bottom: 'translateX(-50%)',\n        left: 'translateY(-50%)',\n        right: 'translateY(-50%)',\n        center: 'translate(-50%, -50%)',\n      }[side]\n    }\n\n    return styles\n  })\n\n  return { locationStyles }\n}\n"],"mappings":"AAAA;SACSA,M,qBAET;;AACA,SAASC,QAAT,QAAyB,KAAzB;SACSC,W,EAAaC,Y,6BAEtB;;AAIA,MAAMC,WAAW,GAAG;EAClBC,MAAM,EAAE,QADU;EAElBC,GAAG,EAAE,QAFa;EAGlBC,MAAM,EAAE,KAHU;EAIlBC,IAAI,EAAE,OAJY;EAKlBC,KAAK,EAAE;AALW,CAApB;AAYA,OAAO,MAAMC,iBAAiB,GAAGP,YAAY,CAAC;EAC5CQ,QAAQ,EAAEC;AADkC,CAAD,EAE1C,UAF0C,CAAtC;AAIP,OAAO,SAASC,WAAT,CAAsBC,KAAtB,EAAiG;EAAA,IAArDC,QAAqD,uEAA1C,KAA0C;EAAA,IAAnCC,MAAmC;EACtG,MAAM;IAAEC;EAAF,IAAYjB,MAAM,EAAxB;;EAEA,SAASkB,UAAT,CAAqBC,IAArB,EAAmC;IACjC,OACEA,IAAI,KAAK,OAAT,GAAoBF,KAAK,CAACG,KAAN,GAAc,OAAd,GAAwB,MAA5C,GACED,IAAI,KAAK,KAAT,GAAkBF,KAAK,CAACG,KAAN,GAAc,MAAd,GAAuB,OAAzC,GACAD,IAHJ;EAKD;;EAED,MAAME,cAAc,GAAGpB,QAAQ,CAAC,MAAM;IACpC,IAAI,CAACa,KAAK,CAACH,QAAX,EAAqB,OAAO,EAAP;IAErB,MAAMW,MAAM,GAAGpB,WAAW,CACxBY,KAAK,CAACH,QAAN,CAAeY,KAAf,CAAqB,GAArB,EAA0BC,MAA1B,GAAmC,CAAnC,GACIV,KAAK,CAACH,QADV,GAEK,GAAEG,KAAK,CAACH,QAAS,SAHE,CAA1B;IAMA,MAAMQ,IAAI,GAAGD,UAAU,CAACI,MAAM,CAACH,IAAR,CAAvB;IACA,MAAMM,KAAK,GAAGP,UAAU,CAACI,MAAM,CAACG,KAAR,CAAxB;;IAEA,SAASC,SAAT,CAAoBP,IAApB,EAAkC;MAChC,OAAOH,MAAM,GACTA,MAAM,CAACG,IAAD,CADG,GAET,CAFJ;IAGD;;IAED,MAAMQ,MAAM,GAAG,EAAf;;IAEA,IAAIR,IAAI,KAAK,QAAb,EAAuB;MACrB,IAAIJ,QAAJ,EAAcY,MAAM,CAACvB,WAAW,CAACe,IAAD,CAAZ,CAAN,GAA6B,eAAcO,SAAS,CAACP,IAAD,CAAO,KAA3D,CAAd,KACKQ,MAAM,CAACR,IAAD,CAAN,GAAe,CAAf;IACN;;IACD,IAAIM,KAAK,KAAK,QAAd,EAAwB;MACtB,IAAIV,QAAJ,EAAcY,MAAM,CAACvB,WAAW,CAACqB,KAAD,CAAZ,CAAN,GAA8B,eAAcC,SAAS,CAACD,KAAD,CAAQ,KAA7D,CAAd,KACKE,MAAM,CAACF,KAAD,CAAN,GAAgB,CAAhB;IACN,CAHD,MAGO;MACL,IAAIN,IAAI,KAAK,QAAb,EAAuBQ,MAAM,CAACrB,GAAP,GAAaqB,MAAM,CAACnB,IAAP,GAAc,KAA3B,CAAvB,KACK;QACHmB,MAAM,CAAE;UACNrB,GAAG,EAAE,MADC;UAENC,MAAM,EAAE,MAFF;UAGNC,IAAI,EAAE,KAHA;UAINC,KAAK,EAAE;QAJD,CAAD,CAKKU,IALL,CAAD,CAAN,GAKqB,KALrB;MAMD;MACDQ,MAAM,CAACC,SAAP,GAAmB;QACjBtB,GAAG,EAAE,kBADY;QAEjBC,MAAM,EAAE,kBAFS;QAGjBC,IAAI,EAAE,kBAHW;QAIjBC,KAAK,EAAE,kBAJU;QAKjBJ,MAAM,EAAE;MALS,EAMjBc,IANiB,CAAnB;IAOD;;IAED,OAAOQ,MAAP;EACD,CA/C8B,CAA/B;EAiDA,OAAO;IAAEN;EAAF,CAAP;AACD"}
+{"version":3,"file":"location.mjs","names":["useRtl","computed","parseAnchor","propsFactory","oppositeMap","center","top","bottom","left","right","makeLocationProps","location","String","useLocation","props","opposite","offset","isRtl","locationStyles","side","align","split","length","value","getOffset","styles","transform"],"sources":["../../src/composables/location.ts"],"sourcesContent":["// Composables\nimport { useRtl } from '@/composables/rtl'\n\n// Utilities\nimport { computed } from 'vue'\nimport { parseAnchor, propsFactory } from '@/util'\n\n// Types\nimport type { CSSProperties, PropType } from 'vue'\nimport type { Anchor } from '@/util'\n\nconst oppositeMap = {\n  center: 'center',\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n} as const\n\nexport interface LocationProps {\n  location: Anchor | undefined\n}\n\nexport const makeLocationProps = propsFactory({\n  location: String as PropType<Anchor>,\n}, 'location')\n\nexport function useLocation (props: LocationProps, opposite = false, offset?: (side: string) => number) {\n  const { isRtl } = useRtl()\n\n  const locationStyles = computed(() => {\n    if (!props.location) return {}\n\n    const { side, align } = parseAnchor(\n      props.location.split(' ').length > 1\n        ? props.location\n        : `${props.location} center` as Anchor,\n      isRtl.value\n    )\n\n    function getOffset (side: string) {\n      return offset\n        ? offset(side)\n        : 0\n    }\n\n    const styles = {} as CSSProperties\n\n    if (side !== 'center') {\n      if (opposite) styles[oppositeMap[side]] = `calc(100% - ${getOffset(side)}px)`\n      else styles[side] = 0\n    }\n    if (align !== 'center') {\n      if (opposite) styles[oppositeMap[align]] = `calc(100% - ${getOffset(align)}px)`\n      else styles[align] = 0\n    } else {\n      if (side === 'center') styles.top = styles.left = '50%'\n      else {\n        styles[({\n          top: 'left',\n          bottom: 'left',\n          left: 'top',\n          right: 'top',\n        } as const)[side]] = '50%'\n      }\n      styles.transform = {\n        top: 'translateX(-50%)',\n        bottom: 'translateX(-50%)',\n        left: 'translateY(-50%)',\n        right: 'translateY(-50%)',\n        center: 'translate(-50%, -50%)',\n      }[side]\n    }\n\n    return styles\n  })\n\n  return { locationStyles }\n}\n"],"mappings":"AAAA;SACSA,M,qBAET;;AACA,SAASC,QAAT,QAAyB,KAAzB;SACSC,W,EAAaC,Y,6BAEtB;;AAIA,MAAMC,WAAW,GAAG;EAClBC,MAAM,EAAE,QADU;EAElBC,GAAG,EAAE,QAFa;EAGlBC,MAAM,EAAE,KAHU;EAIlBC,IAAI,EAAE,OAJY;EAKlBC,KAAK,EAAE;AALW,CAApB;AAYA,OAAO,MAAMC,iBAAiB,GAAGP,YAAY,CAAC;EAC5CQ,QAAQ,EAAEC;AADkC,CAAD,EAE1C,UAF0C,CAAtC;AAIP,OAAO,SAASC,WAAT,CAAsBC,KAAtB,EAAiG;EAAA,IAArDC,QAAqD,uEAA1C,KAA0C;EAAA,IAAnCC,MAAmC;EACtG,MAAM;IAAEC;EAAF,IAAYjB,MAAM,EAAxB;EAEA,MAAMkB,cAAc,GAAGjB,QAAQ,CAAC,MAAM;IACpC,IAAI,CAACa,KAAK,CAACH,QAAX,EAAqB,OAAO,EAAP;IAErB,MAAM;MAAEQ,IAAF;MAAQC;IAAR,IAAkBlB,WAAW,CACjCY,KAAK,CAACH,QAAN,CAAeU,KAAf,CAAqB,GAArB,EAA0BC,MAA1B,GAAmC,CAAnC,GACIR,KAAK,CAACH,QADV,GAEK,GAAEG,KAAK,CAACH,QAAS,SAHW,EAIjCM,KAAK,CAACM,KAJ2B,CAAnC;;IAOA,SAASC,SAAT,CAAoBL,IAApB,EAAkC;MAChC,OAAOH,MAAM,GACTA,MAAM,CAACG,IAAD,CADG,GAET,CAFJ;IAGD;;IAED,MAAMM,MAAM,GAAG,EAAf;;IAEA,IAAIN,IAAI,KAAK,QAAb,EAAuB;MACrB,IAAIJ,QAAJ,EAAcU,MAAM,CAACrB,WAAW,CAACe,IAAD,CAAZ,CAAN,GAA6B,eAAcK,SAAS,CAACL,IAAD,CAAO,KAA3D,CAAd,KACKM,MAAM,CAACN,IAAD,CAAN,GAAe,CAAf;IACN;;IACD,IAAIC,KAAK,KAAK,QAAd,EAAwB;MACtB,IAAIL,QAAJ,EAAcU,MAAM,CAACrB,WAAW,CAACgB,KAAD,CAAZ,CAAN,GAA8B,eAAcI,SAAS,CAACJ,KAAD,CAAQ,KAA7D,CAAd,KACKK,MAAM,CAACL,KAAD,CAAN,GAAgB,CAAhB;IACN,CAHD,MAGO;MACL,IAAID,IAAI,KAAK,QAAb,EAAuBM,MAAM,CAACnB,GAAP,GAAamB,MAAM,CAACjB,IAAP,GAAc,KAA3B,CAAvB,KACK;QACHiB,MAAM,CAAE;UACNnB,GAAG,EAAE,MADC;UAENC,MAAM,EAAE,MAFF;UAGNC,IAAI,EAAE,KAHA;UAINC,KAAK,EAAE;QAJD,CAAD,CAKKU,IALL,CAAD,CAAN,GAKqB,KALrB;MAMD;MACDM,MAAM,CAACC,SAAP,GAAmB;QACjBpB,GAAG,EAAE,kBADY;QAEjBC,MAAM,EAAE,kBAFS;QAGjBC,IAAI,EAAE,kBAHW;QAIjBC,KAAK,EAAE,kBAJU;QAKjBJ,MAAM,EAAE;MALS,EAMjBc,IANiB,CAAnB;IAOD;;IAED,OAAOM,MAAP;EACD,CA7C8B,CAA/B;EA+CA,OAAO;IAAEP;EAAF,CAAP;AACD"}

package/lib/composables/size.mjs

@@ -13,13 +13,13 @@ export const makeSizeProps = propsFactory({
 export function useSize(props) {
   let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getCurrentInstanceName();
   const sizeClasses = computed(() => {
-    return predefinedSizes.includes(props.size) ? `${name}--size-${props.size}` : null;
+    return predefinedSizes.includes(props.size) ? `${name}--size-${props.size}` : undefined;
   });
   const sizeStyles = computed(() => {
     return !predefinedSizes.includes(props.size) && props.size ? {
       width: convertToUnit(props.size),
       height: convertToUnit(props.size)
-    } : null;
+    } : undefined;
   });
   return {
     sizeClasses,

package/lib/composables/size.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"size.mjs","names":["computed","convertToUnit","getCurrentInstanceName","propsFactory","predefinedSizes","makeSizeProps","size","type","String","Number","default","useSize","props","name","sizeClasses","includes","sizeStyles","width","height"],"sources":["../../src/composables/size.ts"],"sourcesContent":["// Utilities\nimport { computed } from 'vue'\nimport { convertToUnit, getCurrentInstanceName, propsFactory } from '@/util'\n\n// Types\nconst predefinedSizes = ['x-small', 'small', 'default', 'large', 'x-large']\n\nexport interface SizeProps {\n  size?: string | number\n}\n\n// Composables\nexport const makeSizeProps = propsFactory({\n  size: {\n    type: [String, Number],\n    default: 'default',\n  },\n}, 'size')\n\nexport function useSize (\n  props: SizeProps,\n  name = getCurrentInstanceName(),\n) {\n  const sizeClasses = computed(() => {\n    return predefinedSizes.includes(props.size as string)\n      ? `${name}--size-${props.size}`\n      : null\n  })\n\n  const sizeStyles = computed(() => {\n    return !predefinedSizes.includes(props.size as string) && props.size\n      ? ({\n        width: convertToUnit(props.size),\n        height: convertToUnit(props.size),\n      }) : null\n  })\n\n  return { sizeClasses, sizeStyles }\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAT,QAAyB,KAAzB;SACSC,a,EAAeC,sB,EAAwBC,Y,6BAEhD;;AACA,MAAMC,eAAe,GAAG,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,EAAgC,OAAhC,EAAyC,SAAzC,CAAxB;AAMA;AACA,OAAO,MAAMC,aAAa,GAAGF,YAAY,CAAC;EACxCG,IAAI,EAAE;IACJC,IAAI,EAAE,CAACC,MAAD,EAASC,MAAT,CADF;IAEJC,OAAO,EAAE;EAFL;AADkC,CAAD,EAKtC,MALsC,CAAlC;AAOP,OAAO,SAASC,OAAT,CACLC,KADK,EAGL;EAAA,IADAC,IACA,uEADOX,sBAAsB,EAC7B;EACA,MAAMY,WAAW,GAAGd,QAAQ,CAAC,MAAM;IACjC,OAAOI,eAAe,CAACW,QAAhB,CAAyBH,KAAK,CAACN,IAA/B,IACF,GAAEO,IAAK,UAASD,KAAK,CAACN,IAAK,EADzB,GAEH,IAFJ;EAGD,CAJ2B,CAA5B;EAMA,MAAMU,UAAU,GAAGhB,QAAQ,CAAC,MAAM;IAChC,OAAO,CAACI,eAAe,CAACW,QAAhB,CAAyBH,KAAK,CAACN,IAA/B,CAAD,IAAmDM,KAAK,CAACN,IAAzD,GACF;MACDW,KAAK,EAAEhB,aAAa,CAACW,KAAK,CAACN,IAAP,CADnB;MAEDY,MAAM,EAAEjB,aAAa,CAACW,KAAK,CAACN,IAAP;IAFpB,CADE,GAIA,IAJP;EAKD,CAN0B,CAA3B;EAQA,OAAO;IAAEQ,WAAF;IAAeE;EAAf,CAAP;AACD"}
+{"version":3,"file":"size.mjs","names":["computed","convertToUnit","getCurrentInstanceName","propsFactory","predefinedSizes","makeSizeProps","size","type","String","Number","default","useSize","props","name","sizeClasses","includes","undefined","sizeStyles","width","height"],"sources":["../../src/composables/size.ts"],"sourcesContent":["// Utilities\nimport { computed } from 'vue'\nimport { convertToUnit, getCurrentInstanceName, propsFactory } from '@/util'\n\n// Types\nconst predefinedSizes = ['x-small', 'small', 'default', 'large', 'x-large']\n\nexport interface SizeProps {\n  size?: string | number\n}\n\n// Composables\nexport const makeSizeProps = propsFactory({\n  size: {\n    type: [String, Number],\n    default: 'default',\n  },\n}, 'size')\n\nexport function useSize (\n  props: SizeProps,\n  name = getCurrentInstanceName(),\n) {\n  const sizeClasses = computed(() => {\n    return predefinedSizes.includes(props.size as string)\n      ? `${name}--size-${props.size}`\n      : undefined\n  })\n\n  const sizeStyles = computed(() => {\n    return !predefinedSizes.includes(props.size as string) && props.size\n      ? ({\n        width: convertToUnit(props.size),\n        height: convertToUnit(props.size),\n      }) : undefined\n  })\n\n  return { sizeClasses, sizeStyles }\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAT,QAAyB,KAAzB;SACSC,a,EAAeC,sB,EAAwBC,Y,6BAEhD;;AACA,MAAMC,eAAe,GAAG,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,EAAgC,OAAhC,EAAyC,SAAzC,CAAxB;AAMA;AACA,OAAO,MAAMC,aAAa,GAAGF,YAAY,CAAC;EACxCG,IAAI,EAAE;IACJC,IAAI,EAAE,CAACC,MAAD,EAASC,MAAT,CADF;IAEJC,OAAO,EAAE;EAFL;AADkC,CAAD,EAKtC,MALsC,CAAlC;AAOP,OAAO,SAASC,OAAT,CACLC,KADK,EAGL;EAAA,IADAC,IACA,uEADOX,sBAAsB,EAC7B;EACA,MAAMY,WAAW,GAAGd,QAAQ,CAAC,MAAM;IACjC,OAAOI,eAAe,CAACW,QAAhB,CAAyBH,KAAK,CAACN,IAA/B,IACF,GAAEO,IAAK,UAASD,KAAK,CAACN,IAAK,EADzB,GAEHU,SAFJ;EAGD,CAJ2B,CAA5B;EAMA,MAAMC,UAAU,GAAGjB,QAAQ,CAAC,MAAM;IAChC,OAAO,CAACI,eAAe,CAACW,QAAhB,CAAyBH,KAAK,CAACN,IAA/B,CAAD,IAAmDM,KAAK,CAACN,IAAzD,GACF;MACDY,KAAK,EAAEjB,aAAa,CAACW,KAAK,CAACN,IAAP,CADnB;MAEDa,MAAM,EAAElB,aAAa,CAACW,KAAK,CAACN,IAAP;IAFpB,CADE,GAIAU,SAJP;EAKD,CAN0B,CAA3B;EAQA,OAAO;IAAEF,WAAF;IAAeG;EAAf,CAAP;AACD"}

package/lib/composables/validation.mjs

@@ -44,8 +44,8 @@ export function useValidation(props) {
     return props.errorMessages.length ? wrapInArray(props.errorMessages) : internalErrorMessages.value;
   });
   const isValid = computed(() => {
-    if (!props.rules.length) return true;
     if (props.error || errorMessages.value.length) return false;
+    if (!props.rules.length) return true;
     return isPristine.value ? null : true;
   });
   const isValidating = ref(false);

package/lib/composables/validation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"validation.mjs","names":["useForm","useProxiedModel","computed","onBeforeMount","onBeforeUnmount","ref","unref","watch","getCurrentInstanceName","getUid","propsFactory","wrapInArray","makeValidationProps","disabled","Boolean","error","errorMessages","type","Array","String","default","maxErrors","Number","name","readonly","rules","modelValue","validationValue","useValidation","props","id","model","validationModel","value","form","internalErrorMessages","isPristine","isDirty","length","isDisabled","isReadonly","isValid","isValidating","validationClasses","uid","register","validate","reset","resetValidation","unregister","results","rule","handler","result","console","warn","push"],"sources":["../../src/composables/validation.ts"],"sourcesContent":["// Composables\nimport { useForm } from '@/composables/form'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, onBeforeMount, onBeforeUnmount, ref, unref, watch } from 'vue'\nimport type { MaybeRef } from '@/util'\nimport { getCurrentInstanceName, getUid, propsFactory, wrapInArray } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport type ValidationResult = string | true\nexport type ValidationRule =\n  | ValidationResult\n  | PromiseLike<ValidationResult>\n  | ((value: any) => ValidationResult)\n  | ((value: any) => PromiseLike<ValidationResult>)\n\nexport interface ValidationProps {\n  disabled: boolean\n  error: boolean\n  errorMessages: string | string[]\n  maxErrors: string | number\n  name: string | undefined\n  readonly: boolean\n  rules: ValidationRule[]\n  modelValue: any\n  'onUpdate:modelValue': ((val: any) => void) | undefined\n  validationValue: any\n}\n\nexport const makeValidationProps = propsFactory({\n  disabled: Boolean,\n  error: Boolean,\n  errorMessages: {\n    type: [Array, String] as PropType<string | string[]>,\n    default: () => ([]),\n  },\n  maxErrors: {\n    type: [Number, String],\n    default: 1,\n  },\n  name: String,\n  readonly: Boolean,\n  rules: {\n    type: Array as PropType<ValidationRule[]>,\n    default: () => ([]),\n  },\n  modelValue: null,\n  validationValue: null,\n})\n\nexport function useValidation (\n  props: ValidationProps,\n  name = getCurrentInstanceName(),\n  id: MaybeRef<string | number> = getUid(),\n) {\n  const model = useProxiedModel(props, 'modelValue')\n  const validationModel = computed(() => props.validationValue ?? model.value)\n  const form = useForm()\n  const internalErrorMessages = ref<string[]>([])\n  const isPristine = ref(true)\n  const isDirty = computed(() => !!(\n    wrapInArray(model.value === '' ? null : model.value).length ||\n    wrapInArray(validationModel.value === '' ? null : validationModel.value).length\n  ))\n  const isDisabled = computed(() => !!(props.disabled || form?.isDisabled.value))\n  const isReadonly = computed(() => !!(props.readonly || form?.isReadonly.value))\n  const errorMessages = computed(() => {\n    return props.errorMessages.length\n      ? wrapInArray(props.errorMessages)\n      : internalErrorMessages.value\n  })\n  const isValid = computed(() => {\n    if (!props.rules.length) return true\n    if (props.error || errorMessages.value.length) return false\n\n    return isPristine.value ? null : true\n  })\n  const isValidating = ref(false)\n  const validationClasses = computed(() => {\n    return {\n      [`${name}--error`]: isValid.value === false,\n      [`${name}--dirty`]: isDirty.value,\n      [`${name}--disabled`]: isDisabled.value,\n      [`${name}--readonly`]: isReadonly.value,\n    }\n  })\n\n  const uid = computed(() => props.name ?? unref(id))\n\n  onBeforeMount(() => {\n    form?.register(uid.value, validate, reset, resetValidation, isValid)\n  })\n\n  onBeforeUnmount(() => {\n    form?.unregister(uid.value)\n  })\n\n  watch(validationModel, () => {\n    if (validationModel.value != null) validate()\n  })\n\n  function reset () {\n    resetValidation()\n    model.value = null\n  }\n\n  function resetValidation () {\n    isPristine.value = true\n    internalErrorMessages.value = []\n  }\n\n  async function validate () {\n    const results = []\n\n    isValidating.value = true\n\n    for (const rule of props.rules) {\n      if (results.length >= (props.maxErrors || 1)) {\n        break\n      }\n\n      const handler = typeof rule === 'function' ? rule : () => rule\n      const result = await handler(validationModel.value)\n\n      if (result === true) continue\n\n      if (typeof result !== 'string') {\n        // eslint-disable-next-line no-console\n        console.warn(`${result} is not a valid value. Rule functions must return boolean true or a string.`)\n\n        continue\n      }\n\n      results.push(result)\n    }\n\n    internalErrorMessages.value = results\n    isValidating.value = false\n    isPristine.value = false\n\n    return internalErrorMessages.value\n  }\n\n  return {\n    errorMessages,\n    isDirty,\n    isDisabled,\n    isReadonly,\n    isPristine,\n    isValid,\n    isValidating,\n    reset,\n    resetValidation,\n    validate,\n    validationClasses,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"validation.mjs","names":["useForm","useProxiedModel","computed","onBeforeMount","onBeforeUnmount","ref","unref","watch","getCurrentInstanceName","getUid","propsFactory","wrapInArray","makeValidationProps","disabled","Boolean","error","errorMessages","type","Array","String","default","maxErrors","Number","name","readonly","rules","modelValue","validationValue","useValidation","props","id","model","validationModel","value","form","internalErrorMessages","isPristine","isDirty","length","isDisabled","isReadonly","isValid","isValidating","validationClasses","uid","register","validate","reset","resetValidation","unregister","results","rule","handler","result","console","warn","push"],"sources":["../../src/composables/validation.ts"],"sourcesContent":["// Composables\nimport { useForm } from '@/composables/form'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, onBeforeMount, onBeforeUnmount, ref, unref, watch } from 'vue'\nimport type { MaybeRef } from '@/util'\nimport { getCurrentInstanceName, getUid, propsFactory, wrapInArray } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport type ValidationResult = string | true\nexport type ValidationRule =\n  | ValidationResult\n  | PromiseLike<ValidationResult>\n  | ((value: any) => ValidationResult)\n  | ((value: any) => PromiseLike<ValidationResult>)\n\nexport interface ValidationProps {\n  disabled: boolean\n  error: boolean\n  errorMessages: string | string[]\n  maxErrors: string | number\n  name: string | undefined\n  readonly: boolean\n  rules: ValidationRule[]\n  modelValue: any\n  'onUpdate:modelValue': ((val: any) => void) | undefined\n  validationValue: any\n}\n\nexport const makeValidationProps = propsFactory({\n  disabled: Boolean,\n  error: Boolean,\n  errorMessages: {\n    type: [Array, String] as PropType<string | string[]>,\n    default: () => ([]),\n  },\n  maxErrors: {\n    type: [Number, String],\n    default: 1,\n  },\n  name: String,\n  readonly: Boolean,\n  rules: {\n    type: Array as PropType<ValidationRule[]>,\n    default: () => ([]),\n  },\n  modelValue: null,\n  validationValue: null,\n})\n\nexport function useValidation (\n  props: ValidationProps,\n  name = getCurrentInstanceName(),\n  id: MaybeRef<string | number> = getUid(),\n) {\n  const model = useProxiedModel(props, 'modelValue')\n  const validationModel = computed(() => props.validationValue ?? model.value)\n  const form = useForm()\n  const internalErrorMessages = ref<string[]>([])\n  const isPristine = ref(true)\n  const isDirty = computed(() => !!(\n    wrapInArray(model.value === '' ? null : model.value).length ||\n    wrapInArray(validationModel.value === '' ? null : validationModel.value).length\n  ))\n  const isDisabled = computed(() => !!(props.disabled || form?.isDisabled.value))\n  const isReadonly = computed(() => !!(props.readonly || form?.isReadonly.value))\n  const errorMessages = computed(() => {\n    return props.errorMessages.length\n      ? wrapInArray(props.errorMessages)\n      : internalErrorMessages.value\n  })\n  const isValid = computed(() => {\n    if (props.error || errorMessages.value.length) return false\n    if (!props.rules.length) return true\n\n    return isPristine.value ? null : true\n  })\n  const isValidating = ref(false)\n  const validationClasses = computed(() => {\n    return {\n      [`${name}--error`]: isValid.value === false,\n      [`${name}--dirty`]: isDirty.value,\n      [`${name}--disabled`]: isDisabled.value,\n      [`${name}--readonly`]: isReadonly.value,\n    }\n  })\n\n  const uid = computed(() => props.name ?? unref(id))\n\n  onBeforeMount(() => {\n    form?.register(uid.value, validate, reset, resetValidation, isValid)\n  })\n\n  onBeforeUnmount(() => {\n    form?.unregister(uid.value)\n  })\n\n  watch(validationModel, () => {\n    if (validationModel.value != null) validate()\n  })\n\n  function reset () {\n    resetValidation()\n    model.value = null\n  }\n\n  function resetValidation () {\n    isPristine.value = true\n    internalErrorMessages.value = []\n  }\n\n  async function validate () {\n    const results = []\n\n    isValidating.value = true\n\n    for (const rule of props.rules) {\n      if (results.length >= (props.maxErrors || 1)) {\n        break\n      }\n\n      const handler = typeof rule === 'function' ? rule : () => rule\n      const result = await handler(validationModel.value)\n\n      if (result === true) continue\n\n      if (typeof result !== 'string') {\n        // eslint-disable-next-line no-console\n        console.warn(`${result} is not a valid value. Rule functions must return boolean true or a string.`)\n\n        continue\n      }\n\n      results.push(result)\n    }\n\n    internalErrorMessages.value = results\n    isValidating.value = false\n    isPristine.value = false\n\n    return internalErrorMessages.value\n  }\n\n  return {\n    errorMessages,\n    isDirty,\n    isDisabled,\n    isReadonly,\n    isPristine,\n    isValid,\n    isValidating,\n    reset,\n    resetValidation,\n    validate,\n    validationClasses,\n  }\n}\n"],"mappings":"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"}

package/lib/composables/variant.mjs

@@ -8,8 +8,10 @@ import { getCurrentInstanceName, propsFactory } from "../util/index.mjs"; // Typ
 export const allowedVariants = ['elevated', 'flat', 'tonal', 'outlined', 'text', 'plain'];
 export function genOverlays(isClickable, name) {
   return _createVNode(_Fragment, null, [isClickable && _createVNode("div", {
+    "key": "overlay",
     "class": `${name}__overlay`
   }, null), _createVNode("div", {
+    "key": "underlay",
     "class": `${name}__underlay`
   }, null)]);
 }

package/lib/composables/variant.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"variant.mjs","names":["useColor","computed","unref","getCurrentInstanceName","propsFactory","allowedVariants","genOverlays","isClickable","name","makeVariantProps","color","String","variant","type","default","validator","v","includes","useVariant","props","variantClasses","colorClasses","colorStyles"],"sources":["../../src/composables/variant.tsx"],"sourcesContent":["// Composables\nimport { useColor } from '@/composables/color'\n\n// Utilities\nimport { computed, unref } from 'vue'\nimport { getCurrentInstanceName, propsFactory } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { MaybeRef } from '@/util'\n\nexport const allowedVariants = [\n  'elevated',\n  'flat',\n  'tonal',\n  'outlined',\n  'text',\n  'plain',\n] as const\n\nexport type Variant = typeof allowedVariants[number]\n\nexport interface VariantProps {\n  color?: string\n  variant: Variant\n}\n\nexport function genOverlays (isClickable: boolean, name: string) {\n  return (\n    <>\n      { isClickable && <div class={`${name}__overlay`} /> }\n\n      <div class={`${name}__underlay`} />\n    </>\n  )\n}\n\nexport const makeVariantProps = propsFactory({\n  color: String,\n  variant: {\n    type: String as PropType<Variant>,\n    default: 'elevated',\n    validator: (v: any) => allowedVariants.includes(v),\n  },\n}, 'variant')\n\nexport function useVariant (\n  props: MaybeRef<VariantProps>,\n  name = getCurrentInstanceName(),\n) {\n  const variantClasses = computed(() => {\n    const { variant } = unref(props)\n    return `${name}--variant-${variant}`\n  })\n\n  const { colorClasses, colorStyles } = useColor(computed(() => {\n    const { variant, color } = unref(props)\n    return {\n      [['elevated', 'flat'].includes(variant) ? 'background' : 'text']: color,\n    }\n  }))\n\n  return { colorClasses, colorStyles, variantClasses }\n}\n"],"mappings":";AAAA;SACSA,Q,uBAET;;AACA,SAASC,QAAT,EAAmBC,KAAnB,QAAgC,KAAhC;SACSC,sB,EAAwBC,Y,6BAEjC;;AAIA,OAAO,MAAMC,eAAe,GAAG,CAC7B,UAD6B,EAE7B,MAF6B,EAG7B,OAH6B,EAI7B,UAJ6B,EAK7B,MAL6B,EAM7B,OAN6B,CAAxB;AAgBP,OAAO,SAASC,WAAT,CAAsBC,WAAtB,EAA4CC,IAA5C,EAA0D;EAC/D,sCAEMD,WAAW;IAAA,SAAiB,GAAEC,IAAK;EAAxB,QAFjB;IAAA,SAIiB,GAAEA,IAAK;EAJxB;AAOD;AAED,OAAO,MAAMC,gBAAgB,GAAGL,YAAY,CAAC;EAC3CM,KAAK,EAAEC,MADoC;EAE3CC,OAAO,EAAE;IACPC,IAAI,EAAEF,MADC;IAEPG,OAAO,EAAE,UAFF;IAGPC,SAAS,EAAGC,CAAD,IAAYX,eAAe,CAACY,QAAhB,CAAyBD,CAAzB;EAHhB;AAFkC,CAAD,EAOzC,SAPyC,CAArC;AASP,OAAO,SAASE,UAAT,CACLC,KADK,EAGL;EAAA,IADAX,IACA,uEADOL,sBAAsB,EAC7B;EACA,MAAMiB,cAAc,GAAGnB,QAAQ,CAAC,MAAM;IACpC,MAAM;MAAEW;IAAF,IAAcV,KAAK,CAACiB,KAAD,CAAzB;IACA,OAAQ,GAAEX,IAAK,aAAYI,OAAQ,EAAnC;EACD,CAH8B,CAA/B;EAKA,MAAM;IAAES,YAAF;IAAgBC;EAAhB,IAAgCtB,QAAQ,CAACC,QAAQ,CAAC,MAAM;IAC5D,MAAM;MAAEW,OAAF;MAAWF;IAAX,IAAqBR,KAAK,CAACiB,KAAD,CAAhC;IACA,OAAO;MACL,CAAC,CAAC,UAAD,EAAa,MAAb,EAAqBF,QAArB,CAA8BL,OAA9B,IAAyC,YAAzC,GAAwD,MAAzD,GAAkEF;IAD7D,CAAP;EAGD,CALsD,CAAT,CAA9C;EAOA,OAAO;IAAEW,YAAF;IAAgBC,WAAhB;IAA6BF;EAA7B,CAAP;AACD"}
+{"version":3,"file":"variant.mjs","names":["useColor","computed","unref","getCurrentInstanceName","propsFactory","allowedVariants","genOverlays","isClickable","name","makeVariantProps","color","String","variant","type","default","validator","v","includes","useVariant","props","variantClasses","colorClasses","colorStyles"],"sources":["../../src/composables/variant.tsx"],"sourcesContent":["// Composables\nimport { useColor } from '@/composables/color'\n\n// Utilities\nimport { computed, unref } from 'vue'\nimport { getCurrentInstanceName, propsFactory } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { MaybeRef } from '@/util'\n\nexport const allowedVariants = [\n  'elevated',\n  'flat',\n  'tonal',\n  'outlined',\n  'text',\n  'plain',\n] as const\n\nexport type Variant = typeof allowedVariants[number]\n\nexport interface VariantProps {\n  color?: string\n  variant: Variant\n}\n\nexport function genOverlays (isClickable: boolean, name: string) {\n  return (\n    <>\n      { isClickable && <div key=\"overlay\" class={`${name}__overlay`} /> }\n\n      <div key=\"underlay\" class={`${name}__underlay`} />\n    </>\n  )\n}\n\nexport const makeVariantProps = propsFactory({\n  color: String,\n  variant: {\n    type: String as PropType<Variant>,\n    default: 'elevated',\n    validator: (v: any) => allowedVariants.includes(v),\n  },\n}, 'variant')\n\nexport function useVariant (\n  props: MaybeRef<VariantProps>,\n  name = getCurrentInstanceName(),\n) {\n  const variantClasses = computed(() => {\n    const { variant } = unref(props)\n    return `${name}--variant-${variant}`\n  })\n\n  const { colorClasses, colorStyles } = useColor(computed(() => {\n    const { variant, color } = unref(props)\n    return {\n      [['elevated', 'flat'].includes(variant) ? 'background' : 'text']: color,\n    }\n  }))\n\n  return { colorClasses, colorStyles, variantClasses }\n}\n"],"mappings":";AAAA;SACSA,Q,uBAET;;AACA,SAASC,QAAT,EAAmBC,KAAnB,QAAgC,KAAhC;SACSC,sB,EAAwBC,Y,6BAEjC;;AAIA,OAAO,MAAMC,eAAe,GAAG,CAC7B,UAD6B,EAE7B,MAF6B,EAG7B,OAH6B,EAI7B,UAJ6B,EAK7B,MAL6B,EAM7B,OAN6B,CAAxB;AAgBP,OAAO,SAASC,WAAT,CAAsBC,WAAtB,EAA4CC,IAA5C,EAA0D;EAC/D,sCAEMD,WAAW;IAAA,OAAa,SAAb;IAAA,SAA+B,GAAEC,IAAK;EAAtC,QAFjB;IAAA,OAIa,UAJb;IAAA,SAIgC,GAAEA,IAAK;EAJvC;AAOD;AAED,OAAO,MAAMC,gBAAgB,GAAGL,YAAY,CAAC;EAC3CM,KAAK,EAAEC,MADoC;EAE3CC,OAAO,EAAE;IACPC,IAAI,EAAEF,MADC;IAEPG,OAAO,EAAE,UAFF;IAGPC,SAAS,EAAGC,CAAD,IAAYX,eAAe,CAACY,QAAhB,CAAyBD,CAAzB;EAHhB;AAFkC,CAAD,EAOzC,SAPyC,CAArC;AASP,OAAO,SAASE,UAAT,CACLC,KADK,EAGL;EAAA,IADAX,IACA,uEADOL,sBAAsB,EAC7B;EACA,MAAMiB,cAAc,GAAGnB,QAAQ,CAAC,MAAM;IACpC,MAAM;MAAEW;IAAF,IAAcV,KAAK,CAACiB,KAAD,CAAzB;IACA,OAAQ,GAAEX,IAAK,aAAYI,OAAQ,EAAnC;EACD,CAH8B,CAA/B;EAKA,MAAM;IAAES,YAAF;IAAgBC;EAAhB,IAAgCtB,QAAQ,CAACC,QAAQ,CAAC,MAAM;IAC5D,MAAM;MAAEW,OAAF;MAAWF;IAAX,IAAqBR,KAAK,CAACiB,KAAD,CAAhC;IACA,OAAO;MACL,CAAC,CAAC,UAAD,EAAa,MAAb,EAAqBF,QAArB,CAA8BL,OAA9B,IAAyC,YAAzC,GAAwD,MAAzD,GAAkEF;IAD7D,CAAP;EAGD,CALsD,CAAT,CAA9C;EAOA,OAAO;IAAEW,YAAF;IAAgBC,WAAhB;IAA6BF;EAA7B,CAAP;AACD"}

package/lib/entry-bundler.mjs

@@ -10,7 +10,7 @@ export const createVuetify = function () {
     ...options
   });
 };
-export const version = "3.0.0-beta.4";
+export const version = "3.0.0-beta.5";
 export { components, directives };
 export * from "./composables/index.mjs";
 //# sourceMappingURL=entry-bundler.mjs.map

package/lib/framework.mjs

@@ -6,14 +6,19 @@ import { createLocale, LocaleAdapterSymbol } from "./composables/locale.mjs";
 import { createTheme, ThemeSymbol } from "./composables/theme.mjs";
 import { RtlSymbol } from "./composables/rtl.mjs"; // Utilities
 
-import { defineComponent, getUid, IN_BROWSER } from "./util/index.mjs";
+import { defineComponent, getUid, IN_BROWSER, mergeDeep } from "./util/index.mjs";
 import { reactive } from 'vue'; // Types
 
 export * from "./composables/index.mjs";
 export const createVuetify = function () {
-  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let vuetify = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
   const install = app => {
+    const {
+      blueprint,
+      ...rest
+    } = vuetify;
+    const options = mergeDeep(blueprint, rest);
     const {
       aliases = {},
       components = {},

package/lib/framework.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"framework.mjs","names":["createDefaults","DefaultsSymbol","createDisplay","DisplaySymbol","createIcons","IconSymbol","createLocale","LocaleAdapterSymbol","createTheme","ThemeSymbol","RtlSymbol","defineComponent","getUid","IN_BROWSER","reactive","createVuetify","options","install","app","aliases","components","directives","key","directive","component","name","provideApp","isHydrate","provide","defaults","display","theme","icons","locale","reset","mount","rootContainer","isSVG","ret","inject","vm","$","provides","parent","vnode","appContext","mixin","computed","$vuetify","call","rtl"],"sources":["../src/framework.ts"],"sourcesContent":["// Composables\nimport { createDefaults, DefaultsSymbol } from '@/composables/defaults'\nimport { createDisplay, DisplaySymbol } from '@/composables/display'\nimport { createIcons, IconSymbol } from '@/composables/icons'\nimport { createLocale, LocaleAdapterSymbol } from '@/composables/locale'\nimport { createTheme, ThemeSymbol } from '@/composables/theme'\nimport { RtlSymbol } from '@/composables/rtl'\n\n// Utilities\nimport { defineComponent, getUid, IN_BROWSER } from '@/util'\nimport { reactive } from 'vue'\n\n// Types\nimport type { App, ComponentPublicInstance, InjectionKey } from 'vue'\nimport type { DefaultsOptions } from '@/composables/defaults'\nimport type { DisplayOptions } from '@/composables/display'\nimport type { IconOptions } from '@/composables/icons'\nimport type { LocaleAdapter, LocaleOptions } from '@/composables/locale'\nimport type { RtlOptions } from '@/composables/rtl'\nimport type { ThemeOptions } from '@/composables/theme'\n\nexport * from './composables'\n\nexport interface VuetifyOptions {\n  aliases?: Record<string, any>\n  components?: Record<string, any>\n  directives?: Record<string, any>\n  defaults?: DefaultsOptions\n  display?: DisplayOptions\n  theme?: ThemeOptions\n  icons?: IconOptions\n  locale?: (LocaleOptions & RtlOptions) | (LocaleAdapter & RtlOptions)\n}\n\nexport const createVuetify = (options: VuetifyOptions = {}) => {\n  const install = (app: App) => {\n    const {\n      aliases = {},\n      components = {},\n      directives = {},\n    } = options\n\n    for (const key in directives) {\n      app.directive(key, directives[key])\n    }\n\n    for (const key in components) {\n      app.component(key, components[key])\n    }\n\n    for (const key in aliases) {\n      app.component(key, defineComponent({\n        ...aliases[key],\n        name: key,\n      }))\n    }\n\n    function provideApp (isHydrate?: boolean) {\n      app.provide(DefaultsSymbol, createDefaults(options.defaults))\n      app.provide(DisplaySymbol, createDisplay(options.display, isHydrate))\n      app.provide(ThemeSymbol, createTheme(app, options.theme))\n      app.provide(IconSymbol, createIcons(options.icons))\n      app.provide(LocaleAdapterSymbol, createLocale(app, options.locale))\n    }\n\n    if (!IN_BROWSER) {\n      provideApp()\n    }\n\n    getUid.reset()\n\n    const mount = app.mount\n    app.mount = (rootContainer: any, isHydrate?: boolean, isSVG?: boolean) => {\n      provideApp(isHydrate)\n      const ret = mount(rootContainer, isHydrate, isSVG)\n      app.mount = mount\n      return ret\n    }\n\n    // Vue's inject() can only be used in setup\n    function inject (this: ComponentPublicInstance, key: InjectionKey<any> | string) {\n      const vm = this.$\n\n      const provides = vm.parent?.provides ?? vm.vnode.appContext?.provides\n\n      if (provides && (key as any) in provides) {\n        return provides[(key as string)]\n      }\n    }\n\n    app.mixin({\n      computed: {\n        $vuetify () {\n          return reactive({\n            defaults: inject.call(this, DefaultsSymbol),\n            display: inject.call(this, DisplaySymbol),\n            theme: inject.call(this, ThemeSymbol),\n            icons: inject.call(this, IconSymbol),\n            locale: inject.call(this, LocaleAdapterSymbol),\n            rtl: inject.call(this, RtlSymbol),\n          })\n        },\n      },\n    })\n  }\n\n  return { install }\n}\n"],"mappings":"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"}
+{"version":3,"file":"framework.mjs","names":["createDefaults","DefaultsSymbol","createDisplay","DisplaySymbol","createIcons","IconSymbol","createLocale","LocaleAdapterSymbol","createTheme","ThemeSymbol","RtlSymbol","defineComponent","getUid","IN_BROWSER","mergeDeep","reactive","createVuetify","vuetify","install","app","blueprint","rest","options","aliases","components","directives","key","directive","component","name","provideApp","isHydrate","provide","defaults","display","theme","icons","locale","reset","mount","rootContainer","isSVG","ret","inject","vm","$","provides","parent","vnode","appContext","mixin","computed","$vuetify","call","rtl"],"sources":["../src/framework.ts"],"sourcesContent":["// Composables\nimport { createDefaults, DefaultsSymbol } from '@/composables/defaults'\nimport { createDisplay, DisplaySymbol } from '@/composables/display'\nimport { createIcons, IconSymbol } from '@/composables/icons'\nimport { createLocale, LocaleAdapterSymbol } from '@/composables/locale'\nimport { createTheme, ThemeSymbol } from '@/composables/theme'\nimport { RtlSymbol } from '@/composables/rtl'\n\n// Utilities\nimport { defineComponent, getUid, IN_BROWSER, mergeDeep } from '@/util'\nimport { reactive } from 'vue'\n\n// Types\nimport type { App, ComponentPublicInstance, InjectionKey } from 'vue'\nimport type { DefaultsOptions } from '@/composables/defaults'\nimport type { DisplayOptions } from '@/composables/display'\nimport type { IconOptions } from '@/composables/icons'\nimport type { LocaleAdapter, LocaleOptions } from '@/composables/locale'\nimport type { RtlOptions } from '@/composables/rtl'\nimport type { ThemeOptions } from '@/composables/theme'\n\nexport * from './composables'\n\nexport interface VuetifyOptions {\n  aliases?: Record<string, any>\n  blueprint?: Blueprint\n  components?: Record<string, any>\n  directives?: Record<string, any>\n  defaults?: DefaultsOptions\n  display?: DisplayOptions\n  theme?: ThemeOptions\n  icons?: IconOptions\n  locale?: (LocaleOptions & RtlOptions) | (LocaleAdapter & RtlOptions)\n}\n\nexport interface Blueprint extends Omit<VuetifyOptions, 'blueprint'> {}\n\nexport const createVuetify = (vuetify: VuetifyOptions = {}) => {\n  const install = (app: App) => {\n    const { blueprint, ...rest } = vuetify\n    const options = mergeDeep(blueprint, rest)\n    const {\n      aliases = {},\n      components = {},\n      directives = {},\n    } = options\n\n    for (const key in directives) {\n      app.directive(key, directives[key])\n    }\n\n    for (const key in components) {\n      app.component(key, components[key])\n    }\n\n    for (const key in aliases) {\n      app.component(key, defineComponent({\n        ...aliases[key],\n        name: key,\n      }))\n    }\n\n    function provideApp (isHydrate?: boolean) {\n      app.provide(DefaultsSymbol, createDefaults(options.defaults))\n      app.provide(DisplaySymbol, createDisplay(options.display, isHydrate))\n      app.provide(ThemeSymbol, createTheme(app, options.theme))\n      app.provide(IconSymbol, createIcons(options.icons))\n      app.provide(LocaleAdapterSymbol, createLocale(app, options.locale))\n    }\n\n    if (!IN_BROWSER) {\n      provideApp()\n    }\n\n    getUid.reset()\n\n    const mount = app.mount\n    app.mount = (rootContainer: any, isHydrate?: boolean, isSVG?: boolean) => {\n      provideApp(isHydrate)\n      const ret = mount(rootContainer, isHydrate, isSVG)\n      app.mount = mount\n      return ret\n    }\n\n    // Vue's inject() can only be used in setup\n    function inject (this: ComponentPublicInstance, key: InjectionKey<any> | string) {\n      const vm = this.$\n\n      const provides = vm.parent?.provides ?? vm.vnode.appContext?.provides\n\n      if (provides && (key as any) in provides) {\n        return provides[(key as string)]\n      }\n    }\n\n    app.mixin({\n      computed: {\n        $vuetify () {\n          return reactive({\n            defaults: inject.call(this, DefaultsSymbol),\n            display: inject.call(this, DisplaySymbol),\n            theme: inject.call(this, ThemeSymbol),\n            icons: inject.call(this, IconSymbol),\n            locale: inject.call(this, LocaleAdapterSymbol),\n            rtl: inject.call(this, RtlSymbol),\n          })\n        },\n      },\n    })\n  }\n\n  return { install }\n}\n"],"mappings":"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"}

package/lib/index.d.ts

@@ -256,6 +256,7 @@ interface SubmitEventPromise extends SubmitEvent, Promise<FormValidationResult>
 
 interface VuetifyOptions {
     aliases?: Record<string, any>;
+    blueprint?: Blueprint;
     components?: Record<string, any>;
     directives?: Record<string, any>;
     defaults?: DefaultsOptions;
@@ -264,11 +265,13 @@ interface VuetifyOptions {
     icons?: IconOptions;
     locale?: (LocaleOptions & RtlOptions) | (LocaleAdapter & RtlOptions);
 }
-declare const createVuetify: (options?: VuetifyOptions) => {
+interface Blueprint extends Omit<VuetifyOptions, 'blueprint'> {
+}
+declare const createVuetify: (vuetify?: VuetifyOptions) => {
     install: (app: App) => void;
 };
 
-export { DefaultsInstance, DisplayBreakpoint, DisplayInstance, DisplayThresholds, IconAliases, IconOptions, IconProps, IconSet, LocaleAdapter, RtlInstance, SubmitEventPromise, ThemeDefinition, ThemeInstance, VuetifyOptions, createVuetify, provideRtl, useDisplay, useLayout, useRtl, useTheme };
+export { Blueprint, DefaultsInstance, DisplayBreakpoint, DisplayInstance, DisplayThresholds, IconAliases, IconOptions, IconProps, IconSet, LocaleAdapter, RtlInstance, SubmitEventPromise, ThemeDefinition, ThemeInstance, VuetifyOptions, createVuetify, provideRtl, useDisplay, useLayout, useRtl, useTheme };
 
 import type { ComponentPublicInstance, FunctionalComponent, VNodeChild } from 'vue'
 
@@ -311,22 +314,22 @@ declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     VApp: typeof import('vuetify/components')['VApp']
     VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
+    VHover: typeof import('vuetify/components')['VHover']
     VContainer: typeof import('vuetify/components')['VContainer']
     VCol: typeof import('vuetify/components')['VCol']
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
-    VHover: typeof import('vuetify/components')['VHover']
+    VLazy: typeof import('vuetify/components')['VLazy']
     VForm: typeof import('vuetify/components')['VForm']
+    VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
-    VLazy: typeof import('vuetify/components')['VLazy']
-    VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
-    VParallax: typeof import('vuetify/components')['VParallax']
-    VRadio: typeof import('vuetify/components')['VRadio']
     VNoSsr: typeof import('vuetify/components')['VNoSsr']
+    VParallax: typeof import('vuetify/components')['VParallax']
     VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
-    VResponsive: typeof import('vuetify/components')['VResponsive']
+    VRadio: typeof import('vuetify/components')['VRadio']
     VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
+    VValidation: typeof import('vuetify/components')['VValidation']
     VCarouselTransition: typeof import('vuetify/components')['VCarouselTransition']
     VCarouselReverseTransition: typeof import('vuetify/components')['VCarouselReverseTransition']
     VTabTransition: typeof import('vuetify/components')['VTabTransition']
@@ -348,29 +351,27 @@ declare module '@vue/runtime-core' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
-    VValidation: typeof import('vuetify/components')['VValidation']
     VAppBar: typeof import('vuetify/components')['VAppBar']
     VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
     VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
     VAlert: typeof import('vuetify/components')['VAlert']
     VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
+    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
     VAvatar: typeof import('vuetify/components')['VAvatar']
+    VBadge: typeof import('vuetify/components')['VBadge']
+    VBanner: typeof import('vuetify/components')['VBanner']
+    VBannerActions: typeof import('vuetify/components')['VBannerActions']
+    VBannerText: typeof import('vuetify/components')['VBannerText']
     VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
-    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
+    VBtn: typeof import('vuetify/components')['VBtn']
     VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
-    VBadge: typeof import('vuetify/components')['VBadge']
-    VBtn: typeof import('vuetify/components')['VBtn']
     VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
     VCard: typeof import('vuetify/components')['VCard']
     VCardActions: typeof import('vuetify/components')['VCardActions']
-    VCardAvatar: typeof import('vuetify/components')['VCardAvatar']
-    VCardContent: typeof import('vuetify/components')['VCardContent']
-    VCardHeader: typeof import('vuetify/components')['VCardHeader']
-    VCardHeaderText: typeof import('vuetify/components')['VCardHeaderText']
-    VCardImg: typeof import('vuetify/components')['VCardImg']
+    VCardItem: typeof import('vuetify/components')['VCardItem']
     VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
     VCardText: typeof import('vuetify/components')['VCardText']
     VCardTitle: typeof import('vuetify/components')['VCardTitle']
@@ -379,34 +380,35 @@ declare module '@vue/runtime-core' {
     VCheckbox: typeof import('vuetify/components')['VCheckbox']
     VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
     VChip: typeof import('vuetify/components')['VChip']
+    VChipGroup: typeof import('vuetify/components')['VChipGroup']
     VCode: typeof import('vuetify/components')['VCode']
+    VResponsive: typeof import('vuetify/components')['VResponsive']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
-    VChipGroup: typeof import('vuetify/components')['VChipGroup']
     VCombobox: typeof import('vuetify/components')['VCombobox']
     VCounter: typeof import('vuetify/components')['VCounter']
     VDialog: typeof import('vuetify/components')['VDialog']
     VDivider: typeof import('vuetify/components')['VDivider']
+    VField: typeof import('vuetify/components')['VField']
+    VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
+    VFileInput: typeof import('vuetify/components')['VFileInput']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
-    VField: typeof import('vuetify/components')['VField']
-    VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
-    VFileInput: typeof import('vuetify/components')['VFileInput']
     VFooter: typeof import('vuetify/components')['VFooter']
-    VImg: typeof import('vuetify/components')['VImg']
-    VInput: typeof import('vuetify/components')['VInput']
-    VItemGroup: typeof import('vuetify/components')['VItemGroup']
-    VItem: typeof import('vuetify/components')['VItem']
-    VLabel: typeof import('vuetify/components')['VLabel']
-    VKbd: typeof import('vuetify/components')['VKbd']
     VIcon: typeof import('vuetify/components')['VIcon']
     VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
+    VInput: typeof import('vuetify/components')['VInput']
+    VImg: typeof import('vuetify/components')['VImg']
+    VItemGroup: typeof import('vuetify/components')['VItemGroup']
+    VItem: typeof import('vuetify/components')['VItem']
+    VKbd: typeof import('vuetify/components')['VKbd']
+    VLabel: typeof import('vuetify/components')['VLabel']
     VList: typeof import('vuetify/components')['VList']
-    VListSubheader: typeof import('vuetify/components')['VListSubheader']
+    VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
     VListItem: typeof import('vuetify/components')['VListItem']
     VListItemAction: typeof import('vuetify/components')['VListItemAction']
@@ -416,42 +418,39 @@ declare module '@vue/runtime-core' {
     VListItemMedia: typeof import('vuetify/components')['VListItemMedia']
     VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
-    VListGroup: typeof import('vuetify/components')['VListGroup']
+    VListSubheader: typeof import('vuetify/components')['VListSubheader']
     VMain: typeof import('vuetify/components')['VMain']
+    VMenu: typeof import('vuetify/components')['VMenu']
     VMessages: typeof import('vuetify/components')['VMessages']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
-    VPagination: typeof import('vuetify/components')['VPagination']
-    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
     VOverlay: typeof import('vuetify/components')['VOverlay']
+    VPagination: typeof import('vuetify/components')['VPagination']
     VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
-    VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
     VRating: typeof import('vuetify/components')['VRating']
+    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
+    VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
     VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
     VSelect: typeof import('vuetify/components')['VSelect']
     VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
     VSheet: typeof import('vuetify/components')['VSheet']
+    VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
+    VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
     VSlider: typeof import('vuetify/components')['VSlider']
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
-    VSwitch: typeof import('vuetify/components')['VSwitch']
     VSystemBar: typeof import('vuetify/components')['VSystemBar']
+    VSwitch: typeof import('vuetify/components')['VSwitch']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTab: typeof import('vuetify/components')['VTab']
     VTable: typeof import('vuetify/components')['VTable']
-    VTextarea: typeof import('vuetify/components')['VTextarea']
     VTextField: typeof import('vuetify/components')['VTextField']
-    VToolbar: typeof import('vuetify/components')['VToolbar']
-    VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
-    VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
+    VTextarea: typeof import('vuetify/components')['VTextarea']
     VTimeline: typeof import('vuetify/components')['VTimeline']
     VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
     VTooltip: typeof import('vuetify/components')['VTooltip']
+    VToolbar: typeof import('vuetify/components')['VToolbar']
+    VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
+    VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
-    VMenu: typeof import('vuetify/components')['VMenu']
-    VBanner: typeof import('vuetify/components')['VBanner']
-    VBannerActions: typeof import('vuetify/components')['VBannerActions']
-    VBannerAvatar: typeof import('vuetify/components')['VBannerAvatar']
-    VBannerIcon: typeof import('vuetify/components')['VBannerIcon']
-    VBannerText: typeof import('vuetify/components')['VBannerText']
   }
 }