vitrify 0.17.5 → 0.17.7

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

@@ -29,6 +29,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-field$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field'] ??
       `text-[14px] [&_::-ms-clear]:(hidden) [&_::-ms-reveal]:(hidden)`
   ],
 
@@ -37,6 +38,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-field__marginal$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field__marginal'] ??
       `h-[56px] text-[rgba(0,_0,_0,_0.54)] text-[24px] [&_>_*_+_*]:(ml-[2px]) [&_.q-avatar]:(text-[32px])`
   ],
 
@@ -49,6 +51,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-field__append$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field__append'] ??
       `pl-[12px] [&:empty]:(hidden) [&_+_.q-field\\_\\_append]:(pl-[2px])`
   ],
 
@@ -57,17 +60,21 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-field__bottom$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field__bottom'] ??
       `text-[12px] min-h-[20px] leading-none text-[rgba(0,_0,_0,_0.54)] pt-[8px] px-[12px] pb-[0] [backface-visibility:hidden]`
   ],
 
   [
     /^q-field__bottom--animated$/,
-    ([, c], { theme }) => `translate-y-full absolute left-0 right-0 bottom-0`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field__bottom--animated'] ??
+      `translate-y-full absolute left-0 right-0 bottom-0`
   ],
 
   [
     /^q-field__messages$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field__messages'] ??
       `leading-none [&_>_div]:([word-wrap:break-word] break-words) [&_>_div_+_div]:(mt-[4px])`
   ],
 
@@ -76,6 +83,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-field--item-aligned$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field--item-aligned'] ??
       `px-[16px] py-[8px] [&_.q-field\\_\\_before]:(min-w-[56px])`
   ],
 
