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

package/lib/blueprints/index.mjs

@@ -0,0 +1,4 @@
+export { md1 } from "./md1.mjs";
+export { md2 } from "./md2.mjs";
+export { md3 } from "./md3.mjs";
+//# sourceMappingURL=index.mjs.map

package/lib/blueprints/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["md1","md2","md3"],"sources":["../../src/blueprints/index.ts"],"sourcesContent":["export { md1 } from './md1'\nexport { md2 } from './md2'\nexport { md3 } from './md3'\n"],"mappings":"SAASA,G;SACAC,G;SACAC,G"}

package/lib/blueprints/md1.mjs

@@ -0,0 +1,63 @@
+// Icons
+import { mdi } from "../iconsets/mdi.mjs"; // Types
+
+export const md1 = {
+  defaults: {
+    global: {
+      rounded: 'sm'
+    },
+    VAutocomplete: {
+      variant: 'underlined'
+    },
+    VBanner: {
+      color: 'primary'
+    },
+    VBtn: {
+      color: 'primary',
+      rounded: 0
+    },
+    VCheckbox: {
+      color: 'secondary'
+    },
+    VCombobox: {
+      variant: 'underlined'
+    },
+    VSelect: {
+      variant: 'underlined'
+    },
+    VSlider: {
+      color: 'primary'
+    },
+    VTabs: {
+      color: 'primary'
+    },
+    VTextarea: {
+      variant: 'underlined'
+    },
+    VTextField: {
+      variant: 'underlined'
+    }
+  },
+  icons: {
+    defaultSet: 'mdi',
+    sets: {
+      mdi
+    }
+  },
+  theme: {
+    themes: {
+      light: {
+        colors: {
+          primary: '#3F51B5',
+          'primary-darken-1': '#303F9F',
+          'primary-lighten-1': '#C5CAE9',
+          secondary: '#FF4081',
+          'secondary-darken-1': '#F50057',
+          'secondary-lighten-1': '#FF80AB',
+          accent: '#009688'
+        }
+      }
+    }
+  }
+};
+//# sourceMappingURL=md1.mjs.map

package/lib/blueprints/md1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"md1.mjs","names":["mdi","md1","defaults","global","rounded","VAutocomplete","variant","VBanner","color","VBtn","VCheckbox","VCombobox","VSelect","VSlider","VTabs","VTextarea","VTextField","icons","defaultSet","sets","theme","themes","light","colors","primary","secondary","accent"],"sources":["../../src/blueprints/md1.ts"],"sourcesContent":["// Icons\nimport { mdi } from '@/iconsets/mdi'\n\n// Types\nimport type { Blueprint } from '@/framework'\n\nexport const md1: Blueprint = {\n  defaults: {\n    global: {\n      rounded: 'sm',\n    },\n    VAutocomplete: {\n      variant: 'underlined',\n    },\n    VBanner: {\n      color: 'primary',\n    },\n    VBtn: {\n      color: 'primary',\n      rounded: 0,\n    },\n    VCheckbox: {\n      color: 'secondary',\n    },\n    VCombobox: {\n      variant: 'underlined',\n    },\n    VSelect: {\n      variant: 'underlined',\n    },\n    VSlider: {\n      color: 'primary',\n    },\n    VTabs: {\n      color: 'primary',\n    },\n    VTextarea: {\n      variant: 'underlined',\n    },\n    VTextField: {\n      variant: 'underlined',\n    },\n  },\n  icons: {\n    defaultSet: 'mdi',\n    sets: {\n      mdi,\n    },\n  },\n  theme: {\n    themes: {\n      light: {\n        colors: {\n          primary: '#3F51B5',\n          'primary-darken-1': '#303F9F',\n          'primary-lighten-1': '#C5CAE9',\n          secondary: '#FF4081',\n          'secondary-darken-1': '#F50057',\n          'secondary-lighten-1': '#FF80AB',\n          accent: '#009688',\n        },\n      },\n    },\n  },\n}\n"],"mappings":"AAAA;SACSA,G,+BAET;;AAGA,OAAO,MAAMC,GAAc,GAAG;EAC5BC,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,OAAO,EAAE;IADH,CADA;IAIRC,aAAa,EAAE;MACbC,OAAO,EAAE;IADI,CAJP;IAORC,OAAO,EAAE;MACPC,KAAK,EAAE;IADA,CAPD;IAURC,IAAI,EAAE;MACJD,KAAK,EAAE,SADH;MAEJJ,OAAO,EAAE;IAFL,CAVE;IAcRM,SAAS,EAAE;MACTF,KAAK,EAAE;IADE,CAdH;IAiBRG,SAAS,EAAE;MACTL,OAAO,EAAE;IADA,CAjBH;IAoBRM,OAAO,EAAE;MACPN,OAAO,EAAE;IADF,CApBD;IAuBRO,OAAO,EAAE;MACPL,KAAK,EAAE;IADA,CAvBD;IA0BRM,KAAK,EAAE;MACLN,KAAK,EAAE;IADF,CA1BC;IA6BRO,SAAS,EAAE;MACTT,OAAO,EAAE;IADA,CA7BH;IAgCRU,UAAU,EAAE;MACVV,OAAO,EAAE;IADC;EAhCJ,CADkB;EAqC5BW,KAAK,EAAE;IACLC,UAAU,EAAE,KADP;IAELC,IAAI,EAAE;MACJnB;IADI;EAFD,CArCqB;EA2C5BoB,KAAK,EAAE;IACLC,MAAM,EAAE;MACNC,KAAK,EAAE;QACLC,MAAM,EAAE;UACNC,OAAO,EAAE,SADH;UAEN,oBAAoB,SAFd;UAGN,qBAAqB,SAHf;UAINC,SAAS,EAAE,SAJL;UAKN,sBAAsB,SALhB;UAMN,uBAAuB,SANjB;UAONC,MAAM,EAAE;QAPF;MADH;IADD;EADH;AA3CqB,CAAvB"}

package/lib/blueprints/md2.mjs

