vitrify 0.17.5 → 0.17.6

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

@@ -1,53 +1,56 @@
 const shortcuts = [
-    [/^q-drawer$/, ([, c], { theme }) => `absolute top-0 bottom-0 bg-[#fff]`],
-    [/^q-drawer--on-top$/, ([, c], { theme }) => `z-3000`],
     [
-        /^q-drawer--left$/,
-        ([, c], { theme }) => `left-0 -translate-x-full [&_.q-layout\\_\\_shadow]:(left-[10px] -right-[10px]) [&_.q-layout\\_\\_shadow:after]:(right-[10px])`
-    ],
-    [
-        /^q-drawer--left.q-drawer--bordered$/,
-        ([, c], { theme }) => `[border-right:1px_solid_rgba(0,_0,_0,_0.12)]`
+        /^q-drawer$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-drawer'] ??
+            `absolute top-[0] bottom-[0] bg-[#fff]`
     ],
     [
-        /^q-drawer--right$/,
-        ([, c], { theme }) => `right-0 translate-x-full [&_.q-layout\\_\\_shadow]:(-left-[10px]) [&_.q-layout\\_\\_shadow:after]:(left-[10px])`
+        /^q-drawer--on-top$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-drawer--on-top'] ?? ``
     ],
     [
-        /^q-drawer--right.q-drawer--bordered$/,
-        ([, c], { theme }) => `[border-left:1px_solid_rgba(0,_0,_0,_0.12)]`
+        /^q-drawer--left$/,
+        ([, c], { theme }) => 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)$/,
-        ([, 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)`
+        /^q-drawer--right$/,
+        ([, c], { theme }) => 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 }) => `[&_.q-mini-drawer-hide]:(hidden) [&_.q-expansion-item\\_\\_content]:(hidden)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-drawer--mini'] ??
+            `[&_.q-mini-drawer-hide]:(hidden) [&_.q-expansion-item\\_\\_content]:(hidden)`
     ],
     [
         /^q-drawer--mini-animate$/,
-        ([, c], { theme }) => `[&_.q-drawer\\_\\_content]:(!overflow-x-hidden whitespace-nowrap)`
+        ([, 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 }) => `[&_.q-mini-drawer-only]:(hidden) [&_.q-mini-drawer-hide]:(hidden)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-drawer--mobile'] ??
+            `[&_.q-mini-drawer-only]:(hidden) [&_.q-mini-drawer-hide]:(hidden)`
+    ],
+    [
+        /^q-drawer__backdrop$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-drawer__backdrop'] ?? ``
     ],
-    [/^q-drawer__backdrop$/, ([, c], { theme }) => `z-2999!`],
     [
         /^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`
     ]
 ];
 export { shortcuts };

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

@@ -9,7 +9,8 @@ const shortcuts = [
     [/^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])`
     ],
     [
@@ -28,12 +29,14 @@ const shortcuts = [
     ],
     [
         /^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)
     `
     ],
