vitrify 0.17.4 → 0.17.6

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

@@ -39,24 +39,32 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [/^q-dialog$/, ([, c], { theme }) => ``],
   [
     /^q-dialog__title$/,
-    ([, c], { theme }) => `text-1.25rem font-500 lh-1.6 tracking-0.0125em`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-dialog__title'] ??
+      `text-1.25rem font-500 lh-1.6 tracking-0.0125em`
   ],
   [/^q-dialog__progress$/, ([, c], { theme }) => `text-4rem`],
   [
     /^q-dialog__inner$/,
-    ([, c], { theme }) => `outline-0
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-dialog__inner'] ??
+      `outline-0
       [&>div]:(pointer-events-auto overflow-auto border-rd-4px)
       [&>.q-card>.q-card\\_\\_actions_.q-btn--rectangle]:(min-w-64px)
     `
   ],
   [
     /^q-dialog__inner--square$/,
-    ([, c], { theme }) => `[&>div]:(border-rd-0!)
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-dialog__inner--square'] ??
+      `[&>div]:(border-rd-0!)
     `
   ],
   [
     /^q-dialog__inner--minimized$/,
-    ([, c], { theme }) => `p-24px
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-dialog__inner--minimized'] ??
+      `p-24px
     [&>div]:(max-h-[calc(100vh-48px)])
     `
   ],
@@ -70,47 +78,63 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   ],
   [
     /^q-dialog__inner--top$/,
-    ([, c], { theme }) => `pt-0! pb-0!
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-dialog__inner--top'] ??
+      `pt-0! pb-0!
     [&:not(.q-dialog\\_\\_inner--animating)>div]:(rounded-tl-none rounded-tr-none)
     
 `
   ],
   [
     /^q-dialog__inner--bottom$/,
-    ([, c], { theme }) => `pt-0! pb-0!
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-dialog__inner--bottom'] ??
+      `pt-0! pb-0!
     [&:not(.q-dialog\\_\\_inner--animating)>div]:(rounded-bl-none rounded-br-none)
     `
   ],
   [
     /^q-dialog__inner--left$/,
-    ([, c], { theme }) => `pt-0! pb-0!
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-dialog__inner--left'] ??
+      `pt-0! pb-0!
     [&:not(.q-dialog\\_\\_inner--animating)>div]:(rounded-tl-none rounded-bl-none)
     `
   ],
   [
     /^q-dialog__inner--right$/,
-    ([, c], { theme }) => `pt-0! pb-0!
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-dialog__inner--right'] ??
+      `pt-0! pb-0!
     [&:not(.q-dialog\\_\\_inner--animating)>div]:(rounded-tr-none rounded-br-none)
     `
   ],
   [
     /^q-dialog__inner--fullwidth$/,
-    ([, c], { theme }) => `[&>div]:(w-full! max-w-full!)
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-dialog__inner--fullwidth'] ??
+      `[&>div]:(w-full! max-w-full!)
     `
   ],
   [
     /^q-dialog__inner--fullheight$/,
-    ([, c], { theme }) => `[&>div]:(h-full! max-h-full!)
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-dialog__inner--fullheight'] ??
+      `[&>div]:(h-full! max-h-full!)
     `
   ],
   [
     /^q-dialog__backdrop$/,
-    ([, c], { theme }) => `-z-1 pointer-events-auto outline-0 bg-black bg-op-40
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-dialog__backdrop'] ??
+      `-z-1 pointer-events-auto outline-0 bg-black bg-op-40
     `
   ],
   [
     /^q-body--dialog$/,
-    ([, c], { theme }) => `overflow-hidden
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-body--dialog'] ??
+      `overflow-hidden
     `
   ]
 ]

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

@@ -2,74 +2,77 @@ import type { Rule, UserShortcuts } from '@unocss/core'
 import type { QuasarTheme } from '../theme.js'
 
 const shortcuts: UserShortcuts<QuasarTheme> = [
-  [/^q-drawer$/, ([, c], { theme }) => `absolute top-0 bottom-0 bg-[#fff]`],
-
-  [/^q-drawer--on-top$/, ([, c], { theme }) => `z-3000`],
-
   [
-    /^q-drawer--left$/,
+    /^q-drawer$/,
     ([, c], { theme }) =>
-      `left-0 -translate-x-full [&_.q-layout\\_\\_shadow]:(left-[10px] -right-[10px]) [&_.q-layout\\_\\_shadow:after]:(right-[10px])`
+      theme.quasar?.components?.['q-drawer'] ??
+      `absolute top-[0] bottom-[0] bg-[#fff]`
   ],
 
   [
-    /^q-drawer--left.q-drawer--bordered$/,
-    ([, c], { theme }) => `[border-right:1px_solid_rgba(0,_0,_0,_0.12)]`
+    /^q-drawer--on-top$/,
+    ([, c], { theme }) => theme.quasar?.components?.['q-drawer--on-top'] ?? ``
   ],
 
   [
-    /^q-drawer--right$/,
+    /^q-drawer--left$/,
     ([, c], { theme }) =>
-      `right-0 translate-x-full [&_.q-layout\\_\\_shadow]:(-left-[10px]) [&_.q-layout\\_\\_shadow:after]:(left-[10px])`
-  ],
-
-  [
-    /^q-drawer--right.q-drawer--bordered$/,
-    ([, c], { theme }) => `[border-left:1px_solid_rgba(0,_0,_0,_0.12)]`
+      theme.quasar?.components?.['q-drawer--left'] ??
+      `left-[0] -translate-x-full [&.q-drawer--bordered]:([border-right:1px_solid_rgba(0,_0,_0,_0.12)]) [&_.q-layout\\_\\_shadow]:(left-[10px] -right-[10px]) [&_.q-layout\\_\\_shadow:after]:(right-[10px])`
   ],
 
   [
-    /^q-drawer-container:not(.q-drawer--mini-animate)$/,
+    /^q-drawer--right$/,
     ([, c], { theme }) =>
-      `[&_.q-drawer--mini]:(!p-0) [&_.q-drawer--mini_.q-item]:(text-center justify-center pl-0 pr-0 min-w-[0]) [&_.q-drawer--mini_.q-item\\_\\_label]:(hidden)`
+      theme.quasar?.components?.['q-drawer--right'] ??
+      `right-[0] translate-x-full [&.q-drawer--bordered]:([border-left:1px_solid_rgba(0,_0,_0,_0.12)]) [&_.q-layout\\_\\_shadow]:(-left-[10px]) [&_.q-layout\\_\\_shadow:after]:(left-[10px])`
   ],
 
   [
-    /^q-drawer-container:not(.q-drawer--mini-animate)$/,
-    ([, c], { theme }) => `[&__.q-drawer--mini
-  __.q-item\\_\\_section]:(text-center justify-center pl-0 pr-0 min-w-[0]) [&__.q-drawer--mini
-  __.q-item\\_\\_section--main]:(hidden) [&__.q-drawer--mini
-  __.q-item\\_\\_section--side__~_.q-item\\_\\_section--side]:(hidden)`
+    /^q-drawer-container$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-drawer-container'] ??
+      `[&:not(.q-drawer--mini-animate)_.q-drawer--mini]:(!p-0) [&:not(.q-drawer--mini-animate)_.q-drawer--mini_.q-item]:(text-center justify-center pl-0 pr-0 min-w-[0]) [&:not(.q-drawer--mini-animate)__.q-drawer--mini__.q-item\\_\\_section]:(text-center justify-center pl-0 pr-0 min-w-[0]) [&:not(.q-drawer--mini-animate)_.q-drawer--mini_.q-item\\_\\_label]:(hidden) [&:not(.q-drawer--mini-animate)__.q-drawer--mini__.q-item\\_\\_section--main]:(hidden) [&:not(.q-drawer--mini-animate)__.q-drawer--mini__.q-item\\_\\_section--side__~_.q-item\\_\\_section--side]:(hidden)`
   ],
 
   [
     /^q-drawer--mini$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-drawer--mini'] ??
       `[&_.q-mini-drawer-hide]:(hidden) [&_.q-expansion-item\\_\\_content]:(hidden)`
   ],
 
   [
     /^q-drawer--mini-animate$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-drawer--mini-animate'] ??
       `[&_.q-drawer\\_\\_content]:(!overflow-x-hidden whitespace-nowrap)`
   ],
 
   [
     /^q-drawer--standard$/,
-    ([, c], { theme }) => `[&_.q-mini-drawer-only]:(hidden)`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-drawer--standard'] ??
+      `[&_.q-mini-drawer-only]:(hidden)`
   ],
 
   [
     /^q-drawer--mobile$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-drawer--mobile'] ??
       `[&_.q-mini-drawer-only]:(hidden) [&_.q-mini-drawer-hide]:(hidden)`
   ],
 
-  [/^q-drawer__backdrop$/, ([, c], { theme }) => `z-2999!`],
+  [
+    /^q-drawer__backdrop$/,
+    ([, c], { theme }) => theme.quasar?.components?.['q-drawer__backdrop'] ?? ``
+  ],
 
   [
     /^q-drawer__opener$/,
-    ([, c], { theme }) => `h-full w-[15px] select-none z-2001`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-drawer__opener'] ??
+      `h-full w-[15px] select-none`
   ]
 ]
 

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

@@ -15,7 +15,9 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [/^q-editor.disabled$/, ([, c], { theme }) => `border-dashed`],
   [
     /^q-editor__toolbars-container$/,
-    ([, c], { theme }) => `rounded-tl-[inherit] rounded-tr-[inherit]
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-editor__toolbars-container'] ??
+      `rounded-tl-[inherit] rounded-tr-[inherit]
     [&>div:first-child]:(rounded-tl-[inherit] rounded-tr-[inherit])`
   ],
   [
@@ -40,12 +42,16 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   ],
   [
     /^q-editor__toolbars-container$/,
-    ([, c], { theme }) => `max-w-full
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-editor__toolbars-container'] ??
+      `max-w-full
     `
   ],
   [
     /^q-editor__toolbar-group$/,
-    ([, c], { theme }) => `relative mx-4px my-0
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-editor__toolbar-group'] ??
+      `relative mx-4px my-0
     [&+.q-editor\\_\\_toolbar-group:before]:(content-empty absolute left--4px top-4px bottom-4px w-1px bg-black bg-op-12)
     `
   ],
@@ -59,7 +65,9 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   ],
   [
     /^q-editor--flat$/,
-    ([, c], { theme }) => `border-0
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-editor--flat'] ??
+      `border-0
       [&_.q-editor\\_\\_toolbar]:(border-0)
     `
   ],
@@ -73,7 +81,9 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   ],
   [
     /^q-editor--dark$/,
-    ([, c], { theme }) => `border-color-white border-op-28
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-editor--dark'] ??
+      `border-color-white border-op-28
       [&_.q-editor\\_\\_content_hr]:(border-color-white border-op-28)
       [&_.q-editor\\_\\_toolbar]:(border-color-white border-op-28)
       [&_.q-editor\\_\\_toolbar-group+.q-editor\\_\\_toolbar-group:before]:(border-color-white border-op-28)

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

@@ -6,40 +6,51 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
 
   [
     /^q-expansion-item__toggle-icon$/,
-    ([, c], { theme }) => `relative [transition:transform_0.3s]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-expansion-item__toggle-icon'] ??
+      `relative [transition:transform_0.3s]`
   ],
 
   [
     /^q-expansion-item__toggle-icon--rotated$/,
-    ([, c], { theme }) => `rotate-180`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-expansion-item__toggle-icon--rotated'] ??
+      `rotate-180`
   ],
 
   [
     /^q-expansion-item__toggle-focus$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-expansion-item__toggle-focus'] ??
       `!w-[1em] !h-[1em] !relative [&_+_.q-expansion-item\\_\\_toggle-icon]:(-mt-[1em])`
   ],
 
   [
     /^q-expansion-item--popup$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-expansion-item--popup'] ??
       `[transition:padding_0.5s] [&_>_.q-expansion-item\\_\\_container]:(border-[1px] border-solid border-[rgba(0,0,0,0.12)]) [&_>_.q-expansion-item\\_\\_container_>_.q-separator]:(hidden)`
   ],
 
   [
     /^q-expansion-item__content$/,
-    ([, c], { theme }) => `[&_>_.q-card]:([box-shadow:none] rounded-none)`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-expansion-item__content'] ??
+      `[&_>_.q-card]:([box-shadow:none] rounded-none)`
   ],
 
   [
     /^q-expansion-item$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-expansion-item'] ??
       `[&:first-child_>_div_>_.q-expansion-item\\_\\_border--top]:(opacity-0) [&:last-child_>_div_>_.q-expansion-item\\_\\_border--bottom]:(opacity-0)`
   ],
 
   [
     /^q-expansion-item--expanded$/,
-    ([, c], { theme }) => `[&__+_.q-expansion-item--expanded
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-expansion-item--expanded'] ??
+      `[&__+_.q-expansion-item--expanded
   __>_div
   __>_.q-expansion-item\\_\\_border--top]:(opacity-0)`
   ],
@@ -47,6 +58,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-expansion-item--expanded$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-expansion-item--expanded'] ??
       `[&_.q-textarea--autogrow_textarea]:(animate-[q-expansion-done_0s])`
   ]
 ]

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

