vitrify 0.17.5 → 0.17.7

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

@@ -5,6 +5,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-menu$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-menu'] ??
       `!fixed inline-block max-w-[95vw] max-h-[65vh] [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)] bg-[#fff] rounded-[4px] overflow-y-auto overflow-x-hidden outline-0 z-6000`
   ],
 
@@ -13,6 +14,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-menu--dark$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-menu--dark'] ??
       `[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)]`
   ]
 ]

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

@@ -5,6 +5,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-page-sticky--shrink$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-page-sticky--shrink'] ??
       `pointer-events-none [&_>_div]:(inline-block pointer-events-auto)`
   ]
 ]

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

@@ -5,18 +5,21 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-pagination$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-pagination'] ??
       `[&_input]:(text-center) [&_input::-webkit-outer-spin-button]:(m-0) [&_input::-webkit-inner-spin-button]:(m-0)`
   ],
 
   [
     /^q-pagination__content$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-pagination__content'] ??
       `mt-[var(--q-pagination-gutter-parent)] ml-[var(--q-pagination-gutter-parent)] [&_>_.q-btn]:(mt-[var(--q-pagination-gutter-child)] ml-[var(--q-pagination-gutter-child)]) [&_>_.q-input]:(mt-[var(--q-pagination-gutter-child)] ml-[var(--q-pagination-gutter-child)])`
   ],
 
   [
     /^q-pagination__middle$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-pagination__middle'] ??
       `[&_>_.q-btn]:(mt-[var(--q-pagination-gutter-child)] ml-[var(--q-pagination-gutter-child)])`
   ]
 ]

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

@@ -5,12 +5,14 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-parallax$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-parallax'] ??
       `relative w-full overflow-hidden [border-radius:inherit]`
   ],
 
   [
     /^q-parallax__media$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-parallax__media'] ??
       `[&_>_img]:(absolute left-2/4 bottom-0 min-w-full min-h-full hidden) [&_>_video]:(absolute left-2/4 bottom-0 min-w-full min-h-full hidden)`
   ]
 ]

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

@@ -6,7 +6,9 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
 
   [
     /^q-popup-edit__buttons$/,
-    ([, c], { theme }) => `mt-[8px] [&_.q-btn_+_.q-btn]:(ml-[8px])`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-popup-edit__buttons'] ??
+      `mt-[8px] [&_.q-btn_+_.q-btn]:(ml-[8px])`
   ]
 ]
 

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

