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

package/lib/composables/rtl.mjs

@@ -3,13 +3,11 @@ import { rtl } from "../locale/index.mjs"; // Types
 
 export const RtlSymbol = Symbol.for('vuetify:rtl');
 export function createRtl(localeScope, options) {
-  var _options$rtl, _options$defaultRtl;
-
   return createRtlScope({
     rtl: { ...rtl,
-      ...((_options$rtl = options == null ? void 0 : options.rtl) != null ? _options$rtl : {})
+      ...((options == null ? void 0 : options.rtl) ?? {})
     },
-    isRtl: ref((_options$defaultRtl = options == null ? void 0 : options.defaultRtl) != null ? _options$defaultRtl : false),
+    isRtl: ref(false),
     rtlClasses: ref('')
   }, localeScope);
 }

package/lib/composables/rtl.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/rtl.ts"],"names":["computed","inject","provide","ref","rtl","RtlSymbol","Symbol","for","createRtl","localeScope","options","createRtlScope","isRtl","defaultRtl","rtlClasses","currentScope","current","value","hasOwnProperty","provideRtl","props","Error","newScope","useRtl"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,MAAnB,EAA2BC,OAA3B,EAAoCC,GAApC,QAA+C,KAA/C;SACSC,G,+BAET;;AAmBA,OAAO,MAAMC,SAAoC,GAAGC,MAAM,CAACC,GAAP,CAAW,aAAX,CAA7C;AAEP,OAAO,SAASC,SAAT,CAAoBC,WAApB,EAAiDC,OAAjD,EAAuE;AAAA;;AAC5E,SAAOC,cAAc,CAAC;AACpBP,IAAAA,GAAG,EAAE,EACH,GAAGA,GADA;AAEH,0BAAIM,OAAJ,oBAAIA,OAAO,CAAEN,GAAb,2BAAoB,EAApB;AAFG,KADe;AAKpBQ,IAAAA,KAAK,EAAET,GAAG,wBAACO,OAAD,oBAACA,OAAO,CAAEG,UAAV,kCAAwB,KAAxB,CALU;AAMpBC,IAAAA,UAAU,EAAEX,GAAG,CAAC,EAAD;AANK,GAAD,EAOlBM,WAPkB,CAArB;AAQD;AAED,OAAO,SAASE,cAAT,CAAyBI,YAAzB,EAAoDN,WAApD,EAAiFC,OAAjF,EAAkH;AACvH,QAAME,KAAK,GAAGZ,QAAQ,CAAC,MAAM;AAC3B,QAAI,QAAOU,OAAP,oBAAOA,OAAO,CAAEN,GAAhB,MAAwB,SAA5B,EAAuC,OAAOM,OAAO,CAACN,GAAf;;AACvC,QAAIK,WAAW,CAACO,OAAZ,CAAoBC,KAApB,IAA6BF,YAAY,CAACX,GAAb,CAAiBc,cAAjB,CAAgCT,WAAW,CAACO,OAAZ,CAAoBC,KAApD,CAAjC,EAA6F;AAC3F,aAAOF,YAAY,CAACX,GAAb,CAAiBK,WAAW,CAACO,OAAZ,CAAoBC,KAArC,CAAP;AACD;;AAED,WAAOF,YAAY,CAACH,KAAb,CAAmBK,KAA1B;AACD,GAPqB,CAAtB;AASA,SAAO;AACLL,IAAAA,KADK;AAELR,IAAAA,GAAG,EAAEW,YAAY,CAACX,GAFb;AAGLU,IAAAA,UAAU,EAAEd,QAAQ,CAAC,MAAO,gBAAeY,KAAK,CAACK,KAAN,GAAc,KAAd,GAAsB,KAAM,EAAnD;AAHf,GAAP;AAKD;AAED,OAAO,SAASE,UAAT,CAAqBC,KAArB,EAAsCX,WAAtC,EAAmE;AACxE,QAAMM,YAAY,GAAGd,MAAM,CAACI,SAAD,CAA3B;AAEA,MAAI,CAACU,YAAL,EAAmB,MAAM,IAAIM,KAAJ,CAAU,gDAAV,CAAN;AAEnB,QAAMC,QAAQ,GAAGX,cAAc,CAACI,YAAD,EAAeN,WAAf,EAA4BW,KAA5B,CAA/B;AAEAlB,EAAAA,OAAO,CAACG,SAAD,EAAYiB,QAAZ,CAAP;AAEA,SAAOA,QAAP;AACD;AAED,OAAO,SAASC,MAAT,GAAmB;AACxB,QAAMR,YAAY,GAAGd,MAAM,CAACI,SAAD,CAA3B;AAEA,MAAI,CAACU,YAAL,EAAmB,MAAM,IAAIM,KAAJ,CAAU,gDAAV,CAAN;AAEnB,SAAON,YAAP;AACD","sourcesContent":["import { computed, inject, provide, ref } from 'vue'\nimport { rtl } from '@/locale'\n\n// Types\nimport type { InjectionKey, Ref } from 'vue'\nimport type { LocaleInstance } from './locale'\n\nexport interface RtlOptions {\n  defaultRtl?: boolean\n  rtl?: Record<string, boolean>\n}\n\nexport interface RtlProps {\n  rtl?: boolean\n}\n\nexport interface RtlInstance {\n  isRtl: Ref<boolean>\n  rtl: Record<string, boolean>\n  rtlClasses: Ref<string>\n}\n\nexport const RtlSymbol: InjectionKey<RtlInstance> = Symbol.for('vuetify:rtl')\n\nexport function createRtl (localeScope: LocaleInstance, options?: RtlOptions) {\n  return createRtlScope({\n    rtl: {\n      ...rtl,\n      ...(options?.rtl ?? {}),\n    },\n    isRtl: ref(options?.defaultRtl ?? false),\n    rtlClasses: ref(''),\n  }, localeScope)\n}\n\nexport function createRtlScope (currentScope: RtlInstance, localeScope: LocaleInstance, options?: RtlProps): RtlInstance {\n  const isRtl = computed(() => {\n    if (typeof options?.rtl === 'boolean') return options.rtl\n    if (localeScope.current.value && currentScope.rtl.hasOwnProperty(localeScope.current.value)) {\n      return currentScope.rtl[localeScope.current.value]\n    }\n\n    return currentScope.isRtl.value\n  })\n\n  return {\n    isRtl,\n    rtl: currentScope.rtl,\n    rtlClasses: computed(() => `v-locale--is-${isRtl.value ? 'rtl' : 'ltr'}`),\n  }\n}\n\nexport function provideRtl (props: RtlProps, localeScope: LocaleInstance) {\n  const currentScope = inject(RtlSymbol)\n\n  if (!currentScope) throw new Error('[Vuetify] Could not find injected rtl instance')\n\n  const newScope = createRtlScope(currentScope, localeScope, props)\n\n  provide(RtlSymbol, newScope)\n\n  return newScope\n}\n\nexport function useRtl () {\n  const currentScope = inject(RtlSymbol)\n\n  if (!currentScope) throw new Error('[Vuetify] Could not find injected rtl instance')\n\n  return currentScope\n}\n"],"file":"rtl.mjs"}
+{"version":3,"file":"rtl.mjs","names":["computed","inject","provide","ref","rtl","RtlSymbol","Symbol","for","createRtl","localeScope","options","createRtlScope","isRtl","rtlClasses","currentScope","current","value","hasOwnProperty","provideRtl","props","Error","newScope","useRtl"],"sources":["../../src/composables/rtl.ts"],"sourcesContent":["import { computed, inject, provide, ref } from 'vue'\nimport { rtl } from '@/locale'\n\n// Types\nimport type { InjectionKey, Ref } from 'vue'\nimport type { LocaleInstance } from './locale'\n\nexport interface RtlOptions {\n  rtl?: Record<string, boolean>\n}\n\nexport interface RtlProps {\n  rtl?: boolean\n}\n\nexport interface RtlInstance {\n  isRtl: Ref<boolean>\n  rtl: Record<string, boolean>\n  rtlClasses: Ref<string>\n}\n\nexport const RtlSymbol: InjectionKey<RtlInstance> = Symbol.for('vuetify:rtl')\n\nexport function createRtl (localeScope: LocaleInstance, options?: RtlOptions) {\n  return createRtlScope({\n    rtl: {\n      ...rtl,\n      ...(options?.rtl ?? {}),\n    },\n    isRtl: ref(false),\n    rtlClasses: ref(''),\n  }, localeScope)\n}\n\nexport function createRtlScope (currentScope: RtlInstance, localeScope: LocaleInstance, options?: RtlProps): RtlInstance {\n  const isRtl = computed(() => {\n    if (typeof options?.rtl === 'boolean') return options.rtl\n    if (localeScope.current.value && currentScope.rtl.hasOwnProperty(localeScope.current.value)) {\n      return currentScope.rtl[localeScope.current.value]\n    }\n\n    return currentScope.isRtl.value\n  })\n\n  return {\n    isRtl,\n    rtl: currentScope.rtl,\n    rtlClasses: computed(() => `v-locale--is-${isRtl.value ? 'rtl' : 'ltr'}`),\n  }\n}\n\nexport function provideRtl (props: RtlProps, localeScope: LocaleInstance) {\n  const currentScope = inject(RtlSymbol)\n\n  if (!currentScope) throw new Error('[Vuetify] Could not find injected rtl instance')\n\n  const newScope = createRtlScope(currentScope, localeScope, props)\n\n  provide(RtlSymbol, newScope)\n\n  return newScope\n}\n\nexport function useRtl () {\n  const currentScope = inject(RtlSymbol)\n\n  if (!currentScope) throw new Error('[Vuetify] Could not find injected rtl instance')\n\n  return currentScope\n}\n"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,MAAnB,EAA2BC,OAA3B,EAAoCC,GAApC,QAA+C,KAA/C;SACSC,G,+BAET;;AAkBA,OAAO,MAAMC,SAAoC,GAAGC,MAAM,CAACC,GAAP,CAAW,aAAX,CAA7C;AAEP,OAAO,SAASC,SAAT,CAAoBC,WAApB,EAAiDC,OAAjD,EAAuE;EAC5E,OAAOC,cAAc,CAAC;IACpBP,GAAG,EAAE,EACH,GAAGA,GADA;MAEH,IAAI,CAAAM,OAAO,QAAP,YAAAA,OAAO,CAAEN,GAAT,KAAgB,EAApB;IAFG,CADe;IAKpBQ,KAAK,EAAET,GAAG,CAAC,KAAD,CALU;IAMpBU,UAAU,EAAEV,GAAG,CAAC,EAAD;EANK,CAAD,EAOlBM,WAPkB,CAArB;AAQD;AAED,OAAO,SAASE,cAAT,CAAyBG,YAAzB,EAAoDL,WAApD,EAAiFC,OAAjF,EAAkH;EACvH,MAAME,KAAK,GAAGZ,QAAQ,CAAC,MAAM;IAC3B,IAAI,QAAOU,OAAP,oBAAOA,OAAO,CAAEN,GAAhB,MAAwB,SAA5B,EAAuC,OAAOM,OAAO,CAACN,GAAf;;IACvC,IAAIK,WAAW,CAACM,OAAZ,CAAoBC,KAApB,IAA6BF,YAAY,CAACV,GAAb,CAAiBa,cAAjB,CAAgCR,WAAW,CAACM,OAAZ,CAAoBC,KAApD,CAAjC,EAA6F;MAC3F,OAAOF,YAAY,CAACV,GAAb,CAAiBK,WAAW,CAACM,OAAZ,CAAoBC,KAArC,CAAP;IACD;;IAED,OAAOF,YAAY,CAACF,KAAb,CAAmBI,KAA1B;EACD,CAPqB,CAAtB;EASA,OAAO;IACLJ,KADK;IAELR,GAAG,EAAEU,YAAY,CAACV,GAFb;IAGLS,UAAU,EAAEb,QAAQ,CAAC,MAAO,gBAAeY,KAAK,CAACI,KAAN,GAAc,KAAd,GAAsB,KAAM,EAAnD;EAHf,CAAP;AAKD;AAED,OAAO,SAASE,UAAT,CAAqBC,KAArB,EAAsCV,WAAtC,EAAmE;EACxE,MAAMK,YAAY,GAAGb,MAAM,CAACI,SAAD,CAA3B;EAEA,IAAI,CAACS,YAAL,EAAmB,MAAM,IAAIM,KAAJ,CAAU,gDAAV,CAAN;EAEnB,MAAMC,QAAQ,GAAGV,cAAc,CAACG,YAAD,EAAeL,WAAf,EAA4BU,KAA5B,CAA/B;EAEAjB,OAAO,CAACG,SAAD,EAAYgB,QAAZ,CAAP;EAEA,OAAOA,QAAP;AACD;AAED,OAAO,SAASC,MAAT,GAAmB;EACxB,MAAMR,YAAY,GAAGb,MAAM,CAACI,SAAD,CAA3B;EAEA,IAAI,CAACS,YAAL,EAAmB,MAAM,IAAIM,KAAJ,CAAU,gDAAV,CAAN;EAEnB,OAAON,YAAP;AACD"}

package/lib/composables/scopeId.mjs

@@ -0,0 +1,11 @@
+import { getCurrentInstance } from "../util/index.mjs";
+export function useScopeId() {
+  const vm = getCurrentInstance('useScopeId');
+  const scopeId = vm.vnode.scopeId;
+  return {
+    scopeId: scopeId ? {
+      [scopeId]: ''
+    } : undefined
+  };
+}
+//# sourceMappingURL=scopeId.mjs.map

package/lib/composables/scopeId.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scopeId.mjs","names":["getCurrentInstance","useScopeId","vm","scopeId","vnode","undefined"],"sources":["../../src/composables/scopeId.ts"],"sourcesContent":["import { getCurrentInstance } from '@/util'\n\nexport function useScopeId () {\n  const vm = getCurrentInstance('useScopeId')\n\n  const scopeId = vm!.vnode.scopeId\n\n  return { scopeId: scopeId ? { [scopeId]: '' } : undefined }\n}\n"],"mappings":"SAASA,kB;AAET,OAAO,SAASC,UAAT,GAAuB;EAC5B,MAAMC,EAAE,GAAGF,kBAAkB,CAAC,YAAD,CAA7B;EAEA,MAAMG,OAAO,GAAGD,EAAE,CAAEE,KAAJ,CAAUD,OAA1B;EAEA,OAAO;IAAEA,OAAO,EAAEA,OAAO,GAAG;MAAE,CAACA,OAAD,GAAW;IAAb,CAAH,GAAuBE;EAAzC,CAAP;AACD"}

package/lib/composables/scroll.mjs

@@ -26,9 +26,7 @@ export function useScroll(props) {
   const isScrollActive = ref(false);
   const isScrollingUp = ref(false);
   const computedScrollThreshold = computed(() => {
-    var _ref, _props$scrollThreshol;
-
-    return Number((_ref = (_props$scrollThreshol = props.scrollThreshold) != null ? _props$scrollThreshol : scrollThreshold) != null ? _ref : 300);
+    return Number(props.scrollThreshold ?? scrollThreshold ?? 300);
   });
 
   const onScroll = () => {

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,"file":"scroll.mjs","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"],"sources":["../../src/composables/scroll.ts"],"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"],"mappings":"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"}

package/lib/composables/selectLink.mjs

@@ -0,0 +1,19 @@
+// Utilities
+import { nextTick, watch } from 'vue'; // Types
+
+export function useSelectLink(link, select) {
+  watch(() => {
+    var _link$isExactActive;
+
+    return (_link$isExactActive = link.isExactActive) == null ? void 0 : _link$isExactActive.value;
+  }, isExactActive => {
+    if (link.isLink.value && isExactActive && select) {
+      nextTick(() => {
+        select(true);
+      });
+    }
+  }, {
+    immediate: true
+  });
+}
+//# sourceMappingURL=selectLink.mjs.map

package/lib/composables/selectLink.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectLink.mjs","names":["nextTick","watch","useSelectLink","link","select","isExactActive","value","isLink","immediate"],"sources":["../../src/composables/selectLink.ts"],"sourcesContent":["// Utilities\nimport { nextTick, watch } from 'vue'\n\n// Types\nimport type { UseLink } from './router'\n\nexport function useSelectLink (link: UseLink, select?: (value: boolean, e?: Event) => void) {\n  watch(() => link.isExactActive?.value, isExactActive => {\n    if (link.isLink.value && isExactActive && select) {\n      nextTick(() => {\n        select(true)\n      })\n    }\n  }, {\n    immediate: true,\n  })\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAT,EAAmBC,KAAnB,QAAgC,KAAhC,C,CAEA;;AAGA,OAAO,SAASC,aAAT,CAAwBC,IAAxB,EAAuCC,MAAvC,EAAqF;EAC1FH,KAAK,CAAC;IAAA;;IAAA,8BAAME,IAAI,CAACE,aAAX,qBAAM,oBAAoBC,KAA1B;EAAA,CAAD,EAAkCD,aAAa,IAAI;IACtD,IAAIF,IAAI,CAACI,MAAL,CAAYD,KAAZ,IAAqBD,aAArB,IAAsCD,MAA1C,EAAkD;MAChDJ,QAAQ,CAAC,MAAM;QACbI,MAAM,CAAC,IAAD,CAAN;MACD,CAFO,CAAR;IAGD;EACF,CANI,EAMF;IACDI,SAAS,EAAE;EADV,CANE,CAAL;AASD"}

package/lib/composables/size.mjs

@@ -1,6 +1,5 @@
 // Utilities
-import { computed } from 'vue';
-import { convertToUnit, getCurrentInstanceName, propsFactory } from "../util/index.mjs"; // Types
+import { convertToUnit, destructComputed, getCurrentInstanceName, includes, propsFactory } from "../util/index.mjs"; // Types
 
 const predefinedSizes = ['x-small', 'small', 'default', 'large', 'x-large'];
 // Composables
@@ -12,18 +11,23 @@ export const makeSizeProps = propsFactory({
 }, 'size');
 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;
-  });
-  const sizeStyles = computed(() => {
-    return !predefinedSizes.includes(props.size) && props.size ? {
-      width: convertToUnit(props.size),
-      height: convertToUnit(props.size)
-    } : null;
+  return destructComputed(() => {
+    let sizeClasses;
+    let sizeStyles;
+
+    if (includes(predefinedSizes, props.size)) {
+      sizeClasses = `${name}--size-${props.size}`;
+    } else if (props.size) {
+      sizeStyles = {
+        width: convertToUnit(props.size),
+        height: convertToUnit(props.size)
+      };
+    }
+
+    return {
+      sizeClasses,
+      sizeStyles
+    };
   });
-  return {
-    sizeClasses,
-    sizeStyles
-  };
 }
 //# sourceMappingURL=size.mjs.map

package/lib/composables/size.mjs.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"size.mjs","names":["convertToUnit","destructComputed","getCurrentInstanceName","includes","propsFactory","predefinedSizes","makeSizeProps","size","type","String","Number","default","useSize","props","name","sizeClasses","sizeStyles","width","height"],"sources":["../../src/composables/size.ts"],"sourcesContent":["// Utilities\nimport { convertToUnit, destructComputed, getCurrentInstanceName, includes, 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  return destructComputed(() => {\n    let sizeClasses\n    let sizeStyles\n    if (includes(predefinedSizes, props.size)) {\n      sizeClasses = `${name}--size-${props.size}`\n    } else if (props.size) {\n      sizeStyles = {\n        width: convertToUnit(props.size),\n        height: convertToUnit(props.size),\n      }\n    }\n    return { sizeClasses, sizeStyles }\n  })\n}\n"],"mappings":"AAAA;SACSA,a,EAAeC,gB,EAAkBC,sB,EAAwBC,Q,EAAUC,Y,6BAE5E;;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,uEADOZ,sBAAsB,EAC7B;EACA,OAAOD,gBAAgB,CAAC,MAAM;IAC5B,IAAIc,WAAJ;IACA,IAAIC,UAAJ;;IACA,IAAIb,QAAQ,CAACE,eAAD,EAAkBQ,KAAK,CAACN,IAAxB,CAAZ,EAA2C;MACzCQ,WAAW,GAAI,GAAED,IAAK,UAASD,KAAK,CAACN,IAAK,EAA1C;IACD,CAFD,MAEO,IAAIM,KAAK,CAACN,IAAV,EAAgB;MACrBS,UAAU,GAAG;QACXC,KAAK,EAAEjB,aAAa,CAACa,KAAK,CAACN,IAAP,CADT;QAEXW,MAAM,EAAElB,aAAa,CAACa,KAAK,CAACN,IAAP;MAFV,CAAb;IAID;;IACD,OAAO;MAAEQ,WAAF;MAAeC;IAAf,CAAP;EACD,CAZsB,CAAvB;AAaD"}

