vuetify 3.0.0-beta.9 → 3.0.1

package/lib/components/VApp/VApp.sass

@@ -13,12 +13,3 @@
   max-width: 100%
   min-height: 100vh
   position: relative
-
-// Firefox overrides
-@-moz-document url-prefix()
-  @media print
-    .v-application
-      display: block
-
-      &__wrap
-        display: block

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

@@ -0,0 +1,85 @@
+import * as vue from 'vue';
+import { Ref, DeepReadonly } from 'vue';
+
+interface InternalThemeDefinition {
+    dark: boolean;
+    colors: Colors;
+    variables: Record<string, string | number>;
+}
+interface Colors extends BaseColors, OnColors {
+    [key: string]: string;
+}
+interface BaseColors {
+    background: string;
+    surface: string;
+    primary: string;
+    secondary: string;
+    success: string;
+    warning: string;
+    error: string;
+    info: string;
+}
+interface OnColors {
+    'on-background': string;
+    'on-surface': string;
+    'on-primary': string;
+    'on-secondary': string;
+    'on-success': string;
+    'on-warning': string;
+    'on-error': string;
+    'on-info': string;
+}
+interface ThemeInstance {
+    readonly isDisabled: boolean;
+    readonly themes: Ref<Record<string, InternalThemeDefinition>>;
+    readonly name: Readonly<Ref<string>>;
+    readonly current: DeepReadonly<Ref<InternalThemeDefinition>>;
+    readonly computedThemes: DeepReadonly<Ref<Record<string, InternalThemeDefinition>>>;
+    readonly themeClasses: Readonly<Ref<string | undefined>>;
+    readonly styles: Readonly<Ref<string>>;
+    readonly global: {
+        readonly name: Ref<string>;
+        readonly current: DeepReadonly<Ref<InternalThemeDefinition>>;
+    };
+}
+
+declare const VApp: vue.DefineComponent<{
+    theme: StringConstructor;
+    overlaps: vue.Prop<string[], string[]>;
+    fullHeight: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+}, {
+    getLayoutItem: (id: string) => {
+        size: number;
+        position: "left" | "top" | "bottom" | "right";
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+        id: string;
+    } | undefined;
+    items: vue.ComputedRef<{
+        size: number;
+        position: "left" | "top" | "bottom" | "right";
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+        id: string;
+    }[]>;
+    theme: ThemeInstance;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    theme: StringConstructor;
+    overlaps: vue.Prop<string[], string[]>;
+    fullHeight: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
+    fullHeight: boolean;
+}>;
+declare type VApp = InstanceType<typeof VApp>;
+
+export { VApp };

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

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

package/lib/components/VAppBar/VAppBar.css

@@ -6,5 +6,8 @@
   color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
 }
 .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
-  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
+}
+.v-app-bar:not(.v-toolbar--absolute) {
+  padding-inline-end: var(--v-scrollbar-offset);
 }

package/lib/components/VAppBar/VAppBar.mjs

@@ -1,15 +1,13 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
 // Styles
-import "./VAppBar.css"; // Components
+import "./VAppBar.css";
 
+// Components
 import { filterToolbarProps, makeVToolbarProps, VToolbar } from "../VToolbar/VToolbar.mjs"; // Composables
-
 import { makeLayoutItemProps, useLayoutItem } from "../../composables/layout.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
-
 import { computed, ref, toRef } from 'vue';
 import { defineComponent, useRender } from "../../util/index.mjs"; // Types
