vitrify 0.18.4 → 0.19.0

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

@@ -0,0 +1,291 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-slider$/, ([, c], { theme }) => `relative`],
+
+  [/^q-slider--h$/, ([, c], { theme }) => `w-full`],
+
+  [/^q-slider--v$/, ([, c], { theme }) => `h-[200px]`],
+
+  [
+    /^q-slider--editable$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-slider--editable'] ??
+      `[&_.q-slider\\_\\_track-container]:(cursor-grab)`
+  ],
+
+  [/^q-slider__track-container$/, ([, c], { theme }) => `outline-0`],
+
+  [
+    /^q-slider__track-container--h$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-slider__track-container--h'] ??
+      `w-full px-[0] py-[12px] [&_.q-slider\\_\\_selection]:(will-change-width will-change-left)`
+  ],
+
+  [
+    /^q-slider__track-container--v$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-slider__track-container--v'] ??
+      `h-full px-[12px] py-[0] [&_.q-slider\\_\\_selection]:(will-change-height will-change-top)`
+  ],
+
+  [
+    /^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 }) =>
+      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 }) =>
+      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 }) =>
+      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 }) =>
+      theme.quasar?.components?.['q-slider__marker-labels--v-switched'] ??
+      `right-[4px]`
+  ],
+
+  [
+    /^q-slider__marker-labels--v-ltr$/,
+    ([, 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 }) =>
+      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 }) =>
+      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 }) =>
+      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 }) =>
+      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 }) =>
+      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])`
+  ],
+
+  [/^q-slider__label$/, ([, c], { theme }) => `whitespace-nowrap absolute`],
+
+  [/^q-slider__label--h$/, ([, c], { theme }) => `left-2/4 -translate-x-1/2`],
+
+  [/^q-slider__label--h-standard$/, ([, c], { theme }) => `bottom-[7px]`],
+
+  [/^q-slider__label--h-switched$/, ([, c], { theme }) => `top-[7px]`],
+
+  [/^q-slider__label--v$/, ([, c], { theme }) => `top-2/4 -translate-y-1/2`],
+
+  [/^q-slider__label--v-standard$/, ([, c], { theme }) => `left-[7px]`],
+
+  [/^q-slider__label--v-switched$/, ([, c], { theme }) => `right-[7px]`],
+
+  [
+    /^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`
+  ],
+
+  [/^q-slider__text$/, ([, c], { theme }) => `text-[#fff] text-[12px]`],
+
+  [
+    /^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])`
+  ]
+]
+
+export { shortcuts }

package/src/node/plugins/quasar/unocss/styles/md3/components/QSpace.unocss.ts

@@ -0,0 +1,8 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-space$/, ([, c], { theme }) => `!flex-grow`]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,52 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+@keyframes q-spin {
+  0% {
+    transform: rotate3d(0, 0, 1, 0deg) /* rtl:ignore */;
+  }
+  25% {
+    transform: rotate3d(0, 0, 1, 90deg) /* rtl:ignore */;
+  }
+  50% {
+    transform: rotate3d(0, 0, 1, 180deg) /* rtl:ignore */;
+  }
+  75% {
+    transform: rotate3d(0, 0, 1, 270deg) /* rtl:ignore */;
+  }
+  100% {
+    transform: rotate3d(0, 0, 1, 359deg) /* rtl:ignore */;
+  }
+}
+@keyframes q-mat-dash {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -35px;
+  }
+  100% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -124px;
+  }
+}`
+  }
+]
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-spinner$/, ([, c], { theme }) => `align-middle`],
+
+  [
+    /^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])`
+  ]
+]
+
+export { preflights, shortcuts }

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

@@ -0,0 +1,60 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-splitter__panel$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-splitter__panel'] ??
+      `relative z-0 [&_>_.q-splitter]:(w-full h-full)`
+  ],
+
+  [
+    /^q-splitter__separator$/,
+    ([, 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 }) =>
+      theme.quasar?.components?.['q-splitter--vertical'] ??
+      `[&_>_.q-splitter\\_\\_panel]:(h-full) [&.q-splitter--active]:(cursor-col-resize) [&_>_.q-splitter\\_\\_separator]:(w-px) [&_>_.q-splitter\\_\\_separator_>_div]:(-left-[6px] -right-[6px]) [&.q-splitter--workable_>_.q-splitter\\_\\_separator]:(cursor-col-resize)`
+  ],
+
+  [
+    /^q-splitter--horizontal$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-splitter--horizontal'] ??
+      `[&_>_.q-splitter\\_\\_panel]:(w-full) [&.q-splitter--active]:(cursor-row-resize) [&_>_.q-splitter\\_\\_separator]:(h-px) [&_>_.q-splitter\\_\\_separator_>_div]:(-top-[6px] -bottom-[6px]) [&.q-splitter--workable_>_.q-splitter\\_\\_separator]:(cursor-row-resize)`
+  ],
+
+  [
+    /^q-splitter__before$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-splitter__before'] ?? `overflow-auto`
+  ],
+
+  [
+    /^q-splitter__after$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-splitter__after'] ?? `overflow-auto`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,167 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+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 }) =>
+      theme.quasar?.components?.['q-stepper__title'] ??
+      `text-[14px] leading-[1.285714] tracking-[0.1px]`
+  ],
+
+  [
+    /^q-stepper__caption$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-stepper__caption'] ??
+      `text-[12px] leading-[1.16667]`
+  ],
+
+  [
+    /^q-stepper__dot$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-stepper__dot'] ??
+      `!flex-initial 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 }) =>
+      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 }) =>
+      theme.quasar?.components?.['q-stepper__tab--navigation'] ??
+      `select-none cursor-pointer`
+  ],
+
+  [
+    /^q-stepper__tab--active$/,
+    ([, c], { theme }) =>
+      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 }) =>
+      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 }) =>
+      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 }) =>
+      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 }) =>
+      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 }) =>
+      theme.quasar?.components?.['q-stepper__nav'] ?? `pt-[24px]`
+  ],
+
+  [
+    /^q-stepper--flat$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-stepper--flat'] ?? `[box-shadow:none]`
+  ],
+
+  [
+    /^q-stepper--bordered$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-stepper--bordered'] ??
+      `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
+  ],
+
+  [
+    /^q-stepper--horizontal$/,
+    ([, c], { theme }) =>
+      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]:(contain-layout) [&_.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--vertical$/,
+    ([, c], { theme }) =>
+      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])`
+  ]
+]
+
+export { shortcuts }

package/src/node/plugins/quasar/unocss/styles/md3/components/QTabPanel.unocss.ts

@@ -0,0 +1,10 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-tab-panels$/, ([, c], { theme }) => `bg-inherit`],
+
+  [/^q-tab-panel$/, ([, c], { theme }) => `p-[16px]`]
+]
+
+export { shortcuts }