@@ -84,136 +92,162 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-field__control$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field__control'] ??
       `h-[56px] max-w-full outline-[none] [&:before]:(content-empty absolute top-0 right-0 bottom-0 left-0 pointer-events-none) [&:after]:(content-empty absolute top-0 right-0 bottom-0 left-0 pointer-events-none) [&:before]:([border-radius:inherit]) bg-primary`
   ],
 
   [
     /^q-field__shadow$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field__shadow'] ??
       `top-[8px] opacity-0 overflow-hidden whitespace-pre-wrap [transition:opacity_0.36s_cubic-bezier(0.4,_0,_0.2,_1)] [&_+_.q-field\\_\\_native::placeholder]:([transition:opacity_0.36s_cubic-bezier(0.4,_0,_0.2,_1)]) [&_+_.q-field\\_\\_native:focus::placeholder]:(opacity-0)`
   ],
 
   [
     /^q-field__native$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field__native'] ??
       `font-normal leading-[28px] tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] border-none rounded-none bg-none text-[rgba(0,_0,_0,_0.87)] outline-0 px-[0] py-[6px] w-full min-w-[0] !outline-0 select-auto [&:-webkit-autofill]:() [&:-webkit-autofill_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='color']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='date']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='datetime-local']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='month']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='time']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='week']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&:invalid]:([box-shadow:none]) [&[type='file']]:(leading-[1em])`
   ],
 
   [
     /^q-field__prefix$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field__prefix'] ??
       `font-normal leading-[28px] tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] border-none rounded-none bg-none text-[rgba(0,_0,_0,_0.87)] outline-0 px-[0] py-[6px] [transition:opacity_0.36s_cubic-bezier(0.4,_0,_0.2,_1)] whitespace-nowrap pr-[4px]`
   ],
 
   [
     /^q-field__suffix$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field__suffix'] ??
       `font-normal leading-[28px] tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] border-none rounded-none bg-none text-[rgba(0,_0,_0,_0.87)] outline-0 px-[0] py-[6px] [transition:opacity_0.36s_cubic-bezier(0.4,_0,_0.2,_1)] whitespace-nowrap pl-[4px]`
   ],
 
   [
     /^q-field__input$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field__input'] ??
       `font-normal leading-[28px] tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] border-none rounded-none bg-none text-[rgba(0,_0,_0,_0.87)] outline-0 px-[0] py-[6px] w-full min-w-[0] !outline-0 select-auto [&:-webkit-autofill]:() [&:-webkit-autofill_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='color']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='date']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='datetime-local']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='month']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='time']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='week']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&:invalid]:([box-shadow:none]) p-0 h-[0] min-h-[24px] leading-[24px]`
   ],
 
   [
     /^q-field--readonly$/,
-    ([, c], { theme }) => `[&_.q-placeholder]:(!opacity-100)`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field--readonly'] ??
+      `[&_.q-placeholder]:(!opacity-100)`
   ],
 
   [
     /^q-field--disabled$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field--disabled'] ??
       `[&_.q-placeholder]:(!opacity-100) [&_.q-field\\_\\_inner]:(cursor-not-allowed) [&_.q-field\\_\\_control]:(pointer-events-none) [&_.q-field\\_\\_control_>_div]:(!opacity-60) [&_.q-field\\_\\_control_>_div]:(!outline-0) [&_.q-field\\_\\_control_>_div_*]:(!outline-0)`
   ],
 
   [
     /^q-field__label$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field__label'] ??
       `left-0 top-[18px] max-w-full text-[rgba(0,_0,_0,_0.6)] text-[16px] leading-tight font-normal tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] origin-[left_top] [transition:transform_0.36s_cubic-bezier(0.4,_0,_0.2,_1),_max-width_0.324s_cubic-bezier(0.4,_0,_0.2,_1)] [backface-visibility:hidden]`
   ],
 
   [
     /^q-field--float$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field--float'] ??
       `[&_.q-field\\_\\_label]:(max-w-[133%] -translate-y-[40%] scale-[0.75] [transition:transform_0.36s_cubic-bezier(0.4,_0,_0.2,_1),_max-width_0.396s_cubic-bezier(0.4,_0,_0.2,_1)])`
   ],
 
   [
     /^q-field--highlighted$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field--highlighted'] ??
       `[&_.q-field\\_\\_label]:(text-current) [&_.q-field\\_\\_shadow]:(opacity-50)`
   ],
 
   [
     /^q-field--filled$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field--filled'] ??
       `[&_.q-field\\_\\_control]:(px-[12px] py-[0] bg-[rgba(0,_0,_0,_0.05)] rounded-tl-[4px] rounded-br-[0] rounded-tr-[4px] rounded-bl-[0]) [&_.q-field\\_\\_control:before]:(bg-[rgba(0,_0,_0,_0.05)] [border-bottom:1px_solid_rgba(0,_0,_0,_0.42)] opacity-0 [transition:opacity_0.36s_cubic-bezier(0.4,_0,_0.2,_1),_background_0.36s_cubic-bezier(0.4,_0,_0.2,_1)]) [&_.q-field\\_\\_control:hover:before]:(opacity-100) [&_.q-field\\_\\_control:after]:(h-[2px] top-auto origin-[center_bottom] [transform:scale3d(0,_1,_1)] bg-current [transition:transform_0.36s_cubic-bezier(0.4,_0,_0.2,_1)])`
   ],
 
   [
     /^q-field--outlined$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field--outlined'] ??
       `[&_.q-field\\_\\_control]:(rounded-[4px] px-[12px] py-[0]) [&_.q-field\\_\\_control:before]:(border-[1px] border-solid border-[rgba(0,0,0,0.24)] [transition:border-color_0.36s_cubic-bezier(0.4,_0,_0.2,_1)]) [&_.q-field\\_\\_control:hover:before]:(border-[#000]) [&_.q-field\\_\\_control:after]:([height:inherit] [border-radius:inherit] border-[2px] border-solid border-[transparent] [transition:border-color_0.36s_cubic-bezier(0.4,_0,_0.2,_1)]) [&_.q-field\\_\\_native:-webkit-autofill]:(mt-px mb-px) [&_.q-field\\_\\_input:-webkit-autofill]:(mt-px mb-px)`
   ],
 
   [
     /^q-field--standard$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field--standard'] ??
       `[&_.q-field\\_\\_control:before]:([border-bottom:1px_solid_rgba(0,_0,_0,_0.24)] [transition:border-color_0.36s_cubic-bezier(0.4,_0,_0.2,_1)]) [&_.q-field\\_\\_control:hover:before]:(border-[#000]) [&_.q-field\\_\\_control:after]:(h-[2px] top-auto [border-bottom-left-radius:inherit] [border-bottom-right-radius:inherit] origin-[center_bottom] [transform:scale3d(0,_1,_1)] bg-current [transition:transform_0.36s_cubic-bezier(0.4,_0,_0.2,_1)]) [&_.q-field\\_\\_bottom]:(pl-0 pr-0)`
   ],
 
   [
     /^q-field--dark$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field--dark'] ??
       `[&_.q-field\\_\\_control:before]:(border-[rgba(255,_255,_255,_0.6)]) [&_.q-field\\_\\_control:hover:before]:(border-[#fff]) [&_.q-field\\_\\_native]:(text-[#fff]) [&_.q-field\\_\\_prefix]:(text-[#fff]) [&_.q-field\\_\\_suffix]:(text-[#fff]) [&_.q-field\\_\\_input]:(text-[#fff]) [&:not(.q-field--highlighted)_.q-field\\_\\_label]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-field\\_\\_marginal]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-field\\_\\_bottom]:(text-[rgba(255,_255,_255,_0.7)])`
   ],
 
   [
     /^q-field--standout$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field--standout'] ??
       `[&_.q-field\\_\\_control]:(px-[12px] py-[0] bg-[rgba(0,_0,_0,_0.05)] rounded-[4px] [transition:box-shadow_0.36s_cubic-bezier(0.4,_0,_0.2,_1),_background-color_0.36s_cubic-bezier(0.4,_0,_0.2,_1)]) [&_.q-field\\_\\_control:before]:(bg-[rgba(0,_0,_0,_0.07)] opacity-0 [transition:opacity_0.36s_cubic-bezier(0.4,_0,_0.2,_1),_background_0.36s_cubic-bezier(0.4,_0,_0.2,_1)]) [&_.q-field\\_\\_control:hover:before]:(opacity-100)`
   ],
 
   [
     /^q-field--labeled$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field--labeled'] ??
       `[&_.q-field\\_\\_native]:(leading-[24px] pt-[24px] pb-[8px]) [&_.q-field\\_\\_prefix]:(leading-[24px] pt-[24px] pb-[8px]) [&_.q-field\\_\\_suffix]:(leading-[24px] pt-[24px] pb-[8px]) [&_.q-field\\_\\_shadow]:(top-0) [&:not(.q-field--float)_.q-field\\_\\_prefix]:(opacity-0) [&:not(.q-field--float)_.q-field\\_\\_suffix]:(opacity-0) [&:not(.q-field--float)_.q-field\\_\\_native::placeholder]:(text-transparent) [&:not(.q-field--float)_.q-field\\_\\_input::placeholder]:(text-transparent)`
   ],
 
   [
     /^q-field--dense$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field--dense'] ??
       `[&_.q-field--with-bottom]:(pb-[19px]) [&_.q-field\\_\\_shadow]:(top-0) [&_.q-field\\_\\_control]:(h-[40px]) [&_.q-field\\_\\_marginal]:(h-[40px]) [&_.q-field\\_\\_bottom]:(text-[11px]) [&_.q-field\\_\\_label]:(text-[14px] top-[10px]) [&_.q-field\\_\\_before]:(pr-[6px]) [&_.q-field\\_\\_prepend]:(pr-[6px]) [&_.q-field\\_\\_after]:(pl-[6px]) [&_.q-field\\_\\_append]:(pl-[6px]) [&_.q-field\\_\\_append_+_.q-field\\_\\_append]:(pl-[2px]) [&_.q-field\\_\\_marginal_.q-avatar]:(text-[24px]) [&_.q-field\\_\\_native:-webkit-autofill_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_input:-webkit-autofill_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_native[type='color']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_native[type='date']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_native[type='datetime-local']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_native[type='month']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_native[type='time']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_native[type='week']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_input[type='color']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_input[type='date']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_input[type='datetime-local']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_input[type='month']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_input[type='time']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_input[type='week']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])`
   ],
 
   [
     /^q-field--borderless$/,
-    ([, c], { theme }) => `[&_.q-field\\_\\_bottom]:(pl-0 pr-0)`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field--borderless'] ??
+      `[&_.q-field\\_\\_bottom]:(pl-0 pr-0)`
   ],
 
   [
     /^q-field--error$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field--error'] ??
       `[&_.q-field\\_\\_label]:(animate-[q-field-label_0.36s]) [&_.q-field\\_\\_bottom]:(text-negative)`
   ],
 
   [
     /^q-field__focusable-action$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field__focusable-action'] ??
       `opacity-60 cursor-pointer !outline-0 border-0 [color:inherit] bg-transparent p-0 [&:hover]:(opacity-100) [&:focus]:(opacity-100)`
   ],
 
   [
     /^q-field--auto-height$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field--auto-height'] ??
       `[&_.q-field\\_\\_control]:(h-auto) [&_.q-field\\_\\_control]:(min-h-[56px]) [&_.q-field\\_\\_native]:(min-h-[56px]) [&_.q-field\\_\\_native]:(items-center) [&_.q-field\\_\\_control-container]:(pt-0) [&_.q-field\\_\\_native]:(leading-[18px]) [&_.q-field\\_\\_prefix]:(leading-[18px]) [&_.q-field\\_\\_suffix]:(leading-[18px])`
   ],
 
   [
     /^q-field--square$/,
-    ([, c], { theme }) => `[&_.q-field\\_\\_control]:(!rounded-none)`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-field--square'] ??
+      `[&_.q-field\\_\\_control]:(!rounded-none)`
   ]
 ]
 

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