package/lib/composables/ssrBoot.mjs

@@ -1,5 +1,5 @@
 // Utilities
-import { computed, onMounted, ref } from 'vue'; // Composables
+import { computed, onMounted, readonly, ref } from 'vue'; // Composables
 
 export function useSsrBoot() {
   const isBooted = ref(false);
@@ -12,7 +12,8 @@ export function useSsrBoot() {
     transition: 'none !important'
   } : undefined);
   return {
-    ssrBootStyles
+    ssrBootStyles,
+    isBooted: readonly(isBooted)
   };
 }
 //# sourceMappingURL=ssrBoot.mjs.map

package/lib/composables/ssrBoot.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/ssrBoot.ts"],"names":["computed","onMounted","ref","useSsrBoot","isBooted","window","requestAnimationFrame","value","ssrBootStyles","transition","undefined"],"mappings":"AAAA;AACA,SAASA,QAAT,EAAmBC,SAAnB,EAA8BC,GAA9B,QAAyC,KAAzC,C,CAEA;;AACA,OAAO,SAASC,UAAT,GAAuB;AAC5B,QAAMC,QAAQ,GAAGF,GAAG,CAAC,KAAD,CAApB;AAEAD,EAAAA,SAAS,CAAC,MAAM;AACdI,IAAAA,MAAM,CAACC,qBAAP,CAA6B,MAAM;AACjCF,MAAAA,QAAQ,CAACG,KAAT,GAAiB,IAAjB;AACD,KAFD;AAGD,GAJQ,CAAT;AAMA,QAAMC,aAAa,GAAGR,QAAQ,CAAC,MAAM,CAACI,QAAQ,CAACG,KAAV,GAAmB;AACtDE,IAAAA,UAAU,EAAE;AAD0C,GAAnB,GAEhCC,SAFyB,CAA9B;AAIA,SAAO;AAAEF,IAAAA;AAAF,GAAP;AACD","sourcesContent":["// Utilities\nimport { computed, onMounted, ref } from 'vue'\n\n// Composables\nexport function useSsrBoot () {\n  const isBooted = ref(false)\n\n  onMounted(() => {\n    window.requestAnimationFrame(() => {\n      isBooted.value = true\n    })\n  })\n\n  const ssrBootStyles = computed(() => !isBooted.value ? ({\n    transition: 'none !important',\n  }) : undefined)\n\n  return { ssrBootStyles }\n}\n"],"file":"ssrBoot.mjs"}
+{"version":3,"file":"ssrBoot.mjs","names":["computed","onMounted","readonly","ref","useSsrBoot","isBooted","window","requestAnimationFrame","value","ssrBootStyles","transition","undefined"],"sources":["../../src/composables/ssrBoot.ts"],"sourcesContent":["// Utilities\nimport { computed, onMounted, readonly, ref } from 'vue'\n\n// Composables\nexport function useSsrBoot () {\n  const isBooted = ref(false)\n\n  onMounted(() => {\n    window.requestAnimationFrame(() => {\n      isBooted.value = true\n    })\n  })\n\n  const ssrBootStyles = computed(() => !isBooted.value ? ({\n    transition: 'none !important',\n  }) : undefined)\n\n  return { ssrBootStyles, isBooted: readonly(isBooted) }\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAT,EAAmBC,SAAnB,EAA8BC,QAA9B,EAAwCC,GAAxC,QAAmD,KAAnD,C,CAEA;;AACA,OAAO,SAASC,UAAT,GAAuB;EAC5B,MAAMC,QAAQ,GAAGF,GAAG,CAAC,KAAD,CAApB;EAEAF,SAAS,CAAC,MAAM;IACdK,MAAM,CAACC,qBAAP,CAA6B,MAAM;MACjCF,QAAQ,CAACG,KAAT,GAAiB,IAAjB;IACD,CAFD;EAGD,CAJQ,CAAT;EAMA,MAAMC,aAAa,GAAGT,QAAQ,CAAC,MAAM,CAACK,QAAQ,CAACG,KAAV,GAAmB;IACtDE,UAAU,EAAE;EAD0C,CAAnB,GAEhCC,SAFyB,CAA9B;EAIA,OAAO;IAAEF,aAAF;IAAiBJ,QAAQ,EAAEH,QAAQ,CAACG,QAAD;EAAnC,CAAP;AACD"}

package/lib/composables/stack.mjs

@@ -1,33 +1,47 @@
-import { computed, effectScope, onScopeDispose, ref, toRaw, watch } from 'vue';
+import { useToggleScope } from "./toggleScope.mjs";
+import { computed, inject, onScopeDispose, provide, reactive, readonly, ref, watchEffect } from 'vue';
 import { getCurrentInstance } from "../util/index.mjs"; // Types
 
-const stack = ref([]);
-export function useStack(isActive) {
+const StackSymbol = Symbol.for('vuetify:stack');
+const globalStack = reactive([]);
+export function useStack(isActive, zIndex) {
   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;
+  const parent = inject(StackSymbol, undefined);
+  const stack = reactive({
+    activeChildren: new Set()
+  });
+  provide(StackSymbol, stack);
+
+  const _zIndex = ref(+zIndex.value);
+
+  useToggleScope(isActive, () => {
+    var _globalStack$at;
 
-      (_scope = scope) == null ? void 0 : _scope.stop();
-    }
-  }, {
-    immediate: true
+    const lastZIndex = (_globalStack$at = globalStack.at(-1)) == null ? void 0 : _globalStack$at[1];
+    _zIndex.value = lastZIndex ? lastZIndex + 10 : +zIndex.value;
+    globalStack.push([vm.uid, _zIndex.value]);
+    parent == null ? void 0 : parent.activeChildren.add(vm.uid);
+    onScopeDispose(() => {
+      const idx = globalStack.findIndex(v => v[0] === vm.uid);
+      globalStack.splice(idx, 1);
+      parent == null ? void 0 : parent.activeChildren.delete(vm.uid);
+    });
   });
-  const isTop = computed(() => {
-    return toRaw(stack.value[stack.value.length - 1]) === vm;
+  const globalTop = ref(true);
+  watchEffect(() => {
+    var _globalStack$at2;
+
+    const _isTop = ((_globalStack$at2 = globalStack.at(-1)) == null ? void 0 : _globalStack$at2[0]) === vm.uid;
+
+    setTimeout(() => globalTop.value = _isTop);
   });
+  const localTop = computed(() => !stack.activeChildren.size);
   return {
-    isTop
+    globalTop: readonly(globalTop),
+    localTop,
+    stackStyles: computed(() => ({
+      zIndex: _zIndex.value
+    }))
   };
 }
 //# sourceMappingURL=stack.mjs.map

package/lib/composables/stack.mjs.map

@@ -1 +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"}
+{"version":3,"file":"stack.mjs","names":["useToggleScope","computed","inject","onScopeDispose","provide","reactive","readonly","ref","watchEffect","getCurrentInstance","StackSymbol","Symbol","for","globalStack","useStack","isActive","zIndex","vm","parent","undefined","stack","activeChildren","Set","_zIndex","value","lastZIndex","at","push","uid","add","idx","findIndex","v","splice","delete","globalTop","_isTop","setTimeout","localTop","size","stackStyles"],"sources":["../../src/composables/stack.ts"],"sourcesContent":["import { useToggleScope } from '@/composables/toggleScope'\n\nimport { computed, inject, onScopeDispose, provide, reactive, readonly, ref, watchEffect } from 'vue'\nimport { getCurrentInstance } from '@/util'\n\n// Types\nimport type { InjectionKey, Ref } from 'vue'\n\nconst StackSymbol: InjectionKey<StackProvide> = Symbol.for('vuetify:stack')\n\ninterface StackProvide {\n  activeChildren: Set<number>\n}\n\nconst globalStack = reactive<[uid: number, zIndex: number][]>([])\n\nexport function useStack (isActive: Readonly<Ref<boolean>>, zIndex: Readonly<Ref<string | number>>) {\n  const vm = getCurrentInstance('useStack')\n\n  const parent = inject(StackSymbol, undefined)\n  const stack: StackProvide = reactive({\n    activeChildren: new Set<number>(),\n  })\n  provide(StackSymbol, stack)\n\n  const _zIndex = ref(+zIndex.value)\n  useToggleScope(isActive, () => {\n    const lastZIndex = globalStack.at(-1)?.[1]\n    _zIndex.value = lastZIndex ? lastZIndex + 10 : +zIndex.value\n    globalStack.push([vm.uid, _zIndex.value])\n\n    parent?.activeChildren.add(vm.uid)\n\n    onScopeDispose(() => {\n      const idx = globalStack.findIndex(v => v[0] === vm.uid)\n      globalStack.splice(idx, 1)\n\n      parent?.activeChildren.delete(vm.uid)\n    })\n  })\n\n  const globalTop = ref(true)\n  watchEffect(() => {\n    const _isTop = globalStack.at(-1)?.[0] === vm.uid\n    setTimeout(() => globalTop.value = _isTop)\n  })\n\n  const localTop = computed(() => !stack.activeChildren.size)\n\n  return {\n    globalTop: readonly(globalTop),\n    localTop,\n    stackStyles: computed(() => ({ zIndex: _zIndex.value })),\n  }\n}\n"],"mappings":"SAASA,c;AAET,SAASC,QAAT,EAAmBC,MAAnB,EAA2BC,cAA3B,EAA2CC,OAA3C,EAAoDC,QAApD,EAA8DC,QAA9D,EAAwEC,GAAxE,EAA6EC,WAA7E,QAAgG,KAAhG;SACSC,kB,6BAET;;AAGA,MAAMC,WAAuC,GAAGC,MAAM,CAACC,GAAP,CAAW,eAAX,CAAhD;AAMA,MAAMC,WAAW,GAAGR,QAAQ,CAAkC,EAAlC,CAA5B;AAEA,OAAO,SAASS,QAAT,CAAmBC,QAAnB,EAAqDC,MAArD,EAA6F;EAClG,MAAMC,EAAE,GAAGR,kBAAkB,CAAC,UAAD,CAA7B;EAEA,MAAMS,MAAM,GAAGhB,MAAM,CAACQ,WAAD,EAAcS,SAAd,CAArB;EACA,MAAMC,KAAmB,GAAGf,QAAQ,CAAC;IACnCgB,cAAc,EAAE,IAAIC,GAAJ;EADmB,CAAD,CAApC;EAGAlB,OAAO,CAACM,WAAD,EAAcU,KAAd,CAAP;;EAEA,MAAMG,OAAO,GAAGhB,GAAG,CAAC,CAACS,MAAM,CAACQ,KAAT,CAAnB;;EACAxB,cAAc,CAACe,QAAD,EAAW,MAAM;IAAA;;IAC7B,MAAMU,UAAU,sBAAGZ,WAAW,CAACa,EAAZ,CAAe,CAAC,CAAhB,CAAH,qBAAG,gBAAqB,CAArB,CAAnB;IACAH,OAAO,CAACC,KAAR,GAAgBC,UAAU,GAAGA,UAAU,GAAG,EAAhB,GAAqB,CAACT,MAAM,CAACQ,KAAvD;IACAX,WAAW,CAACc,IAAZ,CAAiB,CAACV,EAAE,CAACW,GAAJ,EAASL,OAAO,CAACC,KAAjB,CAAjB;IAEAN,MAAM,QAAN,YAAAA,MAAM,CAAEG,cAAR,CAAuBQ,GAAvB,CAA2BZ,EAAE,CAACW,GAA9B;IAEAzB,cAAc,CAAC,MAAM;MACnB,MAAM2B,GAAG,GAAGjB,WAAW,CAACkB,SAAZ,CAAsBC,CAAC,IAAIA,CAAC,CAAC,CAAD,CAAD,KAASf,EAAE,CAACW,GAAvC,CAAZ;MACAf,WAAW,CAACoB,MAAZ,CAAmBH,GAAnB,EAAwB,CAAxB;MAEAZ,MAAM,QAAN,YAAAA,MAAM,CAAEG,cAAR,CAAuBa,MAAvB,CAA8BjB,EAAE,CAACW,GAAjC;IACD,CALa,CAAd;EAMD,CAba,CAAd;EAeA,MAAMO,SAAS,GAAG5B,GAAG,CAAC,IAAD,CAArB;EACAC,WAAW,CAAC,MAAM;IAAA;;IAChB,MAAM4B,MAAM,GAAG,qBAAAvB,WAAW,CAACa,EAAZ,CAAe,CAAC,CAAhB,uCAAqB,CAArB,OAA4BT,EAAE,CAACW,GAA9C;;IACAS,UAAU,CAAC,MAAMF,SAAS,CAACX,KAAV,GAAkBY,MAAzB,CAAV;EACD,CAHU,CAAX;EAKA,MAAME,QAAQ,GAAGrC,QAAQ,CAAC,MAAM,CAACmB,KAAK,CAACC,cAAN,CAAqBkB,IAA7B,CAAzB;EAEA,OAAO;IACLJ,SAAS,EAAE7B,QAAQ,CAAC6B,SAAD,CADd;IAELG,QAFK;IAGLE,WAAW,EAAEvC,QAAQ,CAAC,OAAO;MAAEe,MAAM,EAAEO,OAAO,CAACC;IAAlB,CAAP,CAAD;EAHhB,CAAP;AAKD"}

package/lib/composables/tag.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/composables/tag.ts"],"names":["propsFactory","makeTagProps","tag","type","String","default"],"mappings":"AAAA;SACSA,Y,6BAET;;AAKA;AACA,OAAO,MAAMC,YAAY,GAAGD,YAAY,CAAC;AACvCE,EAAAA,GAAG,EAAE;AACHC,IAAAA,IAAI,EAAEC,MADH;AAEHC,IAAAA,OAAO,EAAE;AAFN;AADkC,CAAD,EAKrC,KALqC,CAAjC","sourcesContent":["// Utilities\nimport { propsFactory } from '@/util'\n\n// Types\nexport interface TagProps {\n  tag: string\n}\n\n// Composables\nexport const makeTagProps = propsFactory({\n  tag: {\n    type: String,\n    default: 'div',\n  },\n}, 'tag')\n"],"file":"tag.mjs"}
+{"version":3,"file":"tag.mjs","names":["propsFactory","makeTagProps","tag","type","String","default"],"sources":["../../src/composables/tag.ts"],"sourcesContent":["// Utilities\nimport { propsFactory } from '@/util'\n\n// Types\nexport interface TagProps {\n  tag: string\n}\n\n// Composables\nexport const makeTagProps = propsFactory({\n  tag: {\n    type: String,\n    default: 'div',\n  },\n}, 'tag')\n"],"mappings":"AAAA;SACSA,Y,6BAET;;AAKA;AACA,OAAO,MAAMC,YAAY,GAAGD,YAAY,CAAC;EACvCE,GAAG,EAAE;IACHC,IAAI,EAAEC,MADH;IAEHC,OAAO,EAAE;EAFN;AADkC,CAAD,EAKrC,KALqC,CAAjC"}

package/lib/composables/teleport.mjs.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"teleport.mjs","names":["computed","warn","IN_BROWSER","useTeleport","target","teleportTarget","_target","value","undefined","targetElement","document","body","querySelector","cache","has","el","createElement","className","appendChild","set","get","WeakMap"],"sources":["../../src/composables/teleport.ts"],"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"],"mappings":"AAAA;AACA,SAASA,QAAT,EAAmBC,IAAnB,QAA+B,KAA/B;SACSC,U,6BAET;;AAGA,OAAO,SAASC,WAAT,CAAsBC,MAAtB,EAA+D;EACpE,MAAMC,cAAc,GAAGL,QAAQ,CAAC,MAAM;IACpC,MAAMM,OAAO,GAAGF,MAAM,CAACG,KAAvB;IAEA,IAAID,OAAO,KAAK,IAAZ,IAAoB,CAACJ,UAAzB,EAAqC,OAAOM,SAAP;IAErC,MAAMC,aAAa,GACjBH,OAAO,KAAK,KAAZ,GAAoBI,QAAQ,CAACC,IAA7B,GACE,OAAOL,OAAP,KAAmB,QAAnB,GAA8BI,QAAQ,CAACE,aAAT,CAAuBN,OAAvB,CAA9B,GACAA,OAHJ;;IAKA,IAAIG,aAAa,IAAI,IAArB,EAA2B;MACzBR,IAAI,CAAE,2BAA0BK,OAAQ,EAApC,CAAJ;MACA,OAAOE,SAAP;IACD;;IAED,IAAI,CAACL,WAAW,CAACU,KAAZ,CAAkBC,GAAlB,CAAsBL,aAAtB,CAAL,EAA2C;MACzC,MAAMM,EAAE,GAAGL,QAAQ,CAACM,aAAT,CAAuB,KAAvB,CAAX;MACAD,EAAE,CAACE,SAAH,GAAe,qBAAf;MACAR,aAAa,CAACS,WAAd,CAA0BH,EAA1B;MACAZ,WAAW,CAACU,KAAZ,CAAkBM,GAAlB,CAAsBV,aAAtB,EAAqCM,EAArC;IACD;;IAED,OAAOZ,WAAW,CAACU,KAAZ,CAAkBO,GAAlB,CAAsBX,aAAtB,CAAP;EACD,CAvB8B,CAA/B;EAyBA,OAAO;IAAEJ;EAAF,CAAP;AACD;AACDF,WAAW,CAACU,KAAZ,GAAoB,IAAIQ,OAAJ,EAApB"}

package/lib/composables/theme.mjs

@@ -1,5 +1,5 @@
 // Utilities
-import { computed, inject, provide, ref, watch, watchEffect } from 'vue';
+import { computed, inject, provide, reactive, 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
 
@@ -86,51 +86,56 @@ const defaultThemeOptions = {
   }
 };
 
-const parseThemeOptions = function () {
-  var _options$themes;
-
+function parseThemeOptions() {
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultThemeOptions;
   if (!options) return { ...defaultThemeOptions,
     isDisabled: true
   };
-  const themes = Object.entries((_options$themes = options.themes) != null ? _options$themes : {}).reduce((obj, _ref) => {
+  const themes = {};
+
+  for (const [key, theme] of Object.entries(options.themes ?? {})) {
     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;
-  }, {});
+    themes[key] = mergeDeep(defaultTheme, theme);
+  }
+
   return mergeDeep(defaultThemeOptions, { ...options,
     themes
   });
-}; // Composables
+} // Composables
 
 
 export function createTheme(app, options) {
   const head = app._context.provides.usehead;
-  const parsedOptions = parseThemeOptions(options);
-  const styleEl = ref();
-  const current = ref(parsedOptions.defaultTheme);
+  const parsedOptions = reactive(parseThemeOptions(options));
+  const name = ref(parsedOptions.defaultTheme);
   const themes = ref(parsedOptions.themes);
-  const variations = ref(parsedOptions.variations);
   const computedThemes = computed(() => {
-    return Object.entries(themes.value).reduce((obj, _ref2) => {
-      var _parsedOptions$variat;
+    const acc = {};
 
-      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, original.colors[color])
-            };
-          }, {})
+    for (const [name, original] of Object.entries(themes.value)) {
+      const theme = acc[name] = { ...original,
+        colors: { ...original.colors
         }
       };
 
+      if (parsedOptions.variations) {
+        for (const name of parsedOptions.variations.colors) {
+          const color = theme.colors[name];
+
+          for (const variation of ['lighten', 'darken']) {
+            const fn = variation === 'lighten' ? lighten : darken;
+
+            for (const amount of createRange(parsedOptions.variations[variation], 1)) {
+              theme.colors[`${name}-${variation}-${amount}`] = intToHex(fn(colorToInt(color), amount));
+            }
+          }
+        }
+      }
+
       for (const color of Object.keys(theme.colors)) {
-        if (/on-[a-z]/.test(color) || theme.colors[`on-${color}`]) continue;
+        if (/^on-[a-z]/.test(color) || theme.colors[`on-${color}`]) continue;
         const onColor = `on-${color}`;
         const colorVal = colorToInt(theme.colors[color]);
         const blackContrast = Math.abs(APCAcontrast(0, colorVal));
@@ -146,131 +151,112 @@ export function createTheme(app, options) {
 
         theme.colors[onColor] = whiteContrast > Math.min(blackContrast, 50) ? '#fff' : '#000';
       }
-
-      obj[name] = theme;
-      return obj;
-    }, {});
-  });
-
-  function genColorVariations(name, color) {
-    const obj = {};
-
-    for (const variation of ['lighten', 'darken']) {
-      const fn = variation === 'lighten' ? lighten : darken;
-
-      for (const amount of createRange(variations.value[variation], 1)) {
-        obj[`${name}-${variation}-${amount}`] = intToHex(fn(colorToInt(color), amount));
-      }
     }
 
-    return obj;
-  }
-
+    return acc;
+  });
+  const current = computed(() => computedThemes.value[name.value]);
   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 => {
+    if (current.value.dark) {
+      createCssClass(lines, ':root', ['color-scheme: dark']);
+    }
+
+    for (const [themeName, theme] of Object.entries(computedThemes.value)) {
+      const {
+        variables,
+        dark
+      } = theme;
+      createCssClass(lines, `.v-theme--${themeName}`, [`color-scheme: ${dark ? 'dark' : 'normal'}`, ...genCssVariables(theme), ...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}`;
-      })]));
+        return `--v-${key}: ${rgb ?? value}`;
+      })]);
     }
 
+    const bgLines = [];
+    const fgLines = [];
     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`]));