@@ -6,7 +6,9 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
 
   [
     /^q-fab$/,
-    ([, c], { theme }) => `relative align-middle [&_>_.q-btn]:(w-full)`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab'] ??
+      `relative align-middle [&_>_.q-btn]:(w-full)`
   ],
 
   [/^q-fab--form-rounded$/, ([, c], { theme }) => `rounded-[28px]`],
@@ -16,59 +18,71 @@ 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`
   ],
 
   [
     /^q-fab__active-icon$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__active-icon'] ??
       `[transition:opacity_0.4s,_transform_0.4s] opacity-0 -rotate-180`
   ],
 
   [
     /^q-fab__label--external$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__label--external'] ??
       `absolute px-[8px] py-[0] [transition:opacity_0.18s_cubic-bezier(0.65,_0.815,_0.735,_0.395)]`
   ],
 
   [
     /^q-fab__label--external-hidden$/,
-    ([, c], { theme }) => `opacity-0 pointer-events-none`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__label--external-hidden'] ??
+      `opacity-0 pointer-events-none`
   ],
 
   [
     /^q-fab__label--external-left$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__label--external-left'] ??
       `top-2/4 -left-[12px] -translate-x-full -translate-y-1/2`
   ],
 
   [
     /^q-fab__label--external-right$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__label--external-right'] ??
       `top-2/4 -right-[12px] translate-x-full -translate-y-1/2`
   ],
 
   [
     /^q-fab__label--external-bottom$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__label--external-bottom'] ??
       `-bottom-[12px] left-2/4 -translate-x-1/2 translate-y-full`
   ],
 
   [
     /^q-fab__label--external-top$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__label--external-top'] ??
       `-top-[12px] left-2/4 -translate-x-1/2 -translate-y-full`
   ],
 
   [
     /^q-fab__label--internal$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__label--internal'] ??
       `p-0 [transition:font-size_0.12s_cubic-bezier(0.65,_0.815,_0.735,_0.395),_max-height_0.12s_cubic-bezier(0.65,_0.815,_0.735,_0.395),_opacity_0.07s_cubic-bezier(0.65,_0.815,_0.735,_0.395)] max-h-[30px]`
   ],
 
   [
     /^q-fab__label--internal-hidden$/,
-    ([, c], { theme }) => `text-[0] opacity-0`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__label--internal-hidden'] ??
+      `text-[0] opacity-0`
   ],
 
   [/^q-fab__label--internal-top$/, ([, c], { theme }) => `pb-[0.12em]`],
@@ -77,70 +91,85 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
 
   [
     /^q-fab__label--internal-left$/,
-    ([, c], { theme }) => `pl-[0.285em] pr-[0.571em]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__label--internal-left'] ??
+      `pl-[0.285em] pr-[0.571em]`
   ],
 
   [
     /^q-fab__label--internal-right$/,
-    ([, c], { theme }) => `pr-[0.285em] pl-[0.571em]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__label--internal-right'] ??
+      `pr-[0.285em] pl-[0.571em]`
   ],
 
   [
     /^q-fab__icon-holder$/,
-    ([, c], { theme }) => `min-w-[24px] min-h-[24px] relative`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__icon-holder'] ??
+      `min-w-[24px] min-h-[24px] relative`
   ],
 
   [
     /^q-fab__icon-holder--opened$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__icon-holder--opened'] ??
       `[&_.q-fab\\_\\_icon]:(rotate-180 opacity-0) [&_.q-fab\\_\\_active-icon]:(rotate-0 opacity-100)`
   ],
 
   [
     /^q-fab__actions$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__actions'] ??
       `absolute opacity-0 [transition:transform_0.18s_ease-in,_opacity_0.18s_ease-in] pointer-events-none items-center justify-center self-center p-[3px] [&_.q-btn]:(m-[5px])`
   ],
 
   [
     /^q-fab__actions--right$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__actions--right'] ??
       `origin-[0_50%] scale-[0.4] -translate-x-[62px] h-[56px] left-full ml-[9px]`
   ],
 
   [
     /^q-fab__actions--left$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__actions--left'] ??
       `origin-[100%_50%] scale-[0.4] translate-x-[62px] h-[56px] right-full mr-[9px] flex-row-reverse`
   ],
 
   [
     /^q-fab__actions--up$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__actions--up'] ??
       `origin-[50%_100%] scale-[0.4] translate-y-[62px] w-[56px] bottom-full mb-[9px] flex-col-reverse left-2/4 -ml-[28px]`
   ],
 
   [
     /^q-fab__actions--down$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__actions--down'] ??
       `origin-[50%_0] scale-[0.4] -translate-y-[62px] w-[56px] top-full mt-[9px] flex-col left-2/4 -ml-[28px]`
   ],
 
   [
     /^q-fab__actions--opened$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__actions--opened'] ??
       `opacity-100 scale-100 translate-x-[0.1px] translate-y-[0]`
   ],
 
   [
     /^q-fab--align-left$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab--align-left'] ??
       `[&_>_.q-fab\\_\\_actions--up]:(items-start left-[28px]) [&_>_.q-fab\\_\\_actions--down]:(items-start left-[28px])`
   ],
 
   [
     /^q-fab--align-right$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab--align-right'] ??
       `[&_>_.q-fab\\_\\_actions--up]:(items-end left-auto right-0) [&_>_.q-fab\\_\\_actions--down]:(items-end left-auto right-0)`
   ]
 ]