@@ -5,17 +5,21 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-file$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-file'] ??
       `[&_.q-field\\_\\_native]:(break-all overflow-hidden) [&_.q-field\\_\\_input]:(!opacity-0) [&_.q-field\\_\\_input::-webkit-file-upload-button]:(cursor-pointer)`
   ],
 
   [
     /^q-file__filler$/,
-    ([, c], { theme }) => `invisible w-full border-none p-0`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-file__filler'] ??
+      `invisible w-full border-none p-0`
   ],
 
   [
     /^q-file__dnd$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-file__dnd'] ??
       `outline-[1px_dashed_currentColor] outline-offset-[-4px]`
   ]
 ]

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

@@ -6,12 +6,15 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
 
   [
     /^q-footer--bordered$/,
-    ([, c], { theme }) => `[border-top:1px_solid_rgba(0,_0,_0,_0.12)]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-footer--bordered'] ??
+      `[border-top:1px_solid_rgba(0,_0,_0,_0.12)]`
   ],
 
   [
     /^q-footer$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-footer'] ??
       `[&_.q-layout\\_\\_shadow]:(-top-[10px]) [&_.q-layout\\_\\_shadow:after]:(top-[10px])  relative z-2000`
   ]
 ]

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

@@ -6,12 +6,15 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
 
   [
     /^q-header--bordered$/,
-    ([, c], { theme }) => `[border-bottom:1px_solid_rgba(0,_0,_0,_0.12)]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-header--bordered'] ??
+      `[border-bottom:1px_solid_rgba(0,_0,_0,_0.12)]`
   ],
 
   [
     /^q-header$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-header'] ??
       `z-2000 [&_.q-layout\\_\\_shadow]:(-bottom-10px) [&_.q-layout\\_\\_shadow:after]:(bottom-10px)`
     // relative
   ]

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

