vitrify 0.16.3 → 0.17.0

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

@@ -0,0 +1,48 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-scrollarea$/, ([, c], { theme }) => `relative`],
+
+  [
+    /^q-scrollarea__bar$/,
+    ([, c], { theme }) => `opacity-20 [transition:opacity_0.3s]`
+  ],
+
+  [
+    /^q-scrollarea__thumb$/,
+    ([, c], { theme }) =>
+      `opacity-20 [transition:opacity_0.3s] bg-[#000] rounded-[3px]`
+  ],
+
+  [/^q-scrollarea__bar--v$/, ([, c], { theme }) => `right-0 w-[10px]`],
+
+  [/^q-scrollarea__thumb--v$/, ([, c], { theme }) => `right-0 w-[10px]`],
+
+  [/^q-scrollarea__bar--h$/, ([, c], { theme }) => `bottom-0 h-[10px]`],
+
+  [/^q-scrollarea__thumb--h$/, ([, c], { theme }) => `bottom-0 h-[10px]`],
+
+  [
+    /^q-scrollarea__bar--invisible$/,
+    ([, c], { theme }) => `!opacity-0 pointer-events-none`
+  ],
+
+  [
+    /^q-scrollarea__thumb--invisible$/,
+    ([, c], { theme }) => `!opacity-0 pointer-events-none`
+  ],
+
+  [/^q-scrollarea__thumb:hover$/, ([, c], { theme }) => `hover:opacity-30`],
+
+  [/^q-scrollarea__thumb:active$/, ([, c], { theme }) => `active:opacity-50`],
+
+  [/^q-scrollarea__content$/, ([, c], { theme }) => `min-h-full min-w-full`],
+
+  [
+    /^q-scrollarea--dark$/,
+    ([, c], { theme }) => `[&_.q-scrollarea\\_\\_thumb]:(bg-[#fff])`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,69 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+body.mobile:not(.native-mobile) .q-select__dialog {
+  max-height: calc(100vh - 108px) !important;
+}
+
+body.platform-android.native-mobile .q-dialog__inner--top .q-select__dialog {
+  max-height: calc(100vh - 24px) !important;
+}
+body.platform-android:not(.native-mobile) .q-dialog__inner--top .q-select__dialog {
+  max-height: calc(100vh - 80px) !important;
+}
+
+body.platform-ios.native-mobile .q-dialog__inner--top > div {
+  border-radius: 4px;
+}
+body.platform-ios.native-mobile .q-dialog__inner--top .q-select__dialog--focused {
+  max-height: 47vh !important;
+}
+body.platform-ios:not(.native-mobile) .q-dialog__inner--top .q-select__dialog--focused {
+  max-height: 50vh !important;
+}`
+  }
+]
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-select--without-input$/,
+    ([, c], { theme }) => `[&_.q-field\\_\\_control]:(cursor-pointer)`
+  ],
+
+  [
+    /^q-select--with-input$/,
+    ([, c], { theme }) => `[&_.q-field\\_\\_control]:(cursor-text)`
+  ],
+
+  [
+    /^q-select$/,
+    ([, c], { theme }) =>
+      `[&_.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`
+  ],
+
+  [
+    /^q-select__autocomplete-input$/,
+    ([, c], { theme }) => `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]`
+  ],
+
+  [
+    /^q-select__dialog$/,
+    ([, c], { theme }) =>
+      `!w-[90vw] !max-w-[90vw] !max-h-[calc(100vh-70px)] bg-[#fff] flex flex-col [&_>_.scroll]:(relative [background:inherit])`
+  ]
+]
+
+export { preflights, shortcuts }

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

