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

package/lib/composables/resizeObserver.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/resizeObserver.ts"],"names":["onBeforeUnmount","readonly","ref","watch","useResizeObserver","callback","resizeRef","contentRect","contentBoxSize","borderBoxSize","observer","ResizeObserver","entries","length","value","disconnect","newValue","oldValue","unobserve","undefined","observe","flush"],"mappings":"AAAA;AACA,SAASA,eAAT,EAA0BC,QAA1B,EAAoCC,GAApC,EAAyCC,KAAzC,QAAsD,KAAtD;AAUA,OAAO,SAASC,iBAAT,CAA4BC,QAA5B,EAA4E;AACjF,QAAMC,SAAS,GAAGJ,GAAG,EAArB;AACA,QAAMK,WAAW,GAAGL,GAAG,EAAvB;AACA,QAAMM,cAAc,GAAGN,GAAG,EAA1B;AACA,QAAMO,aAAa,GAAGP,GAAG,EAAzB;AAEA,QAAMQ,QAAQ,GAAG,IAAIC,cAAJ,CAAoBC,OAAD,IAAoC;AACtEP,IAAAA,QAAQ,QAAR,YAAAA,QAAQ,CAAGO,OAAH,EAAYF,QAAZ,CAAR;AAEA,QAAI,CAACE,OAAO,CAACC,MAAb,EAAqB;AAErBN,IAAAA,WAAW,CAACO,KAAZ,GAAoBF,OAAO,CAAC,CAAD,CAAP,CAAWL,WAA/B;AACAC,IAAAA,cAAc,CAACM,KAAf,GAAuBF,OAAO,CAAC,CAAD,CAAP,CAAWJ,cAAX,CAA0B,CAA1B,CAAvB;AACAC,IAAAA,aAAa,CAACK,KAAd,GAAsBF,OAAO,CAAC,CAAD,CAAP,CAAWH,aAAX,CAAyB,CAAzB,CAAtB;AACD,GARgB,CAAjB;AAUAT,EAAAA,eAAe,CAAC,MAAM;AACpBU,IAAAA,QAAQ,CAACK,UAAT;AACD,GAFc,CAAf;AAIAZ,EAAAA,KAAK,CAACG,SAAD,EAAY,CAACU,QAAD,EAAWC,QAAX,KAAwB;AACvC,QAAIA,QAAJ,EAAc;AACZP,MAAAA,QAAQ,CAACQ,SAAT,CAAmBD,QAAnB;AACAV,MAAAA,WAAW,CAACO,KAAZ,GAAoBK,SAApB;AACAX,MAAAA,cAAc,CAACM,KAAf,GAAuBK,SAAvB;AACAV,MAAAA,aAAa,CAACK,KAAd,GAAsBK,SAAtB;AACD;;AAED,QAAIH,QAAJ,EAAcN,QAAQ,CAACU,OAAT,CAAiBJ,QAAjB;AACf,GATI,EASF;AACDK,IAAAA,KAAK,EAAE;AADN,GATE,CAAL;AAaA,SAAO;AACLf,IAAAA,SADK;AAELC,IAAAA,WAAW,EAAEN,QAAQ,CAACM,WAAD,CAFhB;AAGLC,IAAAA,cAAc,EAAEP,QAAQ,CAACO,cAAD,CAHnB;AAILC,IAAAA,aAAa,EAAER,QAAQ,CAACQ,aAAD;AAJlB,GAAP;AAMD","sourcesContent":["// Utilities\nimport { onBeforeUnmount, readonly, ref, watch } from 'vue'\nimport type { DeepReadonly, Ref } from 'vue'\n\ninterface ResizeState {\n  resizeRef: Ref<Element | undefined>\n  contentRect: DeepReadonly<Ref<DOMRectReadOnly | undefined>>\n  borderBoxSize: DeepReadonly<Ref<ResizeObserverSize | undefined>>\n  contentBoxSize: DeepReadonly<Ref<ResizeObserverSize | undefined>>\n}\n\nexport function useResizeObserver (callback?: ResizeObserverCallback): ResizeState {\n  const resizeRef = ref<Element>()\n  const contentRect = ref<DOMRectReadOnly>()\n  const contentBoxSize = ref<ResizeObserverSize>()\n  const borderBoxSize = ref<ResizeObserverSize>()\n\n  const observer = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n    callback?.(entries, observer)\n\n    if (!entries.length) return\n\n    contentRect.value = entries[0].contentRect\n    contentBoxSize.value = entries[0].contentBoxSize[0]\n    borderBoxSize.value = entries[0].borderBoxSize[0]\n  })\n\n  onBeforeUnmount(() => {\n    observer.disconnect()\n  })\n\n  watch(resizeRef, (newValue, oldValue) => {\n    if (oldValue) {\n      observer.unobserve(oldValue)\n      contentRect.value = undefined\n      contentBoxSize.value = undefined\n      borderBoxSize.value = undefined\n    }\n\n    if (newValue) observer.observe(newValue)\n  }, {\n    flush: 'post',\n  })\n\n  return {\n    resizeRef,\n    contentRect: readonly(contentRect),\n    contentBoxSize: readonly(contentBoxSize),\n    borderBoxSize: readonly(borderBoxSize),\n  }\n}\n"],"file":"resizeObserver.mjs"}
+{"version":3,"sources":["../../src/composables/resizeObserver.ts"],"names":["onBeforeUnmount","readonly","ref","watch","IN_BROWSER","useResizeObserver","callback","resizeRef","contentRect","contentBoxSize","borderBoxSize","observer","ResizeObserver","entries","length","value","disconnect","newValue","oldValue","unobserve","undefined","observe","flush"],"mappings":"AAAA;AACA,SAASA,eAAT,EAA0BC,QAA1B,EAAoCC,GAApC,EAAyCC,KAAzC,QAAsD,KAAtD;AAGA;SACSC,U;AAST,OAAO,SAASC,iBAAT,CAA4BC,QAA5B,EAA4E;AACjF,QAAMC,SAAS,GAAGL,GAAG,EAArB;AACA,QAAMM,WAAW,GAAGN,GAAG,EAAvB;AACA,QAAMO,cAAc,GAAGP,GAAG,EAA1B;AACA,QAAMQ,aAAa,GAAGR,GAAG,EAAzB;;AAEA,MAAIE,UAAJ,EAAgB;AACd,UAAMO,QAAQ,GAAG,IAAIC,cAAJ,CAAoBC,OAAD,IAAoC;AACtEP,MAAAA,QAAQ,QAAR,YAAAA,QAAQ,CAAGO,OAAH,EAAYF,QAAZ,CAAR;AAEA,UAAI,CAACE,OAAO,CAACC,MAAb,EAAqB;AAErBN,MAAAA,WAAW,CAACO,KAAZ,GAAoBF,OAAO,CAAC,CAAD,CAAP,CAAWL,WAA/B;AACAC,MAAAA,cAAc,CAACM,KAAf,GAAuBF,OAAO,CAAC,CAAD,CAAP,CAAWJ,cAAX,CAA0B,CAA1B,CAAvB;AACAC,MAAAA,aAAa,CAACK,KAAd,GAAsBF,OAAO,CAAC,CAAD,CAAP,CAAWH,aAAX,CAAyB,CAAzB,CAAtB;AACD,KARgB,CAAjB;AAUAV,IAAAA,eAAe,CAAC,MAAM;AACpBW,MAAAA,QAAQ,CAACK,UAAT;AACD,KAFc,CAAf;AAIAb,IAAAA,KAAK,CAACI,SAAD,EAAY,CAACU,QAAD,EAAWC,QAAX,KAAwB;AACvC,UAAIA,QAAJ,EAAc;AACZP,QAAAA,QAAQ,CAACQ,SAAT,CAAmBD,QAAnB;AACAV,QAAAA,WAAW,CAACO,KAAZ,GAAoBK,SAApB;AACAX,QAAAA,cAAc,CAACM,KAAf,GAAuBK,SAAvB;AACAV,QAAAA,aAAa,CAACK,KAAd,GAAsBK,SAAtB;AACD;;AAED,UAAIH,QAAJ,EAAcN,QAAQ,CAACU,OAAT,CAAiBJ,QAAjB;AACf,KATI,EASF;AACDK,MAAAA,KAAK,EAAE;AADN,KATE,CAAL;AAYD;;AAED,SAAO;AACLf,IAAAA,SADK;AAELC,IAAAA,WAAW,EAAEP,QAAQ,CAACO,WAAD,CAFhB;AAGLC,IAAAA,cAAc,EAAER,QAAQ,CAACQ,cAAD,CAHnB;AAILC,IAAAA,aAAa,EAAET,QAAQ,CAACS,aAAD;AAJlB,GAAP;AAMD","sourcesContent":["// Utilities\nimport { onBeforeUnmount, readonly, ref, watch } from 'vue'\nimport type { DeepReadonly, Ref } from 'vue'\n\n// Globals\nimport { IN_BROWSER } from '@/util/globals'\n\ninterface ResizeState {\n  resizeRef: Ref<Element | undefined>\n  contentRect: DeepReadonly<Ref<DOMRectReadOnly | undefined>>\n  borderBoxSize: DeepReadonly<Ref<ResizeObserverSize | undefined>>\n  contentBoxSize: DeepReadonly<Ref<ResizeObserverSize | undefined>>\n}\n\nexport function useResizeObserver (callback?: ResizeObserverCallback): ResizeState {\n  const resizeRef = ref<Element>()\n  const contentRect = ref<DOMRectReadOnly>()\n  const contentBoxSize = ref<ResizeObserverSize>()\n  const borderBoxSize = ref<ResizeObserverSize>()\n\n  if (IN_BROWSER) {\n    const observer = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n      callback?.(entries, observer)\n\n      if (!entries.length) return\n\n      contentRect.value = entries[0].contentRect\n      contentBoxSize.value = entries[0].contentBoxSize[0]\n      borderBoxSize.value = entries[0].borderBoxSize[0]\n    })\n\n    onBeforeUnmount(() => {\n      observer.disconnect()\n    })\n\n    watch(resizeRef, (newValue, oldValue) => {\n      if (oldValue) {\n        observer.unobserve(oldValue)\n        contentRect.value = undefined\n        contentBoxSize.value = undefined\n        borderBoxSize.value = undefined\n      }\n\n      if (newValue) observer.observe(newValue)\n    }, {\n      flush: 'post',\n    })\n  }\n\n  return {\n    resizeRef,\n    contentRect: readonly(contentRect),\n    contentBoxSize: readonly(contentBoxSize),\n    borderBoxSize: readonly(borderBoxSize),\n  }\n}\n"],"file":"resizeObserver.mjs"}