@@ -5,6 +5,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-img$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-img'] ??
       `relative w-full inline-block align-middle overflow-hidden`
   ],
 
@@ -12,17 +13,23 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
 
   [
     /^q-img__container$/,
-    ([, c], { theme }) => `[border-radius:inherit] text-[0]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-img__container'] ??
+      `[border-radius:inherit] text-[0]`
   ],
 
   [
     /^q-img__image$/,
-    ([, c], { theme }) => `[border-radius:inherit] w-full h-full opacity-0`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-img__image'] ??
+      `[border-radius:inherit] w-full h-full opacity-0`
   ],
 
   [
     /^q-img__image--with-transition$/,
-    ([, c], { theme }) => `[transition:opacity_0.28s_ease-in]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-img__image--with-transition'] ??
+      `[transition:opacity_0.28s_ease-in]`
   ],
 
   [/^q-img__image--loaded$/, ([, c], { theme }) => `opacity-100`],
@@ -30,12 +37,14 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-img__content$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-img__content'] ??
       `[border-radius:inherit] pointer-events-none [&_>_div]:(absolute p-[16px] text-[#fff] bg-[rgba(0,_0,_0,_0.47)])`
   ],
 
   [
     /^q-img--no-menu$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-img--no-menu'] ??
       `[&_.q-img\\_\\_image]:(pointer-events-none) [&_.q-img\\_\\_placeholder]:(pointer-events-none)`
   ]
 ]

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