@@ -0,0 +1,38 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^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`
+  ],
+
+  [
+    /^q-separator--dark$/,
+    ([, c], { theme }) => `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]`
+  ],
+
+  [
+    /^q-separator--horizontal-item-inset$/,
+    ([, c], { theme }) => `ml-[72px] mr-0`
+  ],
+
+  [
+    /^q-separator--horizontal-item-thumbnail-inset$/,
+    ([, c], { theme }) => `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]`]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,192 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+@keyframes q-skeleton--fade {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes q-skeleton--pulse {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(0.85);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes q-skeleton--pulse-x {
+  0% {
+    transform: scaleX(1);
+  }
+  50% {
+    transform: scaleX(0.75);
+  }
+  100% {
+    transform: scaleX(1);
+  }
+}
+@keyframes q-skeleton--pulse-y {
+  0% {
+    transform: scaleY(1);
+  }
+  50% {
+    transform: scaleY(0.75);
+  }
+  100% {
+    transform: scaleY(1);
+  }
+}
+@keyframes q-skeleton--wave {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}`
+  }
+]
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-skeleton$/,
+    ([, c], { theme }) => `bg-[rgba(0,_0,_0,_0.12)] rounded-[4px] box-border`
+  ],
+
+  [/^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]`
+  ],
+
+  [
+    /^q-skeleton--type-circle$/,
+    ([, c], { theme }) => `h-[48px] w-[48px] rounded-[50%]`
+  ],
+
+  [
+    /^q-skeleton--type-QAvatar$/,
+    ([, c], { theme }) => `h-[48px] w-[48px] rounded-[50%]`
+  ],
+
+  [/^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]`
+  ],
+
+  [/^q-skeleton--type-QToolbar$/, ([, c], { theme }) => `h-[50px]`],
+
+  [
+    /^q-skeleton--type-QCheckbox$/,
+    ([, c], { theme }) => `w-[40px] h-[40px] rounded-[50%]`
+  ],
+
+  [
+    /^q-skeleton--type-QRadio$/,
+    ([, c], { theme }) => `w-[40px] h-[40px] rounded-[50%]`
+  ],
+
+  [
+    /^q-skeleton--type-QToggle$/,
+    ([, c], { theme }) => `w-[56px] h-[40px] rounded-[7px]`
+  ],
+
+  [/^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)]`
+  ],
+
+  [/^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]`
+  ],
+
+  [
+    /^q-skeleton--anim-pulse$/,
+    ([, c], { theme }) =>
+      `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]`
+  ],
+
+  [
+    /^q-skeleton--anim-pulse-y$/,
+    ([, c], { theme }) =>
+      `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)
+`
+  ],
+
+  [
+    /^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)`
+  ],
+
+  [
+    /^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)]`
+  ],
+
+  [
+    /^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)]`
+  ]
+]
+
+export { preflights, shortcuts }

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

@@ -0,0 +1,38 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^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])`
+  ],
+
+  [
+    /^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])`
+  ],
+
+  [
+    /^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])`
+  ],
+
+  [
+    /^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])`
+  ],
+
+  [
+    /^q-slide-item__content$/,
+    ([, c], { theme }) =>
+      `[background:inherit] [transition:transform_0.2s_ease-in] select-none cursor-pointer`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,246 @@
+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 }) => `[&_.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]:()`
+  ],
+
+  [
+    /^q-slider__track-container--v$/,
+    ([, c], { theme }) =>
+      `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`
+  ],
+
+  [
+    /^q-slider__inner$/,
+    ([, c], { theme }) =>
+      `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`
+  ],
+
+  [
+    /^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)`
+  ],
+
+  [
+    /^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)`
+  ],
+
+  [
+    /^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)`
+  ],
+
+  [
+    /^q-slider__marker-labels-container$/,
+    ([, c], { theme }) => `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`
+  ],
+
+  [/^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]`
+  ],
+
+  [
+    /^q-slider__marker-labels--v-ltr$/,
+    ([, c], { theme }) => `-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`
+  ],
+
+  [/^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`
+  ],
+
+  [
+    /^q-slider__thumb--h-rtl$/,
+    ([, c], { theme }) => `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`
+  ],
+
+  [
+    /^q-slider__thumb--v-rtl$/,
+    ([, c], { theme }) => `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)`
+  ],
+
+  [
+    /^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]`
+  ],
+
+  [
+    /^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)`
+  ],
+
+  [
+    /^q-slider__pin--h$/,
+    ([, c], { theme }) =>
+      `[&: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])`
+  ],
+
+  [
+    /^q-slider__pin--h-switched$/,
+    ([, c], { theme }) =>
+      `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])`
+  ],
+
+  [
+    /^q-slider__pin--v-standard$/,
+    ([, c], { theme }) =>
+      `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])`
+  ],
+
+  [/^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 }) =>
+      `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)`
+  ],
+
+  [
+    /^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)`
+  ],
+
+  [
+    /^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])`
+  ],
+
+  [
+    /^q-slider--active$/,
+    ([, c], { theme }) =>
+      ` [&_.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)`
+  ],
+
+  [
+    /^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)])`
+  ],
+
+  [
+    /^q-slider--dense$/,
+    ([, c], { theme }) =>
+      `[&_.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/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/components/QSpinner.unocss.ts

@@ -0,0 +1,51 @@
+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 }) =>
+      `animate-[q-spin_2s_linear_infinite] origin-[center_center] [&_.path]:(animate-[q-mat-dash_1.5s_ease-in-out_infinite])`
+  ]
+]
+
+export { preflights, shortcuts }