@@ -0,0 +1,60 @@
+// Icons
+import { mdi } from "../iconsets/mdi.mjs"; // Types
+
+export const md2 = {
+  defaults: {
+    global: {
+      rounded: 'md'
+    },
+    VAutocomplete: {
+      variant: 'filled'
+    },
+    VBanner: {
+      color: 'primary'
+    },
+    VBtn: {
+      color: 'primary'
+    },
+    VCheckbox: {
+      color: 'secondary'
+    },
+    VCombobox: {
+      variant: 'filled'
+    },
+    VSelect: {
+      variant: 'filled'
+    },
+    VSlider: {
+      color: 'primary'
+    },
+    VTabs: {
+      color: 'primary'
+    },
+    VTextarea: {
+      variant: 'filled'
+    },
+    VTextField: {
+      variant: 'filled'
+    }
+  },
+  icons: {
+    defaultSet: 'mdi',
+    sets: {
+      mdi
+    }
+  },
+  theme: {
+    themes: {
+      light: {
+        colors: {
+          primary: '#6200EE',
+          'primary-darken-1': '#3700B3',
+          secondary: '#03DAC6',
+          'secondary-darken-1': '#018786',
+          error: '#B00020'
+        }
+      }
+    }
+  }
+};
+//# sourceMappingURL=md2.mjs.map

package/lib/blueprints/md2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"md2.mjs","names":["mdi","md2","defaults","global","rounded","VAutocomplete","variant","VBanner","color","VBtn","VCheckbox","VCombobox","VSelect","VSlider","VTabs","VTextarea","VTextField","icons","defaultSet","sets","theme","themes","light","colors","primary","secondary","error"],"sources":["../../src/blueprints/md2.ts"],"sourcesContent":["// Icons\nimport { mdi } from '@/iconsets/mdi'\n\n// Types\nimport type { Blueprint } from '@/framework'\n\nexport const md2: Blueprint = {\n  defaults: {\n    global: {\n      rounded: 'md',\n    },\n    VAutocomplete: {\n      variant: 'filled',\n    },\n    VBanner: {\n      color: 'primary',\n    },\n    VBtn: {\n      color: 'primary',\n    },\n    VCheckbox: {\n      color: 'secondary',\n    },\n    VCombobox: {\n      variant: 'filled',\n    },\n    VSelect: {\n      variant: 'filled',\n    },\n    VSlider: {\n      color: 'primary',\n    },\n    VTabs: {\n      color: 'primary',\n    },\n    VTextarea: {\n      variant: 'filled',\n    },\n    VTextField: {\n      variant: 'filled',\n    },\n  },\n  icons: {\n    defaultSet: 'mdi',\n    sets: {\n      mdi,\n    },\n  },\n  theme: {\n    themes: {\n      light: {\n        colors: {\n          primary: '#6200EE',\n          'primary-darken-1': '#3700B3',\n          secondary: '#03DAC6',\n          'secondary-darken-1': '#018786',\n          error: '#B00020',\n        },\n      },\n    },\n  },\n}\n"],"mappings":"AAAA;SACSA,G,+BAET;;AAGA,OAAO,MAAMC,GAAc,GAAG;EAC5BC,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,OAAO,EAAE;IADH,CADA;IAIRC,aAAa,EAAE;MACbC,OAAO,EAAE;IADI,CAJP;IAORC,OAAO,EAAE;MACPC,KAAK,EAAE;IADA,CAPD;IAURC,IAAI,EAAE;MACJD,KAAK,EAAE;IADH,CAVE;IAaRE,SAAS,EAAE;MACTF,KAAK,EAAE;IADE,CAbH;IAgBRG,SAAS,EAAE;MACTL,OAAO,EAAE;IADA,CAhBH;IAmBRM,OAAO,EAAE;MACPN,OAAO,EAAE;IADF,CAnBD;IAsBRO,OAAO,EAAE;MACPL,KAAK,EAAE;IADA,CAtBD;IAyBRM,KAAK,EAAE;MACLN,KAAK,EAAE;IADF,CAzBC;IA4BRO,SAAS,EAAE;MACTT,OAAO,EAAE;IADA,CA5BH;IA+BRU,UAAU,EAAE;MACVV,OAAO,EAAE;IADC;EA/BJ,CADkB;EAoC5BW,KAAK,EAAE;IACLC,UAAU,EAAE,KADP;IAELC,IAAI,EAAE;MACJnB;IADI;EAFD,CApCqB;EA0C5BoB,KAAK,EAAE;IACLC,MAAM,EAAE;MACNC,KAAK,EAAE;QACLC,MAAM,EAAE;UACNC,OAAO,EAAE,SADH;UAEN,oBAAoB,SAFd;UAGNC,SAAS,EAAE,SAHL;UAIN,sBAAsB,SAJhB;UAKNC,KAAK,EAAE;QALD;MADH;IADD;EADH;AA1CqB,CAAvB"}

package/lib/blueprints/md3.mjs

@@ -0,0 +1,74 @@
+// Icons
+import { mdi } from "../iconsets/mdi.mjs"; // Types
+
+export const md3 = {
+  defaults: {
+    VAppBar: {
+      flat: true
+    },
+    VAutocomplete: {
+      variant: 'filled'
+    },
+    VBanner: {
+      color: 'primary'
+    },
+    VBtn: {
+      color: 'primary',
+      rounded: 'xl'
+    },
+    VCard: {
+      rounded: 'lg'
+    },
+    VCheckbox: {
+      color: 'secondary'
+    },
+    VChip: {
+      rounded: 'sm'
+    },
+    VCombobox: {
+      variant: 'filled'
+    },
+    VNavigationDrawer: {// VList: {
+      //   nav: true,
+      //   VListItem: {
+      //     rounded: 'xl',
+      //   },
+      // },
+    },
+    VSelect: {
+      variant: 'filled'
+    },
+    VSlider: {
+      color: 'primary'
+    },
+    VTabs: {
+      color: 'primary'
+    },
+    VTextarea: {
+      variant: 'filled'
+    },
+    VTextField: {
+      variant: 'filled'
+    }
+  },
+  icons: {
+    defaultSet: 'mdi',
+    sets: {
+      mdi
+    }
+  },
+  theme: {
+    themes: {
+      light: {
+        colors: {
+          primary: '#6750a4',
+          secondary: '#b4b0bb',
+          tertiary: '#7d5260',
+          error: '#b3261e',
+          surface: '#fffbfe'
+        }
+      }
+    }
+  }
+};
+//# sourceMappingURL=md3.mjs.map

