vitrify 0.17.9 → 0.17.11

package/dist/plugins/quasar/unocss/components/QAjaxBar.unocss.js

@@ -2,7 +2,7 @@ const shortcuts = [
     [
         /^q-loading-bar$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-loading-bar'] ??
-            `fixed z-9998 transition-transform bg-red`
+            `fixed z-${theme.quasar.z['max']} transition-transform bg-red`
     ],
     [/^q-loading-bar--top$/, ([, c], { theme }) => `left-0 right-0 top-0 w-full`],
     [

package/dist/plugins/quasar/unocss/components/QBar.unocss.js

@@ -2,7 +2,7 @@ const shortcuts = [
     [
         /^q-bar$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-bar'] ??
-            `bg-black op-20
+            `bg-black/20
     [&>.q-icon]:(ml-2px)
     [&>div]:(ml-8px)
     [&>div+.q-icon]:(ml-8px)
@@ -24,6 +24,6 @@ const shortcuts = [
             `px-8px py-0 h-24px text-14px
     [&_.q-btn]:(text-8px)`
     ],
-    [/^q-bar--dark$/, ([, c], { theme }) => `bg-white op-15`]
+    [/^q-bar--dark$/, ([, c], { theme }) => `bg-white/20`]
 ];
 export { shortcuts };

package/dist/plugins/quasar/unocss/components/QBtn.unocss.js

@@ -2,7 +2,7 @@ const shortcuts = [
     [
         /^q-btn$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-btn'] ??
-            `items-stretch relative outline-0 border-0 align-middle text-[14px] leading-[1.715em] no-underline [color:inherit] bg-transparent font-medium uppercase text-center w-auto h-auto cursor-default px-[16px] py-[4px] min-h-[2.572em] [&_.q-icon]:(text-[1.715em]) [&_.q-spinner]:(text-[1.715em]) [&.disabled]:(!opacity-70) [&:before]:(content-empty block absolute left-[0] right-[0] top-[0] bottom-[0] [border-radius:inherit] [box-shadow:0_1px_5px_rgba(0,_0,_0,_0.2),_0_2px_2px_rgba(0,_0,_0,_0.14),_0_3px_1px_-2px_rgba(0,_0,_0,_0.12)])`
+            `font-medium items-stretch relative outline-0 border-0 align-middle text-[14px] leading-[1.715em] no-underline [color:inherit] bg-transparent font-medium uppercase text-center w-auto h-auto cursor-default px-[16px] py-[4px] min-h-[2.572em] [&_.q-icon]:(text-[1.715em]) [&_.q-spinner]:(text-[1.715em]) [&.disabled]:(!opacity-70) [&:before]:(content-empty block absolute left-[0] right-[0] top-[0] bottom-[0] [border-radius:inherit] [box-shadow:0_1px_5px_rgba(0,_0,_0,_0.2),_0_2px_2px_rgba(0,_0,_0,_0.14),_0_3px_1px_-2px_rgba(0,_0,_0,_0.12)])`
         // inline-flex flex-col
     ],
     [

package/dist/plugins/quasar/unocss/components/QCard.unocss.js

@@ -2,24 +2,32 @@ const shortcuts = [
     [
         /^q-card$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-card'] ??
-            `[box-shadow:0_1px_5px_rgba(0,_0,_0,_0.2),_0_2px_2px_rgba(0,_0,_0,_0.14),_0_3px_1px_-2px_rgba(0,_0,_0,_0.12)] rounded-[4px] align-top bg-[#fff] relative [&_>_div:not(.q--avoid-card-border)]:(rounded-tl-none rounded-tr-none rounded-bl-none rounded-br-none) [&_>_img:not(.q--avoid-card-border)]:(rounded-tl-none rounded-tr-none rounded-bl-none rounded-br-none) [&_>_div:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top:0] [border-top-left-radius:inherit] [border-top-right-radius:inherit]) [&_>_img:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top:0] [border-top-left-radius:inherit] [border-top-right-radius:inherit]) [&_>_div:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-bottom:0] [border-bottom-left-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_img:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-bottom:0] [border-bottom-left-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_div:not(.q--avoid-card-border)]:([border-left:0] [border-right:0] [box-shadow:none]) [&_>_img]:(block w-full max-w-full border-[0])`
+            `shadow-[0_1px_5px_rgba(0,_0,_0,_0.2),_0_2px_2px_rgba(0,_0,_0,_0.14),_0_3px_1px_-2px_rgba(0,_0,_0,_0.12)] rounded-[4px] align-top bg-[#fff] relative
+      [&_>_div:not(.q--avoid-card-border)]:(rounded-tl-none rounded-tr-none rounded-bl-none rounded-br-none)
+      [&_>_img:not(.q--avoid-card-border)]:(rounded-tl-none rounded-tr-none rounded-bl-none rounded-br-none)
+      [&_>_div:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top:0] [border-top-left-radius:inherit] [border-top-right-radius:inherit])
+      [&_>_img:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top:0] [border-top-left-radius:inherit] [border-top-right-radius:inherit])
+      [&_>_div:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-bottom:0] [border-bottom-left-radius:inherit] [border-bottom-right-radius:inherit])
+      [&_>_img:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-bottom:0] [border-bottom-left-radius:inherit] [border-bottom-right-radius:inherit])
+      [&_>_div:not(.q--avoid-card-border)]:([border-left:0] [border-right:0] shadow-none)
+      [&_>_img]:(block w-full max-w-full border-[0])`
     ],
     [
         /^q-card--bordered$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-card--bordered'] ??
-            `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
+            `border-1px border-solid border-black/12`
     ],
     [
         /^q-card--dark$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-card--dark'] ??
-            `border-[rgba(255,_255,_255,_0.28)] [box-shadow:0_1px_5px_rgba(255,_255,_255,_0.2),_0_2px_2px_rgba(255,_255,_255,_0.14),_0_3px_1px_-2px_rgba(255,_255,_255,_0.12)]`
+            `border-white/28 shadow-[0_1px_5px_rgba(255,_255,_255,_0.2),_0_2px_2px_rgba(255,_255,_255,_0.14),_0_3px_1px_-2px_rgba(255,_255,_255,_0.12)]`
     ],
     [/^q-card__section$/, ([, c], { theme }) => `relative`],
     [/^q-card__section--vert$/, ([, c], { theme }) => `p-[16px]`],
     [
         /^q-card__section--horiz$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-card__section--horiz'] ??
-            `[&_>_div:not(.q--avoid-card-border)]:(rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none) [&_>_img:not(.q--avoid-card-border)]:(rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none) [&_>_div:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit]) [&_>_img:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit]) [&_>_div:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-top-right-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_img:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-top-right-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_div:not(.q--avoid-card-border)]:([border-top:0] [border-bottom:0] [box-shadow:none])`
+            `[&_>_div:not(.q--avoid-card-border)]:(rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none) [&_>_img:not(.q--avoid-card-border)]:(rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none) [&_>_div:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit]) [&_>_img:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit]) [&_>_div:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-top-right-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_img:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-top-right-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_div:not(.q--avoid-card-border)]:([border-top:0] [border-bottom:0] shadow-none)`
     ],
     [
         /^q-card__actions$/,

package/dist/plugins/quasar/unocss/components/QChatMessage.unocss.js

@@ -24,7 +24,8 @@ const shortcuts = [
     [
         /^q-message-text--received$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-message-text--received'] ??
-            `text-[#81c784] rounded-tl-[4px] rounded-br-[4px] rounded-tr-[4px] rounded-bl-[0] [&:last-child:before]:(right-full [border-right:0_solid_transparent] [border-left:8px_solid_transparent] [border-bottom:8px_solid_currentColor])`
+            `text-[#81c784] rounded-tl-[4px] rounded-br-[4px] rounded-tr-[4px] rounded-bl-[0]
+      [&:last-child:before]:(right-full [border-right:0_solid_transparent] [border-left:8px_solid_transparent] [border-bottom:8px_solid_currentColor])`
     ],
     [/^q-message-text-content--received$/, ([, c], { theme }) => `text-[#000]`],
     [/^q-message-name--sent$/, ([, c], { theme }) => `text-right`],
@@ -39,7 +40,11 @@ const shortcuts = [
     [
         /^q-message-text$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-message-text'] ??
-            `bg-current p-[8px] leading-[1.2] relative [&_+_.q-message-text]:(mt-[3px]) [&:last-child]:(min-h-[48px]) [&:last-child_.q-message-stamp]:(block) [&:last-child:before]:(content-empty absolute bottom-0 w-[0] h-[0])`
+            `bg-current p-[8px] leading-[1.2] relative
+      [&_+_.q-message-text]:(mt-[3px])
+      [&:last-child]:(min-h-[48px])
+      [&:last-child_.q-message-stamp]:(block)
+      [&:last-child:before]:(content-empty absolute bottom-0 w-[0] h-[0])`
     ]
 ];
 export { shortcuts };

package/dist/plugins/quasar/unocss/components/QCheckbox.unocss.js

@@ -24,7 +24,11 @@ body.desktop .q-checkbox--dense:not(.disabled):focus .q-checkbox__inner:before,
     }
 ];
 const shortcuts = [
-    [/^q-checkbox$/, ([, c], { theme }) => `align-middle`],
+    [
+        /^q-checkbox$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-checkbox'] ??
+            `align-middle [&.disabled]:(!opacity-75)`
+    ],
     [/^q-checkbox__native$/, ([, c], { theme }) => `w-px h-px`],
     [
         /^q-checkbox__bg$/,
@@ -37,7 +41,7 @@ const shortcuts = [
     [
         /^q-checkbox__truthy$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-checkbox__truthy'] ??
-            `stroke-current stroke-[3.12px]`
+            `stroke-current stroke-[3.12px] stroke-offset-[29.78334] stroke-dash-[29.78334]`
     ],
     [
         /^q-checkbox__indet$/,
@@ -47,12 +51,14 @@ const shortcuts = [
     [
         /^q-checkbox__inner$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-checkbox__inner'] ??
-            `text-[40px] w-[1em] min-w-[1em] h-[1em] outline-0 rounded-[50%] text-[rgba(0,_0,_0,_0.54)]`
+            `text-[40px] w-[1em] min-w-[1em] h-[1em] outline-[0] rounded-[50%] layer-dismiss:text-[rgba(0,_0,_0,_0.54)]`
     ],
     [
         /^q-checkbox__inner--truthy$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-checkbox__inner--truthy'] ??
-            `text-primary [&_.q-checkbox\\_\\_bg]:(bg-current) [&_path]:([transition:stroke-dashoffset_0.18s_cubic-bezier(0.4,_0,_0.6,_1)_0ms])`
+            `text-primary
+      [&_.q-checkbox\\_\\_bg]:(bg-current)
+      [&_path]:(stroke-offset-none [transition:stroke-dashoffset_0.18s_cubic-bezier(0.4,_0,_0.6,_1)_0ms])`
     ],
     [
         /^q-checkbox__inner--indet$/,
@@ -62,12 +68,18 @@ const shortcuts = [
     [
         /^q-checkbox--dark$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-checkbox--dark'] ??
-            `[&_.q-checkbox\\_\\_inner]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-checkbox\\_\\_inner:before]:(!opacity-[0.32]) [&_.q-checkbox\\_\\_inner--truthy]:(text-primary) [&_.q-checkbox\\_\\_inner--indet]:(text-primary)`
+            `[&_.q-checkbox\\_\\_inner]:(layer-dismiss:text-[rgba(255,_255,_255,_0.7)])
+       [&_.q-checkbox\\_\\_inner:before]:(!opacity-[0.32])
+       [&_.q-checkbox\\_\\_inner--truthy]:(layer-dismiss:text-primary)
+       [&_.q-checkbox\\_\\_inner--indet]:(layer-dismiss:text-primary)`
     ],
     [
         /^q-checkbox--dense$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-checkbox--dense'] ??
-            `[&_.q-checkbox\\_\\_inner]:(w-[0.5em] min-w-[0.5em] h-[0.5em]) [&_.q-checkbox\\_\\_bg]:(left-[5%] top-[5%] w-[90%] h-[90%]) [&_.q-checkbox\\_\\_label]:(pl-[0.5em])`
+            `[&_.q-checkbox\\_\\_inner]:(w-[0.5em] min-w-[0.5em] h-[0.5em])
+       [&_.q-checkbox\\_\\_bg]:(left-[5%] top-[5%] w-[90%] h-[90%])
+       [&_.q-checkbox\\_\\_label]:(pl-[0.5em])
+       [&.reverse_.q-checkbox\\_\\_label]:(pl-0 pr-[0.5em])`
     ]
 ];
 export { preflights, shortcuts };

package/dist/plugins/quasar/unocss/components/QDrawer.unocss.js

@@ -2,11 +2,12 @@ const shortcuts = [
     [
         /^q-drawer$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-drawer'] ??
-            `absolute top-[0] bottom-[0] bg-[#fff]`
+            `absolute top-[0] bottom-[0] bg-[#fff] z-${theme.quasar.z['side']}`
     ],
     [
         /^q-drawer--on-top$/,
-        ([, c], { theme }) => theme.quasar?.components?.['q-drawer--on-top'] ?? ``
+        ([, c], { theme }) => theme.quasar?.components?.['q-drawer--on-top'] ??
+            `z-${theme.quasar.z['top']}`
     ],
     [
         /^q-drawer--left$/,
@@ -45,12 +46,13 @@ const shortcuts = [
     ],
     [
         /^q-drawer__backdrop$/,
-        ([, c], { theme }) => theme.quasar?.components?.['q-drawer__backdrop'] ?? ``
+        ([, c], { theme }) => theme.quasar?.components?.['q-drawer__backdrop'] ??
+            `z-${theme.quasar.z['top'] - 1}`
     ],
     [
         /^q-drawer__opener$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-drawer__opener'] ??
-            `h-full w-[15px] select-none`
+            `h-full w-[15px] select-none z-${theme.quasar.z['marginals'] + 1}`
     ]
 ];
 export { shortcuts };

package/dist/plugins/quasar/unocss/components/QFooter.unocss.js

@@ -8,7 +8,7 @@ const shortcuts = [
     [
         /^q-footer$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-footer'] ??
-            `[&_.q-layout\\_\\_shadow]:(-top-[10px]) [&_.q-layout\\_\\_shadow:after]:(top-[10px])  relative z-2000`
+            `[&_.q-layout\\_\\_shadow]:(-top-[10px]) [&_.q-layout\\_\\_shadow:after]:(top-[10px])  relative z-${theme.quasar.z['marginals']}`
     ]
 ];
 export { shortcuts };

package/dist/plugins/quasar/unocss/components/QMenu.unocss.js

@@ -2,7 +2,7 @@ const shortcuts = [
     [
         /^q-menu$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-menu'] ??
-            `!fixed inline-block max-w-[95vw] max-h-[65vh] [box-shadow:0_1px_5px_rgba(0,_0,_0,_0.2),_0_2px_2px_rgba(0,_0,_0,_0.14),_0_3px_1px_-2px_rgba(0,_0,_0,_0.12)] bg-[#fff] rounded-[4px] overflow-y-auto overflow-x-hidden outline-0 z-6000`
+            `!fixed inline-block max-w-[95vw] max-h-[65vh] [box-shadow:0_1px_5px_rgba(0,_0,_0,_0.2),_0_2px_2px_rgba(0,_0,_0,_0.14),_0_3px_1px_-2px_rgba(0,_0,_0,_0.12)] bg-[#fff] rounded-[4px] overflow-y-auto overflow-x-hidden outline-0 z-${theme.quasar.z['menu']}`
     ],
     [/^q-menu--square$/, ([, c], { theme }) => `rounded-none`],
     [

package/dist/plugins/quasar/unocss/components/QTabPanel.unocss.js

@@ -1,5 +1,5 @@
 const shortcuts = [
-    [/^q-tab-panels$/, ([, c], { theme }) => `bg-[#fff]`],
+    [/^q-tab-panels$/, ([, c], { theme }) => `bg-inherit`],
     [/^q-tab-panel$/, ([, c], { theme }) => `p-[16px]`]
 ];
 export { shortcuts };

package/dist/plugins/quasar/unocss/components/QTooltip.unocss.js

@@ -7,7 +7,7 @@ const shortcuts = [
     [
         /^q-tooltip$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-tooltip'] ??
-            `z-9000 !fixed overflow-y-auto overflow-x-hidden px-[10px] py-[6px] max-w-[95vw] max-h-[65vh] sm:(text-14px pt-8px pb-8px pl-16px pr-16px)`
+            `z-${theme.quasar.z['tooltip']} !fixed overflow-y-auto overflow-x-hidden px-[10px] py-[6px] max-w-[95vw] max-h-[65vh] sm:(text-14px pt-8px pb-8px pl-16px pr-16px)`
     ]
 ];
 export { shortcuts };

package/dist/plugins/quasar/unocss/core/colors.unocss.js

@@ -9,7 +9,7 @@ const preflights = [
   --q-negative: ${theme.colors.negative};
   --q-info: ${theme.colors.info};
   --q-warning: ${theme.colors.warning};
-  --q-dark: ${theme.colors['q-dark']};
+  --q-dark: ${theme.colors['dark']};
   --q-dark-page: ${theme.colors['dark-page']};
 }`
     }

package/dist/plugins/quasar/unocss/core/flex.unocss.js

@@ -8,10 +8,15 @@ const colGutter = {
     lg: 6,
     xl: 12
 };
-const sizes = ['sm', 'md', 'lg', 'xl'];
 const shortcuts = [
-    [/^row$/, ([, c], { theme }) => `flex flex-row flex-wrap`],
-    [/^column$/, ([, c], { theme }) => `flex flex-col flex-wrap`],
+    [
+        /^row$/,
+        ([, c], { theme }) => `flex flex-row flex-wrap [&.reverse]:(flex-row-reverse)`
+    ],
+    [
+        /^column$/,
+        ([, c], { theme }) => `flex flex-col flex-wrap [&.reverse]:(flex-col-reverse)`
+    ],
     [
         /^col(?:-)?(none|xs|sm|md|lg|xl)?(?:-)?([2-9]|1[0-2]?)?$/,
         ([, size, nr], { theme }) => {
@@ -48,15 +53,17 @@ const shortcuts = [
     [
         /^q-gutter-x-(none|xs|sm|md|lg|xl)$/,
         ([, size], { theme }) => `ml--${colGutter[size]}
-      space-x-${colGutter[size]})`
+      space-x-${colGutter[size]}`
     ],
     [
         /^q-gutter-y-(none|xs|sm|md|lg|xl)$/,
         ([, size], { theme }) => `mt--${colGutter[size]}
-       space-y-${colGutter[size]})`
+       space-y-${colGutter[size]}`
     ],
     [/^wrap$/, ([, size], { theme }) => `flex-wrap`],
     [/^no-wrap$/, ([, size], { theme }) => `flex-nowrap`],
-    [/^reverse-wrap$/, ([, size], { theme }) => `flex-wrap-reverse`]
+    [/^reverse-wrap$/, ([, size], { theme }) => `flex-wrap-reverse`],
+    [/^flex-center$/, ([, c], { theme }) => 'justify-center items-center'],
+    [/^inline$/, ([, c], { theme }) => 'flex-inline!']
 ];
 export { shortcuts };

package/dist/plugins/quasar/unocss/core/position.unocss.js

@@ -43,6 +43,7 @@ const shortcuts = [
     [/^vertical-bottom$/, ([, c], { theme }) => `!align-bottom`],
     [/^on-left$/, ([, c], { theme }) => `mr-[12px]`],
     [/^on-right$/, ([, c], { theme }) => `ml-[12px]`],
-    [/^q-position-engine$/, ([, c], { theme }) => `!mt-0 !ml-0`]
+    [/^q-position-engine$/, ([, c], { theme }) => `!mt-0 !ml-0`],
+    [/^relative-position$/, ([, c], { theme }) => `relative`]
 ];
 export { shortcuts };

package/dist/plugins/quasar/unocss/directives/QRipple.unocss.js

@@ -1,7 +1,7 @@
 const shortcuts = [
     [
         /^q-ripple$/,
-        ([, c], { theme }) => `absolute top-0 left-0 w-full h-full [color:inherit] [border-radius:inherit] z-0 pointer-events-none overflow-hidden`
+        ([, c], { theme }) => `absolute top-0 left-0 w-full h-full [color:inherit] [border-radius:inherit] z-0 pointer-events-none overflow-hidden z-0`
     ],
     [
         /^q-ripple__inner$/,

package/dist/plugins/quasar/unocss/index.js

@@ -82,10 +82,10 @@ import { preflights as DarkPreflights, shortcuts as DarkShortcuts } from './core
 import { shortcuts as ElevationShortcuts, rules as ElevationRules } from './core/elevation.unocss.js';
 import { shortcuts as FlexShortcuts } from './core/flex.unocss.js';
 import { rules as HelperRules, preflights as HelperPreflights, shortcuts as HelperShortcuts } from './core/helpers.unocss.js';
-import { preflights as MousePreflights, shortcuts as MouseShortcuts } from './core/mouse.unocss.js';
+import { preflights as MousePreflights, shortcuts as MouseShortcuts, rules as MouseRules } from './core/mouse.unocss.js';
 import { shortcuts as OrientationShortcuts } from './core/orientation.unocss.js';
 import { shortcuts as PositionShortcuts } from './core/position.unocss.js';
-import { shortcuts as SizeShortcuts } from './core/size.unocss.js';
+import { preflights as SizePreflights, shortcuts as SizeShortcuts } from './core/size.unocss.js';
 import { shortcuts as TouchShortcuts } from './core/touch.unocss.js';
 import { preflights as TransitionPreflights, shortcuts as TransitionsShortcuts } from './core/transitions.unocss.js';
 import { preflights as TypographyPreflights, shortcuts as TypographyShortcuts } from './core/typography.unocss.js';
@@ -230,10 +230,66 @@ const pluginSafelistMap = {
         'q-btn__progress-indicator',
         'q-btn__progress--dark',
         'q-spinner',
-        'q-spinner-mat'
+        'q-spinner-mat',
+        'q-notifications__list',
+        'q-notifications__list--center',
+        'q-notifications__list--top',
+        'q-notifications__list--bottom',
+        'q-notification',
+        'q-notification__icon',
+        'q-notification__icon--additional',
+        'q-notification__avatar',
+        'q-notification__avatar--additional',
+        'q-notification__spinner',
+        'q-notification__spinner--additional',
+        'q-notification__message',
+        'q-notification__caption',
+        'q-notification__actions',
+        'q-notification__badge',
+        'q-notification__badge--top-left',
+        'q-notification__badge--top-right',
+        'q-notification__badge--bottom-left',
+        'q-notification__badge--bottom-right',
+        'q-notification__progress',
+        'q-notification--standard',
+        'q-notification--multi-line',
+        'q-notification--top-left-enter-from',
+        'q-notification--top-left-leave-to',
+        'q-notification--top-enter-from',
+        'q-notification--top-leave-to',
+        'q-notification--top-right-enter-from',
+        'q-notification--top-right-leave-to',
+        'q-notification--left-enter-from',
+        'q-notification--left-leave-to',
+        'q-notification--center-enter-from',
+        'q-notification--center-leave-to',
+        'q-notification--right-enter-from',
+        'q-notification--right-leave-to',
+        'q-notification--bottom-left-enter-from',
+        'q-notification--bottom-left-leave-to',
+        'q-notification--bottom-enter-from',
+        'q-notification--bottom-leave-to',
+        'q-notification--bottom-right-enter-from',
+        'q-notification--bottom-right-leave-to',
+        'q-notification--top-left-leave-active',
+        'q-notification--top-leave-active',
+        'q-notification--top-right-leave-active',
+        'q-notification--left-leave-active',
+        'q-notification--center-leave-active',
+        'q-notification--right-leave-active',
+        'q-notification--bottom-left-leave-active',
+        'q-notification--bottom-leave-active',
+        'q-notification--bottom-right-leave-active'
     ]
 };
 const baseSafelist = [
+    'relative-position',
+    'q-panel-parent',
+    'inline',
+    'bg-primary',
+    'col',
+    'row',
+    'text-primary',
     'absolute',
     'absolute-bottom',
     'absolute-full',
@@ -1434,13 +1490,17 @@ const generateSafelist = ({ plugins, iconSet }) => {
     return safelist;
 };
 export default definePreset((options = {}) => {
-    return {
-        name: 'quasar',
-        presets: [presetUno(), animatedUno(), presetIcons({})],
-        safelist: generateSafelist(options),
-        preflights: [
-            {
-                getCSS: ({ theme }) => `/* beasties:include start */
+    return [
+        presetUno(),
+        animatedUno(),
+        presetIcons({}),
+        {
+            name: 'quasar',
+            presets: [presetUno(), animatedUno(), presetIcons({})],
+            safelist: generateSafelist(options),
+            preflights: [
+                {
+                    getCSS: ({ theme }) => `/* beasties:include start */
 /* Document
  * ========================================================================== */
 
@@ -1698,64 +1758,90 @@ export default definePreset((options = {}) => {
 :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 */`
-            }
-        ].concat(QBreadcrumbsPreflights, QCheckboxPreflights, QChipPreflights, QCircularProgressPreflights, QDialogPreflights, QFieldPreflights, QLayoutPreflights, QLinearProgressPreflights, QRadioPreflights, QSelectPreflights, QSpinnerPreflights, QSkeletonPreflights, QTablePreflights, QTogglePreflights, QTreePreflights, ColorPreflights, DarkPreflights, HelperPreflights, MousePreflights, TypographyPreflights, VisibilityPreflights, TransitionPreflights),
-        rules: [].concat(HelperRules, ElevationRules, VisibilityRules),
-        shortcuts: [].concat(QIconShortcuts, QAjaxBarShortcuts, QAvatarShortcuts, QBadgeShortcuts, QBreadcrumbsShortcuts, QBannerShortcuts, QBarShortcuts, QBtnShortcuts, QBtnDropdownShortcuts, QBtnGroupShortcuts, QBtnToggleShortcuts, QCardShortcuts, QCarouselShortcuts, QChatMessageShortcuts, QCheckboxShortcuts, QChipShortcuts, QCircularProgressShortcuts, QColorPickerShortcuts, QDateShortcuts, QDialogShortcuts, QEditorShortcuts, QExpansionItemShortcuts, QFabShortcuts, QFieldShortcuts, QFileShortcuts, QFormShortcuts, QImgShortcuts, QInnerLoadingShortcuts, QInputShortcuts, QIntersectionShortcuts, QItemShortcuts, QKnobShortcuts, QLayoutShortcuts, QLinearProgressShortcuts, QMenuShortcuts, QOptionGroupShortcuts, QPageShortcuts, QPageStickyShortcuts, QPaginationShortcuts, QParallaxShortcuts, QPopupEditShortcuts, QPullToRefreshShortcuts, QRadioShortcuts, QRatingShortcuts, QResponsiveShortcuts, QScrollareaShortcuts, QSelectShortcuts, QSeparatorShortcuts, QSkeletonShortcuts, QSlideItemShortcuts, QSliderShortcuts, QSpaceShortcuts, QSpinnerShortcuts, QSplitterShortcuts, QStepperShortcuts, QTabPanelShortcuts, QTableShortcuts, QTabsShortcuts, QTimeShortcuts, QTimelineShortcuts, QToggleShortcuts, QToolbarShortcuts, QTooltipShortcuts, QTreeShortcuts, QUploaderShortcuts, QVideoShortcuts, QVirtualScrollShortcuts, PanelShortcuts, QMorphShortcuts, QRippleShortcuts, QBottomSheetShortcuts, QDialogPluginShortcuts, QLoadingShortcuts, QNotifyShortcuts, DarkShortcuts, FlexShortcuts, HelperShortcuts, MouseShortcuts, OrientationShortcuts, PositionShortcuts, SizeShortcuts, TouchShortcuts, TransitionsShortcuts, TypographyShortcuts, VisibilityShortcuts, QHeaderShortcuts, QFooterShortcuts, QDrawerShortcuts, ElevationShortcuts),
-        theme: defaultTheme,
-        variants: [
-        // ...
-        ],
-        extractors: [
-            {
-                name: 'quasar-extractor',
-                order: 0,
-                extract({ code }) {
-                    const kebabMatch = code.matchAll(/q-(\w)([\w-]*)/g);
-                    const pascalMatch = code.matchAll(/Q([A-Z][a-z0-9]+)+/g);
-                    const transitionMatch = code.matchAll(/(transition|transition-show|transition-hide)="(\S*)"/g);
-                    const matches = [];
-                    for (const match of kebabMatch)
-                        matches.push(match[0]);
-                    for (const match of pascalMatch) {
-                        matches.push(toKebabCase(match[0]));
-                    }
-                    const transitionClasses = [];
-                    for (const match of transitionMatch) {
-                        transitionClasses.push(...[
-                            'enter-from',
-                            'enter-active',
-                            'enter-to',
-                            'leave-from',
-                            'leave-active',
-                            'leave-to'
-                        ].map((v) => `q-transition--${match[2]}-${v}`));
+                }
+            ].concat(QBreadcrumbsPreflights, QCheckboxPreflights, QChipPreflights, QCircularProgressPreflights, QDialogPreflights, QFieldPreflights, QLayoutPreflights, QLinearProgressPreflights, QRadioPreflights, QSelectPreflights, QSpinnerPreflights, QSkeletonPreflights, QTablePreflights, QTogglePreflights, QTreePreflights, ColorPreflights, DarkPreflights, HelperPreflights, MousePreflights, TypographyPreflights, VisibilityPreflights, TransitionPreflights, SizePreflights),
+            rules: [].concat(MouseRules, HelperRules, ElevationRules, VisibilityRules),
+            shortcuts: [].concat(QIconShortcuts, QAjaxBarShortcuts, QAvatarShortcuts, QBadgeShortcuts, QBreadcrumbsShortcuts, QBannerShortcuts, QBarShortcuts, QBtnShortcuts, QBtnDropdownShortcuts, QBtnGroupShortcuts, QBtnToggleShortcuts, QCardShortcuts, QCarouselShortcuts, QChatMessageShortcuts, QCheckboxShortcuts, QChipShortcuts, QCircularProgressShortcuts, QColorPickerShortcuts, QDateShortcuts, QDialogShortcuts, QEditorShortcuts, QExpansionItemShortcuts, QFabShortcuts, QFieldShortcuts, QFileShortcuts, QFormShortcuts, QImgShortcuts, QInnerLoadingShortcuts, QInputShortcuts, QIntersectionShortcuts, QItemShortcuts, QKnobShortcuts, QLayoutShortcuts, QLinearProgressShortcuts, QMenuShortcuts, QOptionGroupShortcuts, QPageShortcuts, QPageStickyShortcuts, QPaginationShortcuts, QParallaxShortcuts, QPopupEditShortcuts, QPullToRefreshShortcuts, QRadioShortcuts, QRatingShortcuts, QResponsiveShortcuts, QScrollareaShortcuts, QSelectShortcuts, QSeparatorShortcuts, QSkeletonShortcuts, QSlideItemShortcuts, QSliderShortcuts, QSpaceShortcuts, QSpinnerShortcuts, QSplitterShortcuts, QStepperShortcuts, QTabPanelShortcuts, QTableShortcuts, QTabsShortcuts, QTimeShortcuts, QTimelineShortcuts, QToggleShortcuts, QToolbarShortcuts, QTooltipShortcuts, QTreeShortcuts, QUploaderShortcuts, QVideoShortcuts, QVirtualScrollShortcuts, PanelShortcuts, QMorphShortcuts, QRippleShortcuts, QBottomSheetShortcuts, QDialogPluginShortcuts, QLoadingShortcuts, QNotifyShortcuts, DarkShortcuts, FlexShortcuts, HelperShortcuts, MouseShortcuts, OrientationShortcuts, PositionShortcuts, SizeShortcuts, TouchShortcuts, TransitionsShortcuts, TypographyShortcuts, VisibilityShortcuts, QHeaderShortcuts, QFooterShortcuts, QDrawerShortcuts, ElevationShortcuts),
+            layers: {
+                dismiss: -1,
+                default: 1
+            },
+            theme: defaultTheme,
+            variants: [
+            // ...
+            ],
+            extractors: [
+                {
+                    name: 'quasar-extractor',
+                    order: 0,
+                    extract({ code }) {
+                        const kebabMatch = code.matchAll(/q-(\w)([\w-]*)/g);
+                        const pascalMatch = code.matchAll(/Q([A-Z][a-z0-9]+)+/g);
+                        const transitionMatch = code.matchAll(/(transition|transition-show|transition-hide|transition-prev|transition-next)="(\S*)"/g);
+                        const colorMatch = code.matchAll(/color="(\S*)"/g);
+                        const matches = [];
+                        for (const match of kebabMatch)
+                            matches.push(match[0]);
+                        for (const match of pascalMatch) {
+                            matches.push(toKebabCase(match[0]));
+                        }
+                        const transitionClasses = [];
+                        for (const match of transitionMatch) {
+                            transitionClasses.push(...[
+                                'enter-from',
+                                'enter-active',
+                                'enter-to',
+                                'leave-from',
+                                'leave-active',
+                                'leave-to'
+                            ].map((v) => `q-transition--${match[2]}-${v}`));
+                        }
+                        const colorClasses = [];
+                        for (const match of colorMatch) {
+                            colorClasses.push(`text-${match[1]}`, `bg-${match[1]}`);
+                        }
+                        const classes = qClasses.filter((c) => matches.some((component) => {
+                            component = component.replaceAll('q-chat-message', 'q-message');
+                            return c.includes(component);
+                        }));
+                        classes.push(...transitionClasses, ...colorClasses);
+                        return classes;
                     }
-                    const classes = qClasses.filter((c) => matches.some((component) => c.includes(component)));
-                    classes.push(...transitionClasses);
-                    return classes;
                 }
-            }
-        ],
-        transformers: [
-            transformerVariantGroup()
-            // {
-            //   name: 'find-classes-in-quasar-src',
-            //   enforce: 'pre', // enforce before other transformers
-            //   idFilter(id) {
-            //     return id.match(/quasar\/src\/.*\.js/)
-            //   },
-            //   async transform(code, id, { uno }) {
-            //     for (const c of baseSafelist) {
-            //       if (code.toString().includes(c)) console.log(c)
-            //     }
-            //     return code
-            //     // code is a MagicString instance
-            //   }
-            // }
-        ]
-    };
+            ],
+            transformers: [
+                transformerVariantGroup()
+                // {
+                //   name: 'find-classes-in-quasar-src',
+                //   enforce: 'pre', // enforce before other transformers
+                //   idFilter(id) {
+                //     return id.match(/quasar\/src\/.*\.js/)
+                //   },
+                //   async transform(code, id, { uno }) {
+                //     for (const c of baseSafelist) {
+                //       if (code.toString().includes(c)) console.log(c)
+                //     }
+                //     return code
+                //     // code is a MagicString instance
+                //   }
+                // }
+            ]
+        }
+    ];
 });
 export const defaultSplitRE = /[\\:]?[\s'"`;{}]+/g;
 export const splitWithVariantGroupRE = /([\\:]?[\s"'`;<>]|:\(|\)"|\)\s)/g;

package/dist/plugins/quasar/unocss/plugins/QLoading.unocss.js

@@ -2,7 +2,7 @@ const shortcuts = [
     [/^q-loading$/, ([, c], { theme }) => `text-[#000] !fixed`],
     [
         /^q-loading__backdrop$/,
-        ([, c], { theme }) => `fixed top-0 right-0 bottom-0 left-0 opacity-50 bg-[#000] [transition:background-color_0.28s]`
+        ([, c], { theme }) => `fixed top-0 right-0 bottom-0 left-0 opacity-50 bg-[#000] [transition:background-color_0.28s] z--1`
     ],
     [
         /^q-loading__box$/,