vitrify 0.17.4 → 0.17.6

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

@@ -13,75 +13,102 @@ const preflights = [
 const shortcuts = [
     [
         /^q-tree$/,
-        ([, c], { theme }) => `relative text-[#9e9e9e] [&_>_.q-tree\\_\\_node]:(p-0) [&_>_.q-tree\\_\\_node:after]:(hidden) [&_>_.q-tree\\_\\_node_>_.q-tree\\_\\_node-header:before]:(hidden) [&_>_.q-tree\\_\\_node--child_>_.q-tree\\_\\_node-header]:(pl-[24px])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-tree'] ??
+            `relative text-[#9e9e9e] [&_>_.q-tree\\_\\_node]:(p-0) [&_>_.q-tree\\_\\_node:after]:(hidden) [&_>_.q-tree\\_\\_node_>_.q-tree\\_\\_node-header:before]:(hidden) [&_>_.q-tree\\_\\_node--child_>_.q-tree\\_\\_node-header]:(pl-[24px])`
     ],
-    [/^q-tree__node$/, ([, c], { theme }) => `pt-[0] pr-[0] pb-[3px] pl-[22px]`],
     [
-        /^q-tree__node:after$/,
-        ([, c], { theme }) => `content-empty absolute -top-[3px] bottom-0 w-[2px] right-auto -left-[13px] [border-left:1px_solid_currentColor]`
+        /^q-tree__node$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-tree__node'] ??
+            `pt-[0] pr-[0] pb-[3px] pl-[22px] [&:after]:(content-[''] absolute -top-[3px] bottom-[0] w-[2px] right-auto -left-[13px] [border-left:1px_solid_currentColor]) [&:last-child:after]:(hidden)`
     ],
-    [/^q-tree__node:last-child:after$/, ([, c], { theme }) => `hidden`],
     [
         /^q-tree__node--disabled$/,
-        ([, c], { theme }) => `pointer-events-none [&_.disabled]:(!opacity-100) [&_>_div]:(!opacity-60) [&_>_i]:(!opacity-60) [&_>_.disabled]:(!opacity-60) [&_>_div_.q-tree\\_\\_node--disabled_>_div]:(!opacity-100) [&_>_div_.q-tree\\_\\_node--disabled_>_i]:(!opacity-100) [&_>_div_.q-tree\\_\\_node--disabled_>_.disabled]:(!opacity-100) [&_>_i_.q-tree\\_\\_node--disabled_>_div]:(!opacity-100) [&_>_i_.q-tree\\_\\_node--disabled_>_i]:(!opacity-100) [&_>_i_.q-tree\\_\\_node--disabled_>_.disabled]:(!opacity-100) [&_>_.disabled_.q-tree\\_\\_node--disabled_>_div]:(!opacity-100) [&_>_.disabled_.q-tree\\_\\_node--disabled_>_i]:(!opacity-100) [&_>_.disabled_.q-tree\\_\\_node--disabled_>_.disabled]:(!opacity-100)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-tree__node--disabled'] ??
+            `pointer-events-none [&_.disabled]:(!opacity-100) [&_>_div]:(!opacity-60) [&_>_i]:(!opacity-60) [&_>_.disabled]:(!opacity-60) [&_>_div_.q-tree\\_\\_node--disabled_>_div]:(!opacity-100) [&_>_div_.q-tree\\_\\_node--disabled_>_i]:(!opacity-100) [&_>_div_.q-tree\\_\\_node--disabled_>_.disabled]:(!opacity-100) [&_>_i_.q-tree\\_\\_node--disabled_>_div]:(!opacity-100) [&_>_i_.q-tree\\_\\_node--disabled_>_i]:(!opacity-100) [&_>_i_.q-tree\\_\\_node--disabled_>_.disabled]:(!opacity-100) [&_>_.disabled_.q-tree\\_\\_node--disabled_>_div]:(!opacity-100) [&_>_.disabled_.q-tree\\_\\_node--disabled_>_i]:(!opacity-100) [&_>_.disabled_.q-tree\\_\\_node--disabled_>_.disabled]:(!opacity-100)`
     ],
     [
-        /^q-tree__node-header:before$/,
-        ([, c], { theme }) => `content-empty absolute -top-[3px] bottom-2/4 w-[31px] -left-[35px] [border-left:1px_solid_currentColor] [border-bottom:1px_solid_currentColor]`
+        /^q-tree__node-header$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-tree__node-header'] ??
+            `[&:before]:(content-[''] absolute -top-[3px] bottom-2/4 w-[31px] -left-[35px] [border-left:1px_solid_currentColor] [border-bottom:1px_solid_currentColor]) p-[4px] mt-[3px] rounded-[4px] outline-[0]`
+    ],
+    [
+        /^q-tree__children$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-tree__children'] ?? `pl-[25px]`
     ],
-    [/^q-tree__children$/, ([, c], { theme }) => `pl-[25px]`],
     [
         /^q-tree__node-body$/,
-        ([, c], { theme }) => `pt-[5px] pr-[0] pb-[8px] pl-[5px]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-tree__node-body'] ??
+            `pt-[5px] pr-[0] pb-[8px] pl-[5px]`
     ],
     [
         /^q-tree__node--parent$/,
-        ([, c], { theme }) => `pl-[2px] [&_>_.q-tree\\_\\_node-header:before]:(w-[15px] -left-[15px]) [&_>_.q-tree\\_\\_node-collapsible_>_.q-tree\\_\\_node-body]:(pt-[5px] pr-[0] pb-[8px] pl-[27px]) [&_>_.q-tree\\_\\_node-collapsible_>_.q-tree\\_\\_node-body:after]:(content-empty absolute top-0 w-[2px] h-full right-auto left-[12px] [border-left:1px_solid_currentColor] bottom-[50px])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-tree__node--parent'] ??
+            `pl-[2px] [&_>_.q-tree\\_\\_node-header:before]:(w-[15px] -left-[15px]) [&_>_.q-tree\\_\\_node-collapsible_>_.q-tree\\_\\_node-body]:(pt-[5px] pr-[0] pb-[8px] pl-[27px]) [&_>_.q-tree\\_\\_node-collapsible_>_.q-tree\\_\\_node-body:after]:(content-[''] absolute top-[0] w-[2px] h-full right-auto left-[12px] [border-left:1px_solid_currentColor] bottom-[50px])`
     ],
-    [/^q-tree__node--link$/, ([, c], { theme }) => `cursor-pointer`],
     [
-        /^q-tree__node-header$/,
-        ([, c], { theme }) => `p-[4px] mt-[3px] rounded-[4px] outline-0`
+        /^q-tree__node--link$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-tree__node--link'] ?? `cursor-pointer`
     ],
     [
         /^q-tree__node-header-content$/,
-        ([, c], { theme }) => `text-[#000] [transition:color_0.3s] [&_.q-icon]:(text-[21px]) [&_.q-avatar]:(text-[28px] rounded-[50%] w-[28px] h-[28px])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-tree__node-header-content'] ??
+            `text-[#000] [transition:color_0.3s] [&_.q-icon]:(text-[21px]) [&_.q-avatar]:(text-[28px] rounded-[50%] w-[28px] h-[28px])`
     ],
     [
         /^q-tree__node--selected$/,
-        ([, c], { theme }) => `[&_.q-tree\\_\\_node-header-content]:(text-[#9e9e9e])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-tree__node--selected'] ??
+            `[&_.q-tree\\_\\_node-header-content]:(text-[#9e9e9e])`
+    ],
+    [
+        /^q-tree__icon$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-tree__icon'] ?? `text-[21px]`
+    ],
+    [
+        /^q-tree__img$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-tree__img'] ?? `h-[42px] rounded-[2px]`
     ],
-    [/^q-tree__icon$/, ([, c], { theme }) => `text-[21px]`],
-    [/^q-tree__img$/, ([, c], { theme }) => `h-[42px] rounded-[2px]`],
     [
         /^q-tree__avatar$/,
-        ([, c], { theme }) => `text-[28px] rounded-[50%] w-[28px] h-[28px]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-tree__avatar'] ??
+            `text-[28px] rounded-[50%] w-[28px] h-[28px]`
     ],
     [
         /^q-tree__arrow$/,
-        ([, c], { theme }) => `text-[16px] mr-[4px] [transition:transform_0.3s]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-tree__arrow'] ??
+            `text-[16px] mr-[4px] [transition:transform_0.3s]`
+    ],
+    [
+        /^q-tree__spinner$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-tree__spinner'] ?? `text-[16px] mr-[4px]`
     ],
-    [/^q-tree__spinner$/, ([, c], { theme }) => `text-[16px] mr-[4px]`],
     [
         /^q-tree__arrow--rotate$/,
-        ([, c], { theme }) => `[transform:rotate3d(0,_0,_1,_90deg)]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-tree__arrow--rotate'] ??
+            `[transform:rotate3d(0,_0,_1,_90deg)]`
+    ],
+    [
+        /^q-tree__tickbox$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-tree__tickbox'] ?? `mr-[4px]`
     ],
-    [/^q-tree__tickbox$/, ([, c], { theme }) => `mr-[4px]`],
     [
         /^q-tree--dark$/,
-        ([, c], { theme }) => `[&_.q-tree\\_\\_node-header-content]:(text-[#fff])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-tree--dark'] ??
+            `[&_.q-tree\\_\\_node-header-content]:(text-[#fff])`
     ],
     [
         /^q-tree--no-connectors$/,
-        ([, c], { theme }) => `[&_.q-tree\\_\\_node:after]:(!hidden) [&_.q-tree\\_\\_node-header:before]:(!hidden) [&_.q-tree\\_\\_node-body:after]:(!hidden)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-tree--no-connectors'] ??
+            `[&_.q-tree\\_\\_node:after]:(!hidden) [&_.q-tree\\_\\_node-header:before]:(!hidden) [&_.q-tree\\_\\_node-body:after]:(!hidden)`
     ],
     [
         /^q-tree--dense$/,
-        ([, c], { theme }) => `[&_>_.q-tree\\_\\_node--child_>_.q-tree\\_\\_node-header]:(pl-px) [&_.q-tree\\_\\_arrow]:(mr-px) [&_.q-tree\\_\\_spinner]:(mr-px) [&_.q-tree\\_\\_img]:(h-[32px]) [&_.q-tree\\_\\_tickbox]:(mr-[3px]) [&_.q-tree\\_\\_node]:(p-0) [&_.q-tree\\_\\_node:after]:(top-0 -left-[8px]) [&_.q-tree\\_\\_node-header]:(mt-0 p-px) [&_.q-tree\\_\\_node-header:before]:(top-0 -left-[8px] w-[8px]) [&_.q-tree\\_\\_node--child]:(pl-[17px]) [&_.q-tree\\_\\_node--child_>_.q-tree\\_\\_node-header:before]:(-left-[25px] w-[21px]) [&_.q-tree\\_\\_node-body]:(pt-[0] px-[0] pb-[2px]) [&_.q-tree\\_\\_children]:(pl-[16px])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-tree--dense'] ??
+            `[&_>_.q-tree\\_\\_node--child_>_.q-tree\\_\\_node-header]:(pl-px) [&_.q-tree\\_\\_arrow]:(mr-px) [&_.q-tree\\_\\_spinner]:(mr-px) [&_.q-tree\\_\\_img]:(h-[32px]) [&_.q-tree\\_\\_tickbox]:(mr-[3px]) [&_.q-tree\\_\\_node]:(p-0) [&_.q-tree\\_\\_node:after]:(top-[0] -left-[8px]) [&_.q-tree\\_\\_node-header]:(mt-0 p-px) [&_.q-tree\\_\\_node-header:before]:(top-[0] -left-[8px] w-[8px]) [&_.q-tree\\_\\_node--child]:(pl-[17px]) [&_.q-tree\\_\\_node--child_>_.q-tree\\_\\_node-header:before]:(-left-[25px] w-[21px]) [&_.q-tree\\_\\_node-body]:(pt-[0] px-[0] pb-[2px]) [&_.q-tree\\_\\_children]:(pl-[16px])`
     ],
     [
         /^q-tree--dense$/,
-        ([, c], { theme }) => `[&__.q-tree\\_\\_node--parent__>_.q-tree\\_\\_node-collapsible__>_.q-tree\\_\\_node-body]:(pt-[0] pr-[0] pb-[2px] pl-[20px]) [&__.q-tree\\_\\_node--parent__>_.q-tree\\_\\_node-collapsible__>_.q-tree\\_\\_node-body:after]:(left-[8px])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-tree--dense'] ??
+            `[&__.q-tree\\_\\_node--parent__>_.q-tree\\_\\_node-collapsible__>_.q-tree\\_\\_node-body]:(pt-[0] pr-[0] pb-[2px] pl-[20px]) [&__.q-tree\\_\\_node--parent__>_.q-tree\\_\\_node-collapsible__>_.q-tree\\_\\_node-body:after]:(left-[8px])`
     ]
 ];
 export { preflights, shortcuts };

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

@@ -1,72 +1,84 @@
 const shortcuts = [
     [
         /^q-uploader$/,
-        ([, 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)] rounded-[4px] align-top bg-[#fff] relative w-[320px] max-h-[320px]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-uploader'] ??
+            `[box-shadow:0_1px_5px_rgba(0,_0,_0,_0.2),_0_2px_2px_rgba(0,_0,_0,_0.14),_0_3px_1px_-2px_rgba(0,_0,_0,_0.12)] rounded-[4px] align-top bg-[#fff] relative w-[320px] max-h-[320px]`
     ],
     [
         /^q-uploader--bordered$/,
-        ([, c], { theme }) => `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-uploader--bordered'] ??
+            `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
     ],
     [
         /^q-uploader__input$/,
-        ([, c], { theme }) => `opacity-0 w-full h-full !cursor-pointer`
+        ([, c], { theme }) => theme.quasar?.components?.['q-uploader__input'] ??
+            `opacity-0 w-full h-full !cursor-pointer [&::-webkit-file-upload-button]:(cursor-pointer)`
     ],
     [
-        /^q-uploader__input::-webkit-file-upload-button$/,
-        ([, c], { theme }) => `cursor-pointer`
+        /^q-uploader__file$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-uploader__file'] ??
+            `[&:before]:(content-[''] [border-top-left-radius:inherit] [border-top-right-radius:inherit] absolute top-[0] right-[0] bottom-[0] left-[0] pointer-events-none bg-current opacity-[0.04]) rounded-tl-[4px] rounded-br-[0] rounded-tr-[4px] rounded-bl-[0] border-[1px] border-solid border-[rgba(0,0,0,0.12)] [&_.q-circular-progress]:(text-[24px]) [&_+_.q-uploader\\_\\_file]:(mt-[8px])`
     ],
     [
-        /^q-uploader__file:before$/,
-        ([, c], { theme }) => `content-empty [border-top-left-radius:inherit] [border-top-right-radius:inherit] absolute top-0 right-0 bottom-0 left-0 pointer-events-none bg-current opacity-[0.04]`
+        /^q-uploader__header$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-uploader__header'] ??
+            `relative [border-top-left-radius:inherit] [border-top-right-radius:inherit] text-[#fff] w-full`
     ],
     [
-        /^q-uploader__header$/,
-        ([, c], { theme }) => `relative [border-top-left-radius:inherit] [border-top-right-radius:inherit] text-[#fff] w-full bg-primary`
+        /^q-uploader__spinner$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-uploader__spinner'] ??
+            `text-[24px] mr-[4px]`
+    ],
+    [
+        /^q-uploader__header-content$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-uploader__header-content'] ?? `p-[8px]`
     ],
-    [/^q-uploader__spinner$/, ([, c], { theme }) => `text-[24px] mr-[4px]`],
-    [/^q-uploader__header-content$/, ([, c], { theme }) => `p-[8px]`],
     [
         /^q-uploader__dnd$/,
-        ([, c], { theme }) => `outline-[1px_dashed_currentColor] outline-offset-[-4px] bg-[rgba(255,_255,_255,_0.6)]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-uploader__dnd'] ??
+            `outline-[1px_dashed_currentColor] outline-offset-[-4px] bg-[rgba(255,_255,_255,_0.6)]`
     ],
     [
         /^q-uploader__overlay$/,
-        ([, c], { theme }) => `text-[36px] text-[#000] bg-[rgba(255,_255,_255,_0.6)]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-uploader__overlay'] ??
+            `text-[36px] text-[#000] bg-[rgba(255,_255,_255,_0.6)]`
     ],
     [
         /^q-uploader__list$/,
-        ([, c], { theme }) => `relative [border-bottom-left-radius:inherit] [border-bottom-right-radius:inherit] p-[8px] min-h-[60px] flex-auto`
-    ],
-    [
-        /^q-uploader__file$/,
-        ([, c], { theme }) => `rounded-tl-[4px] rounded-br-[0] rounded-tr-[4px] rounded-bl-[0] border-[1px] border-solid border-[rgba(0,0,0,0.12)] [&_.q-circular-progress]:(text-[24px]) [&_+_.q-uploader\\_\\_file]:(mt-[8px])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-uploader__list'] ??
+            `relative [border-bottom-left-radius:inherit] [border-bottom-right-radius:inherit] p-[8px] min-h-[60px] flex-auto`
     ],
     [
         /^q-uploader__file--img$/,
-        ([, c], { theme }) => `text-[#fff] h-[200px] min-w-[200px] bg-[50%_50%] bg-no-repeat [&_.q-circular-progress]:(text-[#fff]) [&_.q-uploader\\_\\_file-header]:(pb-[24px] bg-[linear-gradient(_to_bottom,_rgba(0,_0,_0,_0.7)_20%,_rgba(255,_255,_255,_0)_)])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-uploader__file--img'] ??
+            `text-[#fff] h-[200px] min-w-[200px] bg-[50%_50%] bg-no-repeat [&:before]:(content-[none]) [&_.q-circular-progress]:(text-[#fff]) [&_.q-uploader\\_\\_file-header]:(pb-[24px] bg-[linear-gradient(_to_bottom,_rgba(0,_0,_0,_0.7)_20%,_rgba(255,_255,_255,_0)_)])`
     ],
-    [/^q-uploader__file--img:before$/, ([, c], { theme }) => `content-[none]`],
     [
         /^q-uploader__file-header$/,
-        ([, c], { theme }) => `relative px-[8px] py-[4px] [border-top-left-radius:inherit] [border-top-right-radius:inherit]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-uploader__file-header'] ??
+            `relative px-[8px] py-[4px] [border-top-left-radius:inherit] [border-top-right-radius:inherit]`
     ],
     [/^q-uploader__file-header-content$/, ([, c], { theme }) => `pr-[8px]`],
     [/^q-uploader__file-status$/, ([, c], { theme }) => `text-[24px] mr-[4px]`],
     [
         /^q-uploader__title$/,
-        ([, c], { theme }) => `text-[14px] font-bold leading-[1.285714]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-uploader__title'] ??
+            `text-[14px] font-bold leading-[1.285714]`
     ],
     [
         /^q-uploader__subtitle$/,
-        ([, c], { theme }) => `text-[12px] leading-normal`
+        ([, c], { theme }) => theme.quasar?.components?.['q-uploader__subtitle'] ??
+            `text-[12px] leading-normal`
     ],
     [
         /^q-uploader--disable$/,
-        ([, c], { theme }) => `[&_.q-uploader\\_\\_header]:(pointer-events-none) [&_.q-uploader\\_\\_list]:(pointer-events-none)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-uploader--disable'] ??
+            `[&_.q-uploader\\_\\_header]:(pointer-events-none) [&_.q-uploader\\_\\_list]:(pointer-events-none)`
     ],
     [
         /^q-uploader--dark$/,
-        ([, c], { theme }) => `border-[rgba(255,_255,_255,_0.28)] [box-shadow:0_1px_5px_rgba(255,_255,_255,_0.2),_0_2px_2px_rgba(255,_255,_255,_0.14),_0_3px_1px_-2px_rgba(255,_255,_255,_0.12)] [&_.q-uploader\\_\\_file]:(border-[rgba(255,_255,_255,_0.28)]) [&_.q-uploader\\_\\_dnd]:(bg-[rgba(255,_255,_255,_0.3)]) [&_.q-uploader\\_\\_overlay]:(bg-[rgba(255,_255,_255,_0.3)]) [&_.q-uploader\\_\\_overlay]:(text-[#fff])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-uploader--dark'] ??
+            `border-[rgba(255,_255,_255,_0.28)] [box-shadow:0_1px_5px_rgba(255,_255,_255,_0.2),_0_2px_2px_rgba(255,_255,_255,_0.14),_0_3px_1px_-2px_rgba(255,_255,_255,_0.12)] [&_.q-uploader\\_\\_file]:(border-[rgba(255,_255,_255,_0.28)]) [&_.q-uploader\\_\\_dnd]:(bg-[rgba(255,_255,_255,_0.3)]) [&_.q-uploader\\_\\_overlay]:(bg-[rgba(255,_255,_255,_0.3)]) [&_.q-uploader\\_\\_overlay]:(text-[#fff])`
     ]
 ];
 export { shortcuts };

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

@@ -1,11 +1,13 @@
 const shortcuts = [
     [
         /^q-video$/,
-        ([, c], { theme }) => `relative overflow-hidden [border-radius:inherit] [&_iframe]:(w-full h-full) [&_object]:(w-full h-full) [&_embed]:(w-full h-full)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-video'] ??
+            `relative overflow-hidden [border-radius:inherit] [&_iframe]:(w-full h-full) [&_object]:(w-full h-full) [&_embed]:(w-full h-full)`
     ],
     [
         /^q-video--responsive$/,
-        ([, c], { theme }) => `h-[0] [&_iframe]:(absolute top-0 left-0) [&_object]:(absolute top-0 left-0) [&_embed]:(absolute top-0 left-0)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-video--responsive'] ??
+            `h-[0] [&_iframe]:(absolute top-0 left-0) [&_object]:(absolute top-0 left-0) [&_embed]:(absolute top-0 left-0)`
     ]
 ];
 export { shortcuts };

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

@@ -2,15 +2,18 @@ const shortcuts = [
     [/^q-virtual-scroll:focus$/, ([, c], { theme }) => `focus:outline-0`],
     [
         /^q-virtual-scroll__content$/,
-        ([, c], { theme }) => `outline-[none] [&_>_*]:([overflow-anchor:none]) [&_>_[data-q-vs-anchor]]:([overflow-anchor:auto])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-virtual-scroll__content'] ??
+            `outline-[none] [&_>_*]:([overflow-anchor:none]) [&_>_[data-q-vs-anchor]]:([overflow-anchor:auto])`
     ],
     [
         /^q-virtual-scroll__padding$/,
-        ([, c], { theme }) => `bg-[linear-gradient(_rgba(255,_255,_255,_0),_rgba(255,_255,_255,_0)_20%,_rgba(128,_128,_128,_0.03)_20%,_rgba(128,_128,_128,_0.08)_50%,_rgba(128,_128,_128,_0.03)_80%,_rgba(255,_255,_255,_0)_80%,_rgba(255,_255,_255,_0)_)] [background-size:var(--q-virtual-scroll-item-width,_100%)_var(--q-virtual-scroll-item-height,_50px)]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-virtual-scroll__padding'] ??
+            `bg-[linear-gradient(_rgba(255,_255,_255,_0),_rgba(255,_255,_255,_0)_20%,_rgba(128,_128,_128,_0.03)_20%,_rgba(128,_128,_128,_0.08)_50%,_rgba(128,_128,_128,_0.03)_80%,_rgba(255,_255,_255,_0)_80%,_rgba(255,_255,_255,_0)_)] [background-size:var(--q-virtual-scroll-item-width,_100%)_var(--q-virtual-scroll-item-height,_50px)]`
     ],
     [
         /^q-virtual-scroll--horizontal$/,
-        ([, c], { theme }) => `flex flex-row flex-nowrap items-stretch [&_.q-virtual-scroll\\_\\_content]:(flex flex-row flex-nowrap) [&_.q-virtual-scroll\\_\\_padding]:(flex-[0_0_auto]) [&_.q-virtual-scroll\\_\\_content]:(flex-[0_0_auto]) [&_.q-virtual-scroll\\_\\_content_>_*]:(flex-[0_0_auto]) [&_.q-virtual-scroll\\_\\_padding]:(bg-[linear-gradient(_to_left,_rgba(255,_255,_255,_0),_rgba(255,_255,_255,_0)_20%,_rgba(128,_128,_128,_0.03)_20%,_rgba(128,_128,_128,_0.08)_50%,_rgba(128,_128,_128,_0.03)_80%,_rgba(255,_255,_255,_0)_80%,_rgba(255,_255,_255,_0)_)] [background-size:var(--q-virtual-scroll-item-width,_50px)_var(--q-virtual-scroll-item-height,_100%)])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-virtual-scroll--horizontal'] ??
+            `flex flex-row flex-nowrap items-stretch [&_.q-virtual-scroll\\_\\_content]:(flex flex-row flex-nowrap) [&_.q-virtual-scroll\\_\\_padding]:(flex-[0_0_auto]) [&_.q-virtual-scroll\\_\\_content]:(flex-[0_0_auto]) [&_.q-virtual-scroll\\_\\_content_>_*]:(flex-[0_0_auto]) [&_.q-virtual-scroll\\_\\_padding]:(bg-[linear-gradient(_to_left,_rgba(255,_255,_255,_0),_rgba(255,_255,_255,_0)_20%,_rgba(128,_128,_128,_0.03)_20%,_rgba(128,_128,_128,_0.08)_50%,_rgba(128,_128,_128,_0.03)_80%,_rgba(255,_255,_255,_0)_80%,_rgba(255,_255,_255,_0)_)] [background-size:var(--q-virtual-scroll-item-width,_50px)_var(--q-virtual-scroll-item-height,_100%)])`
     ]
 ];
 export { shortcuts };

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

@@ -1,65 +1,68 @@
-const shadows = (mode) => [
-    ...Array.from({ length: 24 }, (_, i) => i + 1).reduce((acc, z) => {
-        acc.push([
-            new RegExp(`shadow-${z}`),
-            ([, c], { symbols, theme }) => ({
-                [symbols.parent]: mode === 'dark' ? 'body.body--dark' : undefined,
-                'box-shadow': theme['shadows'][z]
-            })
-        ]);
-        acc.push([
-            new RegExp(`shadow-up-${z}`),
-            ([, c], { symbols, theme }) => ({
-                [symbols.parent]: mode === 'dark' ? 'body.body--dark' : undefined,
-                'box-shadow': theme['shadows']['up'][z]
-            })
-        ]);
-        return acc;
-    }, []),
-    [
-        /^inset-shadow$/,
-        function* ([, color], { symbols, theme }) {
-            yield {
-                [symbols.parent]: mode === 'dark' ? 'body.body--dark' : undefined,
-                'box-shadow': theme['insetShadow']
-            };
-        }
-    ],
-    [
-        /^inset-shadow-down$/,
-        function* ([, color], { symbols, theme }) {
-            yield {
-                [symbols.parent]: mode === 'dark' ? 'body.body--dark' : undefined,
-                'box-shadow': theme['insetShadowDown']
-            };
-        }
-    ]
-];
+// const shadows = (mode: 'light' | 'dark'): Rule<QuasarTheme>[] => [
+//   ...Array.from({ length: 24 }, (_, i) => i + 1).reduce((acc, z) => {
+//     acc.push([
+//       new RegExp(`shadow-${z}`),
+//       ([, c], { symbols, theme }) => ({
+//         [symbols.parent]: mode === 'dark' ? 'body.body--dark' : undefined,
+//         'box-shadow': theme['shadows'][z as IntRange<0, 24>]
+//       })
+//     ])
+//     acc.push([
+//       new RegExp(`shadow-up-${z}`),
+//       ([, c], { symbols, theme }) => ({
+//         [symbols.parent]: mode === 'dark' ? 'body.body--dark' : undefined,
+//         'box-shadow': theme['shadows']['up'][z as IntRange<0, 24>]
+//       })
+//     ])
+//     return acc
+//   }, [] as Rule<QuasarTheme>[]),
+//   [
+//     /^inset-shadow$/,
+//     function* ([, color], { symbols, theme }) {
+//       yield {
+//         [symbols.parent]: mode === 'dark' ? 'body.body--dark' : undefined,
+//         'box-shadow': theme['insetShadow']
+//       }
+//     }
+//   ] as Rule<QuasarTheme>,
+//   [
+//     /^inset-shadow-down$/,
+//     function* ([, color], { symbols, theme }) {
+//       yield {
+//         [symbols.parent]: mode === 'dark' ? 'body.body--dark' : undefined,
+//         'box-shadow': theme['insetShadowDown']
+//       }
+//     }
+//   ] as Rule<QuasarTheme>
+// ]
 const rules = [
-    [
-        /^shadow-transition$/,
-        function* ([, color], { theme }) {
-            yield {
-                transition: `${theme['shadowTransition']} !important`
-            };
-        }
-    ],
-    ...shadows('light'),
-    ...shadows('dark'),
-    ...['no-shadow', 'shadow-0'].map((c) => [
-        new RegExp(`${c}`),
-        function* ([, color], { theme }) {
-            yield {
-                'box-shadow': `none !important`
-            };
-        }
-    ]),
+    // [
+    //   /^shadow-transition$/,
+    //   function* ([, color], { theme }) {
+    //     yield {
+    //       transition: `${theme['shadowTransition']} !important`
+    //     }
+    //   }
+    // ] as Rule<QuasarTheme>,
+    // ...shadows('light'),
+    // ...shadows('dark'),
+    // ...['no-shadow', 'shadow-0'].map(
+    //   (c) =>
+    //     [
+    //       new RegExp(`${c}`),
+    //       function* ([, color], { theme }) {
+    //         yield {
+    //           'box-shadow': `none !important`
+    //         }
+    //       }
+    //     ] as Rule<QuasarTheme>
+    // ),
     ...['z-marginals', 'z-notify', 'z-fullscreen', 'z-inherit'].map((c) => [
         new RegExp(`${c}`),
         function* ([, color], { theme }) {
             const selector = c.replace('z-', '');
             yield {
-                'z-index': c === 'z-inherit' ? 'inherit' : theme['z'][selector]
+                'z-index': c === 'z-inherit' ? 'inherit' : theme.quasar?.['z'][selector]
             };
         }
     ])

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

@@ -1,7 +1,7 @@
 // Import normalize and animate css
 import { definePreset, transformerVariantGroup } from 'unocss';
-import presetWind from '@unocss/preset-wind';
-import theme from './theme.js';
+import presetUno from '@unocss/preset-uno';
+import { defaultTheme } from './theme.js';
 import { animatedUno } from 'animated-unocss';
 import { shortcuts as QIconShortcuts } from './components/QIcon.unocss.js';
 import { shortcuts as QAjaxBarShortcuts } from './components/QAjaxBar.unocss.js';
@@ -97,7 +97,136 @@ const toKebabCase = (str) => str
     .match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)
     ?.map((x) => x.toLowerCase())
     .join('-') ?? '';
-const safelist = [
+const pluginSafelistMap = {
+    BottomSheet: [
+        'q-bottom-sheet',
+        'q-bottom-sheet__avatar',
+        'q-bottom-sheet--list',
+        'q-bottom-sheet--grid',
+        'q-bottom-sheet__item'
+    ],
+    Dialog: [
+        'q-dialog__title',
+        'q-dialog__progress',
+        'q-dialog__inner',
+        'q-dialog__inner--square',
+        'q-dialog__inner--minimized',
+        'q-dialog__inner--maximized',
+        'q-dialog__inner--top',
+        'q-dialog__inner--bottom',
+        'q-dialog__inner--right',
+        'q-dialog__inner--left',
+        'q-dialog__inner--fullwidth',
+        'q-dialog__inner--fullheight',
+        'q-dialog__backdrop',
+        'q-btn',
+        'q-btn--actionable',
+        'q-btn--no-uppercase',
+        'q-btn--rectangle',
+        'q-btn--outline',
+        'q-btn--push',
+        'q-btn--rounded',
+        'q-btn--round',
+        'q-btn--square',
+        'q-btn--flat',
+        'q-btn--unelevated',
+        'q-btn--dense',
+        'q-btn--fab',
+        'q-btn--fab-mini',
+        'q-btn__content',
+        'q-btn__content--hidden',
+        'q-btn__progress',
+        'q-btn__progress-indicator',
+        'q-btn__progress--dark',
+        'q-card',
+        'q-card--bordered',
+        'q-card--dark',
+        'q-card__section',
+        'q-card__section--vert',
+        'q-card__section--horiz',
+        'q-card__actions',
+        'q-card__actions--horiz',
+        'q-card__actions--vert',
+        'q-separator--spaced',
+        'q-textarea',
+        'q-textarea--autogrow',
+        'q-field',
+        'q-field--with-bottom',
+        'q-field__marginal',
+        'q-field__before',
+        'q-field__prepend',
+        'q-field__after',
+        'q-field__append',
+        'q-field__inner',
+        'q-field__bottom',
+        'q-field__bottom--animated',
+        'q-field__messages',
+        'q-field__counter',
+        'q-field--item-aligned',
+        'q-field__control-container',
+        'q-field__control',
+        'q-field__shadow',
+        'q-field__native',
+        'q-field__prefix',
+        'q-field__suffix',
+        'q-field__input',
+        'q-field--readonly',
+        'q-field--disabled',
+        'q-field__label',
+        'q-field--float',
+        'q-field--highlighted',
+        'q-field--filled',
+        'q-field--outlined',
+        'q-field--standard',
+        'q-field--dark',
+        'q-field--standout',
+        'q-field--labeled',
+        'q-field--dense',
+        'q-field--borderless',
+        'q-field--error',
+        'q-field__focusable-action',
+        'q-field--auto-height',
+        'q-field--square',
+        'q-option-group--inline',
+        'q-spinner',
+        'q-spinner-mat'
+    ],
+    LoadingBar: [
+        'q-loading-bar',
+        'q-loading-bar--top',
+        'q-loading-bar--bottom',
+        'q-loading-bar--right',
+        'q-loading-bar--left'
+    ],
+    Notify: [
+        'q-avatar',
+        'q-avatar__content',
+        'q-avatar--square',
+        'q-icon',
+        'q-btn',
+        'q-btn--actionable',
+        'q-btn--no-uppercase',
+        'q-btn--rectangle',
+        'q-btn--outline',
+        'q-btn--push',
+        'q-btn--rounded',
+        'q-btn--round',
+        'q-btn--square',
+        'q-btn--flat',
+        'q-btn--unelevated',
+        'q-btn--dense',
+        'q-btn--fab',
+        'q-btn--fab-mini',
+        'q-btn__content',
+        'q-btn__content--hidden',
+        'q-btn__progress',
+        'q-btn__progress-indicator',
+        'q-btn__progress--dark',
+        'q-spinner',
+        'q-spinner-mat'
+    ]
+};
+const baseSafelist = [
     'material-icons',
     'material-icons-outlined',
     'material-icons-round',
@@ -1203,11 +1332,22 @@ const qClasses = [
     'q-notification--bottom-leave-active',
     'q-notification--bottom-right-leave-active'
 ];
-export default definePreset((options) => {
+const generateSafelist = (plugins) => {
+    let safelist = baseSafelist;
+    if (plugins) {
+        for (const plugin of plugins) {
+            const pluginSafelist = pluginSafelistMap[plugin];
+            if (pluginSafelist)
+                safelist = safelist.concat(pluginSafelist);
+        }
+    }
+    return safelist;
+};
+export default definePreset((options = {}) => {
     return {
         name: 'quasar',
-        presets: [presetWind(), animatedUno()],
-        safelist,
+        presets: [presetUno(), animatedUno()],
+        safelist: generateSafelist(options?.plugins),
         preflights: [
             {
                 getCSS: ({ theme }) => `/* beasties:include start */
@@ -1473,7 +1613,7 @@ export default definePreset((options) => {
         ].concat(QBreadcrumbsPreflights, QCheckboxPreflights, QChipPreflights, QCircularProgressPreflights, QDialogPreflights, QFieldPreflights, QLayoutPreflights, QLinearProgressPreflights, QRadioPreflights, QSelectPreflights, QSpinnerPreflights, QSkeletonPreflights, QTablePreflights, QTogglePreflights, QTreePreflights, ColorPreflights, DarkPreflights, HelperPreflights, MousePreflights, TypographyPreflights, VisibilityPreflights),
         rules: [].concat(HelperRules, ElevationRules, VisibilityRules),
         shortcuts: [].concat(QIconShortcuts, QAjaxBarShortcuts, QAvatarShortcuts, QBadgeShortcuts, QBreadcrumbsShortcuts, QBannerShortcuts, QBarShortcuts, QBtnShortcuts, QBtnDropdownShortcuts, QBtnGroupShortcuts, QBtnToggleShortcuts, QCardShortcuts, QCarouselShortcuts, QChatMessageShortcuts, QCheckboxShortcuts, QChipShortcuts, QCircularProgressShortcuts, QColorPickerShortcuts, QDateShortcuts, QDialogShortcuts, QEditorShortcuts, QExpansionItemShortcuts, QFabShortcuts, QFieldShortcuts, QFileShortcuts, QFormShortcuts, QImgShortcuts, QInnerLoadingShortcuts, QInputShortcuts, QIntersectionShortcuts, QItemShortcuts, QKnobShortcuts, QLayoutShortcuts, QLinearProgressShortcuts, QMenuShortcuts, QOptionGroupShortcuts, QPageShortcuts, QPageStickyShortcuts, QPaginationShortcuts, QParallaxShortcuts, QPopupEditShortcuts, QPullToRefreshShortcuts, QRadioShortcuts, QRatingShortcuts, QResponsiveShortcuts, QScrollareaShortcuts, QSelectShortcuts, QSeparatorShortcuts, QSkeletonShortcuts, QSlideItemShortcuts, QSliderShortcuts, QSpaceShortcuts, QSpinnerShortcuts, QSplitterShortcuts, QStepperShortcuts, QTabPanelShortcuts, QTableShortcuts, QTabsShortcuts, QTimeShortcuts, QTimelineShortcuts, QToggleShortcuts, QToolbarShortcuts, QTooltipShortcuts, QTreeShortcuts, QUploaderShortcuts, QVideoShortcuts, QVirtualScrollShortcuts, PanelShortcuts, QMorphShortcuts, QRippleShortcuts, QBottomSheetShortcuts, QDialogPluginShortcuts, QLoadingShortcuts, QNotifyShortcuts, DarkShortcuts, FlexShortcuts, HelperShortcuts, MouseShortcuts, OrientationShortcuts, PositionShortcuts, SizeShortcuts, TouchShortcuts, TransitionsShortcuts, TypographyShortcuts, VisibilityShortcuts, QHeaderShortcuts, QFooterShortcuts, QDrawerShortcuts),
-        theme: theme(options),
+        theme: defaultTheme,
         variants: [
         // ...
         ],