vitrify 0.17.4 → 0.17.6

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

@@ -26,31 +26,38 @@ body.platform-ios:not(.native-mobile) .q-dialog__inner--top .q-select__dialog--f
 const shortcuts = [
     [
         /^q-select--without-input$/,
-        ([, c], { theme }) => `[&_.q-field\\_\\_control]:(cursor-pointer)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-select--without-input'] ??
+            `[&_.q-field\\_\\_control]:(cursor-pointer)`
     ],
     [
         /^q-select--with-input$/,
-        ([, c], { theme }) => `[&_.q-field\\_\\_control]:(cursor-text)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-select--with-input'] ??
+            `[&_.q-field\\_\\_control]:(cursor-text)`
     ],
     [
         /^q-select$/,
-        ([, c], { theme }) => `[&_.q-field\\_\\_input]:(!min-w-[50px] cursor-text) [&_.q-field\\_\\_input--padding]:(pl-[4px])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-select'] ??
+            `[&_.q-field\\_\\_input]:(!min-w-[50px] cursor-text) [&_.q-field\\_\\_input--padding]:(pl-[4px])`
     ],
     [
         /^q-select__focus-target$/,
-        ([, c], { theme }) => `absolute !outline-0 w-px h-px p-0 border-0 opacity-0`
+        ([, c], { theme }) => theme.quasar?.components?.['q-select__focus-target'] ??
+            `absolute !outline-0 w-px h-px p-0 border-0 opacity-0`
     ],
     [
         /^q-select__autocomplete-input$/,
-        ([, c], { theme }) => `absolute !outline-0 w-px h-px p-0 border-0 opacity-0`
+        ([, c], { theme }) => theme.quasar?.components?.['q-select__autocomplete-input'] ??
+            `absolute !outline-0 w-px h-px p-0 border-0 opacity-0`
     ],
     [
         /^q-select__dropdown-icon$/,
-        ([, c], { theme }) => `cursor-pointer [transition:transform_0.28s]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-select__dropdown-icon'] ??
+            `cursor-pointer [transition:transform_0.28s]`
     ],
     [
         /^q-select__dialog$/,
-        ([, c], { theme }) => `!w-[90vw] !max-w-[90vw] !max-h-[calc(100vh-70px)] bg-[#fff] flex flex-col [&_>_.scroll]:(relative [background:inherit])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-select__dialog'] ??
+            `!w-[90vw] !max-w-[90vw] !max-h-[calc(100vh-70px)] bg-[#fff] flex flex-col [&_>_.scroll]:(relative [background:inherit])`
     ]
 ];
 export { preflights, shortcuts };

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

@@ -1,24 +1,28 @@
 const shortcuts = [
     [
         /^q-separator$/,
-        ([, c], { theme }) => `border-0 bg-[rgba(0,_0,_0,_0.12)] m-0 [transition:background_0.3s,_opacity_0.3s] flex-shrink-0`
+        ([, c], { theme }) => theme.quasar?.components?.['q-separator'] ??
+            `border-0 bg-[rgba(0,_0,_0,_0.12)] m-0 [transition:background_0.3s,_opacity_0.3s] flex-shrink-0`
     ],
     [
         /^q-separator--dark$/,
-        ([, c], { theme }) => `bg-[rgba(255,_255,_255,_0.28)]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-separator--dark'] ??
+            `bg-[rgba(255,_255,_255,_0.28)]`
     ],
     [/^q-separator--horizontal$/, ([, c], { theme }) => `block h-px`],
     [
         /^q-separator--horizontal-inset$/,
-        ([, c], { theme }) => `ml-[16px] mr-[16px]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-separator--horizontal-inset'] ??
+            `ml-[16px] mr-[16px]`
     ],
     [
         /^q-separator--horizontal-item-inset$/,
-        ([, c], { theme }) => `ml-[72px] mr-0`
+        ([, c], { theme }) => theme.quasar?.components?.['q-separator--horizontal-item-inset'] ??
+            `ml-[72px] mr-0`
     ],
     [
         /^q-separator--horizontal-item-thumbnail-inset$/,
-        ([, c], { theme }) => `ml-[116px] mr-0`
+        ([, c], { theme }) => theme.quasar?.components?.['q-separator--horizontal-item-thumbnail-inset'] ?? `ml-[116px] mr-0`
     ],
     [/^q-separator--vertical$/, ([, c], { theme }) => `w-px h-auto self-stretch`],
     [/^q-separator--vertical-inset$/, ([, c], { theme }) => `mt-[8px] mb-[8px]`]

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

@@ -58,96 +58,121 @@ const preflights = [
 const shortcuts = [
     [
         /^q-skeleton$/,
-        ([, c], { theme }) => `bg-[rgba(0,_0,_0,_0.12)] rounded-[4px] box-border`
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton'] ??
+            `bg-[rgba(0,_0,_0,_0.12)] rounded-[4px] box-border [&:before]:(content-['_'])`
+    ],
+    [
+        /^q-skeleton--anim$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--anim'] ?? `cursor-wait`
     ],
-    [/^q-skeleton--anim$/, ([, c], { theme }) => `cursor-wait`],
-    [/^q-skeleton:before$/, ([, c], { theme }) => `content-['_']`],
     [
         /^q-skeleton--type-text$/,
-        ([, c], { theme }) => `scale-x-100 scale-y-[0.5]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--type-text'] ??
+            `scale-x-100 scale-y-[0.5]`
     ],
     [
         /^q-skeleton--type-circle$/,
-        ([, c], { theme }) => `h-[48px] w-[48px] rounded-[50%]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--type-circle'] ??
+            `h-[48px] w-[48px] rounded-[50%]`
     ],
     [
         /^q-skeleton--type-QAvatar$/,
-        ([, c], { theme }) => `h-[48px] w-[48px] rounded-[50%]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--type-QAvatar'] ??
+            `h-[48px] w-[48px] rounded-[50%]`
+    ],
+    [
+        /^q-skeleton--type-QBtn$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--type-QBtn'] ?? `w-[90px] h-[36px]`
+    ],
+    [
+        /^q-skeleton--type-QBadge$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--type-QBadge'] ??
+            `w-[70px] h-[16px]`
     ],
-    [/^q-skeleton--type-QBtn$/, ([, c], { theme }) => `w-[90px] h-[36px]`],
-    [/^q-skeleton--type-QBadge$/, ([, c], { theme }) => `w-[70px] h-[16px]`],
     [
         /^q-skeleton--type-QChip$/,
-        ([, c], { theme }) => `w-[90px] h-[28px] rounded-[16px]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--type-QChip'] ??
+            `w-[90px] h-[28px] rounded-[16px]`
+    ],
+    [
+        /^q-skeleton--type-QToolbar$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--type-QToolbar'] ?? `h-[50px]`
     ],
-    [/^q-skeleton--type-QToolbar$/, ([, c], { theme }) => `h-[50px]`],
     [
         /^q-skeleton--type-QCheckbox$/,
-        ([, c], { theme }) => `w-[40px] h-[40px] rounded-[50%]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--type-QCheckbox'] ??
+            `w-[40px] h-[40px] rounded-[50%]`
     ],
     [
         /^q-skeleton--type-QRadio$/,
-        ([, c], { theme }) => `w-[40px] h-[40px] rounded-[50%]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--type-QRadio'] ??
+            `w-[40px] h-[40px] rounded-[50%]`
     ],
     [
         /^q-skeleton--type-QToggle$/,
-        ([, c], { theme }) => `w-[56px] h-[40px] rounded-[7px]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--type-QToggle'] ??
+            `w-[56px] h-[40px] rounded-[7px]`
+    ],
+    [
+        /^q-skeleton--type-QSlider$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--type-QSlider'] ?? `h-[40px]`
+    ],
+    [
+        /^q-skeleton--type-QRange$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--type-QRange'] ?? `h-[40px]`
+    ],
+    [
+        /^q-skeleton--type-QInput$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--type-QInput'] ?? `h-[56px]`
     ],
-    [/^q-skeleton--type-QSlider$/, ([, c], { theme }) => `h-[40px]`],
-    [/^q-skeleton--type-QRange$/, ([, c], { theme }) => `h-[40px]`],
-    [/^q-skeleton--type-QInput$/, ([, c], { theme }) => `h-[56px]`],
     [
         /^q-skeleton--bordered$/,
-        ([, c], { theme }) => `border-[1px] border-solid border-[rgba(0,0,0,0.05)]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--bordered'] ??
+            `border-[1px] border-solid border-[rgba(0,0,0,0.05)]`
+    ],
+    [
+        /^q-skeleton--square$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--square'] ?? `rounded-none`
     ],
-    [/^q-skeleton--square$/, ([, c], { theme }) => `rounded-none`],
     [
         /^q-skeleton--anim-fade$/,
-        ([, c], { theme }) => `animate-[q-skeleton--fade_var(--q-skeleton-speed)_linear_0.5s_infinite]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--anim-fade'] ??
+            `animate-[q-skeleton--fade_var(--q-skeleton-speed)_linear_0.5s_infinite]`
     ],
     [
         /^q-skeleton--anim-pulse$/,
-        ([, c], { theme }) => `animate-[q-skeleton--pulse_var(--q-skeleton-speed)_ease-in-out_0.5s_infinite]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--anim-pulse'] ??
+            `animate-[q-skeleton--pulse_var(--q-skeleton-speed)_ease-in-out_0.5s_infinite]`
     ],
     [
         /^q-skeleton--anim-pulse-x$/,
-        ([, c], { theme }) => `animate-[q-skeleton--pulse-x_var(--q-skeleton-speed)_ease-in-out_0.5s_infinite]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--anim-pulse-x'] ??
+            `animate-[q-skeleton--pulse-x_var(--q-skeleton-speed)_ease-in-out_0.5s_infinite]`
     ],
     [
         /^q-skeleton--anim-pulse-y$/,
-        ([, c], { theme }) => `animate-[q-skeleton--pulse-y_var(--q-skeleton-speed)_ease-in-out_0.5s_infinite]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--anim-pulse-y'] ??
+            `animate-[q-skeleton--pulse-y_var(--q-skeleton-speed)_ease-in-out_0.5s_infinite]`
     ],
     [
         /^q-skeleton--anim-wave$/,
-        ([, c], { theme }) => `relative overflow-hidden z-1
-    [&:after]:(content-empty absolute top-0 right-0 bottom-0 left-0 z-0 bg-[linear-gradient(_90deg,_rgba(255,_255,_255,_0),_rgba(255,_255,_255,_0.5),_rgba(255,_255,_255,_0)_)] animate-[q-skeleton--wave_var(--q-skeleton-speed)_linear_0.5s_infinite] z-0)
-`
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--anim-wave'] ??
+            `relative overflow-hidden [&:after]:(content-[''] absolute top-[0] right-[0] bottom-[0] left-[0] z-0) [&:after]:(bg-[linear-gradient(_90deg,_rgba(255,_255,_255,_0),_rgba(255,_255,_255,_0.5),_rgba(255,_255,_255,_0)_)] animate-[q-skeleton--wave_var(--q-skeleton-speed)_linear_0.5s_infinite])`
     ],
     [
         /^q-skeleton--anim-blink$/,
-        ([, c], { theme }) => `relative overflow-hidden z-1
-    [&:after]:(content-empty absolute top-0 right-0 bottom-0 left-0 z-0 bg-[rgba(255,_255,_255,_0.7)] animate-[q-skeleton--fade_var(--q-skeleton-speed)_linear_0.5s_infinite] z-0)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--anim-blink'] ??
+            `relative overflow-hidden [&:after]:(content-[''] absolute top-[0] right-[0] bottom-[0] left-[0] z-0) [&:after]:(bg-[rgba(255,_255,_255,_0.7)] animate-[q-skeleton--fade_var(--q-skeleton-speed)_linear_0.5s_infinite])`
     ],
     [
         /^q-skeleton--anim-pop$/,
-        ([, c], { theme }) => `relative overflow-hidden z-1
-    [&:after]:(content-empty absolute top-0 right-0 bottom-0 left-0 z-0)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--anim-pop'] ??
+            `relative overflow-hidden [&:after]:(content-[''] absolute top-[0] right-[0] bottom-[0] left-[0] z-0)`
     ],
     [
         /^q-skeleton--dark$/,
-        ([, c], { theme }) => `bg-[rgba(255,_255,_255,_0.05)]`
-    ],
-    [
-        /^q-skeleton--dark.q-skeleton--bordered$/,
-        ([, c], { theme }) => `border-[1px] border-solid border-[rgba(255,255,255,0.25)]`
-    ],
-    [
-        /^q-skeleton--dark.q-skeleton--anim-wave:after$/,
-        ([, c], { theme }) => `bg-[linear-gradient(_90deg,_rgba(255,_255,_255,_0),_rgba(255,_255,_255,_0.1),_rgba(255,_255,_255,_0)_)]`
-    ],
-    [
-        /^q-skeleton--dark.q-skeleton--anim-blink:after$/,
-        ([, c], { theme }) => `bg-[rgba(255,_255,_255,_0.2)]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--dark'] ??
+            `bg-[rgba(255,_255,_255,_0.05)] [&.q-skeleton--bordered]:(border-[1px] border-solid border-[rgba(255,255,255,0.25)]) [&.q-skeleton--anim-wave:after]:(bg-[linear-gradient(_90deg,_rgba(255,_255,_255,_0),_rgba(255,_255,_255,_0.1),_rgba(255,_255,_255,_0)_)]) [&.q-skeleton--anim-blink:after]:(bg-[rgba(255,_255,_255,_0.2)])`
     ]
 ];
 export { preflights, shortcuts };

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

@@ -2,23 +2,28 @@ const shortcuts = [
     [/^q-slide-item$/, ([, c], { theme }) => `relative bg-[white]`],
     [
         /^q-slide-item__left$/,
-        ([, c], { theme }) => `invisible text-[14px] text-[#fff] [&_.q-icon]:(text-[1.714em]) bg-[#4caf50] px-[16px] py-[8px] [&_>_div]:(origin-[left_center])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slide-item__left'] ??
+            `invisible text-[14px] text-[#fff] [&_.q-icon]:(text-[1.714em]) bg-[#4caf50] px-[16px] py-[8px] [&_>_div]:(origin-[left_center])`
     ],
     [
         /^q-slide-item__right$/,
-        ([, c], { theme }) => `invisible text-[14px] text-[#fff] [&_.q-icon]:(text-[1.714em]) bg-[#ff9800] px-[16px] py-[8px] [&_>_div]:(origin-[right_center])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slide-item__right'] ??
+            `invisible text-[14px] text-[#fff] [&_.q-icon]:(text-[1.714em]) bg-[#ff9800] px-[16px] py-[8px] [&_>_div]:(origin-[right_center])`
     ],
     [
         /^q-slide-item__top$/,
-        ([, c], { theme }) => `invisible text-[14px] text-[#fff] [&_.q-icon]:(text-[1.714em]) bg-[#2196f3] px-[8px] py-[16px] [&_>_div]:(origin-[top_center])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slide-item__top'] ??
+            `invisible text-[14px] text-[#fff] [&_.q-icon]:(text-[1.714em]) bg-[#2196f3] px-[8px] py-[16px] [&_>_div]:(origin-[top_center])`
     ],
     [
         /^q-slide-item__bottom$/,
-        ([, c], { theme }) => `invisible text-[14px] text-[#fff] [&_.q-icon]:(text-[1.714em]) bg-[#9c27b0] px-[8px] py-[16px] [&_>_div]:(origin-[bottom_center])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slide-item__bottom'] ??
+            `invisible text-[14px] text-[#fff] [&_.q-icon]:(text-[1.714em]) bg-[#9c27b0] px-[8px] py-[16px] [&_>_div]:(origin-[bottom_center])`
     ],
     [
         /^q-slide-item__content$/,
-        ([, c], { theme }) => `[background:inherit] [transition:transform_0.2s_ease-in] select-none cursor-pointer`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slide-item__content'] ??
+            `[background:inherit] [transition:transform_0.2s_ease-in] select-none cursor-pointer`
     ]
 ];
 export { shortcuts };

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

@@ -4,120 +4,147 @@ const shortcuts = [
     [/^q-slider--v$/, ([, c], { theme }) => `h-[200px]`],
     [
         /^q-slider--editable$/,
-        ([, c], { theme }) => `[&_.q-slider\\_\\_track-container]:()`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider--editable'] ??
+            `[&_.q-slider\\_\\_track-container]:()`
     ],
     [/^q-slider__track-container$/, ([, c], { theme }) => `outline-0`],
     [
         /^q-slider__track-container--h$/,
-        ([, c], { theme }) => `w-full px-[0] py-[12px] [&_.q-slider\\_\\_selection]:()`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__track-container--h'] ??
+            `w-full px-[0] py-[12px] [&_.q-slider\\_\\_selection]:()`
     ],
     [
         /^q-slider__track-container--v$/,
-        ([, c], { theme }) => `h-full px-[12px] py-[0] [&_.q-slider\\_\\_selection]:()`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__track-container--v'] ??
+            `h-full px-[12px] py-[0] [&_.q-slider\\_\\_selection]:()`
     ],
     [
         /^q-slider__track$/,
-        ([, c], { theme }) => `bg-[rgba(0,_0,_0,_0.1)] rounded-[4px] [width:inherit] [height:inherit] text-primary`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__track'] ??
+            `bg-[rgba(0,_0,_0,_0.1)] rounded-[4px] [width:inherit] [height:inherit] text-primary`
     ],
     [
         /^q-slider__inner$/,
-        ([, c], { theme }) => `bg-[rgba(0,_0,_0,_0.1)] [border-radius:inherit] w-full h-full`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__inner'] ??
+            `bg-[rgba(0,_0,_0,_0.1)] [border-radius:inherit] w-full h-full`
     ],
     [
         /^q-slider__selection$/,
-        ([, c], { theme }) => `bg-current [border-radius:inherit] w-full h-full`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__selection'] ??
+            `bg-current [border-radius:inherit] w-full h-full`
     ],
     [
         /^q-slider__markers$/,
-        ([, c], { theme }) => `text-[rgba(0,_0,_0,_0.3)] [border-radius:inherit] w-full h-full [&:after]:(content-empty absolute bg-current)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__markers'] ??
+            `text-[rgba(0,_0,_0,_0.3)] [border-radius:inherit] w-full h-full [&:after]:(content-empty absolute bg-current)`
     ],
     [
         /^q-slider__markers--h$/,
-        ([, c], { theme }) => `bg-[repeating-linear-gradient(_to_right,_currentColor,_currentColor_2px,_rgba(255,_255,_255,_0)_0,_rgba(255,_255,_255,_0)_)] [&:after]:(h-full w-[2px] top-0 right-0)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__markers--h'] ??
+            `bg-[repeating-linear-gradient(_to_right,_currentColor,_currentColor_2px,_rgba(255,_255,_255,_0)_0,_rgba(255,_255,_255,_0)_)] [&:after]:(h-full w-[2px] top-0 right-0)`
     ],
     [
         /^q-slider__markers--v$/,
-        ([, c], { theme }) => `bg-[repeating-linear-gradient(_to_bottom,_currentColor,_currentColor_2px,_rgba(255,_255,_255,_0)_0,_rgba(255,_255,_255,_0)_)] [&:after]:(w-full h-[2px] left-0 bottom-0)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__markers--v'] ??
+            `bg-[repeating-linear-gradient(_to_bottom,_currentColor,_currentColor_2px,_rgba(255,_255,_255,_0)_0,_rgba(255,_255,_255,_0)_)] [&:after]:(w-full h-[2px] left-0 bottom-0)`
     ],
     [
         /^q-slider__marker-labels-container$/,
-        ([, c], { theme }) => `relative w-full h-full min-h-[24px] min-w-[24px]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__marker-labels-container'] ??
+            `relative w-full h-full min-h-[24px] min-w-[24px]`
     ],
     [/^q-slider__marker-labels$/, ([, c], { theme }) => `absolute`],
     [/^q-slider__marker-labels--h-standard$/, ([, c], { theme }) => `top-0`],
     [/^q-slider__marker-labels--h-switched$/, ([, c], { theme }) => `bottom-0`],
     [
         /^q-slider__marker-labels--h-ltr$/,
-        ([, c], { theme }) => `-translate-x-1/2`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__marker-labels--h-ltr'] ??
+            `-translate-x-1/2`
     ],
     [/^q-slider__marker-labels--h-rtl$/, ([, c], { theme }) => `translate-x-1/2`],
     [/^q-slider__marker-labels--v-standard$/, ([, c], { theme }) => `left-[4px]`],
     [
         /^q-slider__marker-labels--v-switched$/,
-        ([, c], { theme }) => `right-[4px]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__marker-labels--v-switched'] ??
+            `right-[4px]`
     ],
     [
         /^q-slider__marker-labels--v-ltr$/,
-        ([, c], { theme }) => `-translate-y-1/2`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__marker-labels--v-ltr'] ??
+            `-translate-y-1/2`
     ],
     [/^q-slider__marker-labels--v-rtl$/, ([, c], { theme }) => `translate-y-1/2`],
     [
         /^q-slider__thumb$/,
-        ([, c], { theme }) => `outline-0 [transition:transform_0.18s_ease-out,_fill_0.18s_ease-out,_stroke_0.18s_ease-out] text-primary`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__thumb'] ??
+            `outline-0 [transition:transform_0.18s_ease-out,_fill_0.18s_ease-out,_stroke_0.18s_ease-out] text-primary`
     ],
     [/^q-slider__thumb--h$/, ([, c], { theme }) => `top-2/4`],
     [
         /^q-slider__thumb--h-ltr$/,
-        ([, c], { theme }) => `scale-100 -translate-x-1/2 -translate-y-1/2`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__thumb--h-ltr'] ??
+            `scale-100 -translate-x-1/2 -translate-y-1/2`
     ],
     [
         /^q-slider__thumb--h-rtl$/,
-        ([, c], { theme }) => `scale-100 translate-x-1/2 -translate-y-1/2`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__thumb--h-rtl'] ??
+            `scale-100 translate-x-1/2 -translate-y-1/2`
     ],
     [/^q-slider__thumb--v$/, ([, c], { theme }) => `left-2/4`],
     [
         /^q-slider__thumb--v-ltr$/,
-        ([, c], { theme }) => `scale-100 -translate-x-1/2 -translate-y-1/2`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__thumb--v-ltr'] ??
+            `scale-100 -translate-x-1/2 -translate-y-1/2`
     ],
     [
         /^q-slider__thumb--v-rtl$/,
-        ([, c], { theme }) => `scale-100 -translate-x-1/2 translate-y-1/2`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__thumb--v-rtl'] ??
+            `scale-100 -translate-x-1/2 translate-y-1/2`
     ],
     [
         /^q-slider__thumb-shape$/,
-        ([, c], { theme }) => `top-0 left-0 stroke-[3.5] stroke-current [transition:transform_0.28s] [&_path]:(stroke-current fill-current)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__thumb-shape'] ??
+            `top-0 left-0 stroke-[3.5] stroke-current [transition:transform_0.28s] [&_path]:(stroke-current fill-current)`
     ],
     [
         /^q-slider__focus-ring$/,
-        ([, c], { theme }) => `rounded-[50%] opacity-0 [transition:transform_266.67ms_ease-out,_opacity_266.67ms_ease-out,_background-color_266.67ms_ease-out] delay-[140ms]`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__focus-ring'] ??
+            `rounded-[50%] opacity-0 [transition:transform_266.67ms_ease-out,_opacity_266.67ms_ease-out,_background-color_266.67ms_ease-out] delay-[140ms]`
     ],
     [
         /^q-slider__pin$/,
-        ([, c], { theme }) => `opacity-0 whitespace-nowrap [transition:opacity_0.28s_ease-out] delay-[140ms] [&:before]:(content-empty w-[0] h-[0] absolute)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__pin'] ??
+            `opacity-0 whitespace-nowrap [transition:opacity_0.28s_ease-out] delay-[140ms] [&:before]:(content-empty w-[0] h-[0] absolute)`
     ],
     [
         /^q-slider__pin--h$/,
-        ([, c], { theme }) => `[&:before]:([border-left:6px_solid_transparent] [border-right:6px_solid_transparent] left-2/4 -translate-x-1/2)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__pin--h'] ??
+            `[&:before]:([border-left:6px_solid_transparent] [border-right:6px_solid_transparent] left-2/4 -translate-x-1/2)`
     ],
     [
         /^q-slider__pin--h-standard$/,
-        ([, c], { theme }) => `bottom-full [&:before]:(bottom-[2px] [border-top:6px_solid_currentColor])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__pin--h-standard'] ??
+            `bottom-full [&:before]:(bottom-[2px] [border-top:6px_solid_currentColor])`
     ],
     [
         /^q-slider__pin--h-switched$/,
-        ([, c], { theme }) => `top-full [&:before]:(top-[2px] [border-bottom:6px_solid_currentColor])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__pin--h-switched'] ??
+            `top-full [&:before]:(top-[2px] [border-bottom:6px_solid_currentColor])`
     ],
     [
         /^q-slider__pin--v$/,
-        ([, c], { theme }) => `top-0 [&:before]:(top-2/4 -translate-y-1/2 [border-top:6px_solid_transparent] [border-bottom:6px_solid_transparent])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__pin--v'] ??
+            `top-0 [&:before]:(top-2/4 -translate-y-1/2 [border-top:6px_solid_transparent] [border-bottom:6px_solid_transparent])`
     ],
     [
         /^q-slider__pin--v-standard$/,
-        ([, c], { theme }) => `left-full [&:before]:(left-[2px] [border-right:6px_solid_currentColor])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__pin--v-standard'] ??
+            `left-full [&:before]:(left-[2px] [border-right:6px_solid_currentColor])`
     ],
     [
         /^q-slider__pin--v-switched$/,
-        ([, c], { theme }) => `right-full [&:before]:(right-[2px] [border-left:6px_solid_currentColor])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__pin--v-switched'] ??
+            `right-full [&:before]:(right-[2px] [border-left:6px_solid_currentColor])`
     ],
     [/^q-slider__label$/, ([, c], { theme }) => `whitespace-nowrap absolute`],
     [/^q-slider__label--h$/, ([, c], { theme }) => `left-2/4 -translate-x-1/2`],
@@ -128,36 +155,44 @@ const shortcuts = [
     [/^q-slider__label--v-switched$/, ([, c], { theme }) => `right-[7px]`],
     [
         /^q-slider__text-container$/,
-        ([, c], { theme }) => `min-h-[25px] px-[8px] py-[2px] rounded-[4px] bg-current relative text-center`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider__text-container'] ??
+            `min-h-[25px] px-[8px] py-[2px] rounded-[4px] bg-current relative text-center`
     ],
     [/^q-slider__text$/, ([, c], { theme }) => `text-[#fff] text-[12px]`],
     [
         /^q-slider--no-value$/,
-        ([, c], { theme }) => `[&_.q-slider\\_\\_thumb]:(opacity-0) [&_.q-slider\\_\\_inner]:(opacity-0) [&_.q-slider\\_\\_selection]:(opacity-0)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider--no-value'] ??
+            `[&_.q-slider\\_\\_thumb]:(opacity-0) [&_.q-slider\\_\\_inner]:(opacity-0) [&_.q-slider\\_\\_selection]:(opacity-0)`
     ],
     [
         /^q-slider--focus$/,
-        ([, c], { theme }) => `[&_.q-slider\\_\\_focus-ring]:(bg-current [transform:scale3d(1.55,_1.55,_1)] opacity-25) [&_.q-slider\\_\\_thumb]:(opacity-100) [&_.q-slider\\_\\_inner]:(opacity-100) [&_.q-slider\\_\\_selection]:(opacity-100)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider--focus'] ??
+            `[&_.q-slider\\_\\_focus-ring]:(bg-current [transform:scale3d(1.55,_1.55,_1)] opacity-25) [&_.q-slider\\_\\_thumb]:(opacity-100) [&_.q-slider\\_\\_inner]:(opacity-100) [&_.q-slider\\_\\_selection]:(opacity-100)`
     ],
     [
         /^q-slider--inactive$/,
-        ([, c], { theme }) => `[&_.q-slider\\_\\_thumb--h]:([transition:left_0.28s,_right_0.28s]) [&_.q-slider\\_\\_thumb--v]:([transition:top_0.28s,_bottom_0.28s]) [&_.q-slider\\_\\_selection]:([transition:width_0.28s,_left_0.28s,_right_0.28s,_height_0.28s,_top_0.28s,_bottom_0.28s]) [&_.q-slider\\_\\_text-container]:([transition:transform_0.28s])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider--inactive'] ??
+            `[&_.q-slider\\_\\_thumb--h]:([transition:left_0.28s,_right_0.28s]) [&_.q-slider\\_\\_thumb--v]:([transition:top_0.28s,_bottom_0.28s]) [&_.q-slider\\_\\_selection]:([transition:width_0.28s,_left_0.28s,_right_0.28s,_height_0.28s,_top_0.28s,_bottom_0.28s]) [&_.q-slider\\_\\_text-container]:([transition:transform_0.28s])`
     ],
     [
         /^q-slider--active$/,
-        ([, c], { theme }) => ` [&_.q-slider\\_\\_thumb-shape]:(scale-150) [&_.q-slider\\_\\_focus-ring]:(!scale-0)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider--active'] ??
+            ` [&_.q-slider\\_\\_thumb-shape]:(scale-150) [&_.q-slider\\_\\_focus-ring]:(!scale-0)`
     ],
     [
         /^q-slider--label$/,
-        ([, c], { theme }) => `[&_.q-slider--focus_.q-slider\\_\\_pin]:(opacity-100)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider--label'] ??
+            `[&_.q-slider--focus_.q-slider\\_\\_pin]:(opacity-100)`
     ],
     [
         /^q-slider--dark$/,
-        ([, c], { theme }) => `[&_.q-slider\\_\\_track]:(bg-[rgba(255,_255,_255,_0.1)]) [&_.q-slider\\_\\_inner]:(bg-[rgba(255,_255,_255,_0.1)]) [&_.q-slider\\_\\_markers]:(text-[rgba(255,_255,_255,_0.3)])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider--dark'] ??
+            `[&_.q-slider\\_\\_track]:(bg-[rgba(255,_255,_255,_0.1)]) [&_.q-slider\\_\\_inner]:(bg-[rgba(255,_255,_255,_0.1)]) [&_.q-slider\\_\\_markers]:(text-[rgba(255,_255,_255,_0.3)])`
     ],
     [
         /^q-slider--dense$/,
-        ([, c], { theme }) => `[&_.q-slider\\_\\_track-container--h]:(px-[0] py-[6px]) [&_.q-slider\\_\\_track-container--v]:(px-[6px] py-[0])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-slider--dense'] ??
+            `[&_.q-slider\\_\\_track-container--h]:(px-[0] py-[6px]) [&_.q-slider\\_\\_track-container--v]:(px-[6px] py-[0])`
     ]
 ];
 export { shortcuts };

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

@@ -38,7 +38,8 @@ const shortcuts = [
     [/^q-spinner$/, ([, c], { theme }) => `align-middle`],
     [
         /^q-spinner-mat$/,
-        ([, c], { theme }) => `animate-[q-spin_2s_linear_infinite] origin-[center_center] [&_.path]:(animate-[q-mat-dash_1.5s_ease-in-out_infinite])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-spinner-mat'] ??
+            `animate-[q-spin_2s_linear_infinite] origin-[center_center] [&_.path]:(animate-[q-mat-dash_1.5s_ease-in-out_infinite])`
     ]
 ];
 export { preflights, shortcuts };

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

@@ -1,39 +1,41 @@
 const shortcuts = [
     [
         /^q-splitter__panel$/,
-        ([, c], { theme }) => `relative z-0 [&_>_.q-splitter]:(w-full h-full)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-splitter__panel'] ??
+            `relative z-0 [&_>_.q-splitter]:(w-full h-full)`
     ],
     [
         /^q-splitter__separator$/,
-        ([, c], { theme }) => `bg-[rgba(0,_0,_0,_0.12)] select-none relative`
+        ([, c], { theme }) => theme.quasar?.components?.['q-splitter__separator'] ??
+            `bg-[rgba(0,_0,_0,_0.12)] select-none relative`
     ],
     [
         /^q-splitter__separator-area$/,
-        ([, c], { theme }) => `[&_>_*]:(absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2)`
+        ([, c], { theme }) => theme.quasar?.components?.['q-splitter__separator-area'] ??
+            `[&_>_*]:(absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2)`
     ],
     [
         /^q-splitter--dark$/,
-        ([, c], { theme }) => `[&_.q-splitter\\_\\_separator]:(bg-[rgba(255,_255,_255,_0.28)])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-splitter--dark'] ??
+            `[&_.q-splitter\\_\\_separator]:(bg-[rgba(255,_255,_255,_0.28)])`
     ],
     [
         /^q-splitter--vertical$/,
-        ([, c], { theme }) => `[&_>_.q-splitter\\_\\_panel]:(h-full) [&_>_.q-splitter\\_\\_separator]:(w-px) [&_>_.q-splitter\\_\\_separator_>_div]:(-left-[6px] -right-[6px])`
-    ],
-    [/^q-splitter--vertical.q-splitter--active$/, ([, c], { theme }) => ``],
-    [
-        /^q-splitter--vertical.q-splitter--workable$/,
-        ([, c], { theme }) => `[&_>_.q-splitter\\_\\_separator]:()`
+        ([, c], { theme }) => theme.quasar?.components?.['q-splitter--vertical'] ??
+            `[&_>_.q-splitter\\_\\_panel]:(h-full) [&.q-splitter--active]:() [&_>_.q-splitter\\_\\_separator]:(w-px) [&_>_.q-splitter\\_\\_separator_>_div]:(-left-[6px] -right-[6px]) [&.q-splitter--workable_>_.q-splitter\\_\\_separator]:()`
     ],
     [
         /^q-splitter--horizontal$/,
-        ([, c], { theme }) => `[&_>_.q-splitter\\_\\_panel]:(w-full) [&_>_.q-splitter\\_\\_separator]:(h-px) [&_>_.q-splitter\\_\\_separator_>_div]:(-top-[6px] -bottom-[6px])`
+        ([, c], { theme }) => theme.quasar?.components?.['q-splitter--horizontal'] ??
+            `[&_>_.q-splitter\\_\\_panel]:(w-full) [&.q-splitter--active]:() [&_>_.q-splitter\\_\\_separator]:(h-px) [&_>_.q-splitter\\_\\_separator_>_div]:(-top-[6px] -bottom-[6px]) [&.q-splitter--workable_>_.q-splitter\\_\\_separator]:()`
     ],
-    [/^q-splitter--horizontal.q-splitter--active$/, ([, c], { theme }) => ``],
     [
-        /^q-splitter--horizontal.q-splitter--workable$/,
-        ([, c], { theme }) => `[&_>_.q-splitter\\_\\_separator]:()`
+        /^q-splitter__before$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-splitter__before'] ?? `overflow-auto`
     ],
-    [/^q-splitter__before$/, ([, c], { theme }) => `overflow-auto`],
-    [/^q-splitter__after$/, ([, c], { theme }) => `overflow-auto`]
+    [
+        /^q-splitter__after$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-splitter__after'] ?? `overflow-auto`
+    ]
 ];
 export { shortcuts };