+      if (/^on-[a-z]/.test(key)) {
+        createCssClass(fgLines, `.${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})`]));
+        createCssClass(bgLines, `.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(fgLines, `.text-${key}`, [`color: rgb(var(--v-theme-${key})) !important`]);
+        createCssClass(fgLines, `.border-${key}`, [`--v-border-color: var(--v-theme-${key})`]);
       }
     }
 
+    lines.push(...bgLines, ...fgLines);
     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}`);
-    const lightOverlay = theme.dark ? 2 : 1;
-    const darkOverlay = theme.dark ? 1 : 2;
-    const variables = [];
-
-    for (const [key, value] of Object.entries(theme.colors)) {
-      const rgb = colorToRGB(value);
-      variables.push(`--v-theme-${key}: ${rgb.r},${rgb.g},${rgb.b}`);
-
-      if (!key.startsWith('on-')) {
-        variables.push(`--v-theme-${key}-overlay-multiplier: ${getLuma(value) > 0.18 ? lightOverlay : darkOverlay}`);
-      }
-    }
-
-    return variables;
-  }
-
-  function createCssClass(selector, content) {
-    return [`${selector} {\n`, ...content.map(line => `  ${line};\n`), '}\n'];
-  }
-
   if (head) {
-    head.addHeadObjs(computed(() => ({
-      style: [{
+    head.addHeadObjs(computed(() => {
+      const style = {
         children: styles.value,
         type: 'text/css',
         id: 'vuetify-theme-stylesheet'
-      }]
-    })));
+      };
+      if (parsedOptions.cspNonce) style.nonce = parsedOptions.cspNonce;
+      return {
+        style: [style]
+      };
+    }));
 
     if (IN_BROWSER) {
       watchEffect(() => head.updateDOM());
     }
   } else {
-    watch(themes, updateStyles, {
-      deep: true,
+    let styleEl = IN_BROWSER ? document.getElementById('vuetify-theme-stylesheet') : null;
+    watch(styles, updateStyles, {
       immediate: true
     });
 
     function updateStyles() {
       if (parsedOptions.isDisabled) return;
-      genStyleElement();
-      if (styleEl.value) styleEl.value.innerHTML = styles.value;
-    }
 
-    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);
+      if (typeof document !== 'undefined' && !styleEl) {
+        const el = document.createElement('style');
+        el.type = 'text/css';
+        el.id = 'vuetify-theme-stylesheet';
+        if (parsedOptions.cspNonce) el.setAttribute('nonce', parsedOptions.cspNonce);
+        styleEl = el;
+        document.head.appendChild(styleEl);
+      }
+
+      if (styleEl) styleEl.innerHTML = styles.value;
     }
   }
 
