vitrify 0.18.4 → 0.19.0

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

@@ -0,0 +1,125 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-item$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-item'] ??
+      `min-h-[48px] px-[16px] py-[8px] [color:inherit] [transition:color_0.3s,_background-color_0.3s] [&_>_.q-item\\_\\_section--thumbnail:first-child]:(-ml-[16px]) [&_>_.q-focus-helper_+_.q-item\\_\\_section--thumbnail]:(-ml-[16px]) [&_>_.q-item\\_\\_section--thumbnail:last-of-type]:(-mr-[16px]) relative
+    [&.q-router-link--active]:(text-primary)`
+  ],
+
+  [
+    /^q-item__section--side$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-item__section--side'] ??
+      `!flex-initial text-[#757575] items-start pr-[16px] w-auto min-w-[0] max-w-full [&_>_.q-icon]:(text-[24px]) [&_>_.q-avatar]:(text-[40px])`
+  ],
+
+  [
+    /^q-item__section--avatar$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-item__section--avatar'] ??
+      `!flex-initial [color:inherit] min-w-[56px]`
+  ],
+
+  [
+    /^q-item__section--thumbnail$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-item__section--thumbnail'] ??
+      `!flex-initial [&_img]:(w-[100px] h-[56px])`
+  ],
+
+  [/^q-item__section--nowrap$/, ([, c], { theme }) => `whitespace-nowrap`],
+
+  [
+    /^q-item__label$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-item__label'] ??
+      `!leading-[1.2em] max-w-full [&_+_.q-item\\_\\_label]:(mt-[4px])`
+  ],
+
+  [
+    /^q-item__label--overline$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-item__label--overline'] ??
+      `text-[rgba(0,_0,_0,_0.7)]`
+  ],
+
+  [
+    /^q-item__label--caption$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-item__label--caption'] ??
+      `text-[rgba(0,_0,_0,_0.54)]`
+  ],
+
+  [
+    /^q-item__label--header$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-item__label--header'] ??
+      `text-[#757575] p-[16px] text-[0.875rem] leading-5 tracking-[0.01786em]`
+  ],
+
+  [
+    /^q-separator--spaced$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-separator--spaced'] ??
+      `[&_+_.q-item\\_\\_label--header]:(pt-[8px])`
+  ],
+
+  [
+    /^q-list--padding$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-list--padding'] ??
+      `[&_.q-item\\_\\_label--header]:(pt-[8px]) px-[0] py-[8px]`
+  ],
+
+  [
+    /^q-item__section--main$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-item__section--main'] ??
+      `w-auto min-w-[0] max-w-full flex-[10000_1_0%] [&_+_.q-item\\_\\_section--main]:(ml-[8px]) [&_~_.q-item\\_\\_section--side]:(items-end pr-0 pl-[16px])`
+  ],
+
+  [
+    /^q-list--bordered$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-list--bordered'] ??
+      `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
+  ],
+
+  [
+    /^q-list--separator$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-list--separator'] ??
+      `[&_>_.q-item-type_+_.q-item-type]:([border-top:1px_solid_rgba(0,_0,_0,_0.12)]) [&_>_.q-virtual-scroll\\_\\_content_>_.q-item-type_+_.q-item-type]:([border-top:1px_solid_rgba(0,_0,_0,_0.12)])`
+  ],
+
+  [
+    /^q-list--dense$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-list--dense'] ??
+      `[&_>_.q-item]:(min-h-[32px] px-[16px] py-[2px])`
+  ],
+
+  [/^q-item--dense$/, ([, c], { theme }) => `min-h-[32px] px-[16px] py-[2px]`],
+
+  [
+    /^q-list--dark$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-list--dark'] ??
+      `text-[#fff] border-[rgba(255,_255,_255,_0.28)] [&_.q-item\\_\\_section--side:not(.q-item\\_\\_section--avatar)]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-item\\_\\_label--header]:(text-[rgba(255,_255,_255,_0.64)]) [&_.q-item\\_\\_label--overline]:(text-[rgba(255,_255,_255,_0.8)]) [&_.q-item\\_\\_label--caption]:(text-[rgba(255,_255,_255,_0.8)])`
+  ],
+
+  [
+    /^q-item--dark$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-item--dark'] ??
+      `text-[#fff] border-[rgba(255,_255,_255,_0.28)] [&_.q-item\\_\\_section--side:not(.q-item\\_\\_section--avatar)]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-item\\_\\_label--header]:(text-[rgba(255,_255,_255,_0.64)]) [&_.q-item\\_\\_label--overline]:(text-[rgba(255,_255,_255,_0.8)]) [&_.q-item\\_\\_label--caption]:(text-[rgba(255,_255,_255,_0.8)])`
+  ],
+
+  [/^q-item--active$/, ([, c], { theme }) => `text-primary`]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,18 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-knob$/,
+    ([, c], { theme }) => theme.quasar?.components?.['q-knob'] ?? `text-[48px]`
+  ],
+
+  [
+    /^q-knob--editable$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-knob--editable'] ??
+      `cursor-pointer outline-[0] [&:before]:(content-[''] absolute top-[0] right-[0] bottom-[0] left-[0] rounded-[50%] [box-shadow:none] [transition:box-shadow_0.24s_ease-in-out]) [&:focus:before]:([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)])`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,95 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+body.q-ios-padding .q-layout--standard .q-header > .q-toolbar:nth-child(1),
+body.q-ios-padding .q-layout--standard .q-header > .q-tabs:nth-child(1) .q-tabs__content,
+body.q-ios-padding .q-layout--standard .q-drawer--top-padding .q-drawer__content {
+  padding-top: 20px;
+  min-height: 70px;
+  padding-top: env(safe-area-inset-top);
+  min-height: calc(env(safe-area-inset-top) + 50px);
+}
+body.q-ios-padding .q-layout--standard .q-footer > .q-toolbar:last-child,
+body.q-ios-padding .q-layout--standard .q-footer > .q-tabs:nth-last-child(1 of :not(.q-layout__shadow)) .q-tabs__content,
+body.q-ios-padding .q-layout--standard .q-drawer--top-padding .q-drawer__content {
+  padding-bottom: env(safe-area-inset-bottom);
+  min-height: calc(env(safe-area-inset-bottom) + 50px);
+}
+.q-body--layout-animate .q-drawer__backdrop {
+  transition: background-color 0.12s !important;
+}
+.q-body--layout-animate .q-drawer {
+  transition: transform 0.12s, width 0.12s, top 0.12s, bottom 0.12s !important;
+}
+.q-body--layout-animate .q-layout__section--marginal {
+  transition: transform 0.12s, left 0.12s, right 0.12s !important;
+}
+.q-body--layout-animate .q-page-container {
+  transition: padding-top 0.12s, padding-right 0.12s, padding-bottom 0.12s, padding-left 0.12s !important;
+}
+.q-body--layout-animate .q-page-sticky {
+  transition: transform 0.12s, left 0.12s, right 0.12s, top 0.12s, bottom 0.12s !important;
+}
+body:not(.q-body--layout-animate) .q-layout--prevent-focus {
+  visibility: hidden;
+}
+.q-body--drawer-toggle {
+  overflow-x: hidden !important;
+}
+@media (max-width: 599.98px) {
+  .q-layout-padding {
+    padding: 8px;
+  }
+}
+@media (min-width: 600px) and (max-width: 1439.98px) {
+  .q-layout-padding {
+    padding: 16px;
+  }
+}
+@media (min-width: 1440px) {
+  .q-layout-padding {
+    padding: 24px;
+  }
+}
+body.body--dark .q-header, body.body--dark .q-footer, body.body--dark .q-drawer {
+  border-color: rgba(255, 255, 255, 0.28);
+}
+body.body--dark .q-layout__shadow:after {
+  box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.2), 0 0px 10px rgba(255, 255, 255, 0.24);
+}
+body.platform-ios .q-layout--containerized {
+  position: unset !important;
+}`
+  }
+]
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-layout$/, ([, c], { theme }) => `w-full outline-0 relative`],
+
+  [
+    /^q-layout-container$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-layout-container'] ??
+      `relative w-full h-full [&_.q-layout]:(min-h-full) [&_>_div]:([transform:translate3d(0,_0,_0)]) [&_>_div_>_div]:(min-h-[0] max-h-full)`
+  ],
+
+  [
+    /^q-layout__shadow$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-layout__shadow'] ??
+      `w-full 
+      [&:after]:(content-empty absolute top-[0] right-[0] bottom-[0] left-[0] [box-shadow:0_0_10px_2px_rgba(0,_0,_0,_0.2),_0_0px_10px_rgba(0,_0,_0,_0.24)])`
+  ],
+
+  [
+    /^q-layout__section--marginal$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-layout__section--marginal'] ??
+      `text-[#fff] bg-primary`
+  ]
+]
+
+export { preflights, shortcuts }

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

