vitrify 0.16.4 → 0.17.1

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

@@ -0,0 +1,40 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-textarea$/,
+    ([, c], { theme }) =>
+      `[&_.q-field\\_\\_control]:(min-h-[56px] h-auto) [&_.q-field\\_\\_control-container]:(pt-[2px] pb-[2px]) [&_.q-field\\_\\_shadow]:(top-[2px] bottom-[2px]) [&_.q-field\\_\\_native]:(leading-[18px]) [&_.q-field\\_\\_prefix]:(leading-[18px]) [&_.q-field\\_\\_suffix]:(leading-[18px]) [&_.q-field\\_\\_native]:(resize-y pt-[17px] min-h-[52px])`
+  ],
+
+  [
+    /^q-textarea.q-field--labeled$/,
+    ([, c], { theme }) =>
+      `[&_.q-field\\_\\_control-container]:(pt-[26px]) [&_.q-field\\_\\_shadow]:(top-[26px]) [&_.q-field\\_\\_native]:(pt-0) [&_.q-field\\_\\_prefix]:(pt-0) [&_.q-field\\_\\_suffix]:(pt-0) [&_.q-field\\_\\_native]:(min-h-[26px] pt-px)`
+  ],
+
+  [
+    /^q-textarea--autogrow$/,
+    ([, c], { theme }) => `[&_.q-field\\_\\_native]:(resize-none)`
+  ],
+
+  [
+    /^q-textarea.q-field--dense$/,
+    ([, c], { theme }) =>
+      `[&_.q-field\\_\\_control]:(min-h-[36px]) [&_.q-field\\_\\_native]:(min-h-[36px]) [&_.q-field\\_\\_native]:(pt-[9px])`
+  ],
+
+  [
+    /^q-textarea.q-field--dense.q-field--labeled$/,
+    ([, c], { theme }) =>
+      `[&_.q-field\\_\\_control-container]:(pt-[14px]) [&_.q-field\\_\\_shadow]:(top-[14px]) [&_.q-field\\_\\_native]:(min-h-[24px] pt-[3px]) [&_.q-field\\_\\_prefix]:(pt-[2px]) [&_.q-field\\_\\_suffix]:(pt-[2px])`
+  ],
+
+  [
+    /^q-textarea.disabled$/,
+    ([, c], { theme }) => `[&_.q-field\\_\\_native]:(resize-none)`
+  ]
+]
+
+export { shortcuts }

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

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

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

@@ -0,0 +1,102 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-item$/,
+    ([, c], { theme }) =>
+      `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 }) =>
+      `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 }) => `[color:inherit] min-w-[56px]`
+  ],
+
+  [
+    /^q-item__section--thumbnail$/,
+    ([, c], { theme }) => `[&_img]:(w-[100px] h-[56px])`
+  ],
+
+  [/^q-item__section--nowrap$/, ([, c], { theme }) => `whitespace-nowrap`],
+
+  [
+    /^q-item__label$/,
+    ([, c], { theme }) =>
+      `!leading-[1.2em] max-w-full [&_+_.q-item\\_\\_label]:(mt-[4px])`
+  ],
+
+  [
+    /^q-item__label--overline$/,
+    ([, c], { theme }) => `text-[rgba(0,_0,_0,_0.7)]`
+  ],
+
+  [
+    /^q-item__label--caption$/,
+    ([, c], { theme }) => `text-[rgba(0,_0,_0,_0.54)]`
+  ],
+
+  [
+    /^q-item__label--header$/,
+    ([, c], { theme }) =>
+      `text-[#757575] p-[16px] text-[0.875rem] leading-5 tracking-[0.01786em]`
+  ],
+
+  [
+    /^q-separator--spaced$/,
+    ([, c], { theme }) => `[&_+_.q-item\\_\\_label--header]:(pt-[8px])`
+  ],
+
+  [
+    /^q-list--padding$/,
+    ([, c], { theme }) =>
+      `[&_.q-item\\_\\_label--header]:(pt-[8px]) px-[0] py-[8px]`
+  ],
+
+  [
+    /^q-item__section--main$/,
+    ([, c], { theme }) =>
+      `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 }) => `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
+  ],
+
+  [
+    /^q-list--separator$/,
+    ([, c], { theme }) =>
+      `[&_>_.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 }) => `[&_>_.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 }) =>
+      `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 }) =>
+      `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/components/QKnob.unocss.ts

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

@@ -0,0 +1,91 @@
+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 }) =>
+      `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 }) =>
+      `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 }) => `text-[#fff] bg-primary`
+  ]
+]
+
+export { preflights, shortcuts }

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