-
 export const VAppBar = defineComponent({
   name: 'VAppBar',
   props: {
@@ -39,7 +37,6 @@ export const VAppBar = defineComponent({
   emits: {
     'update:modelValue': value => true
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -47,10 +44,9 @@ export const VAppBar = defineComponent({
     const vToolbarRef = ref();
     const isActive = useProxiedModel(props, 'modelValue');
     const height = computed(() => {
-      var _vToolbarRef$value$co, _vToolbarRef$value, _vToolbarRef$value$ex, _vToolbarRef$value2;
-
-      const height = (_vToolbarRef$value$co = (_vToolbarRef$value = vToolbarRef.value) == null ? void 0 : _vToolbarRef$value.contentHeight) != null ? _vToolbarRef$value$co : 0;
-      const extensionHeight = (_vToolbarRef$value$ex = (_vToolbarRef$value2 = vToolbarRef.value) == null ? void 0 : _vToolbarRef$value2.extensionHeight) != null ? _vToolbarRef$value$ex : 0;
+      var _vToolbarRef$value, _vToolbarRef$value2;
+      const height = ((_vToolbarRef$value = vToolbarRef.value) == null ? void 0 : _vToolbarRef$value.contentHeight) ?? 0;
+      const extensionHeight = ((_vToolbarRef$value2 = vToolbarRef.value) == null ? void 0 : _vToolbarRef$value2.extensionHeight) ?? 0;
       return height + extensionHeight;
     });
     const {
@@ -71,13 +67,13 @@ export const VAppBar = defineComponent({
         "class": ['v-app-bar', {
           'v-app-bar--bottom': props.location === 'bottom'
         }],
-        "style": { ...layoutItemStyles.value,
+        "style": {
+          ...layoutItemStyles.value,
           height: undefined
         }
       }, toolbarProps), slots);
     });
     return {};
   }
-
 });
 //# sourceMappingURL=VAppBar.mjs.map

package/lib/components/VAppBar/VAppBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VAppBar.mjs","names":["filterToolbarProps","makeVToolbarProps","VToolbar","makeLayoutItemProps","useLayoutItem","useProxiedModel","computed","ref","toRef","defineComponent","useRender","VAppBar","name","props","modelValue","type","Boolean","default","location","String","validator","value","includes","height","Number","emits","setup","slots","vToolbarRef","isActive","contentHeight","extensionHeight","layoutItemStyles","id","order","parseInt","position","layoutSize","elementSize","active","absolute","toolbarProps","undefined"],"sources":["../../../src/components/VAppBar/VAppBar.tsx"],"sourcesContent":["// Styles\nimport './VAppBar.sass'\n\n// Components\nimport { filterToolbarProps, makeVToolbarProps, VToolbar } from '@/components/VToolbar/VToolbar'\n\n// Composables\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, ref, toRef } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VAppBar = defineComponent({\n  name: 'VAppBar',\n\n  props: {\n    // TODO: Implement scrolling techniques\n    // hideOnScroll: Boolean\n    // invertedScroll: Boolean\n    // collapseOnScroll: Boolean\n    // elevateOnScroll: Boolean\n    // shrinkOnScroll: Boolean\n    // fadeImageOnScroll: Boolean\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n    location: {\n      type: String as PropType<'top' | 'bottom'>,\n      default: 'top',\n      validator: (value: any) => ['top', 'bottom'].includes(value),\n    },\n\n    ...makeVToolbarProps(),\n    ...makeLayoutItemProps(),\n\n    height: {\n      type: [Number, String],\n      default: 64,\n    },\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const vToolbarRef = ref()\n    const isActive = useProxiedModel(props, 'modelValue')\n    const height = computed(() => {\n      const height: number = vToolbarRef.value?.contentHeight ?? 0\n      const extensionHeight: number = vToolbarRef.value?.extensionHeight ?? 0\n\n      return (height + extensionHeight)\n    })\n    const { layoutItemStyles } = useLayoutItem({\n      id: props.name,\n      order: computed(() => parseInt(props.order, 10)),\n      position: toRef(props, 'location'),\n      layoutSize: height,\n      elementSize: height,\n      active: isActive,\n      absolute: toRef(props, 'absolute'),\n    })\n\n    useRender(() => {\n      const [toolbarProps] = filterToolbarProps(props)\n\n      return (\n        <VToolbar\n          ref={ vToolbarRef }\n          class={[\n            'v-app-bar',\n            {\n              'v-app-bar--bottom': props.location === 'bottom',\n            },\n          ]}\n          style={{\n            ...layoutItemStyles.value,\n            height: undefined,\n          }}\n          { ...toolbarProps }\n          v-slots={ slots }\n        />\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VAppBar = InstanceType<typeof VAppBar>\n"],"mappings":";AAAA;AACA,uB,CAEA;;SACSA,kB,EAAoBC,iB,EAAmBC,Q,oCAEhD;;SACSC,mB,EAAqBC,a;SACrBC,e,8CAET;;AACA,SAASC,QAAT,EAAmBC,GAAnB,EAAwBC,KAAxB,QAAqC,KAArC;SACSC,e,EAAiBC,S,gCAE1B;;AAGA,OAAO,MAAMC,OAAO,GAAGF,eAAe,CAAC;EACrCG,IAAI,EAAE,SAD+B;EAGrCC,KAAK,EAAE;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACAC,UAAU,EAAE;MACVC,IAAI,EAAEC,OADI;MAEVC,OAAO,EAAE;IAFC,CARP;IAYLC,QAAQ,EAAE;MACRH,IAAI,EAAEI,MADE;MAERF,OAAO,EAAE,KAFD;MAGRG,SAAS,EAAGC,KAAD,IAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkBC,QAAlB,CAA2BD,KAA3B;IAHnB,CAZL;IAkBL,GAAGpB,iBAAiB,EAlBf;IAmBL,GAAGE,mBAAmB,EAnBjB;IAqBLoB,MAAM,EAAE;MACNR,IAAI,EAAE,CAACS,MAAD,EAASL,MAAT,CADA;MAENF,OAAO,EAAE;IAFH;EArBH,CAH8B;EA8BrCQ,KAAK,EAAE;IACL,qBAAsBJ,KAAD,IAAoB;EADpC,CA9B8B;;EAkCrCK,KAAK,CAAEb,KAAF,QAAoB;IAAA,IAAX;MAAEc;IAAF,CAAW;IACvB,MAAMC,WAAW,GAAGrB,GAAG,EAAvB;IACA,MAAMsB,QAAQ,GAAGxB,eAAe,CAACQ,KAAD,EAAQ,YAAR,CAAhC;IACA,MAAMU,MAAM,GAAGjB,QAAQ,CAAC,MAAM;MAAA;;MAC5B,MAAMiB,MAAc,kDAAGK,WAAW,CAACP,KAAf,qBAAG,mBAAmBS,aAAtB,oCAAuC,CAA3D;MACA,MAAMC,eAAuB,mDAAGH,WAAW,CAACP,KAAf,qBAAG,oBAAmBU,eAAtB,oCAAyC,CAAtE;MAEA,OAAQR,MAAM,GAAGQ,eAAjB;IACD,CALsB,CAAvB;IAMA,MAAM;MAAEC;IAAF,IAAuB5B,aAAa,CAAC;MACzC6B,EAAE,EAAEpB,KAAK,CAACD,IAD+B;MAEzCsB,KAAK,EAAE5B,QAAQ,CAAC,MAAM6B,QAAQ,CAACtB,KAAK,CAACqB,KAAP,EAAc,EAAd,CAAf,CAF0B;MAGzCE,QAAQ,EAAE5B,KAAK,CAACK,KAAD,EAAQ,UAAR,CAH0B;MAIzCwB,UAAU,EAAEd,MAJ6B;MAKzCe,WAAW,EAAEf,MAL4B;MAMzCgB,MAAM,EAAEV,QANiC;MAOzCW,QAAQ,EAAEhC,KAAK,CAACK,KAAD,EAAQ,UAAR;IAP0B,CAAD,CAA1C;IAUAH,SAAS,CAAC,MAAM;MACd,MAAM,CAAC+B,YAAD,IAAiBzC,kBAAkB,CAACa,KAAD,CAAzC;MAEA;QAAA,OAEUe,WAFV;QAAA,SAGW,CACL,WADK,EAEL;UACE,qBAAqBf,KAAK,CAACK,QAAN,KAAmB;QAD1C,CAFK,CAHX;QAAA,SASW,EACL,GAAGc,gBAAgB,CAACX,KADf;UAELE,MAAM,EAAEmB;QAFH;MATX,GAaSD,YAbT,GAccd,KAdd;IAiBD,CApBQ,CAAT;IAsBA,OAAO,EAAP;EACD;;AA5EoC,CAAD,CAA/B"}
+{"version":3,"file":"VAppBar.mjs","names":["filterToolbarProps","makeVToolbarProps","VToolbar","makeLayoutItemProps","useLayoutItem","useProxiedModel","computed","ref","toRef","defineComponent","useRender","VAppBar","name","props","modelValue","type","Boolean","default","location","String","validator","value","includes","height","Number","emits","setup","slots","vToolbarRef","isActive","contentHeight","extensionHeight","layoutItemStyles","id","order","parseInt","position","layoutSize","elementSize","active","absolute","toolbarProps","undefined"],"sources":["../../../src/components/VAppBar/VAppBar.tsx"],"sourcesContent":["// Styles\nimport './VAppBar.sass'\n\n// Components\nimport { filterToolbarProps, makeVToolbarProps, VToolbar } from '@/components/VToolbar/VToolbar'\n\n// Composables\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, ref, toRef } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VAppBar = defineComponent({\n  name: 'VAppBar',\n\n  props: {\n    // TODO: Implement scrolling techniques\n    // hideOnScroll: Boolean\n    // invertedScroll: Boolean\n    // collapseOnScroll: Boolean\n    // elevateOnScroll: Boolean\n    // shrinkOnScroll: Boolean\n    // fadeImageOnScroll: Boolean\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n    location: {\n      type: String as PropType<'top' | 'bottom'>,\n      default: 'top',\n      validator: (value: any) => ['top', 'bottom'].includes(value),\n    },\n\n    ...makeVToolbarProps(),\n    ...makeLayoutItemProps(),\n\n    height: {\n      type: [Number, String],\n      default: 64,\n    },\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const vToolbarRef = ref()\n    const isActive = useProxiedModel(props, 'modelValue')\n    const height = computed(() => {\n      const height: number = vToolbarRef.value?.contentHeight ?? 0\n      const extensionHeight: number = vToolbarRef.value?.extensionHeight ?? 0\n\n      return (height + extensionHeight)\n    })\n    const { layoutItemStyles } = useLayoutItem({\n      id: props.name,\n      order: computed(() => parseInt(props.order, 10)),\n      position: toRef(props, 'location'),\n      layoutSize: height,\n      elementSize: height,\n      active: isActive,\n      absolute: toRef(props, 'absolute'),\n    })\n\n    useRender(() => {\n      const [toolbarProps] = filterToolbarProps(props)\n\n      return (\n        <VToolbar\n          ref={ vToolbarRef }\n          class={[\n            'v-app-bar',\n            {\n              'v-app-bar--bottom': props.location === 'bottom',\n            },\n          ]}\n          style={{\n            ...layoutItemStyles.value,\n            height: undefined,\n          }}\n          { ...toolbarProps }\n          v-slots={ slots }\n        />\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VAppBar = InstanceType<typeof VAppBar>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,kBAAkB,EAAEC,iBAAiB,EAAEC,QAAQ,oCAExD;AAAA,SACSC,mBAAmB,EAAEC,aAAa;AAAA,SAClCC,eAAe,8CAExB;AACA,SAASC,QAAQ,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAA,SACjCC,eAAe,EAAEC,SAAS,gCAEnC;AAGA,OAAO,MAAMC,OAAO,GAAGF,eAAe,CAAC;EACrCG,IAAI,EAAE,SAAS;EAEfC,KAAK,EAAE;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACAC,UAAU,EAAE;MACVC,IAAI,EAAEC,OAAO;MACbC,OAAO,EAAE;IACX,CAAC;IACDC,QAAQ,EAAE;MACRH,IAAI,EAAEI,MAAoC;MAC1CF,OAAO,EAAE,KAAK;MACdG,SAAS,EAAGC,KAAU,IAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAACC,QAAQ,CAACD,KAAK;IAC7D,CAAC;IAED,GAAGpB,iBAAiB,EAAE;IACtB,GAAGE,mBAAmB,EAAE;IAExBoB,MAAM,EAAE;MACNR,IAAI,EAAE,CAACS,MAAM,EAAEL,MAAM,CAAC;MACtBF,OAAO,EAAE;IACX;EACF,CAAC;EAEDQ,KAAK,EAAE;IACL,mBAAmB,EAAGJ,KAAc,IAAK;EAC3C,CAAC;EAEDK,KAAK,CAAEb,KAAK,QAAa;IAAA,IAAX;MAAEc;IAAM,CAAC;IACrB,MAAMC,WAAW,GAAGrB,GAAG,EAAE;IACzB,MAAMsB,QAAQ,GAAGxB,eAAe,CAACQ,KAAK,EAAE,YAAY,CAAC;IACrD,MAAMU,MAAM,GAAGjB,QAAQ,CAAC,MAAM;MAAA;MAC5B,MAAMiB,MAAc,GAAG,uBAAAK,WAAW,CAACP,KAAK,qBAAjB,mBAAmBS,aAAa,KAAI,CAAC;MAC5D,MAAMC,eAAuB,GAAG,wBAAAH,WAAW,CAACP,KAAK,qBAAjB,oBAAmBU,eAAe,KAAI,CAAC;MAEvE,OAAQR,MAAM,GAAGQ,eAAe;IAClC,CAAC,CAAC;IACF,MAAM;MAAEC;IAAiB,CAAC,GAAG5B,aAAa,CAAC;MACzC6B,EAAE,EAAEpB,KAAK,CAACD,IAAI;MACdsB,KAAK,EAAE5B,QAAQ,CAAC,MAAM6B,QAAQ,CAACtB,KAAK,CAACqB,KAAK,EAAE,EAAE,CAAC,CAAC;MAChDE,QAAQ,EAAE5B,KAAK,CAACK,KAAK,EAAE,UAAU,CAAC;MAClCwB,UAAU,EAAEd,MAAM;MAClBe,WAAW,EAAEf,MAAM;MACnBgB,MAAM,EAAEV,QAAQ;MAChBW,QAAQ,EAAEhC,KAAK,CAACK,KAAK,EAAE,UAAU;IACnC,CAAC,CAAC;IAEFH,SAAS,CAAC,MAAM;MACd,MAAM,CAAC+B,YAAY,CAAC,GAAGzC,kBAAkB,CAACa,KAAK,CAAC;MAEhD;QAAA,OAEUe,WAAW;QAAA,SACV,CACL,WAAW,EACX;UACE,mBAAmB,EAAEf,KAAK,CAACK,QAAQ,KAAK;QAC1C,CAAC,CACF;QAAA,SACM;UACL,GAAGc,gBAAgB,CAACX,KAAK;UACzBE,MAAM,EAAEmB;QACV;MAAC,GACID,YAAY,GACPd,KAAK;IAGrB,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VAppBar/VAppBar.sass

@@ -9,3 +9,6 @@
 
     &:not(.v-toolbar--flat)
       @include tools.elevation($app-bar-elevation)
+
+  &:not(.v-toolbar--absolute)
+    padding-inline-end: var(--v-scrollbar-offset)

package/lib/components/VAppBar/VAppBarNavIcon.mjs

@@ -1,9 +1,7 @@
 import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 // Components
 import { VBtn } from "../VBtn/index.mjs"; // Composables
-
 import { IconValue } from "../../composables/icons.mjs"; // Utilities
-
 import { defineComponent, useRender } from "../../util/index.mjs";
 export const VAppBarNavIcon = defineComponent({
   name: 'VAppBarNavIcon',
@@ -13,7 +11,6 @@ export const VAppBarNavIcon = defineComponent({
       default: '$menu'
     }
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -24,6 +21,5 @@ export const VAppBarNavIcon = defineComponent({
     }, slots));
     return {};
   }
-
 });
 //# sourceMappingURL=VAppBarNavIcon.mjs.map

package/lib/components/VAppBar/VAppBarNavIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VAppBarNavIcon.mjs","names":["VBtn","IconValue","defineComponent","useRender","VAppBarNavIcon","name","props","icon","type","default","setup","slots"],"sources":["../../../src/components/VAppBar/VAppBarNavIcon.tsx"],"sourcesContent":["// Components\nimport { VBtn } from '@/components/VBtn'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VAppBarNavIcon = defineComponent({\n  name: 'VAppBarNavIcon',\n\n  props: {\n    icon: {\n      type: IconValue,\n      default: '$menu',\n    },\n  },\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <VBtn\n        class=\"v-app-bar-nav-icon\"\n        icon={ props.icon }\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;SACSA,I,6BAET;;SACSC,S,uCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,cAAc,GAAGF,eAAe,CAAC;EAC5CG,IAAI,EAAE,gBADsC;EAG5CC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,IAAI,EAAEP,SADF;MAEJQ,OAAO,EAAE;IAFL;EADD,CAHqC;;EAU5CC,KAAK,CAAEJ,KAAF,QAAoB;IAAA,IAAX;MAAEK;IAAF,CAAW;IACvBR,SAAS,CAAC;MAAA,SAEA,oBAFA;MAAA,QAGCG,KAAK,CAACC;IAHP,GAIII,KAJJ,CAAD,CAAT;IAQA,OAAO,EAAP;EACD;;AApB2C,CAAD,CAAtC"}
+{"version":3,"file":"VAppBarNavIcon.mjs","names":["VBtn","IconValue","defineComponent","useRender","VAppBarNavIcon","name","props","icon","type","default","setup","slots"],"sources":["../../../src/components/VAppBar/VAppBarNavIcon.tsx"],"sourcesContent":["// Components\nimport { VBtn } from '@/components/VBtn'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VAppBarNavIcon = defineComponent({\n  name: 'VAppBarNavIcon',\n\n  props: {\n    icon: {\n      type: IconValue,\n      default: '$menu',\n    },\n  },\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <VBtn\n        class=\"v-app-bar-nav-icon\"\n        icon={ props.icon }\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VAppBarNavIcon = InstanceType<typeof VAppBarNavIcon>\n"],"mappings":";AAAA;AAAA,SACSA,IAAI,6BAEb;AAAA,SACSC,SAAS,uCAElB;AAAA,SACSC,eAAe,EAAEC,SAAS;AAEnC,OAAO,MAAMC,cAAc,GAAGF,eAAe,CAAC;EAC5CG,IAAI,EAAE,gBAAgB;EAEtBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,IAAI,EAAEP,SAAS;MACfQ,OAAO,EAAE;IACX;EACF,CAAC;EAEDC,KAAK,CAAEJ,KAAK,QAAa;IAAA,IAAX;MAAEK;IAAM,CAAC;IACrBR,SAAS,CAAC;MAAA,SAEA,oBAAoB;MAAA,QACnBG,KAAK,CAACC;IAAI,GACPI,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VAppBar/VAppBarTitle.mjs

@@ -1,13 +1,12 @@
 import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 // Composables
 import { VToolbarTitle } from "../VToolbar/index.mjs"; // Utilities
-
 import { defineComponent, useRender } from "../../util/index.mjs";
 export const VAppBarTitle = defineComponent({
   name: 'VAppBarTitle',
-  props: { ...VToolbarTitle.props
+  props: {
+    ...VToolbarTitle.props
   },
-
   setup(_, _ref) {
     let {
       slots
@@ -17,6 +16,5 @@ export const VAppBarTitle = defineComponent({
     }, slots));
     return {};
   }
-
 });
 //# sourceMappingURL=VAppBarTitle.mjs.map

package/lib/components/VAppBar/VAppBarTitle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VAppBarTitle.mjs","names":["VToolbarTitle","defineComponent","useRender","VAppBarTitle","name","props","setup","_","slots"],"sources":["../../../src/components/VAppBar/VAppBarTitle.tsx"],"sourcesContent":["// Composables\nimport { VToolbarTitle } from '@/components/VToolbar'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VAppBarTitle = defineComponent({\n  name: 'VAppBarTitle',\n\n  props: { ...VToolbarTitle.props },\n\n  setup (_, { slots }) {\n    useRender(() => (\n      <VToolbarTitle\n        class=\"v-app-bar-title\"\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;SACSA,a,iCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,YAAY,GAAGF,eAAe,CAAC;EAC1CG,IAAI,EAAE,cADoC;EAG1CC,KAAK,EAAE,EAAE,GAAGL,aAAa,CAACK;EAAnB,CAHmC;;EAK1CC,KAAK,CAAEC,CAAF,QAAgB;IAAA,IAAX;MAAEC;IAAF,CAAW;IACnBN,SAAS,CAAC;MAAA,SAEA;IAFA,GAGIM,KAHJ,CAAD,CAAT;IAOA,OAAO,EAAP;EACD;;AAdyC,CAAD,CAApC"}
+{"version":3,"file":"VAppBarTitle.mjs","names":["VToolbarTitle","defineComponent","useRender","VAppBarTitle","name","props","setup","_","slots"],"sources":["../../../src/components/VAppBar/VAppBarTitle.tsx"],"sourcesContent":["// Composables\nimport { VToolbarTitle } from '@/components/VToolbar'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VAppBarTitle = defineComponent({\n  name: 'VAppBarTitle',\n\n  props: { ...VToolbarTitle.props },\n\n  setup (_, { slots }) {\n    useRender(() => (\n      <VToolbarTitle\n        class=\"v-app-bar-title\"\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VAppBarTitle = InstanceType<typeof VAppBarTitle>\n"],"mappings":";AAAA;AAAA,SACSA,aAAa,iCAEtB;AAAA,SACSC,eAAe,EAAEC,SAAS;AAEnC,OAAO,MAAMC,YAAY,GAAGF,eAAe,CAAC;EAC1CG,IAAI,EAAE,cAAc;EAEpBC,KAAK,EAAE;IAAE,GAAGL,aAAa,CAACK;EAAM,CAAC;EAEjCC,KAAK,CAAEC,CAAC,QAAa;IAAA,IAAX;MAAEC;IAAM,CAAC;IACjBN,SAAS,CAAC;MAAA,SAEA;IAAiB,GACbM,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,160 @@
+import * as vue from 'vue';
+import { PropType, JSXComponent } from 'vue';
+
+declare type Density = null | 'prominent' | 'default' | 'comfortable' | 'compact';
+
+declare const VAppBar: vue.DefineComponent<{
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    order: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    absolute: BooleanConstructor;
+    theme: StringConstructor;
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<string>;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    collapse: BooleanConstructor;
+    color: StringConstructor;
+    density: {
+        type: PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    extended: BooleanConstructor;
+    extensionHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    flat: BooleanConstructor;
+    floating: BooleanConstructor;
+    image: StringConstructor;
+    title: StringConstructor;
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    location: {
+        type: PropType<"top" | "bottom">;
+        default: string;
+        validator: (value: any) => boolean;
+    };
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (value: boolean) => true;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    order: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    absolute: BooleanConstructor;
+    theme: StringConstructor;
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<string>;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    collapse: BooleanConstructor;
+    color: StringConstructor;
+    density: {
+        type: PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    extended: BooleanConstructor;
+    extensionHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    flat: BooleanConstructor;
+    floating: BooleanConstructor;
+    image: StringConstructor;
+    title: StringConstructor;
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    location: {
+        type: PropType<"top" | "bottom">;
+        default: string;
+        validator: (value: any) => boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}, {
+    flat: boolean;
+    absolute: boolean;
+    location: "top" | "bottom";
+    height: string | number;
+    order: string | number;
+    tag: string;
+    collapse: boolean;
+    rounded: string | number | boolean;
+    density: Density;
+    extended: boolean;
+    extensionHeight: string | number;
+    floating: boolean;
+    modelValue: boolean;
+}>;
+declare type VAppBar = InstanceType<typeof VAppBar>;
+
+declare type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+declare const VAppBarNavIcon: vue.DefineComponent<{
+    icon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    icon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+}>>, {
+    icon: IconValue;
+}>;
+declare type VAppBarNavIcon = InstanceType<typeof VAppBarNavIcon>;
+
+declare const VAppBarTitle: vue.DefineComponent<any, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare type VAppBarTitle = InstanceType<typeof VAppBarTitle>;
+
+export { VAppBar, VAppBarNavIcon, VAppBarTitle };

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VAppBar","VAppBarNavIcon","VAppBarTitle"],"sources":["../../../src/components/VAppBar/index.ts"],"sourcesContent":["export { VAppBar } from './VAppBar'\nexport { VAppBarNavIcon } from './VAppBarNavIcon'\nexport { VAppBarTitle } from './VAppBarTitle'\n"],"mappings":"SAASA,O;SACAC,c;SACAC,Y"}
+{"version":3,"file":"index.mjs","names":["VAppBar","VAppBarNavIcon","VAppBarTitle"],"sources":["../../../src/components/VAppBar/index.ts"],"sourcesContent":["export { VAppBar } from './VAppBar'\nexport { VAppBarNavIcon } from './VAppBarNavIcon'\nexport { VAppBarTitle } from './VAppBarTitle'\n"],"mappings":"SAASA,OAAO;AAAA,SACPC,cAAc;AAAA,SACdC,YAAY"}

package/lib/components/VAutocomplete/VAutocomplete.css

@@ -1,3 +1,15 @@
+.v-input--density-default {
+  --autocomplete-chips-margin-bottom: 0px;
+}
+
+.v-input--density-comfortable {
+  --autocomplete-chips-margin-bottom: 2px;
+}
+
+.v-input--density-compact {
+  --autocomplete-chips-margin-bottom: 4px;
+}
+
 .v-autocomplete .v-field .v-text-field__prefix,
 .v-autocomplete .v-field .v-text-field__suffix,
 .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -25,7 +37,7 @@
 
 .v-autocomplete__content {
   overflow: hidden;
-  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
   border-radius: 4px;
 }
 .v-autocomplete__mask {
@@ -43,6 +55,7 @@
 }
 .v-autocomplete--chips .v-autocomplete__selection {
   margin-top: 2px;
+  margin-bottom: var(--autocomplete-chips-margin-bottom);
 }
 .v-autocomplete--chips .v-autocomplete__selection:first-child {
   margin-inline-start: 0;
@@ -62,6 +75,10 @@
 .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
   opacity: 0;
 }
-.v-autocomplete--single .v-field--focused .v-autocomplete__selection {
+.v-autocomplete--single .v-field--focused .v-autocomplete__selection-text {
   opacity: 0;
+}
+.v-autocomplete--selection-slot.v-text-field input {
+  position: relative;
+  padding-inline-start: 0;
 }