vitrify 0.18.4 → 0.19.0

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

@@ -0,0 +1,63 @@
+const preflights = [
+    {
+        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 = [
+    [
+        /^q-select--without-input$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-select--without-input'] ??
+            `[&_.q-field\\_\\_control]:(cursor-pointer)`
+    ],
+    [
+        /^q-select--with-input$/,
+        ([, 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 }) => 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 }) => 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 }) => 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])`
+    ]
+];
+export { preflights, shortcuts };

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

@@ -0,0 +1,30 @@
+const shortcuts = [
+    [
+        /^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 }) => 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 }) => theme.quasar?.components?.['q-separator--horizontal-inset'] ??
+            `ml-[16px] mr-[16px]`
+    ],
+    [
+        /^q-separator--horizontal-item-inset$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-separator--horizontal-item-inset'] ??
+            `ml-[72px] mr-0`
+    ],
+    [
+        /^q-separator--horizontal-item-thumbnail-inset$/,
+        ([, 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]`]
+];
+export { shortcuts };

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

@@ -0,0 +1,178 @@
+const preflights = [
+    {
+        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 = [
+    [
+        /^q-skeleton$/,
+        ([, 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--type-text$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--type-text'] ??
+            `scale-x-100 scale-y-[0.5]`
+    ],
+    [
+        /^q-skeleton--type-circle$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--type-circle'] ??
+            `h-[48px] w-[48px] rounded-[50%]`
+    ],
+    [
+        /^q-skeleton--type-QAvatar$/,
+        ([, 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-QChip$/,
+        ([, 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-QCheckbox$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--type-QCheckbox'] ??
+            `w-[40px] h-[40px] rounded-[50%]`
+    ],
+    [
+        /^q-skeleton--type-QRadio$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-skeleton--type-QRadio'] ??
+            `w-[40px] h-[40px] rounded-[50%]`
+    ],
+    [
+        /^q-skeleton--type-QToggle$/,
+        ([, 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--bordered$/,
+        ([, 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--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 }) => 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 }) => 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 }) => 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 }) => 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/styles/md3/components/QSlideItem.unocss.js

@@ -0,0 +1,29 @@
+const shortcuts = [
+    [/^q-slide-item$/, ([, c], { theme }) => `relative bg-[white]`],
+    [
+        /^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`
+    ]
+];
+export { shortcuts };

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

@@ -0,0 +1,198 @@
+const shortcuts = [
+    [/^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/dist/plugins/quasar/unocss/styles/md3/components/QSpace.unocss.js

@@ -0,0 +1,4 @@
+const shortcuts = [
+    [/^q-space$/, ([, c], { theme }) => `!flex-grow`]
+];
+export { shortcuts };

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

@@ -0,0 +1,45 @@
+const preflights = [
+    {
+        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 = [
+    [/^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/dist/plugins/quasar/unocss/styles/md3/components/QSplitter.unocss.js

@@ -0,0 +1,41 @@
+const shortcuts = [
+    [
+        /^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 };