package/lib/blueprints/md3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"md3.mjs","names":["mdi","md3","defaults","VAppBar","flat","VAutocomplete","variant","VBanner","color","VBtn","rounded","VCard","VCheckbox","VChip","VCombobox","VNavigationDrawer","VSelect","VSlider","VTabs","VTextarea","VTextField","icons","defaultSet","sets","theme","themes","light","colors","primary","secondary","tertiary","error","surface"],"sources":["../../src/blueprints/md3.ts"],"sourcesContent":["// Icons\nimport { mdi } from '@/iconsets/mdi'\n\n// Types\nimport type { Blueprint } from '@/framework'\n\nexport const md3: Blueprint = {\n  defaults: {\n    VAppBar: {\n      flat: true,\n    },\n    VAutocomplete: {\n      variant: 'filled',\n    },\n    VBanner: {\n      color: 'primary',\n    },\n    VBtn: {\n      color: 'primary',\n      rounded: 'xl',\n    },\n    VCard: {\n      rounded: 'lg',\n    },\n    VCheckbox: {\n      color: 'secondary',\n    },\n    VChip: {\n      rounded: 'sm',\n    },\n    VCombobox: {\n      variant: 'filled',\n    },\n    VNavigationDrawer: {\n      // VList: {\n      //   nav: true,\n      //   VListItem: {\n      //     rounded: 'xl',\n      //   },\n      // },\n    },\n    VSelect: {\n      variant: 'filled',\n    },\n    VSlider: {\n      color: 'primary',\n    },\n    VTabs: {\n      color: 'primary',\n    },\n    VTextarea: {\n      variant: 'filled',\n    },\n    VTextField: {\n      variant: 'filled',\n    },\n  },\n  icons: {\n    defaultSet: 'mdi',\n    sets: {\n      mdi,\n    },\n  },\n  theme: {\n    themes: {\n      light: {\n        colors: {\n          primary: '#6750a4',\n          secondary: '#b4b0bb',\n          tertiary: '#7d5260',\n          error: '#b3261e',\n          surface: '#fffbfe',\n        },\n      },\n    },\n  },\n}\n"],"mappings":"AAAA;SACSA,G,+BAET;;AAGA,OAAO,MAAMC,GAAc,GAAG;EAC5BC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,IAAI,EAAE;IADC,CADD;IAIRC,aAAa,EAAE;MACbC,OAAO,EAAE;IADI,CAJP;IAORC,OAAO,EAAE;MACPC,KAAK,EAAE;IADA,CAPD;IAURC,IAAI,EAAE;MACJD,KAAK,EAAE,SADH;MAEJE,OAAO,EAAE;IAFL,CAVE;IAcRC,KAAK,EAAE;MACLD,OAAO,EAAE;IADJ,CAdC;IAiBRE,SAAS,EAAE;MACTJ,KAAK,EAAE;IADE,CAjBH;IAoBRK,KAAK,EAAE;MACLH,OAAO,EAAE;IADJ,CApBC;IAuBRI,SAAS,EAAE;MACTR,OAAO,EAAE;IADA,CAvBH;IA0BRS,iBAAiB,EAAE,CACjB;MACA;MACA;MACA;MACA;MACA;IANiB,CA1BX;IAkCRC,OAAO,EAAE;MACPV,OAAO,EAAE;IADF,CAlCD;IAqCRW,OAAO,EAAE;MACPT,KAAK,EAAE;IADA,CArCD;IAwCRU,KAAK,EAAE;MACLV,KAAK,EAAE;IADF,CAxCC;IA2CRW,SAAS,EAAE;MACTb,OAAO,EAAE;IADA,CA3CH;IA8CRc,UAAU,EAAE;MACVd,OAAO,EAAE;IADC;EA9CJ,CADkB;EAmD5Be,KAAK,EAAE;IACLC,UAAU,EAAE,KADP;IAELC,IAAI,EAAE;MACJvB;IADI;EAFD,CAnDqB;EAyD5BwB,KAAK,EAAE;IACLC,MAAM,EAAE;MACNC,KAAK,EAAE;QACLC,MAAM,EAAE;UACNC,OAAO,EAAE,SADH;UAENC,SAAS,EAAE,SAFL;UAGNC,QAAQ,EAAE,SAHJ;UAINC,KAAK,EAAE,SAJD;UAKNC,OAAO,EAAE;QALH;MADH;IADD;EADH;AAzDqB,CAAvB"}

package/lib/components/VAlert/VAlert.css

@@ -18,7 +18,7 @@
 .v-alert--sticky {
   position: sticky;
 }
-.v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-contained-text {
+.v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
   background: transparent;
   color: inherit;
 }
@@ -31,14 +31,14 @@
 .v-alert--variant-plain .v-alert__overlay {
   display: none;
 }
