vuetify 3.1.4 → 3.1.6

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

@@ -1,158 +1,124 @@
 import * as vue from 'vue';
 import { JSXComponent, PropType } from 'vue';
 
-declare type Density = null | 'default' | 'comfortable' | 'compact';
-
 declare const block: readonly ["top", "bottom"];
 declare const inline: readonly ["start", "end", "left", "right"];
-declare type Tblock = typeof block[number];
-declare type Tinline = typeof inline[number];
-declare type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
+type Tblock = typeof block[number];
+type Tinline = typeof inline[number];
+type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
+
+type Density = null | 'default' | 'comfortable' | 'compact';
 
-declare type IconValue = string | JSXComponent;
+type IconValue = string | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
-declare const allowedTypes: readonly ["success", "info", "warning", "error"];
-declare type ContextualType = typeof allowedTypes[number];
 declare const VAlert: vue.DefineComponent<{
-    color: StringConstructor;
-    variant: Omit<{
-        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        default: string;
-        validator: (v: any) => boolean;
-    }, "type" | "default"> & {
-        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-    };
-    theme: StringConstructor;
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    position: {
-        type: PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
-        validator: (v: any) => boolean;
-    };
-    location: PropType<Anchor>;
-    elevation: {
-        type: (StringConstructor | NumberConstructor)[];
-        validator(v: any): boolean;
-    };
-    height: (StringConstructor | NumberConstructor)[];
-    maxHeight: (StringConstructor | NumberConstructor)[];
-    maxWidth: (StringConstructor | NumberConstructor)[];
-    minHeight: (StringConstructor | NumberConstructor)[];
-    minWidth: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    density: {
-        type: PropType<Density>;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    border: {
-        type: PropType<boolean | "end" | "start" | "top" | "bottom">;
-        validator: (val: boolean | string) => boolean;
-    };
-    borderColor: StringConstructor;
-    closable: BooleanConstructor;
-    closeIcon: {
-        type: PropType<IconValue>;
-        default: string;
-    };
-    closeLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    icon: {
-        type: PropType<false | IconValue>;
-        default: null;
-    };
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    prominent: BooleanConstructor;
-    title: StringConstructor;
-    text: StringConstructor;
-    type: {
-        type: PropType<"error" | "success" | "warning" | "info">;
-        validator: (val: ContextualType) => boolean;
-    };
+    tag: string;
+    icon: false | IconValue;
+    prominent: boolean;
+    density: Density;
+    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    modelValue: boolean;
+    closable: boolean;
+    closeIcon: IconValue;
+    closeLabel: string;
+} & {
+    type?: "error" | "success" | "warning" | "info" | undefined;
+    location?: Anchor | undefined;
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    border?: boolean | "end" | "start" | "top" | "bottom" | undefined;
+    borderColor?: string | undefined;
+    color?: string | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
+    position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+    title?: string | undefined;
+    text?: string | undefined;
+    elevation?: string | number | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        prepend?: (() => vue.VNodeChild) | undefined;
+        title?: (() => vue.VNodeChild) | undefined;
+        text?: (() => vue.VNodeChild) | undefined;
+        append?: (() => vue.VNodeChild) | undefined;
+        close?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        prepend?: false | (() => vue.VNodeChild) | undefined;
+        title?: false | (() => vue.VNodeChild) | undefined;
+        text?: false | (() => vue.VNodeChild) | undefined;
+        append?: false | (() => vue.VNodeChild) | undefined;
+        close?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:close"?: false | (() => vue.VNodeChild) | undefined;
 }, () => false | JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: boolean) => true;
