vitrify 0.17.5 → 0.17.6

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

@@ -10,7 +10,9 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
 
   [
     /^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`],
@@ -18,53 +20,64 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-slider__track-container--h$/,
     ([, 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 }) =>
+      theme.quasar?.components?.['q-slider__track-container--v'] ??
       `h-full px-[12px] py-[0] [&_.q-slider\\_\\_selection]:()`
   ],
 
   [
     /^q-slider__track$/,
     ([, 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 }) =>
+      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 }) =>
+      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 }) =>
+      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 }) =>
+      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`],
@@ -75,7 +88,9 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
 
   [
     /^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`],
@@ -84,12 +99,16 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
 
   [
     /^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`],
@@ -97,6 +116,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-slider__thumb$/,
     ([, 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`
   ],
 
@@ -104,77 +124,94 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
 
   [
     /^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 }) =>
+      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 }) =>
+      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 }) =>
+      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 }) =>
+      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 }) =>
+      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 }) =>
+      theme.quasar?.components?.['q-slider__pin--h-switched'] ??
       `top-full [&:before]:(top-[2px] [border-bottom:6px_solid_currentColor])`
   ],
 
   [
     /^q-slider__pin--v$/,
     ([, 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 }) =>
+      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 }) =>
+      theme.quasar?.components?.['q-slider__pin--v-switched'] ??
       `right-full [&:before]:(right-[2px] [border-left:6px_solid_currentColor])`
   ],
 
@@ -195,6 +232,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-slider__text-container$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-slider__text-container'] ??
       `min-h-[25px] px-[8px] py-[2px] rounded-[4px] bg-current relative text-center`
   ],
 
@@ -203,42 +241,49 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-slider--no-value$/,
     ([, 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 }) =>
+      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 }) =>
+      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 }) =>
+      theme.quasar?.components?.['q-slider--active'] ??
       ` [&_.q-slider\\_\\_thumb-shape]:(scale-150) [&_.q-slider\\_\\_focus-ring]:(!scale-0)`
   ],
 
   [
     /^q-slider--label$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-slider--label'] ??
       `[&_.q-slider--focus_.q-slider\\_\\_pin]:(opacity-100)`
   ],
 
   [
     /^q-slider--dark$/,
     ([, 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 }) =>
+      theme.quasar?.components?.['q-slider--dense'] ??
       `[&_.q-slider\\_\\_track-container--h]:(px-[0] py-[6px]) [&_.q-slider\\_\\_track-container--v]:(px-[6px] py-[0])`
   ]
 ]

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

@@ -44,6 +44,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-spinner-mat$/,
     ([, 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])`
   ]
 ]

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

@@ -4,55 +4,57 @@ import type { QuasarTheme } from '../theme.js'
 const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^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 }) =>
+      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 }) =>
+      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]:()`
+      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])`
+      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 }

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