@@ -44,7 +47,8 @@ const shortcuts = [
     ],
     [
         /^q-editor--flat$/,
-        ([, c], { theme }) => `border-0
+        ([, c], { theme }) => theme.quasar?.components?.['q-editor--flat'] ??
+            `border-0
       [&_.q-editor\\_\\_toolbar]:(border-0)
     `
     ],
@@ -55,7 +59,8 @@ const shortcuts = [
     ],
     [
         /^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/dist/plugins/quasar/unocss/components/QExpansionItem.unocss.js

@@ -2,37 +2,45 @@ const shortcuts = [
     [/^q-expansion-item__border$/, ([, c], { theme }) => `opacity-0`],
     [
         /^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 }) => `!w-[1em] !h-[1em] !relative [&_+_.q-expansion-item\\_\\_toggle-icon]:(-mt-[1em])`
+        ([, 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 }) => `[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)`
+        ([, 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 }) => `[&:first-child_>_div_>_.q-expansion-item\\_\\_border--top]:(opacity-0) [&:last-child_>_div_>_.q-expansion-item\\_\\_border--bottom]:(opacity-0)`
+        ([, 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)`
     ],
     [
         /^q-expansion-item--expanded$/,
-        ([, c], { theme }) => `[&_.q-textarea--autogrow_textarea]:(animate-[q-expansion-done_0s])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-expansion-item--expanded'] ??
+            `[&_.q-textarea--autogrow_textarea]:(animate-[q-expansion-done_0s])`
     ]
 ];
 export { shortcuts };

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

@@ -2,99 +2,122 @@ const shortcuts = [
     [/^z-fab$/, ([, c], { theme }) => ``],
     [
         /^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]`],
     [/^q-fab--form-square$/, ([, c], { theme }) => `rounded-[4px]`],
     [
         /^q-fab__icon$/,
-        ([, c], { theme }) => `[transition:opacity_0.4s,_transform_0.4s] opacity-100 rotate-0`
+        ([, 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 }) => `[transition:opacity_0.4s,_transform_0.4s] opacity-0 -rotate-180`
+        ([, 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 }) => `absolute px-[8px] py-[0] [transition:opacity_0.18s_cubic-bezier(0.65,_0.815,_0.735,_0.395)]`
+        ([, 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 }) => `top-2/4 -left-[12px] -translate-x-full -translate-y-1/2`
+        ([, 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 }) => `top-2/4 -right-[12px] translate-x-full -translate-y-1/2`
+        ([, 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 }) => `-bottom-[12px] left-2/4 -translate-x-1/2 translate-y-full`
+        ([, 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 }) => `-top-[12px] left-2/4 -translate-x-1/2 -translate-y-full`
+        ([, 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 }) => `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]`
+        ([, 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]`],
     [/^q-fab__label--internal-bottom$/, ([, c], { theme }) => `pt-[0.12em]`],
     [
         /^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 }) => `[&_.q-fab\\_\\_icon]:(rotate-180 opacity-0) [&_.q-fab\\_\\_active-icon]:(rotate-0 opacity-100)`
+        ([, 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 }) => `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])`
+        ([, 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 }) => `origin-[0_50%] scale-[0.4] -translate-x-[62px] h-[56px] left-full ml-[9px]`
+        ([, 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 }) => `origin-[100%_50%] scale-[0.4] translate-x-[62px] h-[56px] right-full mr-[9px] flex-row-reverse`
+        ([, 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 }) => `origin-[50%_100%] scale-[0.4] translate-y-[62px] w-[56px] bottom-full mb-[9px] flex-col-reverse left-2/4 -ml-[28px]`
+        ([, 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 }) => `origin-[50%_0] scale-[0.4] -translate-y-[62px] w-[56px] top-full mt-[9px] flex-col left-2/4 -ml-[28px]`
+        ([, 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 }) => `opacity-100 scale-100 translate-x-[0.1px] translate-y-[0]`
+        ([, 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 }) => `[&_>_.q-fab\\_\\_actions--up]:(items-start left-[28px]) [&_>_.q-fab\\_\\_actions--down]:(items-start left-[28px])`
+        ([, 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 }) => `[&_>_.q-fab\\_\\_actions--up]:(items-end left-auto right-0) [&_>_.q-fab\\_\\_actions--down]:(items-end left-auto right-0)`
+        ([, 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)`
     ]
 ];
 export { shortcuts };

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