@@ -0,0 +1,122 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+@keyframes q-linear-progress--indeterminate {
+  0% {
+    transform: translate3d(-35%, 0, 0) scale3d(0.35, 1, 1);
+  }
+  60% {
+    transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1);
+  }
+  100% {
+    transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1);
+  }
+}
+@keyframes q-linear-progress--indeterminate-short {
+  0% {
+    transform: translate3d(-101%, 0, 0) scale3d(1, 1, 1);
+  }
+  60% {
+    transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1);
+  }
+  100% {
+    transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1);
+  }
+}
+  `
+  }
+]
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-linear-progress$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-linear-progress'] ??
+      `relative w-full overflow-hidden text-[4px] h-[1em] [transform:scale3d(1,_1,_1)] text-primary`
+  ],
+
+  [/^q-linear-progress__model$/, ([, c], { theme }) => `origin-[0_0]`],
+
+  [
+    /^q-linear-progress__track$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-linear-progress__track'] ??
+      `origin-[0_0] opacity-40`
+  ],
+
+  [
+    /^q-linear-progress__model--with-transition$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-linear-progress__model--with-transition'] ??
+      `[transition:transform_var(--q-linear-progress-speed)]`
+  ],
+
+  [
+    /^q-linear-progress__track--with-transition$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-linear-progress__track--with-transition'] ??
+      `[transition:transform_var(--q-linear-progress-speed)]`
+  ],
+
+  [
+    /^q-linear-progress--reverse$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-linear-progress--reverse'] ??
+      `[&_.q-linear-progress\\_\\_model]:(origin-[0_100%]) [&_.q-linear-progress\\_\\_track]:(origin-[0_100%])`
+  ],
+
+  [
+    /^q-linear-progress__model--determinate$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-linear-progress__model--determinate'] ??
+      `bg-current`
+  ],
+
+  [
+    /^q-linear-progress__model--indeterminate$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-linear-progress__model--indeterminate'] ??
+      `transition-none [&:before]:(bg-current content-empty absolute top-0 right-0 bottom-0 left-0 origin-[0_0]) [&:after]:(bg-current content-empty absolute top-0 right-0 bottom-0 left-0 origin-[0_0]) [&:before]:(animate-[q-linear-progress--indeterminate_2.1s_cubic-bezier(0.65,_0.815,_0.735,_0.395)_infinite]) [&:after]:([transform:translate3d(-101%,_0,_0)_scale3d(1,_1,_1)] animate-[q-linear-progress--indeterminate-short_2.1s_cubic-bezier(0.165,_0.84,_0.44,_1)_infinite] [animation-delay:1.15s])`
+  ],
+
+  [
+    /^q-linear-progress__model--query$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-linear-progress__model--query'] ??
+      `transition-none [&:before]:(bg-current content-empty absolute top-0 right-0 bottom-0 left-0 origin-[0_0]) [&:after]:(bg-current content-empty absolute top-0 right-0 bottom-0 left-0 origin-[0_0]) [&:before]:(animate-[q-linear-progress--indeterminate_2.1s_cubic-bezier(0.65,_0.815,_0.735,_0.395)_infinite]) [&:after]:([transform:translate3d(-101%,_0,_0)_scale3d(1,_1,_1)] animate-[q-linear-progress--indeterminate-short_2.1s_cubic-bezier(0.165,_0.84,_0.44,_1)_infinite] [animation-delay:1.15s])`
+  ],
+
+  [
+    /^q-linear-progress__track--light$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-linear-progress__track--light'] ??
+      `bg-[rgba(0,_0,_0,_0.26)]`
+  ],
+
+  [
+    /^q-linear-progress__track--dark$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-linear-progress__track--dark'] ??
+      `bg-[rgba(255,_255,_255,_0.6)]`
+  ],
+
+  [
+    /^q-linear-progress__stripe$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-linear-progress__stripe'] ??
+      `!bg-[linear-gradient(_45deg,_rgba(255,_255,_255,_0.15)_25%,_rgba(255,_255,_255,_0)_25%,_rgba(255,_255,_255,_0)_50%,_rgba(255,_255,_255,_0.15)_50%,_rgba(255,_255,_255,_0.15)_75%,_rgba(255,_255,_255,_0)_75%,_rgba(255,_255,_255,_0)_)] [background-size:40px_40px!important]`
+  ],
+
+  [
+    /^q-linear-progress__stripe--with-transition$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.[
+        'q-linear-progress__stripe--with-transition'
+      ] ?? `[transition:width_var(--q-linear-progress-speed)]`
+  ]
+]
+
+export { preflights, shortcuts }

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

@@ -0,0 +1,22 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-menu$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-menu'] ??
+      `!fixed inline-block max-w-[95vw] max-h-[65vh] [box-shadow:0_1px_5px_rgba(0,_0,_0,_0.2),_0_2px_2px_rgba(0,_0,_0,_0.14),_0_3px_1px_-2px_rgba(0,_0,_0,_0.12)] bg-[#fff] rounded-[4px] overflow-y-auto overflow-x-hidden outline-0 z-${theme.quasar.z['menu']}`
+  ],
+
+  [/^q-menu--square$/, ([, c], { theme }) => `rounded-none`],
+
+  [
+    /^q-menu--dark$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-menu--dark'] ??
+      `[box-shadow:0_1px_5px_rgba(255,_255,_255,_0.2),_0_2px_2px_rgba(255,_255,_255,_0.14),_0_3px_1px_-2px_rgba(255,_255,_255,_0.12)]`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,8 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-option-group--inline$/, ([, c], { theme }) => `[&_>_div]:(inline-block)`]
+]
+
+export { shortcuts }

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

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

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