+  const themeClasses = computed(() => parsedOptions.isDisabled ? undefined : `v-theme--${name.value}`);
   return {
     isDisabled: parsedOptions.isDisabled,
-    themes: computedThemes,
-    setTheme: (key, theme) => themes.value[key] = theme,
-    getTheme: key => computedThemes.value[key],
+    name,
+    themes,
     current,
-    themeClasses: computed(() => parsedOptions.isDisabled ? undefined : `v-theme--${current.value}`),
-    styles
+    computedThemes,
+    themeClasses,
+    styles,
+    global: {
+      name,
+      current
+    }
   };
 }
 export function provideTheme(props) {
   getCurrentInstance('provideTheme');
   const theme = inject(ThemeSymbol, null);
   if (!theme) throw new Error('Could not find Vuetify theme injection');
-  const current = computed(() => {
-    var _props$theme;
-
-    return (_props$theme = props.theme) != null ? _props$theme : theme == null ? void 0 : theme.current.value;
+  const name = computed(() => {
+    return props.theme ?? (theme == null ? void 0 : theme.name.value);
   });
-  const themeClasses = computed(() => theme.isDisabled ? undefined : `v-theme--${current.value}`);
+  const themeClasses = computed(() => theme.isDisabled ? undefined : `v-theme--${name.value}`);
   const newTheme = { ...theme,
-    current,
+    name,
     themeClasses
   };
   provide(ThemeSymbol, newTheme);
@@ -282,4 +268,25 @@ export function useTheme() {
   if (!theme) throw new Error('Could not find Vuetify theme injection');
   return theme;
 }
+
+function createCssClass(lines, selector, content) {
+  lines.push(`${selector} {\n`, ...content.map(line => `  ${line};\n`), '}\n');
+}
+
+function genCssVariables(theme) {
+  const lightOverlay = theme.dark ? 2 : 1;
+  const darkOverlay = theme.dark ? 1 : 2;
+  const variables = [];
+
+  for (const [key, value] of Object.entries(theme.colors)) {
+    const rgb = colorToRGB(value);
+    variables.push(`--v-theme-${key}: ${rgb.r},${rgb.g},${rgb.b}`);
+
+    if (!key.startsWith('on-')) {
+      variables.push(`--v-theme-${key}-overlay-multiplier: ${getLuma(value) > 0.18 ? lightOverlay : darkOverlay}`);
+    }
+  }
+
+  return variables;
+}
 //# sourceMappingURL=theme.mjs.map