@@ -5,6 +5,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-inner-loading$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-inner-loading'] ??
       `bg-[rgba(255,_255,_255,_0.6)] [border-radius:inherit]`
   ],
 

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

@@ -5,35 +5,15 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-textarea$/,
     ([, c], { theme }) =>
-      `[&_.q-field\\_\\_control]:(min-h-[56px] h-auto) [&_.q-field\\_\\_control-container]:(pt-[2px] pb-[2px]) [&_.q-field\\_\\_shadow]:(top-[2px] bottom-[2px]) [&_.q-field\\_\\_native]:(leading-[18px]) [&_.q-field\\_\\_prefix]:(leading-[18px]) [&_.q-field\\_\\_suffix]:(leading-[18px]) [&_.q-field\\_\\_native]:(resize-y pt-[17px] min-h-[52px])`
-  ],
-
-  [
-    /^q-textarea.q-field--labeled$/,
-    ([, c], { theme }) =>
-      `[&_.q-field\\_\\_control-container]:(pt-[26px]) [&_.q-field\\_\\_shadow]:(top-[26px]) [&_.q-field\\_\\_native]:(pt-0) [&_.q-field\\_\\_prefix]:(pt-0) [&_.q-field\\_\\_suffix]:(pt-0) [&_.q-field\\_\\_native]:(min-h-[26px] pt-px)`
+      theme.quasar?.components?.['q-textarea'] ??
+      `[&_.q-field\\_\\_control]:(min-h-[56px] h-auto) [&_.q-field\\_\\_control-container]:(pt-[2px] pb-[2px]) [&_.q-field\\_\\_shadow]:(top-[2px] bottom-[2px]) [&_.q-field\\_\\_native]:(leading-[18px]) [&_.q-field\\_\\_prefix]:(leading-[18px]) [&_.q-field\\_\\_suffix]:(leading-[18px]) [&_.q-field\\_\\_native]:(resize-y pt-[17px] min-h-[52px]) [&.q-field--labeled_.q-field\\_\\_control-container]:(pt-[26px]) [&.q-field--labeled_.q-field\\_\\_shadow]:(top-[26px]) [&.q-field--labeled_.q-field\\_\\_native]:(pt-0) [&.q-field--labeled_.q-field\\_\\_prefix]:(pt-0) [&.q-field--labeled_.q-field\\_\\_suffix]:(pt-0) [&.q-field--labeled_.q-field\\_\\_native]:(min-h-[26px] pt-px) [&.q-field--dense_.q-field\\_\\_control]:(min-h-[36px]) [&.q-field--dense_.q-field\\_\\_native]:(min-h-[36px]) [&.q-field--dense_.q-field\\_\\_native]:(pt-[9px]) [&.q-field--dense.q-field--labeled_.q-field\\_\\_control-container]:(pt-[14px]) [&.q-field--dense.q-field--labeled_.q-field\\_\\_shadow]:(top-[14px]) [&.q-field--dense.q-field--labeled_.q-field\\_\\_native]:(min-h-[24px] pt-[3px]) [&.q-field--dense.q-field--labeled_.q-field\\_\\_prefix]:(pt-[2px]) [&.q-field--dense.q-field--labeled_.q-field\\_\\_suffix]:(pt-[2px]) [&.disabled_.q-field\\_\\_native]:(resize-none)`
   ],
 
   [
     /^q-textarea--autogrow$/,
-    ([, c], { theme }) => `[&_.q-field\\_\\_native]:(resize-none)`
-  ],
-
-  [
-    /^q-textarea.q-field--dense$/,
     ([, c], { theme }) =>
-      `[&_.q-field\\_\\_control]:(min-h-[36px]) [&_.q-field\\_\\_native]:(min-h-[36px]) [&_.q-field\\_\\_native]:(pt-[9px])`
-  ],
-
-  [
-    /^q-textarea.q-field--dense.q-field--labeled$/,
-    ([, c], { theme }) =>
-      `[&_.q-field\\_\\_control-container]:(pt-[14px]) [&_.q-field\\_\\_shadow]:(top-[14px]) [&_.q-field\\_\\_native]:(min-h-[24px] pt-[3px]) [&_.q-field\\_\\_prefix]:(pt-[2px]) [&_.q-field\\_\\_suffix]:(pt-[2px])`
-  ],
-
-  [
-    /^q-textarea.disabled$/,
-    ([, c], { theme }) => `[&_.q-field\\_\\_native]:(resize-none)`
+      theme.quasar?.components?.['q-textarea--autogrow'] ??
+      `[&_.q-field\\_\\_native]:(resize-none)`
   ]
 ]
 

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