-.v-alert--variant-contained, .v-alert--variant-contained-flat {
+.v-alert--variant-elevated, .v-alert--variant-flat {
   background: rgb(var(--v-theme-on-surface-variant));
   color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
 }
-.v-alert--variant-contained {
+.v-alert--variant-elevated {
   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
 }
-.v-alert--variant-contained-flat {
+.v-alert--variant-flat {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
 }
 .v-alert--variant-outlined {
@@ -47,7 +47,7 @@
 .v-alert--variant-text .v-alert__overlay {
   background: currentColor;
 }
-.v-alert--variant-contained-text .v-alert__underlay {
+.v-alert--variant-tonal .v-alert__underlay {
   background: currentColor;
   opacity: var(--v-activated-opacity);
   border-radius: inherit;

package/lib/components/VAlert/VAlert.mjs

@@ -10,12 +10,14 @@ import { genOverlays, makeVariantProps, useVariant } from "../../composables/var
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
 import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
 import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
+import { makeLocationProps, useLocation } from "../../composables/location.mjs";
 import { makePositionProps, usePosition } from "../../composables/position.mjs";
 import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs";
-import { useTextColor } from "../../composables/color.mjs"; // Utilities
+import { useTextColor } from "../../composables/color.mjs";
+import { IconValue } from "../../composables/icons.mjs"; // Utilities
 
 import { computed, toRef } from 'vue';
 import { defineComponent } from "../../util/index.mjs"; // Types
@@ -33,7 +35,7 @@ export const VAlert = defineComponent({
     borderColor: String,
     closable: Boolean,
     closeIcon: {
-      type: String,
+      type: IconValue,
       default: '$close'
     },
     closeLabel: {
@@ -41,7 +43,7 @@ export const VAlert = defineComponent({
       default: '$vuetify.close'
     },
     icon: {
-      type: [Boolean, String],
+      type: [Boolean, String, Function, Object],
       default: null
     },
     modelValue: {
@@ -58,12 +60,13 @@ export const VAlert = defineComponent({
     ...makeDensityProps(),
     ...makeDimensionProps(),
     ...makeElevationProps(),
+    ...makeLocationProps(),
     ...makePositionProps(),
     ...makeRoundedProps(),
     ...makeTagProps(),
     ...makeThemeProps(),
     ...makeVariantProps({
-      variant: 'contained-flat'
+      variant: 'flat'
     })
   },
   emits: {
@@ -108,8 +111,10 @@ export const VAlert = defineComponent({
       elevationClasses
     } = useElevation(props);
     const {
-      positionClasses,
-      positionStyles
+      locationStyles
+    } = useLocation(props);
+    const {
+      positionClasses
     } = usePosition(props);
     const {
       roundedClasses
@@ -137,13 +142,15 @@ export const VAlert = defineComponent({
         }, {
           'v-alert--prominent': props.prominent
         }, themeClasses.value, colorClasses.value, densityClasses.value, elevationClasses.value, positionClasses.value, roundedClasses.value, variantClasses.value],
-        "style": [colorStyles.value, dimensionStyles.value, positionStyles.value],
+        "style": [colorStyles.value, dimensionStyles.value, locationStyles.value],
         "role": "alert"
       }, {
         default: () => [genOverlays(false, 'v-alert'), props.border && _createVNode("div", {
+          "key": "border",
           "class": ['v-alert__border', textColorClasses.value],
           "style": textColorStyles.value
         }, null), hasPrepend && _createVNode(VDefaultsProvider, {
+          "key": "prepend",
           "defaults": {
             VIcon: {
               density: props.density,
@@ -157,11 +164,15 @@ export const VAlert = defineComponent({
           }, [slots.prepend ? slots.prepend() : icon.value && _createVNode(VIcon, null, null)])]
         }), _createVNode("div", {
           "class": "v-alert__content"
-        }, [hasTitle && _createVNode(VAlertTitle, null, {
+        }, [hasTitle && _createVNode(VAlertTitle, {
+          "key": "title"
+        }, {
           default: () => [slots.title ? slots.title() : props.title]
         }), hasText && (slots.text ? slots.text() : props.text), (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]), slots.append && _createVNode("div", {
+          "key": "append",
           "class": "v-alert__append"
         }, [slots.append()]), hasClose && _createVNode(VDefaultsProvider, {
+          "key": "close",
           "defaults": {
             VIcon: {
               icon: props.closeIcon,

package/lib/components/VAlert/VAlert.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VAlert/VAlert.tsx"],"names":["VAlertTitle","VDefaultsProvider","VIcon","genOverlays","makeVariantProps","useVariant","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useProxiedModel","useTextColor","computed","toRef","defineComponent","allowedTypes","VAlert","name","props","border","type","Boolean","String","validator","val","includes","borderColor","closable","closeIcon","default","closeLabel","icon","modelValue","prominent","title","text","variant","emits","value","setup","slots","isActive","undefined","variantProps","color","themeClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","positionClasses","positionStyles","roundedClasses","textColorClasses","textColorStyles","onCloseClick","e","hasPrepend","prepend","hasTitle","hasText","hasClose","close","density","size","append"],"mappings":"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","sourcesContent":["// Styles\nimport './VAlert.sass'\n\n// Components\nimport { VAlertTitle } from './VAlertTitle'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { defineComponent } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nconst allowedTypes = ['success', 'info', 'warning', 'error'] as const\n\ntype ContextualType = typeof allowedTypes[number]\n\nexport const VAlert = defineComponent({\n  name: 'VAlert',\n\n  props: {\n    border: {\n      type: [Boolean, String],\n      validator: (val: boolean | string) => {\n        return typeof val === 'boolean' || [\n          'top',\n          'end',\n          'bottom',\n          'start',\n        ].includes(val)\n      },\n    },\n    borderColor: String,\n    closable: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$close',\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    icon: {\n      type: [Boolean, String] as PropType<false | string>,\n      default: null,\n    },\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n    prominent: Boolean,\n    title: String,\n    text: String,\n    type: {\n      type: String as PropType<ContextualType>,\n      validator: (val: ContextualType) => allowedTypes.includes(val),\n    },\n\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makePositionProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'contained-flat' } as const),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n    const icon = computed(() => {\n      if (props.icon === false) return undefined\n      if (!props.type) return props.icon\n\n      return props.icon ?? `$${props.type}`\n    })\n    const variantProps = computed(() => ({\n      color: props.color ?? props.type,\n      variant: props.variant,\n    }))\n\n    const { themeClasses } = provideTheme(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(variantProps)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { positionClasses, positionStyles } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'borderColor'))\n\n    function onCloseClick (e: MouseEvent) {\n      isActive.value = false\n    }\n\n    return () => {\n      const hasPrepend = !!(slots.prepend || icon.value)\n      const hasTitle = !!(slots.title || props.title)\n      const hasText = !!(props.text || slots.text)\n      const hasClose = !!(slots.close || props.closable)\n\n      return isActive.value && (\n        <props.tag\n          class={[\n            'v-alert',\n            props.border && {\n              'v-alert--border': !!props.border,\n              [`v-alert--border-${props.border === true ? 'start' : props.border}`]: true,\n            },\n            {\n              'v-alert--prominent': props.prominent,\n            },\n            themeClasses.value,\n            colorClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            variantClasses.value,\n          ]}\n          style={[\n            colorStyles.value,\n            dimensionStyles.value,\n            positionStyles.value,\n          ]}\n          role=\"alert\"\n        >\n          { genOverlays(false, 'v-alert') }\n\n          { props.border && (\n            <div\n              class={[\n                'v-alert__border',\n                textColorClasses.value,\n              ]}\n              style={ textColorStyles.value }\n            />\n          ) }\n\n          { hasPrepend && (\n            <VDefaultsProvider\n              defaults={{\n                VIcon: {\n                  density: props.density,\n                  icon: icon.value,\n                  size: props.prominent ? 44 : 'default',\n                },\n              }}\n            >\n              <div class=\"v-alert__prepend\">\n                { slots.prepend\n                  ? slots.prepend()\n                  : icon.value && (<VIcon />)\n                }\n              </div>\n            </VDefaultsProvider>\n          ) }\n\n          <div class=\"v-alert__content\">\n            { hasTitle && (\n              <VAlertTitle>\n                { slots.title ? slots.title() : props.title }\n              </VAlertTitle>\n            ) }\n\n            { hasText && (\n              slots.text ? slots.text() : props.text\n            ) }\n\n            { slots.default?.() }\n          </div>\n\n          { slots.append && (\n            <div class=\"v-alert__append\">\n              { slots.append() }\n            </div>\n          ) }\n\n          { hasClose && (\n            <VDefaultsProvider\n              defaults={{\n                VIcon: {\n                  icon: props.closeIcon,\n                  size: 'small',\n                },\n              }}\n            >\n              <div\n                class=\"v-alert__close\"\n                onClick={ onCloseClick }\n              >\n                { slots.close\n                  ? slots.close()\n                  : (<VIcon />)\n                }\n              </div>\n            </VDefaultsProvider>\n          ) }\n        </props.tag>\n      )\n    }\n  },\n})\n\nexport type VAlert = InstanceType<typeof VAlert>\n"],"file":"VAlert.mjs"}
+{"version":3,"file":"VAlert.mjs","names":["VAlertTitle","VDefaultsProvider","VIcon","genOverlays","makeVariantProps","useVariant","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useProxiedModel","useTextColor","IconValue","computed","toRef","defineComponent","allowedTypes","VAlert","name","props","border","type","Boolean","String","validator","val","includes","borderColor","closable","closeIcon","default","closeLabel","icon","Function","Object","modelValue","prominent","title","text","variant","emits","value","setup","slots","isActive","undefined","variantProps","color","themeClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","locationStyles","positionClasses","roundedClasses","textColorClasses","textColorStyles","onCloseClick","e","hasPrepend","prepend","hasTitle","hasText","hasClose","close","density","size","append"],"sources":["../../../src/components/VAlert/VAlert.tsx"],"sourcesContent":["// Styles\nimport './VAlert.sass'\n\n// Components\nimport { VAlertTitle } from './VAlertTitle'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useTextColor } from '@/composables/color'\nimport { IconValue } from '@/composables/icons'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { defineComponent } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nconst allowedTypes = ['success', 'info', 'warning', 'error'] as const\n\ntype ContextualType = typeof allowedTypes[number]\n\nexport const VAlert = defineComponent({\n  name: 'VAlert',\n\n  props: {\n    border: {\n      type: [Boolean, String],\n      validator: (val: boolean | string) => {\n        return typeof val === 'boolean' || [\n          'top',\n          'end',\n          'bottom',\n          'start',\n        ].includes(val)\n      },\n    },\n    borderColor: String,\n    closable: Boolean,\n    closeIcon: {\n      type: IconValue,\n      default: '$close',\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    icon: {\n      type: [Boolean, String, Function, Object] as PropType<false | IconValue>,\n      default: null,\n    },\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n    prominent: Boolean,\n    title: String,\n    text: String,\n    type: {\n      type: String as PropType<ContextualType>,\n      validator: (val: ContextualType) => allowedTypes.includes(val),\n    },\n\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makeLocationProps(),\n    ...makePositionProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'flat' } as const),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n    const icon = computed(() => {\n      if (props.icon === false) return undefined\n      if (!props.type) return props.icon\n\n      return props.icon ?? `$${props.type}`\n    })\n    const variantProps = computed(() => ({\n      color: props.color ?? props.type,\n      variant: props.variant,\n    }))\n\n    const { themeClasses } = provideTheme(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(variantProps)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { locationStyles } = useLocation(props)\n    const { positionClasses } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'borderColor'))\n\n    function onCloseClick (e: MouseEvent) {\n      isActive.value = false\n    }\n\n    return () => {\n      const hasPrepend = !!(slots.prepend || icon.value)\n      const hasTitle = !!(slots.title || props.title)\n      const hasText = !!(props.text || slots.text)\n      const hasClose = !!(slots.close || props.closable)\n\n      return isActive.value && (\n        <props.tag\n          class={[\n            'v-alert',\n            props.border && {\n              'v-alert--border': !!props.border,\n              [`v-alert--border-${props.border === true ? 'start' : props.border}`]: true,\n            },\n            {\n              'v-alert--prominent': props.prominent,\n            },\n            themeClasses.value,\n            colorClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            variantClasses.value,\n          ]}\n          style={[\n            colorStyles.value,\n            dimensionStyles.value,\n            locationStyles.value,\n          ]}\n          role=\"alert\"\n        >\n          { genOverlays(false, 'v-alert') }\n\n          { props.border && (\n            <div\n              key=\"border\"\n              class={[\n                'v-alert__border',\n                textColorClasses.value,\n              ]}\n              style={ textColorStyles.value }\n            />\n          ) }\n\n          { hasPrepend && (\n            <VDefaultsProvider\n              key=\"prepend\"\n              defaults={{\n                VIcon: {\n                  density: props.density,\n                  icon: icon.value,\n                  size: props.prominent ? 44 : 'default',\n                },\n              }}\n            >\n              <div class=\"v-alert__prepend\">\n                { slots.prepend\n                  ? slots.prepend()\n                  : icon.value && (<VIcon />)\n                }\n              </div>\n            </VDefaultsProvider>\n          ) }\n\n          <div class=\"v-alert__content\">\n            { hasTitle && (\n              <VAlertTitle key=\"title\">\n                { slots.title ? slots.title() : props.title }\n              </VAlertTitle>\n            ) }\n\n            { hasText && (\n              slots.text ? slots.text() : props.text\n            ) }\n\n            { slots.default?.() }\n          </div>\n\n          { slots.append && (\n            <div key=\"append\" class=\"v-alert__append\">\n              { slots.append() }\n            </div>\n          ) }\n\n          { hasClose && (\n            <VDefaultsProvider\n              key=\"close\"\n              defaults={{\n                VIcon: {\n                  icon: props.closeIcon,\n                  size: 'small',\n                },\n              }}\n            >\n              <div\n                class=\"v-alert__close\"\n                onClick={ onCloseClick }\n              >\n                { slots.close\n                  ? slots.close()\n                  : (<VIcon />)\n                }\n              </div>\n            </VDefaultsProvider>\n          ) }\n        </props.tag>\n      )\n    }\n  },\n})\n\nexport type VAlert = InstanceType<typeof VAlert>\n"],"mappings":"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"}

package/lib/components/VAlert/VAlert.sass

@@ -1,5 +1,3 @@
-@forward './variables'
-
 @use '../../styles/tools'
 @use './variables' as *
 

package/lib/components/VAlert/VAlertTitle.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VAlert/VAlertTitle.ts"],"names":["createSimpleFunctional","VAlertTitle"],"mappings":"AAAA;SACSA,sB;AAET,OAAO,MAAMC,WAAW,GAAGD,sBAAsB,CAAC,eAAD,CAA1C","sourcesContent":["// Utilities\nimport { createSimpleFunctional } from '@/util'\n\nexport const VAlertTitle = createSimpleFunctional('v-alert-title')\n"],"file":"VAlertTitle.mjs"}
+{"version":3,"file":"VAlertTitle.mjs","names":["createSimpleFunctional","VAlertTitle"],"sources":["../../../src/components/VAlert/VAlertTitle.ts"],"sourcesContent":["// Utilities\nimport { createSimpleFunctional } from '@/util'\n\nexport const VAlertTitle = createSimpleFunctional('v-alert-title')\n"],"mappings":"AAAA;SACSA,sB;AAET,OAAO,MAAMC,WAAW,GAAGD,sBAAsB,CAAC,eAAD,CAA1C"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VAlert/index.ts"],"names":["VAlert","VAlertTitle"],"mappings":"SAASA,M;SACAC,W","sourcesContent":["export { VAlert } from './VAlert'\nexport { VAlertTitle } from './VAlertTitle'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VAlert","VAlertTitle"],"sources":["../../../src/components/VAlert/index.ts"],"sourcesContent":["export { VAlert } from './VAlert'\nexport { VAlertTitle } from './VAlertTitle'\n"],"mappings":"SAASA,M;SACAC,W"}

package/lib/components/VApp/VApp.css

@@ -3,17 +3,14 @@
   background: rgb(var(--v-theme-background));
   color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
 }
-.v-application a {
-  cursor: pointer;
-}
 
 .v-application__wrap {
-  flex: 1 1 auto;
   backface-visibility: hidden;
   display: flex;
   flex-direction: column;
-  min-height: 100vh;
+  flex: 1 1 auto;
   max-width: 100%;
+  min-height: 100vh;
   position: relative;
 }
 

package/lib/components/VApp/VApp.mjs

@@ -2,11 +2,11 @@ import { createVNode as _createVNode } from "vue";
 // Styles
 import "./VApp.css"; // Composables
 
+import { createLayout, makeLayoutProps } from "../../composables/layout.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
-import { createLayout, makeLayoutProps } from "../../composables/layout.mjs"; // Utilities
+import { useRtl } from "../../composables/rtl.mjs"; // Utilities
 
 import { defineComponent, useRender } from "../../util/index.mjs";
-import { useRtl } from "../../composables/rtl.mjs";
 export const VApp = defineComponent({
   name: 'VApp',
   props: { ...makeLayoutProps({
@@ -36,8 +36,7 @@ export const VApp = defineComponent({
       return _createVNode("div", {
         "ref": layoutRef,
         "class": ['v-application', theme.themeClasses.value, layoutClasses.value, rtlClasses.value],
-        "style": layoutStyles.value,
-        "data-app": "true"
+        "style": layoutStyles.value
       }, [_createVNode("div", {
         "class": "v-application__wrap"
       }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)])]);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VApp/VApp.tsx"],"names":["makeThemeProps","provideTheme","createLayout","makeLayoutProps","defineComponent","useRender","useRtl","VApp","name","props","fullHeight","setup","slots","theme","layoutClasses","layoutStyles","getLayoutItem","items","layoutRef","rtlClasses","themeClasses","value","default"],"mappings":";AAAA;AACA,oB,CAEA;;SACSA,c,EAAgBC,Y;SAChBC,Y,EAAcC,e,wCAEvB;;SACSC,e,EAAiBC,S;SACjBC,M;AAET,OAAO,MAAMC,IAAI,GAAGH,eAAe,CAAC;AAClCI,EAAAA,IAAI,EAAE,MAD4B;AAGlCC,EAAAA,KAAK,EAAE,EACL,GAAGN,eAAe,CAAC;AAAEO,MAAAA,UAAU,EAAE;AAAd,KAAD,CADb;AAEL,OAAGV,cAAc;AAFZ,GAH2B;;AAQlCW,EAAAA,KAAK,CAAEF,KAAF,QAAoB;AAAA,QAAX;AAAEG,MAAAA;AAAF,KAAW;AACvB,UAAMC,KAAK,GAAGZ,YAAY,CAACQ,KAAD,CAA1B;AACA,UAAM;AAAEK,MAAAA,aAAF;AAAiBC,MAAAA,YAAjB;AAA+BC,MAAAA,aAA/B;AAA8CC,MAAAA,KAA9C;AAAqDC,MAAAA;AAArD,QAAmEhB,YAAY,CAACO,KAAD,CAArF;AACA,UAAM;AAAEU,MAAAA;AAAF,QAAiBb,MAAM,EAA7B;AAEAD,IAAAA,SAAS,CAAC;AAAA;;AAAA;AAAA,eAEAa,SAFA;AAAA,iBAGC,CACL,eADK,EAELL,KAAK,CAACO,YAAN,CAAmBC,KAFd,EAGLP,aAAa,CAACO,KAHT,EAILF,UAAU,CAACE,KAJN,CAHD;AAAA,iBASEN,YAAY,CAACM,KATf;AAAA,oBAUG;AAVH;AAAA,iBAYK;AAZL,4BAaFT,KAAK,CAACU,OAbJ,qBAaF,oBAAAV,KAAK,CAbH;AAAA,KAAD,CAAT;AAkBA,WAAO;AACLI,MAAAA,aADK;AAELC,MAAAA,KAFK;AAGLJ,MAAAA;AAHK,KAAP;AAKD;;AApCiC,CAAD,CAA5B","sourcesContent":["// Styles\nimport './VApp.sass'\n\n// Composables\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { createLayout, makeLayoutProps } from '@/composables/layout'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\nimport { useRtl } from '@/composables/rtl'\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        data-app=\"true\"\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"],"file":"VApp.mjs"}
+{"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/rtl'\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,oB,CAEA;;SACSA,Y,EAAcC,e;SACdC,c,EAAgBC,Y;SAChBC,M,qCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,IAAI,GAAGF,eAAe,CAAC;EAClCG,IAAI,EAAE,MAD4B;EAGlCC,KAAK,EAAE,EACL,GAAGR,eAAe,CAAC;MAAES,UAAU,EAAE;IAAd,CAAD,CADb;IAEL,GAAGR,cAAc;EAFZ,CAH2B;;EAQlCS,KAAK,CAAEF,KAAF,QAAoB;IAAA,IAAX;MAAEG;IAAF,CAAW;IACvB,MAAMC,KAAK,GAAGV,YAAY,CAACM,KAAD,CAA1B;IACA,MAAM;MAAEK,aAAF;MAAiBC,YAAjB;MAA+BC,aAA/B;MAA8CC,KAA9C;MAAqDC;IAArD,IAAmElB,YAAY,CAACS,KAAD,CAArF;IACA,MAAM;MAAEU;IAAF,IAAiBf,MAAM,EAA7B;IAEAE,SAAS,CAAC;MAAA;;MAAA;QAAA,OAEAY,SAFA;QAAA,SAGC,CACL,eADK,EAELL,KAAK,CAACO,YAAN,CAAmBC,KAFd,EAGLP,aAAa,CAACO,KAHT,EAILF,UAAU,CAACE,KAJN,CAHD;QAAA,SASEN,YAAY,CAACM;MATf;QAAA,SAWK;MAXL,sBAYFT,KAAK,CAACU,OAZJ,qBAYF,oBAAAV,KAAK,CAZH;IAAA,CAAD,CAAT;IAiBA,OAAO;MACLI,aADK;MAELC,KAFK;MAGLJ;IAHK,CAAP;EAKD;;AAnCiC,CAAD,CAA5B"}

package/lib/components/VApp/VApp.sass

@@ -1,19 +1,18 @@
+@use './variables' as *
+
 .v-application
   display: flex
-  background: rgb(var(--v-theme-background))
-  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity))
-
-  a
-    cursor: pointer
+  background: $application-background
+  color: $application-color
 
 .v-application__wrap
-    flex: 1 1 auto
-    backface-visibility: hidden
-    display: flex
-    flex-direction: column
-    min-height: 100vh
-    max-width: 100%
-    position: relative
+  backface-visibility: hidden
+  display: flex
+  flex-direction: column
+  flex: 1 1 auto
+  max-width: 100%
+  min-height: 100vh
+  position: relative
 
 // Firefox overrides
 @-moz-document url-prefix()

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

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

package/lib/components/VApp/variables.scss

@@ -0,0 +1,6 @@
+@use '../../styles/settings';
+@use '../../styles/tools';
+
+// VApp
+$application-background: rgb(var(--v-theme-background)) !default;
+$application-color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity)) !default;

package/lib/components/VAppBar/VAppBar.mjs

@@ -8,7 +8,7 @@ import { makeLayoutItemProps, useLayoutItem } from "../../composables/layout.mjs
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
 
 import { computed, ref, toRef } from 'vue';
-import { defineComponent } from "../../util/index.mjs"; // Types
+import { defineComponent, useRender } from "../../util/index.mjs"; // Types
 
 export const VAppBar = defineComponent({
   name: 'VAppBar',
@@ -24,7 +24,7 @@ export const VAppBar = defineComponent({
       type: Boolean,
       default: true
     },
-    position: {
+    location: {
       type: String,
       default: 'top',
       validator: value => ['top', 'bottom'].includes(value)
@@ -57,25 +57,26 @@ export const VAppBar = defineComponent({
       layoutItemStyles
     } = useLayoutItem({
       id: props.name,
-      priority: computed(() => parseInt(props.priority, 10)),
-      position: toRef(props, 'position'),
+      order: computed(() => parseInt(props.order, 10)),
+      position: toRef(props, 'location'),
       layoutSize: height,
       elementSize: height,
       active: isActive,
       absolute: toRef(props, 'absolute')
     });
-    return () => {
+    useRender(() => {
       const [toolbarProps] = filterToolbarProps(props);
       return _createVNode(VToolbar, _mergeProps({
         "ref": vToolbarRef,
         "class": ['v-app-bar', {
-          'v-app-bar--bottom': props.position === 'bottom'
+          'v-app-bar--bottom': props.location === 'bottom'
         }],
         "style": { ...layoutItemStyles.value,
           height: undefined
         }
       }, toolbarProps), slots);
-    };
+    });
+    return {};
   }
 
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VAppBar/VAppBar.tsx"],"names":["filterToolbarProps","makeVToolbarProps","VToolbar","makeLayoutItemProps","useLayoutItem","useProxiedModel","computed","ref","toRef","defineComponent","VAppBar","name","props","modelValue","type","Boolean","default","position","String","validator","value","includes","height","Number","emits","setup","slots","vToolbarRef","isActive","contentHeight","extensionHeight","layoutItemStyles","id","priority","parseInt","layoutSize","elementSize","active","absolute","toolbarProps","undefined"],"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,gCAET;;AAGA,OAAO,MAAMC,OAAO,GAAGD,eAAe,CAAC;AACrCE,EAAAA,IAAI,EAAE,SAD+B;AAGrCC,EAAAA,KAAK,EAAE;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACAC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAEC,OADI;AAEVC,MAAAA,OAAO,EAAE;AAFC,KARP;AAYLC,IAAAA,QAAQ,EAAE;AACRH,MAAAA,IAAI,EAAEI,MADE;AAERF,MAAAA,OAAO,EAAE,KAFD;AAGRG,MAAAA,SAAS,EAAGC,KAAD,IAAgB,CAAC,KAAD,EAAQ,QAAR,EAAkBC,QAAlB,CAA2BD,KAA3B;AAHnB,KAZL;AAkBL,OAAGnB,iBAAiB,EAlBf;AAmBL,OAAGE,mBAAmB,EAnBjB;AAqBLmB,IAAAA,MAAM,EAAE;AACNR,MAAAA,IAAI,EAAE,CAACS,MAAD,EAASL,MAAT,CADA;AAENF,MAAAA,OAAO,EAAE;AAFH;AArBH,GAH8B;AA8BrCQ,EAAAA,KAAK,EAAE;AACL,yBAAsBJ,KAAD,IAAoB;AADpC,GA9B8B;;AAkCrCK,EAAAA,KAAK,CAAEb,KAAF,QAAoB;AAAA,QAAX;AAAEc,MAAAA;AAAF,KAAW;AACvB,UAAMC,WAAW,GAAGpB,GAAG,EAAvB;AACA,UAAMqB,QAAQ,GAAGvB,eAAe,CAACO,KAAD,EAAQ,YAAR,CAAhC;AACA,UAAMU,MAAM,GAAGhB,QAAQ,CAAC,MAAM;AAAA;;AAC5B,YAAMgB,MAAc,kDAAGK,WAAW,CAACP,KAAf,qBAAG,mBAAmBS,aAAtB,oCAAuC,CAA3D;AACA,YAAMC,eAAuB,mDAAGH,WAAW,CAACP,KAAf,qBAAG,oBAAmBU,eAAtB,oCAAyC,CAAtE;AAEA,aAAQR,MAAM,GAAGQ,eAAjB;AACD,KALsB,CAAvB;AAMA,UAAM;AAAEC,MAAAA;AAAF,QAAuB3B,aAAa,CAAC;AACzC4B,MAAAA,EAAE,EAAEpB,KAAK,CAACD,IAD+B;AAEzCsB,MAAAA,QAAQ,EAAE3B,QAAQ,CAAC,MAAM4B,QAAQ,CAACtB,KAAK,CAACqB,QAAP,EAAiB,EAAjB,CAAf,CAFuB;AAGzChB,MAAAA,QAAQ,EAAET,KAAK,CAACI,KAAD,EAAQ,UAAR,CAH0B;AAIzCuB,MAAAA,UAAU,EAAEb,MAJ6B;AAKzCc,MAAAA,WAAW,EAAEd,MAL4B;AAMzCe,MAAAA,MAAM,EAAET,QANiC;AAOzCU,MAAAA,QAAQ,EAAE9B,KAAK,CAACI,KAAD,EAAQ,UAAR;AAP0B,KAAD,CAA1C;AAUA,WAAO,MAAM;AACX,YAAM,CAAC2B,YAAD,IAAiBvC,kBAAkB,CAACY,KAAD,CAAzC;AAEA;AAAA,eAEUe,WAFV;AAAA,iBAGW,CACL,WADK,EAEL;AACE,+BAAqBf,KAAK,CAACK,QAAN,KAAmB;AAD1C,SAFK,CAHX;AAAA,iBASW,EACL,GAAGc,gBAAgB,CAACX,KADf;AAELE,UAAAA,MAAM,EAAEkB;AAFH;AATX,SAaSD,YAbT,GAccb,KAdd;AAiBD,KApBD;AAqBD;;AA1EoC,CAAD,CAA/B","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 } 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    position: {\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      priority: computed(() => parseInt(props.priority, 10)),\n      position: toRef(props, 'position'),\n      layoutSize: height,\n      elementSize: height,\n      active: isActive,\n      absolute: toRef(props, 'absolute'),\n    })\n\n    return () => {\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.position === 'bottom',\n            },\n          ]}\n          style={{\n            ...layoutItemStyles.value,\n            height: undefined,\n          }}\n          { ...toolbarProps }\n          v-slots={ slots }\n        />\n      )\n    }\n  },\n})\n\nexport type VAppBar = InstanceType<typeof VAppBar>\n"],"file":"VAppBar.mjs"}
+{"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"}