vitrify 0.17.10 → 0.17.12

package/src/node/plugins/quasar/unocss/components/QBanner.unocss.ts

@@ -2,33 +2,34 @@ import type { Rule, UserShortcuts } from '@unocss/core'
 import type { QuasarTheme } from '../theme.js'
 
 const shortcuts: UserShortcuts<QuasarTheme> = [
-  [/^q-banner$/, ([, c], { theme }) => `min-h-54px px-16px py-8px bg-white`],
-  [/^q-banner--top-padding$/, ([, c], { theme }) => ``],
-  [/^q-banner--top-padding$/, ([, c], { theme }) => `pt-14px`],
+  [
+    /^q-banner$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-banner'] ??
+      `min-h-[54px] px-[16px] py-[8px] bg-[#fff]`
+  ],
+
+  [/^q-banner--top-padding$/, ([, c], { theme }) => `pt-[14px]`],
+
   [
     /^q-banner__avatar$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-banner__avatar'] ??
-      `min-w-1px! [&.q-avatar]:(text-46px) 
-    [&.q-icon]:(text-40px) 
-    [&:not(:empty)+.q-banner\\_\\_content]:(pl-16px)`
+      `!min-w-[1px] [&_>_.q-avatar]:(text-[46px]) [&_>_.q-icon]:(text-[40px]) [&:not(:empty)_+_.q-banner\\_\\_content]:(pl-[16px])`
   ],
+
   [
     /^q-banner__actions$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-banner__actions'] ??
-      `[&.col-auto]:(pl-16px)
-        [&.col-all_.q.btn-item]:(mt-4px mb-0 ml-4px mr-0)`
+      `[&.col-auto]:(pl-[16px]) [&.col-all_.q-btn-item]:(mt-[4px] mr-[0] mb-[0] ml-[4px])`
   ],
 
   [
     /^q-banner--dense$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-banner--dense'] ??
-      `min-h-32px p-8px
-          [&_.q-banner\\_\\_avatar>.q-avatar,.q-banner--dense_.q-banner\\_\\_avatar>.q-icon]:(text-28px)
-      [&_.q-banner\\_\\_avatar:not(:empty)+.q-banner\\_\\_content]:(pl-8px)
-      [&_.q-banner\\_\\_actions.col-auto]:(pl-8px)`
+      `min-h-[32px] p-[8px] [&.q-banner--top-padding]:(pt-[12px]) [&_.q-banner\\_\\_avatar_>_.q-avatar]:(text-[28px]) [&_.q-banner\\_\\_avatar_>_.q-icon]:(text-[28px]) [&_.q-banner\\_\\_avatar:not(:empty)_+_.q-banner\\_\\_content]:(pl-[8px]) [&_.q-banner\\_\\_actions.col-auto]:(pl-[8px])`
   ]
 ]
 

package/src/node/plugins/quasar/unocss/components/QBar.unocss.ts

@@ -6,7 +6,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^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)
@@ -30,7 +30,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
       `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/src/node/plugins/quasar/unocss/components/QBtn.unocss.ts

@@ -6,7 +6,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^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
   ],
 
@@ -71,14 +71,16 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^q-btn--fab$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-btn--fab'] ??
-      `[&_.q-icon]:(text-[24px]) p-[16px] min-h-[56px] min-w-[56px] [&_.q-icon]:(m-auto)`
+      `[&_.q-icon]:(text-[24px]) p-[16px] [&_.q-icon]:(m-auto) pb-0`
+    // min-h-[56px] min-w-[56px]
   ],
 
   [
     /^q-btn--fab-mini$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-btn--fab-mini'] ??
-      `[&_.q-icon]:(text-[24px]) p-[8px] min-h-[40px] min-w-[40px]`
+      `[&_.q-icon]:(text-[24px]) p-[8px] pb-0`
+    // min-h-[40px] min-w-[40px]
   ],
 
   [/^q-btn__content$/, ([, c], { theme }) => `[transition:opacity_0.3s] z-0`],

package/src/node/plugins/quasar/unocss/components/QCard.unocss.ts

@@ -6,21 +6,29 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^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`],
@@ -31,7 +39,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^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)`
   ],
 
   [

package/src/node/plugins/quasar/unocss/components/QChatMessage.unocss.ts

@@ -38,7 +38,8 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^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]`],
@@ -62,7 +63,11 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^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])`
   ]
 ]
 

package/src/node/plugins/quasar/unocss/components/QCheckbox.unocss.ts

@@ -28,7 +28,12 @@ body.desktop .q-checkbox--dense:not(.disabled):focus .q-checkbox__inner:before,
 ]
 
 const shortcuts: UserShortcuts<QuasarTheme> = [
-  [/^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`],
 
@@ -49,7 +54,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^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]`
   ],
 
   [
@@ -63,14 +68,16 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^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])`
   ],
 
   [
@@ -84,14 +91,20 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^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])`
   ]
 ]
 

package/src/node/plugins/quasar/unocss/components/QDate.unocss.ts

@@ -60,8 +60,8 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-date__view$/,
     ([, c], { theme }) =>
-      theme.quasar?.components?.['q-date__view'] ??
-      `h-full w-full min-h-[290px] p-[16px]`
+      theme.quasar?.components?.['q-date__view'] ?? `min-h-[290px] p-[16px]`
+    // h-full w-full
   ],
 
   [
@@ -194,7 +194,9 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^q-date--landscape$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-date--landscape'] ??
-      `flex-row items-stretch min-w-[420px] [&_>_div]:(flex flex-col) [&_.q-date\\_\\_content]:(h-full)`
+      `flex-row items-stretch min-w-[420px]
+      [&_>_div]:(flex flex-auto flex-col)
+      [&_.q-date\\_\\_content]:(h-full)`
   ],
 
   [

package/src/node/plugins/quasar/unocss/components/QDrawer.unocss.ts

@@ -6,12 +6,14 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^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']}`
   ],
 
   [
@@ -65,14 +67,16 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
 
   [
     /^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}`
   ]
 ]
 

package/src/node/plugins/quasar/unocss/components/QFab.unocss.ts

@@ -7,8 +7,8 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-fab$/,
     ([, c], { theme }) =>
-      theme.quasar?.components?.['q-fab'] ??
-      `relative align-middle [&_>_.q-btn]:(w-full)`
+      theme.quasar?.components?.['q-fab'] ?? `relative align-middle`
+    // [&_>_.q-btn]:(w-full)
   ],
 
   [/^q-fab--form-rounded$/, ([, c], { theme }) => `rounded-[28px]`],
@@ -19,14 +19,14 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^q-fab__icon$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-fab__icon'] ??
-      `[transition:opacity_0.4s,_transform_0.4s] opacity-100 rotate-0`
+      `[transition:opacity_0.4s,_transform_0.4s] opacity-100 rotate-0 relative!`
   ],
 
   [
     /^q-fab__active-icon$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-fab__active-icon'] ??
-      `[transition:opacity_0.4s,_transform_0.4s] opacity-0 -rotate-180`
+      `[transition:opacity_0.4s,_transform_0.4s] opacity-0 -rotate-180 relative! !left--20px !mr--20px`
   ],
 
   [
@@ -107,7 +107,8 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^q-fab__icon-holder$/,
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-fab__icon-holder'] ??
-      `min-w-[24px] min-h-[24px] relative`
+      `[&:before]:(content-empty)`
+    // min-w-[24px] min-h-[24px] relative
   ],
 
   [