package/lib/composables/rounded.mjs

@@ -1,25 +1,24 @@
 // Utilities
-import { computed } from 'vue';
-import { propsFactory } from "../util/index.mjs"; // Types
+import { computed, isRef } from 'vue';
+import { getCurrentInstanceName, propsFactory } from "../util/index.mjs"; // Types
 
 // Composables
 export const makeRoundedProps = propsFactory({
   rounded: {
     type: [Boolean, Number, String],
     default: undefined
-  },
-  tile: Boolean
+  }
 }, 'rounded');
-export function useRounded(props, name) {
+export function useRounded(props) {
+  let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getCurrentInstanceName();
   const roundedClasses = computed(() => {
+    const rounded = isRef(props) ? props.value : props.rounded;
     const classes = [];
 
-    if (props.tile) {
-      classes.push(`${name}--tile`);
-    } else if (props.rounded === true || props.rounded === '') {
+    if (rounded === true || rounded === '') {
       classes.push(`${name}--rounded`);
-    } else if (typeof props.rounded === 'string' || props.rounded === 0) {
-      for (const value of String(props.rounded).split(' ')) {
+    } else if (typeof rounded === 'string' || rounded === 0) {
+      for (const value of String(rounded).split(' ')) {
         classes.push(`rounded-${value}`);
       }
     }

package/lib/composables/rounded.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/rounded.ts"],"names":["computed","propsFactory","makeRoundedProps","rounded","type","Boolean","Number","String","default","undefined","tile","useRounded","props","name","roundedClasses","classes","push","value","split"],"mappings":"AAAA;AACA,SAASA,QAAT,QAAyB,KAAzB;SACSC,Y,6BAET;;AAMA;AACA,OAAO,MAAMC,gBAAgB,GAAGD,YAAY,CAAC;AAC3CE,EAAAA,OAAO,EAAE;AACPC,IAAAA,IAAI,EAAE,CAACC,OAAD,EAAUC,MAAV,EAAkBC,MAAlB,CADC;AAEPC,IAAAA,OAAO,EAAEC;AAFF,GADkC;AAK3CC,EAAAA,IAAI,EAAEL;AALqC,CAAD,EAMzC,SANyC,CAArC;AAQP,OAAO,SAASM,UAAT,CAAqBC,KAArB,EAA0CC,IAA1C,EAAwD;AAC7D,QAAMC,cAAc,GAAGd,QAAQ,CAAC,MAAM;AACpC,UAAMe,OAAiB,GAAG,EAA1B;;AAEA,QAAIH,KAAK,CAACF,IAAV,EAAgB;AACdK,MAAAA,OAAO,CAACC,IAAR,CAAc,GAAEH,IAAK,QAArB;AACD,KAFD,MAEO,IAAID,KAAK,CAACT,OAAN,KAAkB,IAAlB,IAA0BS,KAAK,CAACT,OAAN,KAAkB,EAAhD,EAAoD;AACzDY,MAAAA,OAAO,CAACC,IAAR,CAAc,GAAEH,IAAK,WAArB;AACD,KAFM,MAEA,IACL,OAAOD,KAAK,CAACT,OAAb,KAAyB,QAAzB,IACAS,KAAK,CAACT,OAAN,KAAkB,CAFb,EAGL;AACA,WAAK,MAAMc,KAAX,IAAoBV,MAAM,CAACK,KAAK,CAACT,OAAP,CAAN,CAAsBe,KAAtB,CAA4B,GAA5B,CAApB,EAAsD;AACpDH,QAAAA,OAAO,CAACC,IAAR,CAAc,WAAUC,KAAM,EAA9B;AACD;AACF;;AAED,WAAOF,OAAP;AACD,GAjB8B,CAA/B;AAmBA,SAAO;AAAED,IAAAA;AAAF,GAAP;AACD","sourcesContent":["// Utilities\nimport { computed } from 'vue'\nimport { propsFactory } from '@/util'\n\n// Types\nexport interface RoundedProps {\n  rounded?: boolean | string | number | null\n  tile?: boolean\n}\n\n// Composables\nexport const makeRoundedProps = propsFactory({\n  rounded: {\n    type: [Boolean, Number, String],\n    default: undefined,\n  },\n  tile: Boolean,\n}, 'rounded')\n\nexport function useRounded (props: RoundedProps, name: string) {\n  const roundedClasses = computed(() => {\n    const classes: string[] = []\n\n    if (props.tile) {\n      classes.push(`${name}--tile`)\n    } else if (props.rounded === true || props.rounded === '') {\n      classes.push(`${name}--rounded`)\n    } else if (\n      typeof props.rounded === 'string' ||\n      props.rounded === 0\n    ) {\n      for (const value of String(props.rounded).split(' ')) {\n        classes.push(`rounded-${value}`)\n      }\n    }\n\n    return classes\n  })\n\n  return { roundedClasses }\n}\n"],"file":"rounded.mjs"}
+{"version":3,"sources":["../../src/composables/rounded.ts"],"names":["computed","isRef","getCurrentInstanceName","propsFactory","makeRoundedProps","rounded","type","Boolean","Number","String","default","undefined","useRounded","props","name","roundedClasses","value","classes","push","split"],"mappings":"AAAA;AACA,SAASA,QAAT,EAAmBC,KAAnB,QAAgC,KAAhC;SACSC,sB,EAAwBC,Y,6BAEjC;;AAcA;AACA,OAAO,MAAMC,gBAAgB,GAAGD,YAAY,CAAC;AAC3CE,EAAAA,OAAO,EAAE;AACPC,IAAAA,IAAI,EAAE,CAACC,OAAD,EAAUC,MAAV,EAAkBC,MAAlB,CADC;AAEPC,IAAAA,OAAO,EAAEC;AAFF;AADkC,CAAD,EAKzC,SALyC,CAArC;AAOP,OAAO,SAASC,UAAT,CACLC,KADK,EAGQ;AAAA,MADbC,IACa,uEADNZ,sBAAsB,EAChB;AACb,QAAMa,cAAc,GAAGf,QAAQ,CAAC,MAAM;AACpC,UAAMK,OAAO,GAAGJ,KAAK,CAACY,KAAD,CAAL,GAAeA,KAAK,CAACG,KAArB,GAA6BH,KAAK,CAACR,OAAnD;AACA,UAAMY,OAAiB,GAAG,EAA1B;;AAEA,QAAIZ,OAAO,KAAK,IAAZ,IAAoBA,OAAO,KAAK,EAApC,EAAwC;AACtCY,MAAAA,OAAO,CAACC,IAAR,CAAc,GAAEJ,IAAK,WAArB;AACD,KAFD,MAEO,IACL,OAAOT,OAAP,KAAmB,QAAnB,IACAA,OAAO,KAAK,CAFP,EAGL;AACA,WAAK,MAAMW,KAAX,IAAoBP,MAAM,CAACJ,OAAD,CAAN,CAAgBc,KAAhB,CAAsB,GAAtB,CAApB,EAAgD;AAC9CF,QAAAA,OAAO,CAACC,IAAR,CAAc,WAAUF,KAAM,EAA9B;AACD;AACF;;AAED,WAAOC,OAAP;AACD,GAhB8B,CAA/B;AAkBA,SAAO;AAAEF,IAAAA;AAAF,GAAP;AACD","sourcesContent":["// Utilities\nimport { computed, isRef } from 'vue'\nimport { getCurrentInstanceName, propsFactory } from '@/util'\n\n// Types\nimport type { Ref } from 'vue'\n\ntype RoundedValue = boolean | string | number | null | undefined\n\nexport interface RoundedProps {\n  rounded?: RoundedValue\n  tile?: boolean\n}\n\ntype RoundedData = {\n  roundedClasses: Ref<string[]>\n}\n\n// Composables\nexport const makeRoundedProps = propsFactory({\n  rounded: {\n    type: [Boolean, Number, String],\n    default: undefined,\n  },\n}, 'rounded')\n\nexport function useRounded (\n  props: RoundedProps | Ref<RoundedValue>,\n  name = getCurrentInstanceName(),\n): RoundedData {\n  const roundedClasses = computed(() => {\n    const rounded = isRef(props) ? props.value : props.rounded\n    const classes: string[] = []\n\n    if (rounded === true || rounded === '') {\n      classes.push(`${name}--rounded`)\n    } else if (\n      typeof rounded === 'string' ||\n      rounded === 0\n    ) {\n      for (const value of String(rounded).split(' ')) {\n        classes.push(`rounded-${value}`)\n      }\n    }\n\n    return classes\n  })\n\n  return { roundedClasses }\n}\n"],"file":"rounded.mjs"}

package/lib/composables/router.mjs

@@ -1,9 +1,9 @@
 // Utilities
-import { propsFactory } from "../util/index.mjs";
-import { computed, getCurrentInstance, onBeforeUnmount, onMounted, resolveDynamicComponent, toRef } from 'vue'; // Types
+import { getCurrentInstance, propsFactory } from "../util/index.mjs";
+import { computed, onBeforeUnmount, onMounted, resolveDynamicComponent, toRef } from 'vue'; // Types
 
 export function useRoute() {
-  const vm = getCurrentInstance();
+  const vm = getCurrentInstance('useRoute');
   return computed(() => {
     var _vm$proxy;
 
@@ -13,7 +13,7 @@ export function useRoute() {
 export function useRouter() {
   var _getCurrentInstance, _getCurrentInstance$p;
 
-  return (_getCurrentInstance = getCurrentInstance()) == null ? void 0 : (_getCurrentInstance$p = _getCurrentInstance.proxy) == null ? void 0 : _getCurrentInstance$p.$router;
+  return (_getCurrentInstance = getCurrentInstance('useRouter')) == null ? void 0 : (_getCurrentInstance$p = _getCurrentInstance.proxy) == null ? void 0 : _getCurrentInstance$p.$router;
 }
 export function useLink(props, attrs) {
   const RouterLink = resolveDynamicComponent('RouterLink');
@@ -60,7 +60,9 @@ export function useBackButton(cb) {
   });
 
   function onPopstate(e) {
-    if (e.state.replaced) return;
+    var _e$state;
+
+    if ((_e$state = e.state) != null && _e$state.replaced) return;
     popped = true;
     setTimeout(() => popped = false);
   }

package/lib/composables/router.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/router.tsx"],"names":["propsFactory","computed","getCurrentInstance","onBeforeUnmount","onMounted","resolveDynamicComponent","toRef","useRoute","vm","proxy","$route","useRouter","$router","useLink","props","attrs","RouterLink","isLink","href","to","isClickable","value","onClick","onClickOnce","link","undefined","route","makeRouterProps","String","replace","Boolean","Object","useBackButton","cb","router","popped","removeGuard","window","addEventListener","onPopstate","beforeEach","from","next","setTimeout","removeEventListener","e","state","replaced"],"mappings":"AAAA;SACSA,Y;AACT,SACEC,QADF,EAEEC,kBAFF,EAGEC,eAHF,EAIEC,SAJF,EAKEC,uBALF,EAMEC,KANF,QAOO,KAPP,C,CASA;;AAYA,OAAO,SAASC,QAAT,GAAqE;AAC1E,QAAMC,EAAE,GAAGN,kBAAkB,EAA7B;AAEA,SAAOD,QAAQ,CAAC;AAAA;;AAAA,WAAMO,EAAN,iCAAMA,EAAE,CAAEC,KAAV,qBAAM,UAAWC,MAAjB;AAAA,GAAD,CAAf;AACD;AAED,OAAO,SAASC,SAAT,GAA0C;AAAA;;AAC/C,gCAAOT,kBAAkB,EAAzB,8CAAO,oBAAsBO,KAA7B,qBAAO,sBAA6BG,OAApC;AACD;AAYD,OAAO,SAASC,OAAT,CAAkBC,KAAlB,EAAoCC,KAApC,EAA2E;AAChF,QAAMC,UAAU,GAAGX,uBAAuB,CAAC,YAAD,CAA1C;AAEA,QAAMY,MAAM,GAAGhB,QAAQ,CAAC,MAAM,CAAC,EAAEa,KAAK,CAACI,IAAN,IAAcJ,KAAK,CAACK,EAAtB,CAAR,CAAvB;AACA,QAAMC,WAAW,GAAGnB,QAAQ,CAAC,MAAM;AACjC,WAAO,CAAAgB,MAAM,QAAN,YAAAA,MAAM,CAAEI,KAAR,KAAiB,CAAC,EAAEN,KAAK,CAACO,OAAN,IAAiBP,KAAK,CAACQ,WAAzB,CAAzB;AACD,GAF2B,CAA5B;;AAIA,MAAI,OAAOP,UAAP,KAAsB,QAA1B,EAAoC;AAClC,WAAO;AACLC,MAAAA,MADK;AAELG,MAAAA,WAFK;AAGLF,MAAAA,IAAI,EAAEZ,KAAK,CAACQ,KAAD,EAAQ,MAAR;AAHN,KAAP;AAKD;;AAED,QAAMU,IAAI,GAAGV,KAAK,CAACK,EAAN,GAAWH,UAAU,CAACH,OAAX,CAAmBC,KAAnB,CAAX,GAA4DW,SAAzE;AAEA,SAAO,EACL,GAAGD,IADE;AAELP,IAAAA,MAFK;AAGLG,IAAAA,WAHK;AAILF,IAAAA,IAAI,EAAEjB,QAAQ,CAAC,MAAMa,KAAK,CAACK,EAAN,GAAWK,IAAX,oBAAWA,IAAI,CAAEE,KAAN,CAAYL,KAAZ,CAAkBH,IAA7B,GAAoCJ,KAAK,CAACI,IAAjD;AAJT,GAAP;AAMD;AAED,OAAO,MAAMS,eAAe,GAAG3B,YAAY,CAAC;AAC1CkB,EAAAA,IAAI,EAAEU,MADoC;AAE1CC,EAAAA,OAAO,EAAEC,OAFiC;AAG1CX,EAAAA,EAAE,EAAE,CAACS,MAAD,EAASG,MAAT;AAHsC,CAAD,EAIxC,QAJwC,CAApC;AAMP,OAAO,SAASC,aAAT,CAAwBC,EAAxB,EAAiE;AACtE,QAAMC,MAAM,GAAGvB,SAAS,EAAxB;AACA,MAAIwB,MAAM,GAAG,KAAb;AACA,MAAIC,WAAJ;AAEAhC,EAAAA,SAAS,CAAC,MAAM;AACdiC,IAAAA,MAAM,CAACC,gBAAP,CAAwB,UAAxB,EAAoCC,UAApC;AACAH,IAAAA,WAAW,GAAGF,MAAH,oBAAGA,MAAM,CAAEM,UAAR,CAAmB,CAACrB,EAAD,EAAKsB,IAAL,EAAWC,IAAX,KAAoB;AACnDC,MAAAA,UAAU,CAAC,MAAMR,MAAM,GAAGF,EAAE,CAACS,IAAD,CAAL,GAAcA,IAAI,EAA/B,CAAV;AACD,KAFa,CAAd;AAGD,GALQ,CAAT;AAMAvC,EAAAA,eAAe,CAAC,MAAM;AAAA;;AACpBkC,IAAAA,MAAM,CAACO,mBAAP,CAA2B,UAA3B,EAAuCL,UAAvC;AACA,oBAAAH,WAAW,SAAX;AACD,GAHc,CAAf;;AAKA,WAASG,UAAT,CAAqBM,CAArB,EAAuC;AACrC,QAAIA,CAAC,CAACC,KAAF,CAAQC,QAAZ,EAAsB;AAEtBZ,IAAAA,MAAM,GAAG,IAAT;AACAQ,IAAAA,UAAU,CAAC,MAAOR,MAAM,GAAG,KAAjB,CAAV;AACD;AACF","sourcesContent":["// Utilities\nimport { propsFactory } from '@/util'\nimport {\n  computed,\n  getCurrentInstance,\n  onBeforeUnmount,\n  onMounted,\n  resolveDynamicComponent,\n  toRef,\n} from 'vue'\n\n// Types\nimport type { ComputedRef, PropType, Ref, SetupContext } from 'vue'\nimport type {\n  RouterLink as _RouterLink,\n  useLink as _useLink,\n  NavigationGuardNext,\n  RouteLocationNormalizedLoaded,\n  RouteLocationRaw,\n  Router,\n  RouterLinkOptions,\n} from 'vue-router'\n\nexport function useRoute (): Ref<RouteLocationNormalizedLoaded | undefined> {\n  const vm = getCurrentInstance()\n\n  return computed(() => vm?.proxy?.$route)\n}\n\nexport function useRouter (): Router | undefined {\n  return getCurrentInstance()?.proxy?.$router\n}\n\nexport interface LinkProps extends Partial<RouterLinkOptions> {\n  href?: string\n}\n\ninterface UseLink extends Omit<Partial<ReturnType<typeof _useLink>>, 'href'> {\n  isLink: ComputedRef<boolean>\n  isClickable: ComputedRef<boolean>\n  href: Ref<string | undefined>\n}\n\nexport function useLink (props: LinkProps, attrs: SetupContext['attrs']): UseLink {\n  const RouterLink = resolveDynamicComponent('RouterLink') as typeof _RouterLink | string\n\n  const isLink = computed(() => !!(props.href || props.to))\n  const isClickable = computed(() => {\n    return isLink?.value || !!(attrs.onClick || attrs.onClickOnce)\n  })\n\n  if (typeof RouterLink === 'string') {\n    return {\n      isLink,\n      isClickable,\n      href: toRef(props, 'href'),\n    }\n  }\n\n  const link = props.to ? RouterLink.useLink(props as RouterLinkOptions) : undefined\n\n  return {\n    ...link,\n    isLink,\n    isClickable,\n    href: computed(() => props.to ? link?.route.value.href : props.href),\n  }\n}\n\nexport const makeRouterProps = propsFactory({\n  href: String,\n  replace: Boolean,\n  to: [String, Object] as PropType<RouteLocationRaw>,\n}, 'router')\n\nexport function useBackButton (cb: (next: NavigationGuardNext) => void) {\n  const router = useRouter()\n  let popped = false\n  let removeGuard: (() => void) | undefined\n\n  onMounted(() => {\n    window.addEventListener('popstate', onPopstate)\n    removeGuard = router?.beforeEach((to, from, next) => {\n      setTimeout(() => popped ? cb(next) : next())\n    })\n  })\n  onBeforeUnmount(() => {\n    window.removeEventListener('popstate', onPopstate)\n    removeGuard?.()\n  })\n\n  function onPopstate (e: PopStateEvent) {\n    if (e.state.replaced) return\n\n    popped = true\n    setTimeout(() => (popped = false))\n  }\n}\n"],"file":"router.mjs"}
+{"version":3,"sources":["../../src/composables/router.tsx"],"names":["getCurrentInstance","propsFactory","computed","onBeforeUnmount","onMounted","resolveDynamicComponent","toRef","useRoute","vm","proxy","$route","useRouter","$router","useLink","props","attrs","RouterLink","isLink","href","to","isClickable","value","onClick","onClickOnce","link","undefined","route","makeRouterProps","String","replace","Boolean","Object","useBackButton","cb","router","popped","removeGuard","window","addEventListener","onPopstate","beforeEach","from","next","setTimeout","removeEventListener","e","state","replaced"],"mappings":"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","sourcesContent":["// Utilities\nimport { getCurrentInstance, propsFactory } from '@/util'\nimport {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  resolveDynamicComponent,\n  toRef,\n} from 'vue'\n\n// Types\nimport type { ComputedRef, PropType, Ref, SetupContext } from 'vue'\nimport type {\n  RouterLink as _RouterLink,\n  useLink as _useLink,\n  NavigationGuardNext,\n  RouteLocationNormalizedLoaded,\n  RouteLocationRaw,\n  Router,\n} from 'vue-router'\n\nexport function useRoute (): Ref<RouteLocationNormalizedLoaded | undefined> {\n  const vm = getCurrentInstance('useRoute')\n\n  return computed(() => vm?.proxy?.$route)\n}\n\nexport function useRouter (): Router | undefined {\n  return getCurrentInstance('useRouter')?.proxy?.$router\n}\n\nexport interface LinkProps {\n  href?: string\n  replace?: boolean\n  to?: RouteLocationRaw\n}\n\ninterface UseLink extends Omit<Partial<ReturnType<typeof _useLink>>, 'href'> {\n  isLink: ComputedRef<boolean>\n  isClickable: ComputedRef<boolean>\n  href: Ref<string | undefined>\n}\n\nexport function useLink (props: LinkProps, attrs: SetupContext['attrs']): UseLink {\n  const RouterLink = resolveDynamicComponent('RouterLink') as typeof _RouterLink | string\n\n  const isLink = computed(() => !!(props.href || props.to))\n  const isClickable = computed(() => {\n    return isLink?.value || !!(attrs.onClick || attrs.onClickOnce)\n  })\n\n  if (typeof RouterLink === 'string') {\n    return {\n      isLink,\n      isClickable,\n      href: toRef(props, 'href'),\n    }\n  }\n\n  const link = props.to ? RouterLink.useLink(props as Required<LinkProps>) : undefined\n\n  return {\n    ...link,\n    isLink,\n    isClickable,\n    href: computed(() => props.to ? link?.route.value.href : props.href),\n  }\n}\n\nexport const makeRouterProps = propsFactory({\n  href: String,\n  replace: Boolean,\n  to: [String, Object] as PropType<RouteLocationRaw>,\n}, 'router')\n\nexport function useBackButton (cb: (next: NavigationGuardNext) => void) {\n  const router = useRouter()\n  let popped = false\n  let removeGuard: (() => void) | undefined\n\n  onMounted(() => {\n    window.addEventListener('popstate', onPopstate)\n    removeGuard = router?.beforeEach((to, from, next) => {\n      setTimeout(() => popped ? cb(next) : next())\n    })\n  })\n  onBeforeUnmount(() => {\n    window.removeEventListener('popstate', onPopstate)\n    removeGuard?.()\n  })\n\n  function onPopstate (e: PopStateEvent) {\n    if (e.state?.replaced) return\n\n    popped = true\n    setTimeout(() => (popped = false))\n  }\n}\n"],"file":"router.mjs"}

package/lib/composables/scroll.mjs

@@ -11,7 +11,8 @@ export const makeScrollProps = propsFactory({
     type: [String, Number]
   }
 }, 'scroll');
-export function useScroll(props, args = {}) {
+export function useScroll(props) {
+  let args = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const {
     thresholdMetCallback,
     scrollThreshold,

package/lib/composables/scroll.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/scroll.ts"],"names":["computed","getCurrentInstance","onBeforeUnmount","onMounted","ref","watch","consoleWarn","propsFactory","makeScrollProps","scrollTarget","type","String","scrollThreshold","Number","useScroll","props","args","thresholdMetCallback","canScroll","previousScroll","target","currentScroll","savedScroll","currentThreshold","isScrollActive","isScrollingUp","computedScrollThreshold","onScroll","targetEl","value","pageYOffset","scrollTop","Math","abs","newTarget","document","querySelector","window","removeEventListener","addEventListener","passive","immediate","thresholdMet"],"mappings":"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","sourcesContent":["// Utilities\nimport {\n  computed,\n  getCurrentInstance,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\nimport { consoleWarn, propsFactory } from '@/util'\n\n// Types\nimport type { Ref } from 'vue'\n\nexport interface ScrollProps {\n  scrollTarget?: string\n  scrollThreshold?: string | number\n}\n\nexport interface ThresholdMetCallbackData {\n  isScrollingUp: boolean\n  currentThreshold: number\n  savedScroll: Ref<number>\n}\n\n// Composables\nexport const makeScrollProps = propsFactory({\n  scrollTarget: {\n    type: String,\n  },\n  scrollThreshold: {\n    type: [String, Number],\n  },\n}, 'scroll')\n\nexport interface ScrollArguments {\n  thresholdMetCallback?: (data: ThresholdMetCallbackData) => void\n  scrollThreshold?: Readonly<Ref<number>>\n  canScroll?: Readonly<Ref<boolean>>\n}\n\nexport function useScroll (\n  props: ScrollProps,\n  args: ScrollArguments = {},\n) {\n  const { thresholdMetCallback, scrollThreshold, canScroll } = args\n  let previousScroll = 0\n  const target = ref<Element | Window | null>(null)\n  const currentScroll = ref(0)\n  const savedScroll = ref(0)\n  const currentThreshold = ref(0)\n  const isScrollActive = ref(false)\n  const isScrollingUp = ref(false)\n\n  const computedScrollThreshold = computed(() => {\n    return Number(props.scrollThreshold ?? scrollThreshold ?? 300)\n  })\n\n  const onScroll = () => {\n    const targetEl = target.value\n\n    if (!targetEl || (canScroll && !canScroll.value)) return\n\n    previousScroll = currentScroll.value\n    currentScroll.value = ('window' in targetEl) ? targetEl.pageYOffset : targetEl.scrollTop\n\n    isScrollingUp.value = currentScroll.value < previousScroll\n    currentThreshold.value = Math.abs(currentScroll.value - computedScrollThreshold.value)\n  }\n\n  watch(isScrollingUp, () => {\n    savedScroll.value = savedScroll.value || currentScroll.value\n  })\n\n  watch(isScrollActive, () => {\n    savedScroll.value = 0\n  })\n\n  onMounted(() => {\n    watch(() => props.scrollTarget, scrollTarget => {\n      const newTarget = scrollTarget ? document.querySelector(scrollTarget) : window\n\n      if (!newTarget) {\n        consoleWarn(`Unable to locate element with identifier ${scrollTarget}`, getCurrentInstance())\n        return\n      }\n\n      if (newTarget === target.value) return\n\n      target.value?.removeEventListener('scroll', onScroll)\n      target.value = newTarget\n      target.value.addEventListener('scroll', onScroll, { passive: true })\n    }, { immediate: true })\n  })\n\n  onBeforeUnmount(() => {\n    target.value?.removeEventListener('scroll', onScroll)\n  })\n\n  thresholdMetCallback && watch(() => (\n    Math.abs(currentScroll.value - savedScroll.value) > computedScrollThreshold.value\n  ), thresholdMet => {\n    thresholdMet && thresholdMetCallback({\n      currentThreshold: currentThreshold.value,\n      isScrollingUp: isScrollingUp.value,\n      savedScroll,\n    })\n  }, { immediate: true })\n\n  // Do we need this? If yes - seems that\n  // there's no need to expose onScroll\n  canScroll && watch(canScroll, onScroll, { immediate: true })\n\n  return {\n    isScrollActive,\n\n    // required only for testing\n    // probably can be removed\n    // later (2 chars chlng)\n    isScrollingUp,\n    savedScroll,\n  }\n}\n"],"file":"scroll.mjs"}
+{"version":3,"sources":["../../src/composables/scroll.ts"],"names":["computed","getCurrentInstance","onBeforeUnmount","onMounted","ref","watch","consoleWarn","propsFactory","makeScrollProps","scrollTarget","type","String","scrollThreshold","Number","useScroll","props","args","thresholdMetCallback","canScroll","previousScroll","target","currentScroll","savedScroll","currentThreshold","isScrollActive","isScrollingUp","computedScrollThreshold","onScroll","targetEl","value","pageYOffset","scrollTop","Math","abs","newTarget","document","querySelector","window","removeEventListener","addEventListener","passive","immediate","thresholdMet"],"mappings":"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","sourcesContent":["// Utilities\nimport {\n  computed,\n  getCurrentInstance,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\nimport { consoleWarn, propsFactory } from '@/util'\n\n// Types\nimport type { Ref } from 'vue'\n\nexport interface ScrollProps {\n  scrollTarget?: string\n  scrollThreshold?: string | number\n}\n\nexport interface ThresholdMetCallbackData {\n  isScrollingUp: boolean\n  currentThreshold: number\n  savedScroll: Ref<number>\n}\n\n// Composables\nexport const makeScrollProps = propsFactory({\n  scrollTarget: {\n    type: String,\n  },\n  scrollThreshold: {\n    type: [String, Number],\n  },\n}, 'scroll')\n\nexport interface ScrollArguments {\n  thresholdMetCallback?: (data: ThresholdMetCallbackData) => void\n  scrollThreshold?: Readonly<Ref<number>>\n  canScroll?: Readonly<Ref<boolean>>\n}\n\nexport function useScroll (\n  props: ScrollProps,\n  args: ScrollArguments = {},\n) {\n  const { thresholdMetCallback, scrollThreshold, canScroll } = args\n  let previousScroll = 0\n  const target = ref<Element | Window | null>(null)\n  const currentScroll = ref(0)\n  const savedScroll = ref(0)\n  const currentThreshold = ref(0)\n  const isScrollActive = ref(false)\n  const isScrollingUp = ref(false)\n\n  const computedScrollThreshold = computed(() => {\n    return Number(props.scrollThreshold ?? scrollThreshold ?? 300)\n  })\n\n  const onScroll = () => {\n    const targetEl = target.value\n\n    if (!targetEl || (canScroll && !canScroll.value)) return\n\n    previousScroll = currentScroll.value\n    currentScroll.value = ('window' in targetEl) ? targetEl.pageYOffset : targetEl.scrollTop\n\n    isScrollingUp.value = currentScroll.value < previousScroll\n    currentThreshold.value = Math.abs(currentScroll.value - computedScrollThreshold.value)\n  }\n\n  watch(isScrollingUp, () => {\n    savedScroll.value = savedScroll.value || currentScroll.value\n  })\n\n  watch(isScrollActive, () => {\n    savedScroll.value = 0\n  })\n\n  onMounted(() => {\n    watch(() => props.scrollTarget, scrollTarget => {\n      const newTarget = scrollTarget ? document.querySelector(scrollTarget) : window\n\n      if (!newTarget) {\n        consoleWarn(`Unable to locate element with identifier ${scrollTarget}`, getCurrentInstance())\n        return\n      }\n\n      if (newTarget === target.value) return\n\n      target.value?.removeEventListener('scroll', onScroll)\n      target.value = newTarget\n      target.value.addEventListener('scroll', onScroll, { passive: true })\n    }, { immediate: true })\n  })\n\n  onBeforeUnmount(() => {\n    target.value?.removeEventListener('scroll', onScroll)\n  })\n\n  thresholdMetCallback && watch(() => (\n    Math.abs(currentScroll.value - savedScroll.value) > computedScrollThreshold.value\n  ), thresholdMet => {\n    thresholdMet && thresholdMetCallback({\n      currentThreshold: currentThreshold.value,\n      isScrollingUp: isScrollingUp.value,\n      savedScroll,\n    })\n  }, { immediate: true })\n\n  // Do we need this? If yes - seems that\n  // there's no need to expose onScroll\n  canScroll && watch(canScroll, onScroll, { immediate: true })\n\n  return {\n    isScrollActive,\n\n    // required only for testing\n    // probably can be removed\n    // later (2 chars chlng)\n    isScrollingUp,\n    savedScroll,\n  }\n}\n"],"file":"scroll.mjs"}

package/lib/composables/size.mjs

@@ -1,6 +1,6 @@
 // Utilities
 import { computed } from 'vue';
-import { convertToUnit, propsFactory } from "../util/index.mjs"; // Types
+import { convertToUnit, getCurrentInstanceName, propsFactory } from "../util/index.mjs"; // Types
 
 const predefinedSizes = ['x-small', 'small', 'default', 'large', 'x-large'];
 // Composables
@@ -10,7 +10,8 @@ export const makeSizeProps = propsFactory({
     default: 'default'
   }
 }, 'size');
-export function useSize(props, name) {
+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;
   });

package/lib/composables/size.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/size.ts"],"names":["computed","convertToUnit","propsFactory","predefinedSizes","makeSizeProps","size","type","String","Number","default","useSize","props","name","sizeClasses","includes","sizeStyles","width","height"],"mappings":"AAAA;AACA,SAASA,QAAT,QAAyB,KAAzB;SACSC,a,EAAeC,Y,6BAExB;;AACA,MAAMC,eAAe,GAAG,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,EAAgC,OAAhC,EAAyC,SAAzC,CAAxB;AAMA;AACA,OAAO,MAAMC,aAAa,GAAGF,YAAY,CAAC;AACxCG,EAAAA,IAAI,EAAE;AACJC,IAAAA,IAAI,EAAE,CAACC,MAAD,EAASC,MAAT,CADF;AAEJC,IAAAA,OAAO,EAAE;AAFL;AADkC,CAAD,EAKtC,MALsC,CAAlC;AAOP,OAAO,SAASC,OAAT,CAAkBC,KAAlB,EAAoCC,IAApC,EAAkD;AACvD,QAAMC,WAAW,GAAGb,QAAQ,CAAC,MAAM;AACjC,WAAOG,eAAe,CAACW,QAAhB,CAAyBH,KAAK,CAACN,IAA/B,IACF,GAAEO,IAAK,UAASD,KAAK,CAACN,IAAK,EADzB,GAEH,IAFJ;AAGD,GAJ2B,CAA5B;AAMA,QAAMU,UAAU,GAAGf,QAAQ,CAAC,MAAM;AAChC,WAAO,CAACG,eAAe,CAACW,QAAhB,CAAyBH,KAAK,CAACN,IAA/B,CAAD,IAAmDM,KAAK,CAACN,IAAzD,GACF;AACDW,MAAAA,KAAK,EAAEf,aAAa,CAACU,KAAK,CAACN,IAAP,CADnB;AAEDY,MAAAA,MAAM,EAAEhB,aAAa,CAACU,KAAK,CAACN,IAAP;AAFpB,KADE,GAIA,IAJP;AAKD,GAN0B,CAA3B;AAQA,SAAO;AAAEQ,IAAAA,WAAF;AAAeE,IAAAA;AAAf,GAAP;AACD","sourcesContent":["// Utilities\nimport { computed } from 'vue'\nimport { convertToUnit, 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 (props: SizeProps, name: string) {\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"],"file":"size.mjs"}
+{"version":3,"sources":["../../src/composables/size.ts"],"names":["computed","convertToUnit","getCurrentInstanceName","propsFactory","predefinedSizes","makeSizeProps","size","type","String","Number","default","useSize","props","name","sizeClasses","includes","sizeStyles","width","height"],"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;AACxCG,EAAAA,IAAI,EAAE;AACJC,IAAAA,IAAI,EAAE,CAACC,MAAD,EAASC,MAAT,CADF;AAEJC,IAAAA,OAAO,EAAE;AAFL;AADkC,CAAD,EAKtC,MALsC,CAAlC;AAOP,OAAO,SAASC,OAAT,CACLC,KADK,EAGL;AAAA,MADAC,IACA,uEADOX,sBAAsB,EAC7B;AACA,QAAMY,WAAW,GAAGd,QAAQ,CAAC,MAAM;AACjC,WAAOI,eAAe,CAACW,QAAhB,CAAyBH,KAAK,CAACN,IAA/B,IACF,GAAEO,IAAK,UAASD,KAAK,CAACN,IAAK,EADzB,GAEH,IAFJ;AAGD,GAJ2B,CAA5B;AAMA,QAAMU,UAAU,GAAGhB,QAAQ,CAAC,MAAM;AAChC,WAAO,CAACI,eAAe,CAACW,QAAhB,CAAyBH,KAAK,CAACN,IAA/B,CAAD,IAAmDM,KAAK,CAACN,IAAzD,GACF;AACDW,MAAAA,KAAK,EAAEhB,aAAa,CAACW,KAAK,CAACN,IAAP,CADnB;AAEDY,MAAAA,MAAM,EAAEjB,aAAa,CAACW,KAAK,CAACN,IAAP;AAFpB,KADE,GAIA,IAJP;AAKD,GAN0B,CAA3B;AAQA,SAAO;AAAEQ,IAAAA,WAAF;AAAeE,IAAAA;AAAf,GAAP;AACD","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"],"file":"size.mjs"}

package/lib/composables/stack.mjs

@@ -0,0 +1,33 @@
+import { computed, effectScope, onScopeDispose, ref, toRaw, watch } from 'vue';
+import { getCurrentInstance } from "../util/index.mjs"; // Types
+
+const stack = ref([]);
+export function useStack(isActive) {
+  const vm = getCurrentInstance('useStack');
+  let scope;
+  watch(isActive, val => {
+    if (val) {
+      scope = effectScope();
+      scope.run(() => {
+        stack.value.push(vm);
+        onScopeDispose(() => {
+          const idx = stack.value.indexOf(vm);
+          stack.value.splice(idx, 1);
+        });
+      });
+    } else {
+      var _scope;
+
+      (_scope = scope) == null ? void 0 : _scope.stop();
+    }
+  }, {
+    immediate: true
+  });
+  const isTop = computed(() => {
+    return toRaw(stack.value[stack.value.length - 1]) === vm;
+  });
+  return {
+    isTop
+  };
+}
+//# sourceMappingURL=stack.mjs.map

package/lib/composables/stack.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/composables/stack.ts"],"names":["computed","effectScope","onScopeDispose","ref","toRaw","watch","getCurrentInstance","stack","useStack","isActive","vm","scope","val","run","value","push","idx","indexOf","splice","stop","immediate","isTop","length"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,WAAnB,EAAgCC,cAAhC,EAAgDC,GAAhD,EAAqDC,KAArD,EAA4DC,KAA5D,QAAyE,KAAzE;SACSC,kB,6BAET;;AAGA,MAAMC,KAAK,GAAGJ,GAAG,CAA8B,EAA9B,CAAjB;AAEA,OAAO,SAASK,QAAT,CAAmBC,QAAnB,EAA2C;AAChD,QAAMC,EAAE,GAAGJ,kBAAkB,CAAC,UAAD,CAA7B;AACA,MAAIK,KAAJ;AACAN,EAAAA,KAAK,CAACI,QAAD,EAAWG,GAAG,IAAI;AACrB,QAAIA,GAAJ,EAAS;AACPD,MAAAA,KAAK,GAAGV,WAAW,EAAnB;AACAU,MAAAA,KAAK,CAACE,GAAN,CAAU,MAAM;AACdN,QAAAA,KAAK,CAACO,KAAN,CAAYC,IAAZ,CAAiBL,EAAjB;AAEAR,QAAAA,cAAc,CAAC,MAAM;AACnB,gBAAMc,GAAG,GAAGT,KAAK,CAACO,KAAN,CAAYG,OAAZ,CAAoBP,EAApB,CAAZ;AACAH,UAAAA,KAAK,CAACO,KAAN,CAAYI,MAAZ,CAAmBF,GAAnB,EAAwB,CAAxB;AACD,SAHa,CAAd;AAID,OAPD;AAQD,KAVD,MAUO;AAAA;;AACL,gBAAAL,KAAK,SAAL,mBAAOQ,IAAP;AACD;AACF,GAdI,EAcF;AAAEC,IAAAA,SAAS,EAAE;AAAb,GAdE,CAAL;AAgBA,QAAMC,KAAK,GAAGrB,QAAQ,CAAC,MAAM;AAC3B,WAAOI,KAAK,CAACG,KAAK,CAACO,KAAN,CAAYP,KAAK,CAACO,KAAN,CAAYQ,MAAZ,GAAqB,CAAjC,CAAD,CAAL,KAA+CZ,EAAtD;AACD,GAFqB,CAAtB;AAIA,SAAO;AACLW,IAAAA;AADK,GAAP;AAGD","sourcesContent":["import { computed, effectScope, onScopeDispose, ref, toRaw, watch } from 'vue'\nimport { getCurrentInstance } from '@/util'\n\n// Types\nimport type { ComponentInternalInstance, EffectScope, Ref } from 'vue'\n\nconst stack = ref<ComponentInternalInstance[]>([])\n\nexport function useStack (isActive: Ref<boolean>) {\n  const vm = getCurrentInstance('useStack')\n  let scope: EffectScope | undefined\n  watch(isActive, val => {\n    if (val) {\n      scope = effectScope()\n      scope.run(() => {\n        stack.value.push(vm)\n\n        onScopeDispose(() => {\n          const idx = stack.value.indexOf(vm)\n          stack.value.splice(idx, 1)\n        })\n      })\n    } else {\n      scope?.stop()\n    }\n  }, { immediate: true })\n\n  const isTop = computed(() => {\n    return toRaw(stack.value[stack.value.length - 1]) === vm\n  })\n\n  return {\n    isTop,\n  }\n}\n"],"file":"stack.mjs"}

package/lib/composables/teleport.mjs

@@ -1,8 +1,11 @@
+// Utilities
 import { computed, warn } from 'vue';
+import { IN_BROWSER } from "../util/index.mjs"; // Types
+
 export function useTeleport(target) {
   const teleportTarget = computed(() => {
     const _target = target.value;
-    if (_target === true) return undefined;
+    if (_target === true || !IN_BROWSER) return undefined;
     const targetElement = _target === false ? document.body : typeof _target === 'string' ? document.querySelector(_target) : _target;
 
     if (targetElement == null) {

package/lib/composables/teleport.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/teleport.ts"],"names":["computed","warn","useTeleport","target","teleportTarget","_target","value","undefined","targetElement","document","body","querySelector","cache","has","el","createElement","className","appendChild","set","get","WeakMap"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,IAAnB,QAA+B,KAA/B;AAGA,OAAO,SAASC,WAAT,CAAsBC,MAAtB,EAA+D;AACpE,QAAMC,cAAc,GAAGJ,QAAQ,CAAC,MAAM;AACpC,UAAMK,OAAO,GAAGF,MAAM,CAACG,KAAvB;AAEA,QAAID,OAAO,KAAK,IAAhB,EAAsB,OAAOE,SAAP;AAEtB,UAAMC,aAAa,GACjBH,OAAO,KAAK,KAAZ,GAAoBI,QAAQ,CAACC,IAA7B,GACE,OAAOL,OAAP,KAAmB,QAAnB,GAA8BI,QAAQ,CAACE,aAAT,CAAuBN,OAAvB,CAA9B,GACAA,OAHJ;;AAKA,QAAIG,aAAa,IAAI,IAArB,EAA2B;AACzBP,MAAAA,IAAI,CAAE,2BAA0BI,OAAQ,EAApC,CAAJ;AACA,aAAOE,SAAP;AACD;;AAED,QAAI,CAACL,WAAW,CAACU,KAAZ,CAAkBC,GAAlB,CAAsBL,aAAtB,CAAL,EAA2C;AACzC,YAAMM,EAAE,GAAGL,QAAQ,CAACM,aAAT,CAAuB,KAAvB,CAAX;AACAD,MAAAA,EAAE,CAACE,SAAH,GAAe,qBAAf;AACAR,MAAAA,aAAa,CAACS,WAAd,CAA0BH,EAA1B;AACAZ,MAAAA,WAAW,CAACU,KAAZ,CAAkBM,GAAlB,CAAsBV,aAAtB,EAAqCM,EAArC;AACD;;AAED,WAAOZ,WAAW,CAACU,KAAZ,CAAkBO,GAAlB,CAAsBX,aAAtB,CAAP;AACD,GAvB8B,CAA/B;AAyBA,SAAO;AAAEJ,IAAAA;AAAF,GAAP;AACD;AACDF,WAAW,CAACU,KAAZ,GAAoB,IAAIQ,OAAJ,EAApB","sourcesContent":["import { computed, warn } from 'vue'\nimport type { Ref } from 'vue'\n\nexport function useTeleport (target: Ref<boolean | string | Element>) {\n  const teleportTarget = computed(() => {\n    const _target = target.value\n\n    if (_target === true) return undefined\n\n    const targetElement =\n      _target === false ? document.body\n      : typeof _target === 'string' ? document.querySelector(_target)\n      : _target\n\n    if (targetElement == null) {\n      warn(`Unable to locate target ${_target}`)\n      return undefined\n    }\n\n    if (!useTeleport.cache.has(targetElement)) {\n      const el = document.createElement('div')\n      el.className = 'v-overlay-container'\n      targetElement.appendChild(el)\n      useTeleport.cache.set(targetElement, el)\n    }\n\n    return useTeleport.cache.get(targetElement)\n  })\n\n  return { teleportTarget }\n}\nuseTeleport.cache = new WeakMap<Element, Element>()\n"],"file":"teleport.mjs"}
+{"version":3,"sources":["../../src/composables/teleport.ts"],"names":["computed","warn","IN_BROWSER","useTeleport","target","teleportTarget","_target","value","undefined","targetElement","document","body","querySelector","cache","has","el","createElement","className","appendChild","set","get","WeakMap"],"mappings":"AAAA;AACA,SAASA,QAAT,EAAmBC,IAAnB,QAA+B,KAA/B;SACSC,U,6BAET;;AAGA,OAAO,SAASC,WAAT,CAAsBC,MAAtB,EAA+D;AACpE,QAAMC,cAAc,GAAGL,QAAQ,CAAC,MAAM;AACpC,UAAMM,OAAO,GAAGF,MAAM,CAACG,KAAvB;AAEA,QAAID,OAAO,KAAK,IAAZ,IAAoB,CAACJ,UAAzB,EAAqC,OAAOM,SAAP;AAErC,UAAMC,aAAa,GACjBH,OAAO,KAAK,KAAZ,GAAoBI,QAAQ,CAACC,IAA7B,GACE,OAAOL,OAAP,KAAmB,QAAnB,GAA8BI,QAAQ,CAACE,aAAT,CAAuBN,OAAvB,CAA9B,GACAA,OAHJ;;AAKA,QAAIG,aAAa,IAAI,IAArB,EAA2B;AACzBR,MAAAA,IAAI,CAAE,2BAA0BK,OAAQ,EAApC,CAAJ;AACA,aAAOE,SAAP;AACD;;AAED,QAAI,CAACL,WAAW,CAACU,KAAZ,CAAkBC,GAAlB,CAAsBL,aAAtB,CAAL,EAA2C;AACzC,YAAMM,EAAE,GAAGL,QAAQ,CAACM,aAAT,CAAuB,KAAvB,CAAX;AACAD,MAAAA,EAAE,CAACE,SAAH,GAAe,qBAAf;AACAR,MAAAA,aAAa,CAACS,WAAd,CAA0BH,EAA1B;AACAZ,MAAAA,WAAW,CAACU,KAAZ,CAAkBM,GAAlB,CAAsBV,aAAtB,EAAqCM,EAArC;AACD;;AAED,WAAOZ,WAAW,CAACU,KAAZ,CAAkBO,GAAlB,CAAsBX,aAAtB,CAAP;AACD,GAvB8B,CAA/B;AAyBA,SAAO;AAAEJ,IAAAA;AAAF,GAAP;AACD;AACDF,WAAW,CAACU,KAAZ,GAAoB,IAAIQ,OAAJ,EAApB","sourcesContent":["// Utilities\nimport { computed, warn } from 'vue'\nimport { IN_BROWSER } from '@/util'\n\n// Types\nimport type { Ref } from 'vue'\n\nexport function useTeleport (target: Ref<boolean | string | Element>) {\n  const teleportTarget = computed(() => {\n    const _target = target.value\n\n    if (_target === true || !IN_BROWSER) return undefined\n\n    const targetElement =\n      _target === false ? document.body\n      : typeof _target === 'string' ? document.querySelector(_target)\n      : _target\n\n    if (targetElement == null) {\n      warn(`Unable to locate target ${_target}`)\n      return undefined\n    }\n\n    if (!useTeleport.cache.has(targetElement)) {\n      const el = document.createElement('div')\n      el.className = 'v-overlay-container'\n      targetElement.appendChild(el)\n      useTeleport.cache.set(targetElement, el)\n    }\n\n    return useTeleport.cache.get(targetElement)\n  })\n\n  return { teleportTarget }\n}\nuseTeleport.cache = new WeakMap<Element, Element>()\n"],"file":"teleport.mjs"}

package/lib/composables/theme.mjs

@@ -1,8 +1,8 @@
-import { colorToInt, colorToRGB, createRange, darken, getLuma, intToHex, lighten, mergeDeep, propsFactory } from "../util/index.mjs"; // Utilities
+// Utilities
+import { computed, inject, provide, ref, watch, watchEffect } from 'vue';
+import { colorToInt, colorToRGB, createRange, darken, getCurrentInstance, getLuma, IN_BROWSER, intToHex, lighten, mergeDeep, propsFactory } from "../util/index.mjs";
+import { APCAcontrast } from "../util/color/APCA.mjs"; // Types
 
-import { computed, getCurrentInstance, inject, provide, ref, watch } from 'vue'; // Types
-
-import { consoleError } from "../util/console.mjs";
 export const ThemeSymbol = Symbol.for('vuetify:theme');
 export const makeThemeProps = propsFactory({
   theme: String
@@ -20,6 +20,8 @@ const defaultThemeOptions = {
       colors: {
         background: '#FFFFFF',
         surface: '#FFFFFF',
+        'surface-variant': '#424242',
+        'on-surface-variant': '#EEEEEE',
         primary: '#6200EE',
         'primary-darken-1': '#3700B3',
         secondary: '#03DAC6',
@@ -35,12 +37,13 @@ const defaultThemeOptions = {
         'high-emphasis-opacity': 0.87,
         'medium-emphasis-opacity': 0.60,
         'disabled-opacity': 0.38,
-        'activated-opacity': 0.12,
+        'idle-opacity': 0.04,
         'hover-opacity': 0.04,
         'focus-opacity': 0.12,
         'selected-opacity': 0.08,
+        'activated-opacity': 0.12,
+        'pressed-opacity': 0.12,
         'dragged-opacity': 0.08,
-        'pressed-opacity': 0.16,
         'kbd-background-color': '#212529',
         'kbd-color': '#FFFFFF',
         'code-background-color': '#C2C2C2'
@@ -51,6 +54,8 @@ const defaultThemeOptions = {
       colors: {
         background: '#121212',
         surface: '#212121',
+        'surface-variant': '#BDBDBD',
+        'on-surface-variant': '#424242',
         primary: '#BB86FC',
         'primary-darken-1': '#3700B3',
         secondary: '#03DAC5',
@@ -66,12 +71,13 @@ const defaultThemeOptions = {
         'high-emphasis-opacity': 0.87,
         'medium-emphasis-opacity': 0.60,
         'disabled-opacity': 0.38,
-        'activated-opacity': 0.12,
+        'idle-opacity': 0.10,
         'hover-opacity': 0.04,
         'focus-opacity': 0.12,
         'selected-opacity': 0.08,
-        'dragged-opacity': 0.08,
+        'activated-opacity': 0.12,
         'pressed-opacity': 0.16,
+        'dragged-opacity': 0.08,
         'kbd-background-color': '#212529',
         'kbd-color': '#FFFFFF',
         'code-background-color': '#B7B7B7'
@@ -80,29 +86,44 @@ const defaultThemeOptions = {
   }
 };
 
-const parseThemeOptions = (options = defaultThemeOptions) => {
+const parseThemeOptions = function () {
+  var _options$themes;
+
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultThemeOptions;
   if (!options) return { ...defaultThemeOptions,
     isDisabled: true
   };
-  return mergeDeep(defaultThemeOptions, options);
+  const themes = Object.entries((_options$themes = options.themes) != null ? _options$themes : {}).reduce((obj, _ref) => {
+    var _defaultThemeOptions$, _defaultThemeOptions$2;
+
+    let [key, theme] = _ref;
+    const defaultTheme = theme.dark ? (_defaultThemeOptions$ = defaultThemeOptions.themes) == null ? void 0 : _defaultThemeOptions$.dark : (_defaultThemeOptions$2 = defaultThemeOptions.themes) == null ? void 0 : _defaultThemeOptions$2.light;
+    obj[key] = mergeDeep(defaultTheme, theme);
+    return obj;
+  }, {});
+  return mergeDeep(defaultThemeOptions, { ...options,
+    themes
+  });
 }; // Composables
 
 
-export function createTheme(options) {
+export function createTheme(app, options) {
+  const head = app._context.provides.usehead;
   const parsedOptions = parseThemeOptions(options);
   const styleEl = ref();
   const current = ref(parsedOptions.defaultTheme);
   const themes = ref(parsedOptions.themes);
   const variations = ref(parsedOptions.variations);
   const computedThemes = computed(() => {
-    return Object.keys(themes.value).reduce((obj, key) => {
+    return Object.entries(themes.value).reduce((obj, _ref2) => {
       var _parsedOptions$variat;
 
-      const theme = { ...themes.value[key],
-        colors: { ...themes.value[key].colors,
+      let [name, original] = _ref2;
+      const theme = { ...original,
+        colors: { ...original.colors,
           ...((_parsedOptions$variat = parsedOptions.variations.colors) != null ? _parsedOptions$variat : []).reduce((obj, color) => {
             return { ...obj,
-              ...genColorVariations(color, themes.value[key].colors[color])
+              ...genColorVariations(color, original.colors[color])
             };
           }, {})
         }
@@ -111,10 +132,22 @@ export function createTheme(options) {
       for (const color of Object.keys(theme.colors)) {
         if (/on-[a-z]/.test(color) || theme.colors[`on-${color}`]) continue;
         const onColor = `on-${color}`;
-        theme.colors[onColor] = intToHex(getLuma(theme.colors[color]) > 0.18 ? 0x0 : 0xffffff);
+        const colorVal = colorToInt(theme.colors[color]);
+        const blackContrast = Math.abs(APCAcontrast(0, colorVal));
+        const whiteContrast = Math.abs(APCAcontrast(0xffffff, colorVal)); // TODO: warn about poor color selections
+        // const contrastAsText = Math.abs(APCAcontrast(colorVal, colorToInt(theme.colors.background)))
+        // const minContrast = Math.max(blackContrast, whiteContrast)
+        // if (minContrast < 60) {
+        //   consoleInfo(`${key} theme color ${color} has poor contrast (${minContrast.toFixed()}%)`)
+        // } else if (contrastAsText < 60 && !['background', 'surface'].includes(color)) {
+        //   consoleInfo(`${key} theme color ${color} has poor contrast as text (${contrastAsText.toFixed()}%)`)
+        // }
+        // Prefer white text if both have an acceptable contrast ratio
+
+        theme.colors[onColor] = whiteContrast > Math.min(blackContrast, 50) ? '#fff' : '#000';
       }
 
-      obj[key] = theme;
+      obj[name] = theme;
       return obj;
     }, {});
   });
@@ -133,6 +166,32 @@ export function createTheme(options) {
     return obj;
   }
 
+  const styles = computed(() => {
+    const lines = [];
+
+    for (const themeName of Object.keys(computedThemes.value)) {
+      const variables = computedThemes.value[themeName].variables;
+      lines.push(...createCssClass(`.v-theme--${themeName}`, [...genCssVariables(themeName), ...Object.keys(variables).map(key => {
+        const value = variables[key];
+        const color = typeof value === 'string' && value.startsWith('#') ? colorToRGB(value) : undefined;
+        const rgb = color ? `${color.r}, ${color.g}, ${color.b}` : undefined;
+        return `--v-${key}: ${rgb != null ? rgb : value}`;
+      })]));
+    }
+
+    const colors = new Set(Object.values(computedThemes.value).flatMap(theme => Object.keys(theme.colors)));
+
+    for (const key of colors) {
+      if (/on-[a-z]/.test(key)) {
+        lines.push(...createCssClass(`.${key}`, [`color: rgb(var(--v-theme-${key})) !important`]));
+      } else {
+        lines.push(...createCssClass(`.bg-${key}`, [`--v-theme-overlay-multiplier: var(--v-theme-${key}-overlay-multiplier)`, `background: rgb(var(--v-theme-${key})) !important`, `color: rgb(var(--v-theme-on-${key})) !important`]), ...createCssClass(`.text-${key}`, [`color: rgb(var(--v-theme-${key})) !important`]), ...createCssClass(`.border-${key}`, [`--v-border-color: var(--v-theme-${key})`]));
+      }
+    }
+
+    return lines.map((str, i) => i === 0 ? str : `    ${str}`).join('');
+  });
+
   function genCssVariables(name) {
     const theme = computedThemes.value[name];
     if (!theme) throw new Error(`Could not find theme ${name}`);
@@ -152,71 +211,57 @@ export function createTheme(options) {
     return variables;
   }
 
-  function genStyleElement() {
-    if (typeof document === 'undefined' || styleEl.value) return;
-    const el = document.createElement('style');
-    el.type = 'text/css';
-    el.id = 'vuetify-theme-stylesheet';
-    styleEl.value = el;
-    document.head.appendChild(styleEl.value);
-  }
-
   function createCssClass(selector, content) {
     return [`${selector} {\n`, ...content.map(line => `  ${line};\n`), '}\n'];
   }
 
-  function updateStyles() {
-    if (parsedOptions.isDisabled) return;
-    genStyleElement();
-    const lines = [];
-
-    for (const themeName of Object.keys(computedThemes.value)) {
-      const variables = computedThemes.value[themeName].variables;
-      lines.push(...createCssClass(`.v-theme--${themeName}`, [...genCssVariables(themeName), ...Object.keys(variables).map(key => {
-        const value = variables[key];
-        const color = typeof value === 'string' && value.startsWith('#') ? colorToRGB(value) : undefined;
-        const rgb = color ? `${color.r}, ${color.g}, ${color.b}` : undefined;
-        return `--v-${key}: ${rgb != null ? rgb : value}`;
-      })]));
-    } // Assumption is that all theme objects have the same keys, so it doesn't matter which one
-    // we use since the values are all css variables.
-
+  if (head) {
+    head.addHeadObjs(computed(() => ({
+      style: [{
+        children: styles.value,
+        type: 'text/css',
+        id: 'vuetify-theme-stylesheet'
+      }]
+    })));
 
-    const firstTheme = Object.keys(computedThemes.value)[0];
+    if (IN_BROWSER) {
+      watchEffect(() => head.updateDOM());
+    }
+  } else {
+    watch(themes, updateStyles, {
+      deep: true,
+      immediate: true
+    });
 
-    for (const key of Object.keys(computedThemes.value[firstTheme].colors)) {
-      if (/on-[a-z]/.test(key)) {
-        lines.push(...createCssClass(`.${key}`, [`color: rgb(var(--v-theme-${key}))`]));
-      } else {
-        lines.push(...createCssClass(`.bg-${key}`, [`--v-theme-overlay-multiplier: var(--v-theme-${key}-overlay-multiplier)`, `background: rgb(var(--v-theme-${key}))`, `color: rgb(var(--v-theme-on-${key}))`]), ...createCssClass(`.text-${key}`, [`color: rgb(var(--v-theme-${key}))`]), ...createCssClass(`.border-${key}`, [`--v-border-color: var(--v-theme-${key})`]));
-      }
+    function updateStyles() {
+      if (parsedOptions.isDisabled) return;
+      genStyleElement();
+      if (styleEl.value) styleEl.value.innerHTML = styles.value;
     }
 
-    if (styleEl.value) styleEl.value.innerHTML = lines.map((str, i) => i === 0 ? str : `    ${str}`).join('');
+    function genStyleElement() {
+      if (typeof document === 'undefined' || styleEl.value) return;
+      const el = document.createElement('style');
+      el.type = 'text/css';
+      el.id = 'vuetify-theme-stylesheet';
+      styleEl.value = el;
+      document.head.appendChild(styleEl.value);
+    }
   }
 
-  watch(themes, updateStyles, {
-    deep: true,
-    immediate: true
-  });
   return {
     isDisabled: parsedOptions.isDisabled,
     themes: computedThemes,
     setTheme: (key, theme) => themes.value[key] = theme,
     getTheme: key => computedThemes.value[key],
     current,
-    themeClasses: computed(() => parsedOptions.isDisabled ? undefined : `v-theme--${current.value}`)
+    themeClasses: computed(() => parsedOptions.isDisabled ? undefined : `v-theme--${current.value}`),
+    styles
   };
 }
-/**
- * Used to either set up and provide a new theme instance, or to pass
- * along the closest available already provided instance.
- */
-
-export function useTheme(props) {
-  const vm = getCurrentInstance();
+export function provideTheme(props) {
+  getCurrentInstance('provideTheme');
   const theme = inject(ThemeSymbol, null);
-  if (!vm) consoleError('provideTheme must be called from inside a setup function');
   if (!theme) throw new Error('Could not find Vuetify theme injection');
   const current = computed(() => {
     var _props$theme;
@@ -231,4 +276,10 @@ export function useTheme(props) {
   provide(ThemeSymbol, newTheme);
   return newTheme;
 }
+export function useTheme() {
+  getCurrentInstance('useTheme');
+  const theme = inject(ThemeSymbol, null);
+  if (!theme) throw new Error('Could not find Vuetify theme injection');
+  return theme;
+}
 //# sourceMappingURL=theme.mjs.map