vitrify 0.18.4 → 0.19.0

package/dist/types/plugins/quasar/unocss/styles/md3/components/QTable.unocss.d.ts

@@ -0,0 +1,5 @@
+import type { Preflight, UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../../../theme.js';
+declare const preflights: Preflight<QuasarTheme>[];
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { preflights, shortcuts };

package/dist/types/plugins/quasar/unocss/styles/md3/components/QTabs.unocss.d.ts

@@ -0,0 +1,4 @@
+import type { UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../../../theme.js';
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { shortcuts };

package/dist/types/plugins/quasar/unocss/styles/md3/components/QTime.unocss.d.ts

@@ -0,0 +1,4 @@
+import type { UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../../../theme.js';
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { shortcuts };

package/dist/types/plugins/quasar/unocss/styles/md3/components/QTimeline.unocss.d.ts

@@ -0,0 +1,4 @@
+import type { UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../../../theme.js';
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { shortcuts };

package/dist/types/plugins/quasar/unocss/styles/md3/components/QToggle.unocss.d.ts

@@ -0,0 +1,5 @@
+import type { Preflight, UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../../../theme.js';
+declare const preflights: Preflight<QuasarTheme>[];
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { preflights, shortcuts };

package/dist/types/plugins/quasar/unocss/styles/md3/components/QToolbar.unocss.d.ts

@@ -0,0 +1,4 @@
+import type { UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../../../theme.js';
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { shortcuts };

package/dist/types/plugins/quasar/unocss/styles/md3/components/QTooltip.unocss.d.ts

@@ -0,0 +1,4 @@
+import type { UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../../../theme.js';
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { shortcuts };

package/dist/types/plugins/quasar/unocss/styles/md3/components/QTree.unocss.d.ts

@@ -0,0 +1,5 @@
+import type { Preflight, UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../../../theme.js';
+declare const preflights: Preflight<QuasarTheme>[];
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { preflights, shortcuts };

package/dist/types/plugins/quasar/unocss/styles/md3/components/QUploader.unocss.d.ts

@@ -0,0 +1,4 @@
+import type { UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../../../theme.js';
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { shortcuts };

package/dist/types/plugins/quasar/unocss/styles/md3/components/QVideo.unocss.d.ts

@@ -0,0 +1,4 @@
+import type { UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../../../theme.js';
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { shortcuts };

package/dist/types/plugins/quasar/unocss/styles/md3/components/QVirtualScroll.unocss.d.ts

@@ -0,0 +1,4 @@
+import type { UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../../../theme.js';
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { shortcuts };

package/dist/types/plugins/quasar/unocss/styles/md3/composables/panel.unocss.d.ts

@@ -0,0 +1,4 @@
+import type { UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../../../theme.js';
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { shortcuts };

package/dist/types/plugins/quasar/unocss/styles/md3/directives/QMorph.unocss.d.ts

@@ -0,0 +1,4 @@
+import type { UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../../../theme.js';
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { shortcuts };

package/dist/types/plugins/quasar/unocss/styles/md3/directives/QRipple.unocss.d.ts

@@ -0,0 +1,4 @@
+import type { UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../../../theme.js';
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { shortcuts };

package/dist/types/plugins/quasar/unocss/styles/md3/index.d.ts

@@ -0,0 +1,6 @@
+import { QuasarStyle } from '../index.js';
+declare const style: QuasarStyle;
+export declare const setDefaultProps: ({ QBtn }: {
+    QBtn: any;
+}) => void;
+export default style;

package/dist/types/plugins/quasar/unocss/styles/md3/plugins/QBottomSheet.unocss.d.ts

@@ -0,0 +1,4 @@
+import type { UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../../../theme.js';
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { shortcuts };

package/dist/types/plugins/quasar/unocss/styles/md3/plugins/QDialogPlugin.unocss.d.ts

@@ -0,0 +1,4 @@
+import type { UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../../../theme.js';
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { shortcuts };

package/dist/types/plugins/quasar/unocss/styles/md3/plugins/QLoading.unocss.d.ts

@@ -0,0 +1,4 @@
+import type { UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../../../theme.js';
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { shortcuts };

package/dist/types/plugins/quasar/unocss/styles/md3/plugins/QNotify.unocss.d.ts

@@ -0,0 +1,4 @@
+import type { UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../../../theme.js';
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { shortcuts };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vitrify",
-  "version": "0.18.4",
+  "version": "0.19.0",
   "license": "MIT",
   "author": "Stefan van Herwijnen",
   "description": "Vite as your Full Stack development tool",
@@ -29,6 +29,10 @@
     "./helpers/*": "./dist/helpers/*.js",
     "./client": {
       "types": "./client.d.ts"
+    },
+    "./unocss/quasar/styles": {
+      "types": "./dist/types/plugins/quasar/unocss/styles/index.d.ts",
+      "import": "./dist/plugins/quasar/unocss/styles/index.js"
     }
   },
   "engines": {
@@ -48,6 +52,7 @@
     "@fastify/static": "^8.1.0",
     "@unocss/core": "^65.4.3",
     "@unocss/preset-uno": "^65.4.3",
+    "@unocss/preset-web-fonts": "66.1.0-beta.7",
     "@unocss/preset-wind": "^65.4.3",
     "@vitejs/plugin-vue": "^5.2.1",
     "ajv": "^8.17.1",

package/src/node/index.ts

@@ -34,7 +34,7 @@ import Components from 'unplugin-vue-components/vite'
 import { VitePWA } from 'vite-plugin-pwa'
 import UnoCSS from 'unocss/vite'
 
-import QuasarPreset from './plugins/quasar/unocss/index.js'
+import { QuasarPreset } from './plugins/quasar/unocss/index.js'
 
 const internalServerModules = [
   'util',

package/src/node/plugins/quasar/unocss/core/elevation.unocss.ts

@@ -96,7 +96,127 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [/^shadow-none$/, ([, c], { theme }) => `shadow-none`],
   [/^no-shadow$/, ([, c], { theme }) => `shadow-none`],
   // TODO
-  [/^shadow-(0?[1-9]|1[0-9]|2[0-4])$/, ([, nr], { theme }) => `shadow-md`]
+  [/^shadow-(0?[1-9]|1[0-9]|2[0-4])$/, ([, nr], { theme }) => `shadow-md`],
+  [
+    /^elevation-1$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_1px_3px_0px_rgba(0,_0,_0,_0.2),0px_1px_1px_0px_rgba(0,_0,_0,_0.14),0px_2px_1px_-1px_rgba(0,_0,_0,_0.12)]`
+  ],
+  [
+    /^elevation-2$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_1px_5px_0px_rgba(0,_0,_0,_0.2),0px_2px_2px_0px_rgba(0,_0,_0,_0.14),0px_3px_1px_-2px_rgba(0,_0,_0,_0.12)]`
+  ],
+  [
+    /^elevation-3$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_1px_8px_0px_rgba(0,_0,_0,_0.2),0px_3px_4px_0px_rgba(0,_0,_0,_0.14),0px_3px_3px_-2px_rgba(0,_0,_0,_0.12)]`
+  ],
+  [
+    /^elevation-4$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_2px_4px_-1px_rgba(0,_0,_0,_0.2),0px_4px_5px_0px_rgba(0,_0,_0,_0.14),0px_1px_10px_0px_rgba(0,_0,_0,_0.12)]`
+  ],
+  [
+    /^elevation-5$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_3px_5px_-1px_rgba(0,_0,_0,_0.2),0px_5px_8px_0px_rgba(0,_0,_0,_0.14),0px_1px_14px_0px_rgba(0,_0,_0,_0.12)]`
+  ],
+  [
+    /^elevation-6$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_3px_5px_-1px_rgba(0,_0,_0,_0.2),0px_6px_10px_0px_rgba(0,_0,_0,_0.14),0px_1px_18px_0px_rgba(0,_0,_0,_0.12)]`
+  ],
+  [
+    /^elevation-7$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_4px_5px_-2px_rgba(0,_0,_0,_0.2),0px_7px_10px_1px_rgba(0,_0,_0,_0.14),0px_2px_16px_1px_rgba(0,_0,_0,_0.12)]`
+  ],
+  [
+    /^elevation-8$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_5px_5px_-3px_rgba(0,_0,_0,_0.2),0px_8px_10px_1px_rgba(0,_0,_0,_0.14),0px_3px_14px_2px_rgba(0,_0,_0,_0.12)]`
+  ],
+  [
+    /^elevation-9$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_5px_6px_-3px_rgba(0,_0,_0,_0.2),0px_9px_12px_1px_rgba(0,_0,_0,_0.14),0px_3px_16px_2px_rgba(0,_0,_0,_0.12)]`
+  ],
+  [
+    /^elevation-10$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_6px_6px_-3px_rgba(0,_0,_0,_0.2),0px_10px_14px_1px_rgba(0,_0,_0,_0.14),0px_4px_18px_3px_rgba(0,_0,_0,_0.12)]`
+  ],
+  [
+    /^elevation-11$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_6px_7px_-4px_rgba(0,_0,_0,_0.2),0px_11px_15px_1px_rgba(0,_0,_0,_0.14),0px_4px_20px_3px_rgba(0,_0,_0,_0.12)]`
+  ],
+  [
+    /^elevation-12$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_7px_8px_-4px_rgba(0,_0,_0,_0.2),0px_12px_17px_2px_rgba(0,_0,_0,_0.14),0px_5px_22px_4px_rgba(0,_0,_0,_0.12)]`
+  ],
+  [
+    /^elevation-13$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_7px_8px_-4px_rgba(0,_0,_0,_0.2),0px_13px_19px_2px_rgba(0,_0,_0,_0.14),0px_5px_24px_4px_rgba(0,_0,_0,_0.12)]`
+  ],
+  [
+    /^elevation-14$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_7px_9px_-4px_rgba(0,_0,_0,_0.2),0px_14px_21px_2px_rgba(0,_0,_0,_0.14),0px_5px_26px_4px_rgba(0,_0,_0,_0.12)]`
+  ],
+  [
+    /^elevation-15$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_8px_9px_-5px_rgba(0,_0,_0,_0.2),0px_15px_22px_2px_rgba(0,_0,_0,_0.14),0px_6px_28px_5px_rgba(0,_0,_0,_0.12)]`
+  ],
+  [
+    /^elevation-16$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_8px_10px_-5px_rgba(0,_0,_0,_0.2),0px_16px_24px_2px_rgba(0,_0,_0,_0.14),0px_6px_30px_5px_rgba(0,_0,_0,_0.12)]`
+  ],
+  [
+    /^elevation-17$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_8px_11px_-5px_rgba(0,_0,_0,_0.2),0px_17px_26px_2px_rgba(0,_0,_0,_0.14),0px_6px_32px_5px_rgba(0,_0,_0,_0.12)]`
+  ],
+  [
+    /^elevation-18$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_9px_11px_-5px_rgba(0,_0,_0,_0.2),0px_18px_28px_2px_rgba(0,_0,_0,_0.14),0px_7px_34px_6px_rgba(0,_0,_0,_0.12)]`
+  ],
+  [
+    /^elevation-19$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_9px_12px_-6px_rgba(0,_0,_0,_0.2),0px_19px_29px_2px_rgba(0,_0,_0,_0.14),0px_7px_36px_6px_rgba(0,_0,_0,_0.12)]`
+  ],
+  [
+    /^elevation-20$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_10px_13px_-6px_rgba(0,_0,_0,_0.2),0px_20px_31px_3px_rgba(0,_0,_0,_0.14),0px_8px_38px_7px_rgba(0,_0,_0,_0.12)]`
+  ],
+  [
+    /^elevation-21$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_10px_13px_-6px_rgba(0,_0,_0,_0.2),0px_21px_33px_3px_rgba(0,_0,_0,_0.14),0px_8px_40px_7px_rgba(0,_0,_0,_0.12)]`
+  ],
+  [
+    /^elevation-22$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_10px_14px_-6px_rgba(0,_0,_0,_0.2),0px_22px_35px_3px_rgba(0,_0,_0,_0.14),0px_8px_42px_7px_rgba(0,_0,_0,_0.12)]`
+  ],
+  [
+    /^elevation-23$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_11px_14px_-7px_rgba(0,_0,_0,_0.2),0px_23px_36px_3px_rgba(0,_0,_0,_0.14),0px_9px_44px_8px_rgba(0,_0,_0,_0.12)]`
+  ],
+  [
+    /^elevation-24$/,
+    ([, nr], { theme }) =>
+      `shadow-[0px_11px_15px_-7px_rgba(0,_0,_0,_0.2),0px_24px_38px_3px_rgba(0,_0,_0,_0.14),0px_9px_46px_8px_rgba(0,_0,_0,_0.12)]`
+  ]
 ]
 
 export { rules, shortcuts }

package/src/node/plugins/quasar/unocss/core/flex.unocss.ts

@@ -67,14 +67,16 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-gutter-(none|xs|sm|md|lg|xl)$/,
     ([, size], { theme }) =>
-      `[&_>_*]:(mr-${
+      `ml--${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']}
+      mt--${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']}
+      [&_>_*]:(mr-${
         colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']
       } mb-${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']})`
   ],
   [
     /^q-gutter-x-(none|xs|sm|md|lg|xl)$/,
     ([, size], { theme }) =>
-      `
+      `ml--${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']}
         [&_>_*]:(mr-${
           colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']
         })`
@@ -82,7 +84,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-gutter-y-(none|xs|sm|md|lg|xl)$/,
     ([, size], { theme }) =>
-      `
+      `mt--${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']}
         [&_>_*]:(mb-${
           colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']
         })`

package/src/node/plugins/quasar/unocss/core/index.ts

@@ -0,0 +1,352 @@
+import { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import { QuasarTheme } from '../theme.js'
+import { preflights as ColorPreflights } from './colors.unocss.js'
+import {
+  preflights as DarkPreflights,
+  shortcuts as DarkShortcuts
+} from './dark.unocss.js'
+import {
+  shortcuts as ElevationShortcuts,
+  rules as ElevationRules
+} from './elevation.unocss.js'
+import { shortcuts as FlexShortcuts } from './flex.unocss.js'
+import {
+  rules as HelperRules,
+  preflights as HelperPreflights,
+  shortcuts as HelperShortcuts
+} from './helpers.unocss.js'
+import {
+  preflights as MousePreflights,
+  shortcuts as MouseShortcuts,
+  rules as MouseRules
+} from './mouse.unocss.js'
+import { shortcuts as OrientationShortcuts } from './orientation.unocss.js'
+import { shortcuts as PositionShortcuts } from './position.unocss.js'
+import {
+  preflights as SizePreflights,
+  shortcuts as SizeShortcuts
+} from './size.unocss.js'
+import { shortcuts as TouchShortcuts } from './touch.unocss.js'
+import {
+  preflights as TransitionPreflights,
+  shortcuts as TransitionsShortcuts
+} from './transitions.unocss.js'
+import {
+  preflights as TypographyPreflights,
+  shortcuts as TypographyShortcuts
+} from './typography.unocss.js'
+import {
+  rules as VisibilityRules,
+  preflights as VisibilityPreflights,
+  shortcuts as VisibilityShortcuts
+} from './visibility.unocss.js'
+
+export const preflights: Preflight<QuasarTheme>[] = (
+  [
+    {
+      getCSS: ({ theme }) => `/* beasties:include start */
+/* Document
+* ========================================================================== */
+
+/**
+* 1. Correct the line height in all browsers.
+* 2. Prevent adjustments of font size after orientation changes in iOS.
+*/
+
+:where(html) {
+line-height: 1.15; /* 1 */
+-webkit-text-size-adjust: 100%; /* 2 */
+text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+* ========================================================================== */
+
+/**
+* Correct the font size and margin on \`h1\` elements within \`section\` and
+* \`article\` contexts in Chrome, Edge, Firefox, and Safari.
+*/
+
+:where(h1) {
+font-size: 2em;
+margin-block-end: 0.67em;
+margin-block-start: 0.67em;
+}
+
+/* Grouping content
+* ========================================================================== */
+
+/**
+* Remove the margin on nested lists in Chrome, Edge, and Safari.
+*/
+
+:where(dl, ol, ul) :where(dl, ol, ul) {
+margin-block-end: 0;
+margin-block-start: 0;
+}
+
+/**
+* 1. Add the correct box sizing in Firefox.
+* 2. Correct the inheritance of border color in Firefox.
+*/
+
+:where(hr) {
+box-sizing: content-box; /* 1 */
+color: inherit; /* 2 */
+height: 0; /* 1 */
+}
+
+/* Text-level semantics
+* ========================================================================== */
+
+/**
+* Add the correct text decoration in Safari.
+*/
+
+:where(abbr[title]) {
+text-decoration: underline;
+text-decoration: underline dotted;
+}
+
+/**
+* Add the correct font weight in Chrome, Edge, and Safari.
+*/
+
+:where(b, strong) {
+font-weight: bolder;
+}
+
+/**
+* 1. Correct the inheritance and scaling of font size in all browsers.
+* 2. Correct the odd \`em\` font sizing in all browsers.
+*/
+
+:where(code, kbd, pre, samp) {
+font-family: monospace, monospace; /* 1 */
+font-size: 1em; /* 2 */
+}
+
+/**
+* Add the correct font size in all browsers.
+*/
+
+:where(small) {
+font-size: 80%;
+}
+
+/* Tabular data
+* ========================================================================== */
+
+/**
+* 1. Correct table border color in Chrome, Edge, and Safari.
+* 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
+*/
+
+:where(table) {
+border-color: currentColor; /* 1 */
+text-indent: 0; /* 2 */
+}
+
+/* Forms
+* ========================================================================== */
+
+/**
+* Remove the margin on controls in Safari.
+*/
+
+:where(button, input, select) {
+margin: 0;
+}
+
+/**
+* Remove the inheritance of text transform in Firefox.
+*/
+
+:where(button) {
+text-transform: none;
+}
+
+/**
+* Correct the inability to style buttons in iOS and Safari.
+*/
+
+:where(button, input:is([type="button" i], [type="reset" i], [type="submit" i])) {
+-webkit-appearance: button;
+}
+
+/**
+* Add the correct vertical alignment in Chrome, Edge, and Firefox.
+*/
+
+:where(progress) {
+vertical-align: baseline;
+}
+
+/**
+* Remove the inheritance of text transform in Firefox.
+*/
+
+:where(select) {
+text-transform: none;
+}
+
+/**
+* Remove the margin in Firefox and Safari.
+*/
+
+:where(textarea) {
+margin: 0;
+}
+
+/**
+* 1. Correct the odd appearance in Chrome, Edge, and Safari.
+* 2. Correct the outline style in Safari.
+*/
+
+:where(input[type="search" i]) {
+-webkit-appearance: textfield; /* 1 */
+outline-offset: -2px; /* 2 */
+}
+
+/**
+* Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+height: auto;
+}
+
+/**
+* Correct the text style of placeholders in Chrome, Edge, and Safari.
+*/
+
+::-webkit-input-placeholder {
+color: inherit;
+opacity: 0.54;
+}
+
+/**
+* Remove the inner padding in Chrome, Edge, and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+-webkit-appearance: none;
+}
+
+/**
+* 1. Correct the inability to style upload buttons in iOS and Safari.
+* 2. Change font properties to \`inherit\` in Safari.
+*/
+
+::-webkit-file-upload-button {
+-webkit-appearance: button; /* 1 */
+font: inherit; /* 2 */
+}
+
+/**
+* Remove the inner border and padding of focus outlines in Firefox.
+*/
+
+:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focus-inner {
+border-style: none;
+padding: 0;
+}
+
+/**
+* Restore the focus outline styles unset by the previous rule in Firefox.
+*/
+
+:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focusring {
+outline: 1px dotted ButtonText;
+}
+
+/**
+* Remove the additional :invalid styles in Firefox.
+*/
+
+:where(:-moz-ui-invalid) {
+box-shadow: none;
+}
+
+/* Interactive
+* ========================================================================== */
+
+/*
+* Add the correct styles in Safari.
+*/
+
+:where(dialog) {
+background-color: white;
+border: solid;
+color: black;
+height: -moz-fit-content;
+height: fit-content;
+left: 0;
+margin: auto;
+padding: 1em;
+position: absolute;
+right: 0;
+width: -moz-fit-content;
+width: fit-content;
+}
+
+:where(dialog:not([open])) {
+display: none;
+}
+
+/*
+* Add the correct display in all browsers.
+*/
+
+:where(summary) {
+display: list-item;
+}
+
+/* * Change font properties to \`inherit\` in all browsers (opinionated).
+* */
+button,
+input,
+optgroup,
+select,
+textarea {
+font: inherit;
+font-family: inherit;
+margin: 0;
+}
+
+/* beasties:include end */`
+    }
+  ] as Preflight<QuasarTheme>[]
+).concat(
+  ColorPreflights,
+  DarkPreflights,
+  HelperPreflights,
+  MousePreflights,
+  TypographyPreflights,
+  VisibilityPreflights,
+  TransitionPreflights,
+  SizePreflights
+)
+
+export const rules = ([] as Rule<QuasarTheme>[]).concat(
+  MouseRules,
+  HelperRules,
+  ElevationRules,
+  VisibilityRules
+)
+
+export const shortcuts = ([] as UserShortcuts<QuasarTheme>[]).concat(
+  DarkShortcuts,
+  FlexShortcuts,
+  HelperShortcuts,
+  MouseShortcuts,
+  OrientationShortcuts,
+  PositionShortcuts,
+  SizeShortcuts,
+  TouchShortcuts,
+  TransitionsShortcuts,
+  TypographyShortcuts,
+  VisibilityShortcuts,
+  ElevationShortcuts
+)

package/src/node/plugins/quasar/unocss/core/position.unocss.ts

@@ -7,7 +7,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^fullscreen$/,
     ([, c], { theme }) =>
-      `fixed !rounded-none max-w-[100vw] max-h-screen top-0 right-0 bottom-0 left-0`
+      `fixed !rounded-none max-w-[100vw] max-h-screen top-0 right-0 bottom-0 left-0 z-${theme.quasar.z.fullscreen}`
   ],
 
   [