-}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    color: StringConstructor;
-    variant: Omit<{
-        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        default: string;
-        validator: (v: any) => boolean;
-    }, "type" | "default"> & {
-        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-    };
-    theme: StringConstructor;
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    position: {
-        type: PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
-        validator: (v: any) => boolean;
-    };
-    location: PropType<Anchor>;
-    elevation: {
-        type: (StringConstructor | NumberConstructor)[];
-        validator(v: any): boolean;
-    };
-    height: (StringConstructor | NumberConstructor)[];
-    maxHeight: (StringConstructor | NumberConstructor)[];
-    maxWidth: (StringConstructor | NumberConstructor)[];
-    minHeight: (StringConstructor | NumberConstructor)[];
-    minWidth: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    density: {
-        type: PropType<Density>;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    border: {
-        type: PropType<boolean | "end" | "start" | "top" | "bottom">;
-        validator: (val: boolean | string) => boolean;
-    };
-    borderColor: StringConstructor;
-    closable: BooleanConstructor;
-    closeIcon: {
-        type: PropType<IconValue>;
-        default: string;
-    };
-    closeLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    icon: {
-        type: PropType<false | IconValue>;
-        default: null;
-    };
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    prominent: BooleanConstructor;
-    title: StringConstructor;
-    text: StringConstructor;
-    type: {
-        type: PropType<"error" | "success" | "warning" | "info">;
-        validator: (val: ContextualType) => boolean;
-    };
-}>> & {
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    tag: string;
+    icon: false | IconValue;
+    prominent: boolean;
+    density: Density;
+    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    modelValue: boolean;
+    closable: boolean;
+    closeIcon: IconValue;
+    closeLabel: string;
+} & {
+    type?: "error" | "success" | "warning" | "info" | undefined;
+    location?: Anchor | undefined;
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    border?: boolean | "end" | "start" | "top" | "bottom" | undefined;
+    borderColor?: string | undefined;
+    color?: string | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
+    position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+    title?: string | undefined;
+    text?: string | undefined;
+    elevation?: string | number | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        prepend?: (() => vue.VNodeChild) | undefined;
+        title?: (() => vue.VNodeChild) | undefined;
+        text?: (() => vue.VNodeChild) | undefined;
+        append?: (() => vue.VNodeChild) | undefined;
+        close?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        prepend?: false | (() => vue.VNodeChild) | undefined;
+        title?: false | (() => vue.VNodeChild) | undefined;
+        text?: false | (() => vue.VNodeChild) | undefined;
+        append?: false | (() => vue.VNodeChild) | undefined;
+        close?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:close"?: false | (() => vue.VNodeChild) | undefined;
+} & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, {
     tag: string;
@@ -160,29 +126,41 @@ declare const VAlert: vue.DefineComponent<{
     rounded: string | number | boolean;
     prominent: boolean;
     density: Density;
-    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     modelValue: boolean;
     closable: boolean;
     closeIcon: IconValue;
     closeLabel: string;
 }>;
-declare type VAlert = InstanceType<typeof VAlert>;
+type VAlert = InstanceType<typeof VAlert>;
 
 declare const VAlertTitle: vue.DefineComponent<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
+    tag: string;
+} & {} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-}>>, {
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    tag: string;
+} & {} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {
     tag: string;
 }>;
-declare type VAlertTitle = InstanceType<typeof VAlertTitle>;
+type VAlertTitle = InstanceType<typeof VAlertTitle>;
 
 export { VAlert, VAlertTitle };

package/lib/components/VApp/VApp.mjs

@@ -6,8 +6,8 @@ import "./VApp.css";
 import { createLayout, makeLayoutProps } from "../../composables/layout.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { useRtl } from "../../composables/locale.mjs"; // Utilities