@@ -24,130 +24,160 @@ const preflights = [
 const shortcuts = [
     [
         /^q-field$/,
-        ([, c], { theme }) => `text-[14px] [&_::-ms-clear]:(hidden) [&_::-ms-reveal]:(hidden)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-field'] ??
+            `text-[14px] [&_::-ms-clear]:(hidden) [&_::-ms-reveal]:(hidden)`
     ],
     [/^q-field--with-bottom$/, ([, c], { theme }) => `pb-[20px]`],
     [
         /^q-field__marginal$/,
-        ([, c], { theme }) => `h-[56px] text-[rgba(0,_0,_0,_0.54)] text-[24px] [&_>_*_+_*]:(ml-[2px]) [&_.q-avatar]:(text-[32px])`
+        ([, 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])`
     ],
     [/^q-field__before$/, ([, c], { theme }) => `pr-[12px]`],
     [/^q-field__prepend$/, ([, c], { theme }) => `pr-[12px]`],
     [/^q-field__after$/, ([, c], { theme }) => `pl-[12px] [&:empty]:(hidden)`],
     [
         /^q-field__append$/,
-        ([, c], { theme }) => `pl-[12px] [&:empty]:(hidden) [&_+_.q-field\\_\\_append]:(pl-[2px])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-field__append'] ??
+            `pl-[12px] [&:empty]:(hidden) [&_+_.q-field\\_\\_append]:(pl-[2px])`
     ],
     [/^q-field__inner$/, ([, c], { theme }) => `text-left`],
     [
         /^q-field__bottom$/,
-        ([, c], { theme }) => `text-[12px] min-h-[20px] leading-none text-[rgba(0,_0,_0,_0.54)] pt-[8px] px-[12px] pb-[0] [backface-visibility:hidden]`
+        ([, 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 }) => `leading-none [&_>_div]:([word-wrap:break-word] break-words) [&_>_div_+_div]:(mt-[4px])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-field__messages'] ??
+            `leading-none [&_>_div]:([word-wrap:break-word] break-words) [&_>_div_+_div]:(mt-[4px])`
     ],
     [/^q-field__counter$/, ([, c], { theme }) => `pl-[8px] leading-none`],
     [
         /^q-field--item-aligned$/,
-        ([, c], { theme }) => `px-[16px] py-[8px] [&_.q-field\\_\\_before]:(min-w-[56px])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-field--item-aligned'] ??
+            `px-[16px] py-[8px] [&_.q-field\\_\\_before]:(min-w-[56px])`
     ],
     [/^q-field__control-container$/, ([, c], { theme }) => `[height:inherit]`],
     [
         /^q-field__control$/,
-        ([, c], { theme }) => `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`
+        ([, 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 }) => `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)`
+        ([, 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 }) => `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])`
+        ([, 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 }) => `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]`
+        ([, 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 }) => `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]`
+        ([, 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 }) => `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]`
+        ([, 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 }) => `[&_.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)`
+        ([, 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 }) => `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]`
+        ([, 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 }) => `[&_.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)])`
+        ([, 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 }) => `[&_.q-field\\_\\_label]:(text-current) [&_.q-field\\_\\_shadow]:(opacity-50)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-field--highlighted'] ??
+            `[&_.q-field\\_\\_label]:(text-current) [&_.q-field\\_\\_shadow]:(opacity-50)`
     ],
     [
         /^q-field--filled$/,
-        ([, c], { theme }) => `[&_.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)])`
+        ([, 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 }) => `[&_.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)`
+        ([, 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 }) => `[&_.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)`
+        ([, 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 }) => `[&_.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)])`
+        ([, 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 }) => `[&_.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)`
+        ([, 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 }) => `[&_.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)`
+        ([, 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 }) => `[&_.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])`
+        ([, 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 }) => `[&_.q-field\\_\\_label]:(animate-[q-field-label_0.36s]) [&_.q-field\\_\\_bottom]:(text-negative)`
+        ([, 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 }) => `opacity-60 cursor-pointer !outline-0 border-0 [color:inherit] bg-transparent p-0 [&:hover]:(opacity-100) [&:focus]:(opacity-100)`
+        ([, 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 }) => `[&_.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])`
+        ([, 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)`
     ]
 ];
 export { preflights, shortcuts };

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

@@ -1,15 +1,18 @@
 const shortcuts = [
     [
         /^q-file$/,
-        ([, c], { theme }) => `[&_.q-field\\_\\_native]:(break-all overflow-hidden) [&_.q-field\\_\\_input]:(!opacity-0) [&_.q-field\\_\\_input::-webkit-file-upload-button]:(cursor-pointer)`
+        ([, 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 }) => `outline-[1px_dashed_currentColor] outline-offset-[-4px]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-file__dnd'] ??
+            `outline-[1px_dashed_currentColor] outline-offset-[-4px]`
     ]
 ];
 export { shortcuts };

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

@@ -2,11 +2,13 @@ const shortcuts = [
     [/^q-footer--hidden$/, ([, c], { theme }) => `translate-y-[110%]`],
     [
         /^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 }) => `[&_.q-layout\\_\\_shadow]:(-top-[10px]) [&_.q-layout\\_\\_shadow:after]:(top-[10px])  relative z-2000`
+        ([, c], { theme }) => theme.quasar?.components?.['q-footer'] ??
+            `[&_.q-layout\\_\\_shadow]:(-top-[10px]) [&_.q-layout\\_\\_shadow:after]:(top-[10px])  relative z-2000`
     ]
 ];
 export { shortcuts };

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

@@ -2,11 +2,13 @@ const shortcuts = [
     [/^q-header--hidden$/, ([, c], { theme }) => `-translate-y-[110%]`],
     [
         /^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 }) => `z-2000 [&_.q-layout\\_\\_shadow]:(-bottom-10px) [&_.q-layout\\_\\_shadow:after]:(bottom-10px)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-header'] ??
+            `z-2000 [&_.q-layout\\_\\_shadow]:(-bottom-10px) [&_.q-layout\\_\\_shadow:after]:(bottom-10px)`
         // relative
     ]
 ];