@@ -0,0 +1,13 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-page-sticky--shrink$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-page-sticky--shrink'] ??
+      `pointer-events-none [&_>_div]:(inline-block pointer-events-auto)`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,27 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-pagination$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-pagination'] ??
+      `[&_input]:(text-center) [&_input::-webkit-outer-spin-button]:(m-0) [&_input::-webkit-inner-spin-button]:(m-0)`
+  ],
+
+  [
+    /^q-pagination__content$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-pagination__content'] ??
+      `!flex-initial mt-[var(--q-pagination-gutter-parent)] ml-[var(--q-pagination-gutter-parent)] [&_>_.q-btn]:(mt-[var(--q-pagination-gutter-child)] ml-[var(--q-pagination-gutter-child)]) [&_>_.q-input]:(mt-[var(--q-pagination-gutter-child)] ml-[var(--q-pagination-gutter-child)])`
+  ],
+
+  [
+    /^q-pagination__middle$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-pagination__middle'] ??
+      `[&_>_.q-btn]:(mt-[var(--q-pagination-gutter-child)] ml-[var(--q-pagination-gutter-child)])`
+  ]
+]
+
+export { shortcuts }

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

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

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

@@ -0,0 +1,15 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-popup-edit$/, ([, c], { theme }) => `px-[16px] py-[8px]`],
+
+  [
+    /^q-popup-edit__buttons$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-popup-edit__buttons'] ??
+      `mt-[8px] [&_.q-btn_+_.q-btn]:(ml-[8px])`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,22 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-pull-to-refresh$/, ([, c], { theme }) => `relative`],
+
+  [
+    /^q-pull-to-refresh__puller$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-pull-to-refresh__puller'] ??
+      `!flex-initial rounded-[50%] w-[40px] h-[40px] bg-[#fff] [box-shadow:0_0_4px_0_rgba(0,_0,_0,_0.3)] text-primary`
+  ],
+
+  [
+    /^q-pull-to-refresh__puller--animating$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-pull-to-refresh__puller--animating'] ??
+      `[transition:transform_0.3s,_opacity_0.3s]`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,98 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+body.desktop .q-radio:not(.disabled) .q-radio__inner:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  border-radius: 50%;
+  background: currentColor;
+  opacity: 0.12;
+  transform: scale3d(0, 0, 1);
+  transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms;
+}
+body.desktop .q-radio:not(.disabled):focus .q-radio__inner:before, body.desktop .q-radio:not(.disabled):hover .q-radio__inner:before {
+  transform: scale3d(1, 1, 1);
+}
+body.desktop .q-radio--dense:not(.disabled):focus .q-radio__inner:before, body.desktop .q-radio--dense:not(.disabled):hover .q-radio__inner:before {
+  transform: scale3d(1.5, 1.5, 1);
+}`
+  }
+]
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-radio$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-radio'] ??
+      `align-middle [&.disabled]:(!opacity-75)`
+  ],
+
+  [
+    /^q-radio__native$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-radio__native'] ?? `w-px h-px`
+  ],
+
+  [
+    /^q-radio__bg$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-radio__bg'] ??
+      `select-none top-1/4 left-1/4 w-1/2 h-1/2 [&_path]:(fill-current)`
+  ],
+
+  [
+    /^q-radio__icon-container$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-radio__icon-container'] ?? `select-none`
+  ],
+
+  [
+    /^q-radio__icon$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-radio__icon'] ?? `text-current text-[0.5em]`
+  ],
+
+  [
+    /^q-radio__check$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-radio__check'] ??
+      `origin-[50%_50%] [transform:scale3d(0,_0,_1)] [transition:transform_0.22s_cubic-bezier(0,_0,_0.2,_1)_0ms]`
+  ],
+
+  [
+    /^q-radio__inner$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-radio__inner'] ??
+      `text-[40px] w-[1em] min-w-[1em] h-[1em] outline-[0] rounded-[50%] text-[rgba(0,_0,_0,_0.54)]`
+  ],
+
+  [
+    /^q-radio__inner--truthy$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-radio__inner--truthy'] ??
+      ` [&_.q-radio\\_\\_check]:([transform:scale3d(1,_1,_1)])`
+  ],
+
+  [
+    /^q-radio--dark$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-radio--dark'] ??
+      `[&_.q-radio\\_\\_inner]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-radio\\_\\_inner:before]:(!opacity-[0.32]) [&_.q-radio\\_\\_inner--truthy]:(text-primary)`
+  ],
+
+  [
+    /^q-radio--dense$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-radio--dense'] ??
+      `[&_.q-radio\\_\\_inner]:(w-[0.5em] min-w-[0.5em] h-[0.5em]) [&_.q-radio\\_\\_bg]:(left-[0] top-[0] w-full h-full) [&_.q-radio\\_\\_label]:(pl-[0.5em]) [&.reverse_.q-radio\\_\\_label]:(pl-0 pr-[0.5em])`
+  ]
+]
+
+export { preflights, shortcuts }

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

@@ -0,0 +1,42 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-rating$/, ([, c], { theme }) => `text-[#ffeb3b] align-middle`],
+
+  [
+    /^q-rating__icon-container$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-rating__icon-container'] ??
+      `h-[1em] outline-0 [&_+_.q-rating\\_\\_icon-container]:(ml-[2px])`
+  ],
+
+  [
+    /^q-rating__icon$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-rating__icon'] ??
+      `text-current [text-shadow:0_1px_3px_rgba(0,_0,_0,_0.12),_0_1px_2px_rgba(0,_0,_0,_0.24)] relative opacity-40 [transition:transform_0.2s_ease-in,_opacity_0.2s_ease-in]`
+  ],
+
+  [/^q-rating__icon--hovered$/, ([, c], { theme }) => `scale-[1.3]`],
+
+  [/^q-rating__icon--active$/, ([, c], { theme }) => `opacity-100`],
+
+  [/^q-rating__icon--exselected$/, ([, c], { theme }) => `opacity-70`],
+
+  [
+    /^q-rating--no-dimming$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-rating--no-dimming'] ??
+      `[&_.q-rating\\_\\_icon]:(opacity-100)`
+  ],
+
+  [
+    /^q-rating--editable$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-rating--editable'] ??
+      `[&_.q-rating\\_\\_icon-container]:(cursor-pointer)`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,22 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-responsive$/, ([, c], { theme }) => `relative max-w-full max-h-full`],
+
+  [
+    /^q-responsive__filler$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-responsive__filler'] ??
+      `[width:inherit] [max-width:inherit] [height:inherit] [max-height:inherit]`
+  ],
+
+  [
+    /^q-responsive__content$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-responsive__content'] ??
+      `[border-radius:inherit] [&_>_*]:(!w-full !h-full !max-h-full !max-w-full)`
+  ]
+]
+
+export { shortcuts }