@@ -7,12 +7,15 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-pull-to-refresh__puller$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-pull-to-refresh__puller'] ??
       `rounded-[50%] w-[40px] h-[40px] bg-[#fff] [box-shadow:0_0_4px_0_rgba(0,_0,_0,_0.3)] text-primary`
   ],
 
   [
     /^q-pull-to-refresh__puller--animating$/,
-    ([, c], { theme }) => `[transition:transform_0.3s,_opacity_0.3s]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-pull-to-refresh__puller--animating'] ??
+      `[transition:transform_0.3s,_opacity_0.3s]`
   ]
 ]
 

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

@@ -27,55 +27,71 @@ body.desktop .q-radio--dense:not(.disabled):focus .q-radio__inner:before, body.d
 ]
 
 const shortcuts: UserShortcuts<QuasarTheme> = [
-  [/^q-radio$/, ([, c], { theme }) => `align-middle`],
+  [
+    /^q-radio$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-radio'] ??
+      `align-middle [&.disabled]:(!opacity-75)`
+  ],
 
-  [/^q-radio__native$/, ([, c], { theme }) => `w-px h-px`],
+  [
+    /^q-radio__native$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-radio__native'] ?? `w-px h-px`
+  ],
 
   [
     /^q-radio__bg$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-radio__bg'] ??
       `select-none top-1/4 left-1/4 w-1/2 h-1/2 [&_path]:(fill-current)`
   ],
 
-  [/^q-radio__icon-container$/, ([, c], { theme }) => `select-none`],
+  [
+    /^q-radio__icon-container$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-radio__icon-container'] ?? `select-none`
+  ],
 
-  [/^q-radio__icon$/, ([, c], { theme }) => `text-current text-[0.5em]`],
+  [
+    /^q-radio__icon$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-radio__icon'] ?? `text-current text-[0.5em]`
+  ],
 
   [
     /^q-radio__check$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-radio__check'] ??
       `origin-[50%_50%] [transform:scale3d(0,_0,_1)] [transition:transform_0.22s_cubic-bezier(0,_0,_0.2,_1)_0ms]`
   ],
 
   [
     /^q-radio__inner$/,
     ([, c], { theme }) =>
-      `text-[40px] w-[1em] min-w-[1em] h-[1em] outline-0 rounded-[50%] text-[rgba(0,_0,_0,_0.54)]`
+      theme.quasar?.components?.['q-radio__inner'] ??
+      `text-[40px] w-[1em] min-w-[1em] h-[1em] outline-[0] rounded-[50%] text-[rgba(0,_0,_0,_0.54)]`
   ],
 
   [
     /^q-radio__inner--truthy$/,
     ([, c], { theme }) =>
-      ` [&_.q-radio\\_\\_check]:([transform:scale3d(1,_1,_1)]) text-primary`
+      theme.quasar?.components?.['q-radio__inner--truthy'] ??
+      ` [&_.q-radio\\_\\_check]:([transform:scale3d(1,_1,_1)])`
   ],
 
-  [/^q-radio.disabled$/, ([, c], { theme }) => `!opacity-75`],
-
   [
     /^q-radio--dark$/,
     ([, c], { theme }) =>
-      `[&_.q-radio\\_\\_inner]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-radio\\_\\_inner:before]:(!opacity-[0.32]) [&_.q-radio\\_\\_inner--truthy]:(text-primary)`
+      theme.quasar?.components?.['q-radio--dark'] ??
+      `[&_.q-radio\\_\\_inner]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-radio\\_\\_inner:before]:(!opacity-[0.32]) [&_.q-radio\\_\\_inner--truthy]:()`
   ],
 
   [
     /^q-radio--dense$/,
     ([, c], { theme }) =>
-      `[&_.q-radio\\_\\_inner]:(w-[0.5em] min-w-[0.5em] h-[0.5em]) [&_.q-radio\\_\\_bg]:(left-0 top-0 w-full h-full) [&_.q-radio\\_\\_label]:(pl-[0.5em])`
-  ],
-
-  [
-    /^q-radio--dense.reverse$/,
-    ([, c], { theme }) => `[&_.q-radio\\_\\_label]:(pl-0 pr-[0.5em])`
+      theme.quasar?.components?.['q-radio--dense'] ??
+      `[&_.q-radio\\_\\_inner]:(w-[0.5em] min-w-[0.5em] h-[0.5em]) [&_.q-radio\\_\\_bg]:(left-[0] top-[0] w-full h-full) [&_.q-radio\\_\\_label]:(pl-[0.5em]) [&.reverse_.q-radio\\_\\_label]:(pl-0 pr-[0.5em])`
   ]
 ]
 

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

@@ -7,12 +7,14 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-rating__icon-container$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-rating__icon-container'] ??
       `h-[1em] outline-0 [&_+_.q-rating\\_\\_icon-container]:(ml-[2px])`
   ],
 
   [
     /^q-rating__icon$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-rating__icon'] ??
       `text-current [text-shadow:0_1px_3px_rgba(0,_0,_0,_0.12),_0_1px_2px_rgba(0,_0,_0,_0.24)] relative opacity-40 [transition:transform_0.2s_ease-in,_opacity_0.2s_ease-in]`
   ],
 
@@ -24,12 +26,16 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
 
   [
     /^q-rating--no-dimming$/,
-    ([, c], { theme }) => `[&_.q-rating\\_\\_icon]:(opacity-100)`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-rating--no-dimming'] ??
+      `[&_.q-rating\\_\\_icon]:(opacity-100)`
   ],
 
   [
     /^q-rating--editable$/,
-    ([, c], { theme }) => `[&_.q-rating\\_\\_icon-container]:(cursor-pointer)`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-rating--editable'] ??
+      `[&_.q-rating\\_\\_icon-container]:(cursor-pointer)`
   ]
 ]
 

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

@@ -7,12 +7,14 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-responsive__filler$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-responsive__filler'] ??
       `[width:inherit] [max-width:inherit] [height:inherit] [max-height:inherit]`
   ],
 
   [
     /^q-responsive__content$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-responsive__content'] ??
       `[border-radius:inherit] [&_>_*]:(!w-full !h-full !max-h-full !max-w-full)`
   ]
 ]

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

@@ -6,12 +6,15 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
 
   [
     /^q-scrollarea__bar$/,
-    ([, c], { theme }) => `opacity-20 [transition:opacity_0.3s]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-scrollarea__bar'] ??
+      `opacity-20 [transition:opacity_0.3s]`
   ],
 
   [
     /^q-scrollarea__thumb$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-scrollarea__thumb'] ??
       `opacity-20 [transition:opacity_0.3s] bg-[#000] rounded-[3px]`
   ],
 