@@ -0,0 +1,104 @@
+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 }) =>
+      `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 }) => `origin-[0_0] opacity-40`
+  ],
+
+  [
+    /^q-linear-progress__model--with-transition$/,
+    ([, c], { theme }) =>
+      `[transition:transform_var(--q-linear-progress-speed)]`
+  ],
+
+  [
+    /^q-linear-progress__track--with-transition$/,
+    ([, c], { theme }) =>
+      `[transition:transform_var(--q-linear-progress-speed)]`
+  ],
+
+  [
+    /^q-linear-progress--reverse$/,
+    ([, c], { theme }) =>
+      `[&_.q-linear-progress\\_\\_model]:(origin-[0_100%]) [&_.q-linear-progress\\_\\_track]:(origin-[0_100%])`
+  ],
+
+  [
+    /^q-linear-progress__model--determinate$/,
+    ([, c], { theme }) => `bg-current`
+  ],
+
+  [
+    /^q-linear-progress__model--indeterminate$/,
+    ([, c], { theme }) =>
+      `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 }) =>
+      `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 }) => `bg-[rgba(0,_0,_0,_0.26)]`
+  ],
+
+  [
+    /^q-linear-progress__track--dark$/,
+    ([, c], { theme }) => `bg-[rgba(255,_255,_255,_0.6)]`
+  ],
+
+  [
+    /^q-linear-progress__stripe$/,
+    ([, c], { theme }) =>
+      `!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 }) => `[transition:width_var(--q-linear-progress-speed)]`
+  ]
+]
+
+export { preflights, shortcuts }

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

@@ -0,0 +1,20 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-menu$/,
+    ([, c], { theme }) =>
+      `!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-6000`
+  ],
+
+  [/^q-menu--square$/, ([, c], { theme }) => `rounded-none`],
+
+  [
+    /^q-menu--dark$/,
+    ([, c], { theme }) =>
+      `[box-shadow:0_1px_5px_rgba(255,_255,_255,_0.2),_0_2px_2px_rgba(255,_255,_255,_0.14),_0_3px_1px_-2px_rgba(255,_255,_255,_0.12)]`
+  ]
+]
+
+export { shortcuts }

package/src/node/plugins/quasar/unocss/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/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/components/QPageSticky.unocss.ts

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

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

@@ -0,0 +1,24 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-pagination$/,
+    ([, c], { theme }) =>
+      `[&_input]:(text-center) [&_input::-webkit-outer-spin-button]:(m-0) [&_input::-webkit-inner-spin-button]:(m-0)`
+  ],
+
+  [
+    /^q-pagination__content$/,
+    ([, c], { theme }) =>
+      `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 }) =>
+      `[&_>_.q-btn]:(mt-[var(--q-pagination-gutter-child)] ml-[var(--q-pagination-gutter-child)])`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,18 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-parallax$/,
+    ([, c], { theme }) =>
+      `relative w-full overflow-hidden [border-radius:inherit]`
+  ],
+
+  [
+    /^q-parallax__media$/,
+    ([, c], { theme }) =>
+      `[&_>_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/components/QPopupEdit.unocss.ts

@@ -0,0 +1,13 @@
+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 }) => `mt-[8px] [&_.q-btn_+_.q-btn]:(ml-[8px])`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,19 @@
+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 }) =>
+      `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 }) => `[transition:transform_0.3s,_opacity_0.3s]`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,82 @@
+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 }) => `align-middle`],
+
+  [/^q-radio__native$/, ([, c], { theme }) => `w-px h-px`],
+
+  [
+    /^q-radio__bg$/,
+    ([, c], { theme }) =>
+      `select-none top-1/4 left-1/4 w-1/2 h-1/2 [&_path]:(fill-current)`
+  ],
+
+  [/^q-radio__icon-container$/, ([, c], { theme }) => `select-none`],
+
+  [/^q-radio__icon$/, ([, c], { theme }) => `text-current text-[0.5em]`],
+
+  [
+    /^q-radio__check$/,
+    ([, c], { theme }) =>
+      `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 }) =>
+      `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 }) =>
+      ` [&_.q-radio\\_\\_check]:([transform:scale3d(1,_1,_1)]) text-primary`
+  ],
+
+  [/^q-radio.disabled$/, ([, c], { theme }) => `!opacity-75`],
+
+  [
+    /^q-radio--dark$/,
+    ([, c], { theme }) =>
+      `[&_.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 }) =>
+      `[&_.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])`
+  ],
+
+  [
+    /^q-radio--dense.reverse$/,
+    ([, c], { theme }) => `[&_.q-radio\\_\\_label]:(pl-0 pr-[0.5em])`
+  ]
+]
+
+export { preflights, shortcuts }

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

@@ -0,0 +1,36 @@
+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 }) =>
+      `h-[1em] outline-0 [&_+_.q-rating\\_\\_icon-container]:(ml-[2px])`
+  ],
+
+  [
+    /^q-rating__icon$/,
+    ([, c], { theme }) =>
+      `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 }) => `[&_.q-rating\\_\\_icon]:(opacity-100)`
+  ],
+
+  [
+    /^q-rating--editable$/,
+    ([, c], { theme }) => `[&_.q-rating\\_\\_icon-container]:(cursor-pointer)`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,20 @@
+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 }) =>
+      `[width:inherit] [max-width:inherit] [height:inherit] [max-height:inherit]`
+  ],
+
+  [
+    /^q-responsive__content$/,
+    ([, c], { theme }) =>
+      `[border-radius:inherit] [&_>_*]:(!w-full !h-full !max-h-full !max-w-full)`
+  ]
+]
+
+export { shortcuts }