@@ -5,6 +5,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-item$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-item'] ??
       `min-h-[48px] px-[16px] py-[8px] [color:inherit] [transition:color_0.3s,_background-color_0.3s] [&_>_.q-item\\_\\_section--thumbnail:first-child]:(-ml-[16px]) [&_>_.q-focus-helper_+_.q-item\\_\\_section--thumbnail]:(-ml-[16px]) [&_>_.q-item\\_\\_section--thumbnail:last-of-type]:(-mr-[16px]) relative
     [&.q-router-link--active]:(text-primary)`
   ],
@@ -12,17 +13,22 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-item__section--side$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-item__section--side'] ??
       `text-[#757575] items-start pr-[16px] w-auto min-w-[0] max-w-full [&_>_.q-icon]:(text-[24px]) [&_>_.q-avatar]:(text-[40px])`
   ],
 
   [
     /^q-item__section--avatar$/,
-    ([, c], { theme }) => `[color:inherit] min-w-[56px]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-item__section--avatar'] ??
+      `[color:inherit] min-w-[56px]`
   ],
 
   [
     /^q-item__section--thumbnail$/,
-    ([, c], { theme }) => `[&_img]:(w-[100px] h-[56px])`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-item__section--thumbnail'] ??
+      `[&_img]:(w-[100px] h-[56px])`
   ],
 
   [/^q-item__section--nowrap$/, ([, c], { theme }) => `whitespace-nowrap`],
@@ -30,56 +36,71 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-item__label$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-item__label'] ??
       `!leading-[1.2em] max-w-full [&_+_.q-item\\_\\_label]:(mt-[4px])`
   ],
 
   [
     /^q-item__label--overline$/,
-    ([, c], { theme }) => `text-[rgba(0,_0,_0,_0.7)]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-item__label--overline'] ??
+      `text-[rgba(0,_0,_0,_0.7)]`
   ],
 
   [
     /^q-item__label--caption$/,
-    ([, c], { theme }) => `text-[rgba(0,_0,_0,_0.54)]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-item__label--caption'] ??
+      `text-[rgba(0,_0,_0,_0.54)]`
   ],
 
   [
     /^q-item__label--header$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-item__label--header'] ??
       `text-[#757575] p-[16px] text-[0.875rem] leading-5 tracking-[0.01786em]`
   ],
 
   [
     /^q-separator--spaced$/,
-    ([, c], { theme }) => `[&_+_.q-item\\_\\_label--header]:(pt-[8px])`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-separator--spaced'] ??
+      `[&_+_.q-item\\_\\_label--header]:(pt-[8px])`
   ],
 
   [
     /^q-list--padding$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-list--padding'] ??
       `[&_.q-item\\_\\_label--header]:(pt-[8px]) px-[0] py-[8px]`
   ],
 
   [
     /^q-item__section--main$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-item__section--main'] ??
       `w-auto min-w-[0] max-w-full flex-[10000_1_0%] [&_+_.q-item\\_\\_section--main]:(ml-[8px]) [&_~_.q-item\\_\\_section--side]:(items-end pr-0 pl-[16px])`
   ],
 
   [
     /^q-list--bordered$/,
-    ([, c], { theme }) => `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-list--bordered'] ??
+      `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
   ],
 
   [
     /^q-list--separator$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-list--separator'] ??
       `[&_>_.q-item-type_+_.q-item-type]:([border-top:1px_solid_rgba(0,_0,_0,_0.12)]) [&_>_.q-virtual-scroll\\_\\_content_>_.q-item-type_+_.q-item-type]:([border-top:1px_solid_rgba(0,_0,_0,_0.12)])`
   ],
 
   [
     /^q-list--dense$/,
-    ([, c], { theme }) => `[&_>_.q-item]:(min-h-[32px] px-[16px] py-[2px])`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-list--dense'] ??
+      `[&_>_.q-item]:(min-h-[32px] px-[16px] py-[2px])`
   ],
 
   [/^q-item--dense$/, ([, c], { theme }) => `min-h-[32px] px-[16px] py-[2px]`],
@@ -87,12 +108,14 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-list--dark$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-list--dark'] ??
       `text-[#fff] border-[rgba(255,_255,_255,_0.28)] [&_.q-item\\_\\_section--side:not(.q-item\\_\\_section--avatar)]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-item\\_\\_label--header]:(text-[rgba(255,_255,_255,_0.64)]) [&_.q-item\\_\\_label--overline]:(text-[rgba(255,_255,_255,_0.8)]) [&_.q-item\\_\\_label--caption]:(text-[rgba(255,_255,_255,_0.8)])`
   ],
 
   [
     /^q-item--dark$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-item--dark'] ??
       `text-[#fff] border-[rgba(255,_255,_255,_0.28)] [&_.q-item\\_\\_section--side:not(.q-item\\_\\_section--avatar)]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-item\\_\\_label--header]:(text-[rgba(255,_255,_255,_0.64)]) [&_.q-item\\_\\_label--overline]:(text-[rgba(255,_255,_255,_0.8)]) [&_.q-item\\_\\_label--caption]:(text-[rgba(255,_255,_255,_0.8)])`
   ],
 

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