@@ -25,12 +28,16 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
 
   [
     /^q-scrollarea__bar--invisible$/,
-    ([, c], { theme }) => `!opacity-0 pointer-events-none`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-scrollarea__bar--invisible'] ??
+      `!opacity-0 pointer-events-none`
   ],
 
   [
     /^q-scrollarea__thumb--invisible$/,
-    ([, c], { theme }) => `!opacity-0 pointer-events-none`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-scrollarea__thumb--invisible'] ??
+      `!opacity-0 pointer-events-none`
   ],
 
   [/^q-scrollarea__thumb:hover$/, ([, c], { theme }) => `hover:opacity-30`],
@@ -41,7 +48,9 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
 
   [
     /^q-scrollarea--dark$/,
-    ([, c], { theme }) => `[&_.q-scrollarea\\_\\_thumb]:(bg-[#fff])`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-scrollarea--dark'] ??
+      `[&_.q-scrollarea\\_\\_thumb]:(bg-[#fff])`
   ]
 ]
 

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

@@ -30,38 +30,50 @@ body.platform-ios:not(.native-mobile) .q-dialog__inner--top .q-select__dialog--f
 const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^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 }) =>
+      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 }) =>
+      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])`
   ]
 ]

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

@@ -5,29 +5,39 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-separator$/,
     ([, 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`],

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

@@ -62,130 +62,170 @@ const preflights: Preflight<QuasarTheme>[] = [
 const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^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 }) => `cursor-wait`],
-
-  [/^q-skeleton:before$/, ([, c], { theme }) => `content-['_']`],
+  [
+    /^q-skeleton--anim$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-skeleton--anim'] ?? `cursor-wait`
+  ],
 
   [
     /^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 }) => `w-[90px] h-[36px]`],
+  [
+    /^q-skeleton--type-QBtn$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-skeleton--type-QBtn'] ?? `w-[90px] h-[36px]`
+  ],
 
-  [/^q-skeleton--type-QBadge$/, ([, c], { theme }) => `w-[70px] h-[16px]`],
+  [
+    /^q-skeleton--type-QBadge$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-skeleton--type-QBadge'] ??
+      `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 }) => `h-[50px]`],
+  [
+    /^q-skeleton--type-QToolbar$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-skeleton--type-QToolbar'] ?? `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 }) => `h-[40px]`],
+  [
+    /^q-skeleton--type-QSlider$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-skeleton--type-QSlider'] ?? `h-[40px]`
+  ],
 
-  [/^q-skeleton--type-QRange$/, ([, c], { theme }) => `h-[40px]`],
+  [
+    /^q-skeleton--type-QRange$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-skeleton--type-QRange'] ?? `h-[40px]`
+  ],
 
-  [/^q-skeleton--type-QInput$/, ([, c], { theme }) => `h-[56px]`],
+  [
+    /^q-skeleton--type-QInput$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-skeleton--type-QInput'] ?? `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 }) => `rounded-none`],
+  [
+    /^q-skeleton--square$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-skeleton--square'] ?? `rounded-none`
+  ],
 
   [
     /^q-skeleton--anim-fade$/,
     ([, 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 }) =>
+      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 }) =>
+      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 }) =>
+      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)`
-  ],
-
-  [
-    /^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)]`
+      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.q-skeleton--anim-wave:after$/,
+    /^q-skeleton--dark$/,
     ([, 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)]`
+      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)])`
   ]
 ]
 

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

@@ -7,30 +7,35 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-slide-item__left$/,
     ([, 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 }) =>
+      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 }) =>
+      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 }) =>
+      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 }) =>
+      theme.quasar?.components?.['q-slide-item__content'] ??
       `[background:inherit] [transition:transform_0.2s_ease-in] select-none cursor-pointer`
   ]
 ]