-import { defineComponent, useRender } from "../../util/index.mjs";
-export const VApp = defineComponent({
+import { genericComponent, useRender } from "../../util/index.mjs";
+export const VApp = genericComponent()({
   name: 'VApp',
   props: {
     ...makeLayoutProps({
@@ -30,16 +30,13 @@ export const VApp = defineComponent({
     const {
       rtlClasses
     } = useRtl();
-    useRender(() => {
-      var _slots$default;
-      return _createVNode("div", {
-        "ref": layoutRef,
-        "class": ['v-application', theme.themeClasses.value, layoutClasses.value, rtlClasses.value],
-        "style": layoutStyles.value
-      }, [_createVNode("div", {
-        "class": "v-application__wrap"
-      }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)])]);
-    });
+    useRender(() => _createVNode("div", {
+      "ref": layoutRef,
+      "class": ['v-application', theme.themeClasses.value, layoutClasses.value, rtlClasses.value],
+      "style": layoutStyles.value
+    }, [_createVNode("div", {
+      "class": "v-application__wrap"
+    }, [slots.default?.()])]));
     return {
       getLayoutItem,
       items,

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

@@ -1 +1 @@
-{"version":3,"file":"VApp.mjs","names":["createLayout","makeLayoutProps","makeThemeProps","provideTheme","useRtl","defineComponent","useRender","VApp","name","props","fullHeight","setup","slots","theme","layoutClasses","layoutStyles","getLayoutItem","items","layoutRef","rtlClasses","themeClasses","value","default"],"sources":["../../../src/components/VApp/VApp.tsx"],"sourcesContent":["// Styles\nimport './VApp.sass'\n\n// Composables\nimport { createLayout, makeLayoutProps } from '@/composables/layout'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useRtl } from '@/composables/locale'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VApp = defineComponent({\n  name: 'VApp',\n\n  props: {\n    ...makeLayoutProps({ fullHeight: true }),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    const theme = provideTheme(props)\n    const { layoutClasses, layoutStyles, getLayoutItem, items, layoutRef } = createLayout(props)\n    const { rtlClasses } = useRtl()\n\n    useRender(() => (\n      <div\n        ref={ layoutRef }\n        class={[\n          'v-application',\n          theme.themeClasses.value,\n          layoutClasses.value,\n          rtlClasses.value,\n        ]}\n        style={ layoutStyles.value }\n      >\n        <div class=\"v-application__wrap\">\n          { slots.default?.() }\n        </div>\n      </div>\n    ))\n\n    return {\n      getLayoutItem,\n      items,\n      theme,\n    }\n  },\n})\n\nexport type VApp = InstanceType<typeof VApp>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,YAAY,EAAEC,eAAe;AAAA,SAC7BC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,MAAM,wCAEf;AAAA,SACSC,eAAe,EAAEC,SAAS;AAEnC,OAAO,MAAMC,IAAI,GAAGF,eAAe,CAAC;EAClCG,IAAI,EAAE,MAAM;EAEZC,KAAK,EAAE;IACL,GAAGR,eAAe,CAAC;MAAES,UAAU,EAAE;IAAK,CAAC,CAAC;IACxC,GAAGR,cAAc;EACnB,CAAC;EAEDS,KAAK,CAAEF,KAAK,QAAa;IAAA,IAAX;MAAEG;IAAM,CAAC;IACrB,MAAMC,KAAK,GAAGV,YAAY,CAACM,KAAK,CAAC;IACjC,MAAM;MAAEK,aAAa;MAAEC,YAAY;MAAEC,aAAa;MAAEC,KAAK;MAAEC;IAAU,CAAC,GAAGlB,YAAY,CAACS,KAAK,CAAC;IAC5F,MAAM;MAAEU;IAAW,CAAC,GAAGf,MAAM,EAAE;IAE/BE,SAAS,CAAC;MAAA;MAAA;QAAA,OAEAY,SAAS;QAAA,SACR,CACL,eAAe,EACfL,KAAK,CAACO,YAAY,CAACC,KAAK,EACxBP,aAAa,CAACO,KAAK,EACnBF,UAAU,CAACE,KAAK,CACjB;QAAA,SACON,YAAY,CAACM;MAAK;QAAA,SAEf;MAAqB,sBAC5BT,KAAK,CAACU,OAAO,qBAAb,oBAAAV,KAAK,CAAY;IAAA,CAGxB,CAAC;IAEF,OAAO;MACLI,aAAa;MACbC,KAAK;MACLJ;IACF,CAAC;EACH;AACF,CAAC,CAAC"}
+{"version":3,"file":"VApp.mjs","names":["createLayout","makeLayoutProps","makeThemeProps","provideTheme","useRtl","genericComponent","useRender","VApp","name","props","fullHeight","setup","slots","theme","layoutClasses","layoutStyles","getLayoutItem","items","layoutRef","rtlClasses","themeClasses","value","default"],"sources":["../../../src/components/VApp/VApp.tsx"],"sourcesContent":["// Styles\nimport './VApp.sass'\n\n// Composables\nimport { createLayout, makeLayoutProps } from '@/composables/layout'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useRtl } from '@/composables/locale'\n\n// Utilities\nimport { genericComponent, useRender } from '@/util'\n\nexport const VApp = genericComponent()({\n  name: 'VApp',\n\n  props: {\n    ...makeLayoutProps({ fullHeight: true }),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    const theme = provideTheme(props)\n    const { layoutClasses, layoutStyles, getLayoutItem, items, layoutRef } = createLayout(props)\n    const { rtlClasses } = useRtl()\n\n    useRender(() => (\n      <div\n        ref={ layoutRef }\n        class={[\n          'v-application',\n          theme.themeClasses.value,\n          layoutClasses.value,\n          rtlClasses.value,\n        ]}\n        style={ layoutStyles.value }\n      >\n        <div class=\"v-application__wrap\">\n          { slots.default?.() }\n        </div>\n      </div>\n    ))\n\n    return {\n      getLayoutItem,\n      items,\n      theme,\n    }\n  },\n})\n\nexport type VApp = InstanceType<typeof VApp>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,YAAY,EAAEC,eAAe;AAAA,SAC7BC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,MAAM,wCAEf;AAAA,SACSC,gBAAgB,EAAEC,SAAS;AAEpC,OAAO,MAAMC,IAAI,GAAGF,gBAAgB,EAAE,CAAC;EACrCG,IAAI,EAAE,MAAM;EAEZC,KAAK,EAAE;IACL,GAAGR,eAAe,CAAC;MAAES,UAAU,EAAE;IAAK,CAAC,CAAC;IACxC,GAAGR,cAAc;EACnB,CAAC;EAEDS,KAAK,CAAEF,KAAK,QAAa;IAAA,IAAX;MAAEG;IAAM,CAAC;IACrB,MAAMC,KAAK,GAAGV,YAAY,CAACM,KAAK,CAAC;IACjC,MAAM;MAAEK,aAAa;MAAEC,YAAY;MAAEC,aAAa;MAAEC,KAAK;MAAEC;IAAU,CAAC,GAAGlB,YAAY,CAACS,KAAK,CAAC;IAC5F,MAAM;MAAEU;IAAW,CAAC,GAAGf,MAAM,EAAE;IAE/BE,SAAS,CAAC;MAAA,OAEAY,SAAS;MAAA,SACR,CACL,eAAe,EACfL,KAAK,CAACO,YAAY,CAACC,KAAK,EACxBP,aAAa,CAACO,KAAK,EACnBF,UAAU,CAACE,KAAK,CACjB;MAAA,SACON,YAAY,CAACM;IAAK;MAAA,SAEf;IAAqB,IAC5BT,KAAK,CAACU,OAAO,IAAI,IAGxB,CAAC;IAEF,OAAO;MACLN,aAAa;MACbC,KAAK;MACLJ;IACF,CAAC;EACH;AACF,CAAC,CAAC"}

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

@@ -44,12 +44,19 @@ interface ThemeInstance {
 }
 
 declare const VApp: vue.DefineComponent<{
-    theme: StringConstructor;
-    overlaps: vue.Prop<string[], string[]>;
-    fullHeight: {
-        type: vue.PropType<boolean>;
-        default: boolean;
+    fullHeight: boolean;
+} & {
+    theme?: string | undefined;
+    overlaps?: string[] | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
     };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, {
     getLayoutItem: (id: string) => {
         size: number;
@@ -70,16 +77,23 @@ declare const VApp: vue.DefineComponent<{
         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;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    fullHeight: boolean;
+} & {
+    theme?: string | undefined;
+    overlaps?: string[] | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
     };
-}>>, {
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {
     fullHeight: boolean;
 }>;
-declare type VApp = InstanceType<typeof VApp>;
+type VApp = InstanceType<typeof VApp>;
 
 export { VApp };

package/lib/components/VAppBar/VAppBar.mjs

@@ -5,7 +5,8 @@ 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 { useProxiedModel } from "../../composables/proxiedModel.mjs";
+import { useSsrBoot } from "../../composables/ssrBoot.mjs"; // Utilities
 import { computed, ref, toRef } from 'vue';
 import { genericComponent, useRender } from "../../util/index.mjs"; // Types
 export const VAppBar = genericComponent()({
@@ -44,11 +45,13 @@ export const VAppBar = genericComponent()({
     const vToolbarRef = ref();
     const isActive = useProxiedModel(props, 'modelValue');
     const height = computed(() => {
-      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;
+      const height = vToolbarRef.value?.contentHeight ?? 0;
+      const extensionHeight = vToolbarRef.value?.extensionHeight ?? 0;
       return height + extensionHeight;
     });
+    const {
+      ssrBootStyles
+    } = useSsrBoot();
     const {
       layoutItemStyles
     } = useLayoutItem({
@@ -69,7 +72,8 @@ export const VAppBar = genericComponent()({
         }],
         "style": {
           ...layoutItemStyles.value,
-          height: undefined
+          height: undefined,
+          ...ssrBootStyles.value
         }
       }, toolbarProps), slots);
     });

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

@@ -1 +1 @@
-{"version":3,"file":"VAppBar.mjs","names":["filterToolbarProps","makeVToolbarProps","VToolbar","makeLayoutItemProps","useLayoutItem","useProxiedModel","computed","ref","toRef","genericComponent","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 { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { SlotsToProps } from '@/util'\nimport type { VToolbarSlots } from '@/components/VToolbar/VToolbar'\n\nexport const VAppBar = genericComponent<new () => {\n  $props: SlotsToProps<VToolbarSlots>\n}>()({\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,gBAAgB,EAAEC,SAAS,gCAEpC;AAKA,OAAO,MAAMC,OAAO,GAAGF,gBAAgB,EAEnC,CAAC;EACHG,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"}
+{"version":3,"file":"VAppBar.mjs","names":["filterToolbarProps","makeVToolbarProps","VToolbar","makeLayoutItemProps","useLayoutItem","useProxiedModel","useSsrBoot","computed","ref","toRef","genericComponent","useRender","VAppBar","name","props","modelValue","type","Boolean","default","location","String","validator","value","includes","height","Number","emits","setup","slots","vToolbarRef","isActive","contentHeight","extensionHeight","ssrBootStyles","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'\nimport { useSsrBoot } from '@/composables/ssrBoot'\n\n// Utilities\nimport { computed, ref, toRef } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { VToolbarSlots } from '@/components/VToolbar/VToolbar'\n\nexport const VAppBar = genericComponent<VToolbarSlots>()({\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 { ssrBootStyles } = useSsrBoot()\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            ...ssrBootStyles.value,\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;AAAA,SACfC,UAAU,yCAEnB;AACA,SAASC,QAAQ,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAA,SACjCC,gBAAgB,EAAEC,SAAS,gCAEpC;AAIA,OAAO,MAAMC,OAAO,GAAGF,gBAAgB,EAAiB,CAAC;EACvDG,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,GAAGrB,iBAAiB,EAAE;IACtB,GAAGE,mBAAmB,EAAE;IAExBqB,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,GAAGzB,eAAe,CAACS,KAAK,EAAE,YAAY,CAAC;IACrD,MAAMU,MAAM,GAAGjB,QAAQ,CAAC,MAAM;MAC5B,MAAMiB,MAAc,GAAGK,WAAW,CAACP,KAAK,EAAES,aAAa,IAAI,CAAC;MAC5D,MAAMC,eAAuB,GAAGH,WAAW,CAACP,KAAK,EAAEU,eAAe,IAAI,CAAC;MAEvE,OAAQR,MAAM,GAAGQ,eAAe;IAClC,CAAC,CAAC;IACF,MAAM;MAAEC;IAAc,CAAC,GAAG3B,UAAU,EAAE;IACtC,MAAM;MAAE4B;IAAiB,CAAC,GAAG9B,aAAa,CAAC;MACzC+B,EAAE,EAAErB,KAAK,CAACD,IAAI;MACduB,KAAK,EAAE7B,QAAQ,CAAC,MAAM8B,QAAQ,CAACvB,KAAK,CAACsB,KAAK,EAAE,EAAE,CAAC,CAAC;MAChDE,QAAQ,EAAE7B,KAAK,CAACK,KAAK,EAAE,UAAU,CAAC;MAClCyB,UAAU,EAAEf,MAAM;MAClBgB,WAAW,EAAEhB,MAAM;MACnBiB,MAAM,EAAEX,QAAQ;MAChBY,QAAQ,EAAEjC,KAAK,CAACK,KAAK,EAAE,UAAU;IACnC,CAAC,CAAC;IAEFH,SAAS,CAAC,MAAM;MACd,MAAM,CAACgC,YAAY,CAAC,GAAG3C,kBAAkB,CAACc,KAAK,CAAC;MAEhD;QAAA,OAEUe,WAAW;QAAA,SACV,CACL,WAAW,EACX;UACE,mBAAmB,EAAEf,KAAK,CAACK,QAAQ,KAAK;QAC1C,CAAC,CACF;QAAA,SACM;UACL,GAAGe,gBAAgB,CAACZ,KAAK;UACzBE,MAAM,EAAEoB,SAAS;UACjB,GAAGX,aAAa,CAACX;QACnB;MAAC,GACIqB,YAAY,GACPf,KAAK;IAGrB,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VAppBar/VAppBarNavIcon.mjs

@@ -2,8 +2,8 @@ import { createVNode as _createVNode, resolveDirective as _resolveDirective } fr
 // 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({
+import { genericComponent, useRender } from "../../util/index.mjs"; // Types
+export const VAppBarNavIcon = genericComponent()({
   name: 'VAppBarNavIcon',
   props: {
     icon: {

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\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"}
+{"version":3,"file":"VAppBarNavIcon.mjs","names":["VBtn","IconValue","genericComponent","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 { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { VBtnSlots } from '@/components/VBtn/VBtn'\n\nexport const VAppBarNavIcon = genericComponent<VBtnSlots>()({\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,gBAAgB,EAAEC,SAAS,gCAEpC;AAGA,OAAO,MAAMC,cAAc,GAAGF,gBAAgB,EAAa,CAAC;EAC1DG,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

@@ -2,8 +2,8 @@ import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirectiv
 // Components
 import { VToolbarTitle } from "../VToolbar/index.mjs"; // Utilities
 import { makeVToolbarTitleProps } from "../VToolbar/VToolbarTitle.mjs";
-import { defineComponent, useRender } from "../../util/index.mjs";
-export const VAppBarTitle = defineComponent({
+import { genericComponent, useRender } from "../../util/index.mjs"; // Types
+export const VAppBarTitle = genericComponent()({
   name: 'VAppBarTitle',
   props: makeVToolbarTitleProps(),
   setup(props, _ref) {

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

@@ -1 +1 @@
-{"version":3,"file":"VAppBarTitle.mjs","names":["VToolbarTitle","makeVToolbarTitleProps","defineComponent","useRender","VAppBarTitle","name","props","setup","slots"],"sources":["../../../src/components/VAppBar/VAppBarTitle.tsx"],"sourcesContent":["// Components\nimport { VToolbarTitle } from '@/components/VToolbar'\n\n// Utilities\nimport { makeVToolbarTitleProps } from '@/components/VToolbar/VToolbarTitle'\nimport { defineComponent, useRender } from '@/util'\n\nexport const VAppBarTitle = defineComponent({\n  name: 'VAppBarTitle',\n\n  props: makeVToolbarTitleProps(),\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <VToolbarTitle\n        { ... props }\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,sBAAsB;AAAA,SACtBC,eAAe,EAAEC,SAAS;AAEnC,OAAO,MAAMC,YAAY,GAAGF,eAAe,CAAC;EAC1CG,IAAI,EAAE,cAAc;EAEpBC,KAAK,EAAEL,sBAAsB,EAAE;EAE/BM,KAAK,CAAED,KAAK,QAAa;IAAA,IAAX;MAAEE;IAAM,CAAC;IACrBL,SAAS,CAAC,8CAEAG,KAAK;MAAA,SACL;IAAiB,IACbE,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VAppBarTitle.mjs","names":["VToolbarTitle","makeVToolbarTitleProps","genericComponent","useRender","VAppBarTitle","name","props","setup","slots"],"sources":["../../../src/components/VAppBar/VAppBarTitle.tsx"],"sourcesContent":["// Components\nimport { VToolbarTitle } from '@/components/VToolbar'\n\n// Utilities\nimport { makeVToolbarTitleProps } from '@/components/VToolbar/VToolbarTitle'\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { VToolbarTitleSlots } from '@/components/VToolbar/VToolbarTitle'\n\nexport const VAppBarTitle = genericComponent<VToolbarTitleSlots>()({\n  name: 'VAppBarTitle',\n\n  props: makeVToolbarTitleProps(),\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <VToolbarTitle\n        { ...props }\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,sBAAsB;AAAA,SACtBC,gBAAgB,EAAEC,SAAS,gCAEpC;AAGA,OAAO,MAAMC,YAAY,GAAGF,gBAAgB,EAAsB,CAAC;EACjEG,IAAI,EAAE,cAAc;EAEpBC,KAAK,EAAEL,sBAAsB,EAAE;EAE/BM,KAAK,CAAED,KAAK,QAAa;IAAA,IAAX;MAAEE;IAAM,CAAC;IACrBL,SAAS,CAAC,8CAEDG,KAAK;MAAA,SACJ;IAAiB,IACbE,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}