@@ -5,145 +5,162 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-stepper$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-stepper'] ??
       `[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] bg-[#fff]`
   ],
 
   [
     /^q-stepper__title$/,
-    ([, c], { theme }) => `text-[14px] leading-[1.285714] tracking-[0.1px]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-stepper__title'] ??
+      `text-[14px] leading-[1.285714] tracking-[0.1px]`
   ],
 
   [
     /^q-stepper__caption$/,
-    ([, c], { theme }) => `text-[12px] leading-[1.16667]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-stepper__caption'] ??
+      `text-[12px] leading-[1.16667]`
   ],
 
   [
     /^q-stepper__dot$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-stepper__dot'] ??
       `mr-[8px] text-[14px] w-[24px] min-w-[24px] h-[24px] rounded-[50%] bg-current [&_span]:(text-[#fff])`
   ],
 
   [
     /^q-stepper__tab$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-stepper__tab'] ??
       `px-[24px] py-[8px] text-[14px] text-[#9e9e9e] flex-row`
   ],
 
   [
     /^q-stepper--dark$/,
     ([, c], { theme }) =>
-      `[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-stepper\\_\\_dot_span]:(text-[#000]) [&_.q-stepper\\_\\_header--border]:(border-[rgba(255,_255,_255,_0.28)]) [&_.q-stepper\\_\\_tab--disabled]:(text-[rgba(255,_255,_255,_0.28)]) [&_.q-stepper\\_\\_tab--disabled_.q-stepper\\_\\_dot]:(bg-[rgba(255,_255,_255,_0.28)]) [&_.q-stepper\\_\\_tab--disabled_.q-stepper\\_\\_label]:(text-[rgba(255,_255,_255,_0.54)])`
+      theme.quasar?.components?.['q-stepper--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)] [&_.q-stepper\\_\\_dot_span]:(text-[#000]) [&.q-stepper--bordered]:(border-[rgba(255,_255,_255,_0.28)]) [&_.q-stepper\\_\\_header--border]:(border-[rgba(255,_255,_255,_0.28)]) [&.q-stepper--horizontal_.q-stepper\\_\\_line:before]:(bg-[rgba(255,_255,_255,_0.28)]) [&.q-stepper--horizontal_.q-stepper\\_\\_line:after]:(bg-[rgba(255,_255,_255,_0.28)]) [&.q-stepper--vertical_.q-stepper\\_\\_dot:before]:(bg-[rgba(255,_255,_255,_0.28)]) [&.q-stepper--vertical_.q-stepper\\_\\_dot:after]:(bg-[rgba(255,_255,_255,_0.28)]) [&_.q-stepper\\_\\_tab--disabled]:(text-[rgba(255,_255,_255,_0.28)]) [&_.q-stepper\\_\\_tab--disabled_.q-stepper\\_\\_dot]:(bg-[rgba(255,_255,_255,_0.28)]) [&_.q-stepper\\_\\_tab--disabled_.q-stepper\\_\\_label]:(text-[rgba(255,_255,_255,_0.54)])`
   ],
 
   [
     /^q-stepper__tab--navigation$/,
-    ([, c], { theme }) => `select-none cursor-pointer`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-stepper__tab--navigation'] ??
+      `select-none cursor-pointer`
   ],
 
   [
     /^q-stepper__tab--active$/,
     ([, c], { theme }) =>
-      ` [&_.q-stepper\\_\\_dot]:([text-shadow:0_0_0_currentColor]) [&_.q-stepper\\_\\_label]:([text-shadow:0_0_0_currentColor]) text-primary`
+      theme.quasar?.components?.['q-stepper__tab--active'] ??
+      ` [&_.q-stepper\\_\\_dot]:([text-shadow:0_0_0_currentColor]) [&_.q-stepper\\_\\_label]:([text-shadow:0_0_0_currentColor])`
   ],
 
   [
     /^q-stepper__tab--done$/,
     ([, c], { theme }) =>
-      ` [&_.q-stepper\\_\\_dot]:([text-shadow:0_0_0_currentColor]) [&_.q-stepper\\_\\_label]:([text-shadow:0_0_0_currentColor]) text-primary`
+      theme.quasar?.components?.['q-stepper__tab--done'] ??
+      ` [&_.q-stepper\\_\\_dot]:([text-shadow:0_0_0_currentColor]) [&_.q-stepper\\_\\_label]:([text-shadow:0_0_0_currentColor])`
   ],
 
   [
     /^q-stepper__tab--disabled$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-stepper__tab--disabled'] ??
       `[&_.q-stepper\\_\\_dot]:(bg-[rgba(0,_0,_0,_0.22)]) [&_.q-stepper\\_\\_label]:(text-[rgba(0,_0,_0,_0.32)])`
   ],
 
-  [/^q-stepper__tab--error$/, ([, c], { theme }) => `text-negative`],
+  [
+    /^q-stepper__tab--error$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-stepper__tab--error'] ?? ``
+  ],
 
   [
     /^q-stepper__tab--error-with-icon$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-stepper__tab--error-with-icon'] ??
       `[&_.q-stepper\\_\\_dot]:(!bg-transparent) [&_.q-stepper\\_\\_dot_span]:(text-current text-[24px])`
   ],
 
   [
     /^q-stepper__header$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-stepper__header'] ??
       `[border-top-left-radius:inherit] [border-top-right-radius:inherit]`
   ],
 
   [
     /^q-stepper__header--border$/,
-    ([, c], { theme }) => `[border-bottom:1px_solid_rgba(0,_0,_0,_0.12)]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-stepper__header--border'] ??
+      `[border-bottom:1px_solid_rgba(0,_0,_0,_0.12)]`
   ],
 
   [
     /^q-stepper__header--standard-labels$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-stepper__header--standard-labels'] ??
       `[&_.q-stepper\\_\\_tab]:(min-h-[72px] justify-center) [&_.q-stepper\\_\\_tab:first-child]:(justify-start) [&_.q-stepper\\_\\_tab:last-child]:(justify-end) [&_.q-stepper\\_\\_tab:only-child]:(justify-center) [&_.q-stepper\\_\\_dot:after]:(hidden)`
   ],
 
   [
     /^q-stepper__header--alternative-labels$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-stepper__header--alternative-labels'] ??
       `[&_.q-stepper\\_\\_tab]:(min-h-[104px] px-[32px] py-[24px] flex-col justify-start) [&_.q-stepper\\_\\_dot]:(mr-0) [&_.q-stepper\\_\\_label]:(mt-[8px] text-center) [&_.q-stepper\\_\\_label:before]:(hidden) [&_.q-stepper\\_\\_label:after]:(hidden)`
   ],
 
   [
     /^q-stepper__header--contracted$/,
     ([, c], { theme }) =>
-      `min-h-[72px] [&_.q-stepper\\_\\_tab]:(px-[0] py-[24px]) [&_.q-stepper\\_\\_tab:first-child_.q-stepper\\_\\_dot]:(translate-x-[24px]) [&_.q-stepper\\_\\_tab:last-child_.q-stepper\\_\\_dot]:(-translate-x-[24px]) [&_.q-stepper\\_\\_dot]:(m-0) [&_.q-stepper\\_\\_label]:(hidden)`
-  ],
-
-  [
-    /^q-stepper__header--contracted.q-stepper__header--alternative-labels$/,
-    ([, c], { theme }) =>
-      `[&__.q-stepper\\_\\_tab]:(min-h-[72px]) [&__.q-stepper\\_\\_tab:first-child]:(items-start) [&__.q-stepper\\_\\_tab:last-child]:(items-end)`
+      theme.quasar?.components?.['q-stepper__header--contracted'] ??
+      `min-h-[72px] [&.q-stepper__header--alternative-labels
+__.q-stepper\\_\\_tab]:(min-h-[72px]) [&.q-stepper__header--alternative-labels
+__.q-stepper\\_\\_tab:first-child]:(items-start) [&.q-stepper__header--alternative-labels
+__.q-stepper\\_\\_tab:last-child]:(items-end) [&_.q-stepper\\_\\_tab]:(px-[0] py-[24px]) [&_.q-stepper\\_\\_tab:first-child_.q-stepper\\_\\_dot]:(translate-x-[24px]) [&_.q-stepper\\_\\_tab:last-child_.q-stepper\\_\\_dot]:(-translate-x-[24px]) [&_.q-stepper\\_\\_dot]:(m-0) [&_.q-stepper\\_\\_label]:(hidden)`
   ],
 
   [
     /^q-stepper__header--contracted$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-stepper__header--contracted'] ??
       `[&__.q-stepper\\_\\_tab:not(:last-child)__.q-stepper\\_\\_dot:after]:(!block)`
   ],
 
-  [/^q-stepper__nav$/, ([, c], { theme }) => `pt-[24px]`],
-
-  [/^q-stepper--flat$/, ([, c], { theme }) => `[box-shadow:none]`],
-
-  [
-    /^q-stepper--bordered$/,
-    ([, c], { theme }) => `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
-  ],
-
   [
-    /^q-stepper--horizontal$/,
+    /^q-stepper__nav$/,
     ([, c], { theme }) =>
-      `[&_.q-stepper\\_\\_step-inner]:(p-[24px]) [&_.q-stepper\\_\\_tab:first-child]:([border-top-left-radius:inherit]) [&_.q-stepper\\_\\_tab:last-child]:([border-top-right-radius:inherit]) [&_.q-stepper\\_\\_tab:first-child_.q-stepper\\_\\_dot:before]:(hidden) [&_.q-stepper\\_\\_tab:last-child_.q-stepper\\_\\_label:after]:(hidden) [&_.q-stepper\\_\\_tab:last-child_.q-stepper\\_\\_dot:after]:(hidden) [&_.q-stepper\\_\\_tab]:(overflow-hidden) [&_.q-stepper\\_\\_line]:() [&_.q-stepper\\_\\_line:before]:(absolute top-2/4 h-px w-screen bg-[rgba(0,_0,_0,_0.12)]) [&_.q-stepper\\_\\_line:after]:(absolute top-2/4 h-px w-screen bg-[rgba(0,_0,_0,_0.12)]) [&_.q-stepper\\_\\_label:after]:(content-empty left-full ml-[8px]) [&_.q-stepper\\_\\_dot:after]:(content-empty left-full ml-[8px]) [&_.q-stepper\\_\\_dot:before]:(content-empty right-full mr-[8px]) [&_>_.q-stepper\\_\\_nav]:(pt-[0] px-[24px] pb-[24px])`
+      theme.quasar?.components?.['q-stepper__nav'] ?? `pt-[24px]`
   ],
 
   [
-    /^q-stepper--vertical$/,
+    /^q-stepper--flat$/,
     ([, c], { theme }) =>
-      `px-[0] py-[16px] [&_.q-stepper\\_\\_tab]:(px-[24px] py-[12px]) [&_.q-stepper\\_\\_title]:(leading-[18px]) [&_.q-stepper\\_\\_step-inner]:(pt-[0] pr-[24px] pb-[32px] pl-[60px]) [&_>_.q-stepper\\_\\_nav]:(pt-[24px] px-[24px] pb-[0]) [&_.q-stepper\\_\\_step]:(overflow-hidden) [&_.q-stepper\\_\\_dot]:(mr-[12px]) [&_.q-stepper\\_\\_dot:before]:(content-empty absolute left-2/4 w-px h-[99999px] bg-[rgba(0,_0,_0,_0.12)]) [&_.q-stepper\\_\\_dot:after]:(content-empty absolute left-2/4 w-px h-[99999px] bg-[rgba(0,_0,_0,_0.12)]) [&_.q-stepper\\_\\_dot:before]:(bottom-full mb-[8px]) [&_.q-stepper\\_\\_dot:after]:(top-full mt-[8px]) [&_.q-stepper\\_\\_step:first-child_.q-stepper\\_\\_dot:before]:(hidden) [&_.q-stepper\\_\\_step:last-child_.q-stepper\\_\\_dot:after]:(hidden) [&_.q-stepper\\_\\_step:last-child_.q-stepper\\_\\_step-inner]:(pb-[8px])`
+      theme.quasar?.components?.['q-stepper--flat'] ?? `[box-shadow:none]`
   ],
 
   [
-    /^q-stepper--dark.q-stepper--bordered$/,
-    ([, c], { theme }) => `border-[rgba(255,_255,_255,_0.28)]`
+    /^q-stepper--bordered$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-stepper--bordered'] ??
+      `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
   ],
 
   [
-    /^q-stepper--dark.q-stepper--horizontal$/,
+    /^q-stepper--horizontal$/,
     ([, c], { theme }) =>
-      `[&_.q-stepper\\_\\_line:before]:(bg-[rgba(255,_255,_255,_0.28)]) [&_.q-stepper\\_\\_line:after]:(bg-[rgba(255,_255,_255,_0.28)])`
+      theme.quasar?.components?.['q-stepper--horizontal'] ??
+      `[&_.q-stepper\\_\\_step-inner]:(p-[24px]) [&_.q-stepper\\_\\_tab:first-child]:([border-top-left-radius:inherit]) [&_.q-stepper\\_\\_tab:last-child]:([border-top-right-radius:inherit]) [&_.q-stepper\\_\\_tab:first-child_.q-stepper\\_\\_dot:before]:(hidden) [&_.q-stepper\\_\\_tab:last-child_.q-stepper\\_\\_label:after]:(hidden) [&_.q-stepper\\_\\_tab:last-child_.q-stepper\\_\\_dot:after]:(hidden) [&_.q-stepper\\_\\_tab]:(overflow-hidden) [&_.q-stepper\\_\\_line]:() [&_.q-stepper\\_\\_line:before]:(absolute top-2/4 h-px w-screen bg-[rgba(0,_0,_0,_0.12)]) [&_.q-stepper\\_\\_line:after]:(absolute top-2/4 h-px w-screen bg-[rgba(0,_0,_0,_0.12)]) [&_.q-stepper\\_\\_label:after]:(content-[''] left-full ml-[8px]) [&_.q-stepper\\_\\_dot:after]:(content-[''] left-full ml-[8px]) [&_.q-stepper\\_\\_dot:before]:(content-[''] right-full mr-[8px]) [&_>_.q-stepper\\_\\_nav]:(pt-[0] px-[24px] pb-[24px])`
   ],
 
   [
-    /^q-stepper--dark.q-stepper--vertical$/,
+    /^q-stepper--vertical$/,
     ([, c], { theme }) =>
-      `[&_.q-stepper\\_\\_dot:before]:(bg-[rgba(255,_255,_255,_0.28)]) [&_.q-stepper\\_\\_dot:after]:(bg-[rgba(255,_255,_255,_0.28)])`
+      theme.quasar?.components?.['q-stepper--vertical'] ??
+      `px-[0] py-[16px] [&_.q-stepper\\_\\_tab]:(px-[24px] py-[12px]) [&_.q-stepper\\_\\_title]:(leading-[18px]) [&_.q-stepper\\_\\_step-inner]:(pt-[0] pr-[24px] pb-[32px] pl-[60px]) [&_>_.q-stepper\\_\\_nav]:(pt-[24px] px-[24px] pb-[0]) [&_.q-stepper\\_\\_step]:(overflow-hidden) [&_.q-stepper\\_\\_dot]:(mr-[12px]) [&_.q-stepper\\_\\_dot:before]:(content-[''] absolute left-2/4 w-px h-[99999px] bg-[rgba(0,_0,_0,_0.12)]) [&_.q-stepper\\_\\_dot:after]:(content-[''] absolute left-2/4 w-px h-[99999px] bg-[rgba(0,_0,_0,_0.12)]) [&_.q-stepper\\_\\_dot:before]:(bottom-full mb-[8px]) [&_.q-stepper\\_\\_dot:after]:(top-full mt-[8px]) [&_.q-stepper\\_\\_step:first-child_.q-stepper\\_\\_dot:before]:(hidden) [&_.q-stepper\\_\\_step:last-child_.q-stepper\\_\\_dot:after]:(hidden) [&_.q-stepper\\_\\_step:last-child_.q-stepper\\_\\_step-inner]:(pb-[8px])`
   ]
 ]