@@ -2,20 +2,16 @@ import type { Rule, UserShortcuts } from '@unocss/core'
 import type { QuasarTheme } from '../theme.js'
 
 const shortcuts: UserShortcuts<QuasarTheme> = [
-  [/^q-knob$/, ([, c], { theme }) => `text-[48px]`],
-
-  [/^q-knob--editable$/, ([, c], { theme }) => `cursor-pointer outline-0`],
-
   [
-    /^q-knob--editable:before$/,
-    ([, c], { theme }) =>
-      `content-empty absolute top-0 right-0 bottom-0 left-0 rounded-[50%] [box-shadow:none] [transition:box-shadow_0.24s_ease-in-out]`
+    /^q-knob$/,
+    ([, c], { theme }) => theme.quasar?.components?.['q-knob'] ?? `text-[48px]`
   ],
 
   [
-    /^q-knob--editable:focus:before$/,
+    /^q-knob--editable$/,
     ([, c], { theme }) =>
-      `[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)]`
+      theme.quasar?.components?.['q-knob--editable'] ??
+      `cursor-pointer outline-[0] [&:before]:(content-[''] absolute top-[0] right-[0] bottom-[0] left-[0] rounded-[50%] [box-shadow:none] [transition:box-shadow_0.24s_ease-in-out]) [&:focus:before]:([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)])`
   ]
 ]
 

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

@@ -72,19 +72,23 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-layout-container$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-layout-container'] ??
       `relative w-full h-full [&_.q-layout]:(min-h-full) [&_>_div]:([transform:translate3d(0,_0,_0)]) [&_>_div_>_div]:(min-h-[0] max-h-full)`
   ],
 
   [
     /^q-layout__shadow$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-layout__shadow'] ??
       `w-full 
       [&:after]:(content-empty absolute top-[0] right-[0] bottom-[0] left-[0] [box-shadow:0_0_10px_2px_rgba(0,_0,_0,_0.2),_0_0px_10px_rgba(0,_0,_0,_0.24)])`
   ],
 
   [
     /^q-layout__section--marginal$/,
-    ([, c], { theme }) => `text-[#fff] bg-primary`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-layout__section--marginal'] ??
+      `text-[#fff] bg-primary`
   ]
 ]
 

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

@@ -34,6 +34,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-linear-progress$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-linear-progress'] ??
       `relative w-full overflow-hidden text-[4px] h-[1em] [transform:scale3d(1,_1,_1)] text-primary`
   ],
 
@@ -41,63 +42,80 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
 
   [
     /^q-linear-progress__track$/,
-    ([, c], { theme }) => `origin-[0_0] opacity-40`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-linear-progress__track'] ??
+      `origin-[0_0] opacity-40`
   ],
 
   [
     /^q-linear-progress__model--with-transition$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-linear-progress__model--with-transition'] ??
       `[transition:transform_var(--q-linear-progress-speed)]`
   ],
 
   [
     /^q-linear-progress__track--with-transition$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-linear-progress__track--with-transition'] ??
       `[transition:transform_var(--q-linear-progress-speed)]`
   ],
 
   [
     /^q-linear-progress--reverse$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-linear-progress--reverse'] ??
       `[&_.q-linear-progress\\_\\_model]:(origin-[0_100%]) [&_.q-linear-progress\\_\\_track]:(origin-[0_100%])`
   ],
 
   [
     /^q-linear-progress__model--determinate$/,
-    ([, c], { theme }) => `bg-current`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-linear-progress__model--determinate'] ??
+      `bg-current`
   ],
 
   [
     /^q-linear-progress__model--indeterminate$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-linear-progress__model--indeterminate'] ??
       `transition-none [&:before]:(bg-current content-empty absolute top-0 right-0 bottom-0 left-0 origin-[0_0]) [&:after]:(bg-current content-empty absolute top-0 right-0 bottom-0 left-0 origin-[0_0]) [&:before]:(animate-[q-linear-progress--indeterminate_2.1s_cubic-bezier(0.65,_0.815,_0.735,_0.395)_infinite]) [&:after]:([transform:translate3d(-101%,_0,_0)_scale3d(1,_1,_1)] animate-[q-linear-progress--indeterminate-short_2.1s_cubic-bezier(0.165,_0.84,_0.44,_1)_infinite] [animation-delay:1.15s])`
   ],
 
   [
     /^q-linear-progress__model--query$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-linear-progress__model--query'] ??
       `transition-none [&:before]:(bg-current content-empty absolute top-0 right-0 bottom-0 left-0 origin-[0_0]) [&:after]:(bg-current content-empty absolute top-0 right-0 bottom-0 left-0 origin-[0_0]) [&:before]:(animate-[q-linear-progress--indeterminate_2.1s_cubic-bezier(0.65,_0.815,_0.735,_0.395)_infinite]) [&:after]:([transform:translate3d(-101%,_0,_0)_scale3d(1,_1,_1)] animate-[q-linear-progress--indeterminate-short_2.1s_cubic-bezier(0.165,_0.84,_0.44,_1)_infinite] [animation-delay:1.15s])`
   ],
 
   [
     /^q-linear-progress__track--light$/,
-    ([, c], { theme }) => `bg-[rgba(0,_0,_0,_0.26)]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-linear-progress__track--light'] ??
+      `bg-[rgba(0,_0,_0,_0.26)]`
   ],
 
   [
     /^q-linear-progress__track--dark$/,
-    ([, c], { theme }) => `bg-[rgba(255,_255,_255,_0.6)]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-linear-progress__track--dark'] ??
+      `bg-[rgba(255,_255,_255,_0.6)]`
   ],
 
   [
     /^q-linear-progress__stripe$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-linear-progress__stripe'] ??
       `!bg-[linear-gradient(_45deg,_rgba(255,_255,_255,_0.15)_25%,_rgba(255,_255,_255,_0)_25%,_rgba(255,_255,_255,_0)_50%,_rgba(255,_255,_255,_0.15)_50%,_rgba(255,_255,_255,_0.15)_75%,_rgba(255,_255,_255,_0)_75%,_rgba(255,_255,_255,_0)_)] [background-size:40px_40px!important]`
   ],
 
   [
     /^q-linear-progress__stripe--with-transition$/,
-    ([, c], { theme }) => `[transition:width_var(--q-linear-progress-speed)]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.[
+        'q-linear-progress__stripe--with-transition'
+      ] ?? `[transition:width_var(--q-linear-progress-speed)]`
   ]
 ]