vitrify 0.18.4 → 0.19.0

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

@@ -0,0 +1,159 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+[dir=rtl] .q-tree__arrow {
+  transform: rotate3d(0, 0, 1, 180deg) /* rtl:ignore */;
+}
+[dir=rtl] .q-tree__arrow--rotate {
+  transform: rotate3d(0, 0, 1, 90deg) /* rtl:ignore */;
+}
+`
+  }
+]
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-tree$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tree'] ??
+      `relative text-[#9e9e9e] [&_>_.q-tree\\_\\_node]:(p-0) [&_>_.q-tree\\_\\_node:after]:(hidden) [&_>_.q-tree\\_\\_node_>_.q-tree\\_\\_node-header:before]:(hidden) [&_>_.q-tree\\_\\_node--child_>_.q-tree\\_\\_node-header]:(pl-[24px])`
+  ],
+
+  [
+    /^q-tree__node$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tree__node'] ??
+      `pt-[0] pr-[0] pb-[3px] pl-[22px] [&:after]:(content-empty absolute -top-[3px] bottom-[0] w-[2px] right-auto -left-[13px] [border-left:1px_solid_currentColor]) [&:last-child:after]:(hidden)`
+  ],
+
+  [
+    /^q-tree__node--disabled$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tree__node--disabled'] ??
+      `pointer-events-none [&_.disabled]:(!opacity-100) [&_>_div]:(!opacity-60) [&_>_i]:(!opacity-60) [&_>_.disabled]:(!opacity-60) [&_>_div_.q-tree\\_\\_node--disabled_>_div]:(!opacity-100) [&_>_div_.q-tree\\_\\_node--disabled_>_i]:(!opacity-100) [&_>_div_.q-tree\\_\\_node--disabled_>_.disabled]:(!opacity-100) [&_>_i_.q-tree\\_\\_node--disabled_>_div]:(!opacity-100) [&_>_i_.q-tree\\_\\_node--disabled_>_i]:(!opacity-100) [&_>_i_.q-tree\\_\\_node--disabled_>_.disabled]:(!opacity-100) [&_>_.disabled_.q-tree\\_\\_node--disabled_>_div]:(!opacity-100) [&_>_.disabled_.q-tree\\_\\_node--disabled_>_i]:(!opacity-100) [&_>_.disabled_.q-tree\\_\\_node--disabled_>_.disabled]:(!opacity-100)`
+  ],
+
+  [
+    /^q-tree__node-header$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tree__node-header'] ??
+      `[&:before]:(content-empty absolute -top-[3px] bottom-2/4 w-[31px] -left-[35px] [border-left:1px_solid_currentColor] [border-bottom:1px_solid_currentColor]) p-[4px] mt-[3px] rounded-[4px] outline-[0]`
+  ],
+
+  [
+    /^q-tree__children$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tree__children'] ?? `pl-[25px]`
+  ],
+
+  [
+    /^q-tree__node-body$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tree__node-body'] ??
+      `pt-[5px] pr-[0] pb-[8px] pl-[5px]`
+  ],
+
+  [
+    /^q-tree__node--parent$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tree__node--parent'] ??
+      `pl-[2px] [&_>_.q-tree\\_\\_node-header:before]:(w-[15px] -left-[15px]) [&_>_.q-tree\\_\\_node-collapsible_>_.q-tree\\_\\_node-body]:(pt-[5px] pr-[0] pb-[8px] pl-[27px]) [&_>_.q-tree\\_\\_node-collapsible_>_.q-tree\\_\\_node-body:after]:(content-empty absolute top-[0] w-[2px] h-full right-auto left-[12px] [border-left:1px_solid_currentColor] bottom-[50px])`
+  ],
+
+  [
+    /^q-tree__node--link$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tree__node--link'] ?? `cursor-pointer`
+  ],
+
+  [
+    /^q-tree__node-header-content$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tree__node-header-content'] ??
+      `text-[#000] [transition:color_0.3s] [&_.q-icon]:(text-[21px]) [&_.q-avatar]:(text-[28px] rounded-[50%] w-[28px] h-[28px])`
+  ],
+
+  [
+    /^q-tree__node--selected$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tree__node--selected'] ??
+      `[&_.q-tree\\_\\_node-header-content]:(text-[#9e9e9e])`
+  ],
+
+  [
+    /^q-tree__icon$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tree__icon'] ?? `text-[21px]`
+  ],
+
+  [
+    /^q-tree__img$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tree__img'] ?? `h-[42px] rounded-[2px]`
+  ],
+
+  [
+    /^q-tree__avatar$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tree__avatar'] ??
+      `text-[28px] rounded-[50%] w-[28px] h-[28px]`
+  ],
+
+  [
+    /^q-tree__arrow$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tree__arrow'] ??
+      `text-[16px] mr-[4px] [transition:transform_0.3s]`
+  ],
+
+  [
+    /^q-tree__spinner$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tree__spinner'] ?? `text-[16px] mr-[4px]`
+  ],
+
+  [
+    /^q-tree__arrow--rotate$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tree__arrow--rotate'] ??
+      `[transform:rotate3d(0,_0,_1,_90deg)]`
+  ],
+
+  [
+    /^q-tree__tickbox$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tree__tickbox'] ?? `mr-[4px]`
+  ],
+
+  [
+    /^q-tree--dark$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tree--dark'] ??
+      `[&_.q-tree\\_\\_node-header-content]:(text-[#fff])`
+  ],
+
+  [
+    /^q-tree--no-connectors$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tree--no-connectors'] ??
+      `[&_.q-tree\\_\\_node:after]:(!hidden) [&_.q-tree\\_\\_node-header:before]:(!hidden) [&_.q-tree\\_\\_node-body:after]:(!hidden)`
+  ],
+
+  [
+    /^q-tree--dense$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tree--dense'] ??
+      `[&_>_.q-tree\\_\\_node--child_>_.q-tree\\_\\_node-header]:(pl-px) [&_.q-tree\\_\\_arrow]:(mr-px) [&_.q-tree\\_\\_spinner]:(mr-px) [&_.q-tree\\_\\_img]:(h-[32px]) [&_.q-tree\\_\\_tickbox]:(mr-[3px]) [&_.q-tree\\_\\_node]:(p-0) [&_.q-tree\\_\\_node:after]:(top-[0] -left-[8px]) [&_.q-tree\\_\\_node-header]:(mt-0 p-px) [&_.q-tree\\_\\_node-header:before]:(top-[0] -left-[8px] w-[8px]) [&_.q-tree\\_\\_node--child]:(pl-[17px]) [&_.q-tree\\_\\_node--child_>_.q-tree\\_\\_node-header:before]:(-left-[25px] w-[21px]) [&_.q-tree\\_\\_node-body]:(pt-[0] px-[0] pb-[2px]) [&_.q-tree\\_\\_children]:(pl-[16px])`
+  ],
+
+  [
+    /^q-tree--dense$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tree--dense'] ??
+      `[&__.q-tree\\_\\_node--parent__>_.q-tree\\_\\_node-collapsible__>_.q-tree\\_\\_node-body]:(pt-[0] pr-[0] pb-[2px] pl-[20px]) [&__.q-tree\\_\\_node--parent__>_.q-tree\\_\\_node-collapsible__>_.q-tree\\_\\_node-body:after]:(left-[8px])`
+  ]
+]
+
+export { preflights, shortcuts }

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

@@ -0,0 +1,121 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-uploader$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-uploader'] ??
+      `[box-shadow:0_1px_5px_rgba(0,_0,_0,_0.2),_0_2px_2px_rgba(0,_0,_0,_0.14),_0_3px_1px_-2px_rgba(0,_0,_0,_0.12)] rounded-[4px] align-top bg-[#fff] relative w-[320px] max-h-[320px]`
+  ],
+
+  [
+    /^q-uploader--bordered$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-uploader--bordered'] ??
+      `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
+  ],
+
+  [
+    /^q-uploader__input$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-uploader__input'] ??
+      `opacity-0 w-full h-full cursor-pointer [&::-webkit-file-upload-button]:(cursor-pointer)`
+  ],
+
+  [
+    /^q-uploader__file$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-uploader__file'] ??
+      `[&:before]:(content-[''] [border-top-left-radius:inherit] [border-top-right-radius:inherit] absolute top-[0] right-[0] bottom-[0] left-[0] pointer-events-none bg-current opacity-[0.04]) rounded-tl-[4px] rounded-br-[0] rounded-tr-[4px] rounded-bl-[0] border-[1px] border-solid border-[rgba(0,0,0,0.12)] [&_.q-circular-progress]:(text-[24px]) [&_+_.q-uploader\\_\\_file]:(mt-[8px])`
+  ],
+
+  [
+    /^q-uploader__header$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-uploader__header'] ??
+      `relative [border-top-left-radius:inherit] [border-top-right-radius:inherit] text-[#fff] w-full`
+  ],
+
+  [
+    /^q-uploader__spinner$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-uploader__spinner'] ??
+      `text-[24px] mr-[4px]`
+  ],
+
+  [
+    /^q-uploader__header-content$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-uploader__header-content'] ?? `p-[8px]`
+  ],
+
+  [
+    /^q-uploader__dnd$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-uploader__dnd'] ??
+      `outline-[1px_dashed_currentColor] outline-offset-[-4px] bg-[rgba(255,_255,_255,_0.6)]`
+  ],
+
+  [
+    /^q-uploader__overlay$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-uploader__overlay'] ??
+      `text-[36px] text-[#000] bg-[rgba(255,_255,_255,_0.6)]`
+  ],
+
+  [
+    /^q-uploader__list$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-uploader__list'] ??
+      `relative [border-bottom-left-radius:inherit] [border-bottom-right-radius:inherit] p-[8px] min-h-[60px] flex-auto`
+  ],
+
+  [
+    /^q-uploader__file--img$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-uploader__file--img'] ??
+      `text-[#fff] h-[200px] min-w-[200px] bg-[50%_50%] bg-no-repeat [&:before]:(content-[none]) [&_.q-circular-progress]:(text-[#fff]) [&_.q-uploader\\_\\_file-header]:(pb-[24px] bg-[linear-gradient(_to_bottom,_rgba(0,_0,_0,_0.7)_20%,_rgba(255,_255,_255,_0)_)])`
+  ],
+
+  [
+    /^q-uploader__file-header$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-uploader__file-header'] ??
+      `relative px-[8px] py-[4px] [border-top-left-radius:inherit] [border-top-right-radius:inherit]`
+  ],
+
+  [/^q-uploader__file-header-content$/, ([, c], { theme }) => `pr-[8px]`],
+
+  [/^q-uploader__file-status$/, ([, c], { theme }) => `text-[24px] mr-[4px]`],
+
+  [
+    /^q-uploader__title$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-uploader__title'] ??
+      `text-[14px] font-bold leading-[1.285714]`
+  ],
+
+  [
+    /^q-uploader__subtitle$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-uploader__subtitle'] ??
+      `text-[12px] leading-normal`
+  ],
+
+  [
+    /^q-uploader--disable$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-uploader--disable'] ??
+      `[&_.q-uploader\\_\\_header]:(pointer-events-none) [&_.q-uploader\\_\\_list]:(pointer-events-none)`
+  ],
+
+  [
+    /^q-uploader--dark$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-uploader--dark'] ??
+      `border-[rgba(255,_255,_255,_0.28)] [box-shadow:0_1px_5px_rgba(255,_255,_255,_0.2),_0_2px_2px_rgba(255,_255,_255,_0.14),_0_3px_1px_-2px_rgba(255,_255,_255,_0.12)] [&_.q-uploader\\_\\_file]:(border-[rgba(255,_255,_255,_0.28)]) [&_.q-uploader\\_\\_dnd]:(bg-[rgba(255,_255,_255,_0.3)]) [&_.q-uploader\\_\\_overlay]:(bg-[rgba(255,_255,_255,_0.3)]) [&_.q-uploader\\_\\_overlay]:(text-[#fff])`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,20 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-video$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-video'] ??
+      `relative overflow-hidden [border-radius:inherit] [&_iframe]:(w-full h-full) [&_object]:(w-full h-full) [&_embed]:(w-full h-full)`
+  ],
+
+  [
+    /^q-video--responsive$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-video--responsive'] ??
+      `h-[0] [&_iframe]:(absolute top-0 left-0) [&_object]:(absolute top-0 left-0) [&_embed]:(absolute top-0 left-0)`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,29 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-virtual-scroll:focus$/, ([, c], { theme }) => `focus:outline-0`],
+
+  [
+    /^q-virtual-scroll__content$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-virtual-scroll__content'] ??
+      `outline-[none] [&_>_*]:([overflow-anchor:none]) [&_>_[data-q-vs-anchor]]:([overflow-anchor:auto])`
+  ],
+
+  [
+    /^q-virtual-scroll__padding$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-virtual-scroll__padding'] ??
+      `bg-[linear-gradient(_rgba(255,_255,_255,_0),_rgba(255,_255,_255,_0)_20%,_rgba(128,_128,_128,_0.03)_20%,_rgba(128,_128,_128,_0.08)_50%,_rgba(128,_128,_128,_0.03)_80%,_rgba(255,_255,_255,_0)_80%,_rgba(255,_255,_255,_0)_)] [background-size:var(--q-virtual-scroll-item-width,_100%)_var(--q-virtual-scroll-item-height,_50px)]`
+  ],
+
+  [
+    /^q-virtual-scroll--horizontal$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-virtual-scroll--horizontal'] ??
+      `flex flex-row flex-nowrap items-stretch [&_.q-virtual-scroll\\_\\_content]:(flex flex-row flex-nowrap) [&_.q-virtual-scroll\\_\\_padding]:(flex-[0_0_auto]) [&_.q-virtual-scroll\\_\\_content]:(flex-[0_0_auto]) [&_.q-virtual-scroll\\_\\_content_>_*]:(flex-[0_0_auto]) [&_.q-virtual-scroll\\_\\_padding]:(bg-[linear-gradient(_to_left,_rgba(255,_255,_255,_0),_rgba(255,_255,_255,_0)_20%,_rgba(128,_128,_128,_0.03)_20%,_rgba(128,_128,_128,_0.08)_50%,_rgba(128,_128,_128,_0.03)_80%,_rgba(255,_255,_255,_0)_80%,_rgba(255,_255,_255,_0)_)] [background-size:var(--q-virtual-scroll-item-width,_50px)_var(--q-virtual-scroll-item-height,_100%)])`
+  ]
+]
+
+export { shortcuts }

package/src/node/plugins/quasar/unocss/styles/md3/composables/panel.unocss.ts

@@ -0,0 +1,9 @@
+import type { UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-panel$/, ([, c], { theme }) => `h-full w-full [&_div]:(h-full w-full)`],
+  [/^q-panel-parent$/, ([, c], { theme }) => `overflow-hidden relative`]
+]
+
+export { shortcuts }

package/src/node/plugins/quasar/unocss/styles/md3/directives/QMorph.unocss.ts

@@ -0,0 +1,18 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-morph--invisible$/,
+    ([, c], { theme }) =>
+      `!opacity-0 !pointer-events-none !fixed !right-[200vw] !bottom-[200vh]`
+  ],
+
+  [
+    /^q-morph--internal$/,
+    ([, c], { theme }) =>
+      `!opacity-0 !pointer-events-none !fixed !right-[200vw] !bottom-[200vh]`
+  ]
+]
+
+export { shortcuts }

package/src/node/plugins/quasar/unocss/styles/md3/directives/QRipple.unocss.ts

@@ -0,0 +1,30 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-ripple$/,
+    ([, c], { theme }) =>
+      `absolute top-0 left-0 w-full h-full [color:inherit] [border-radius:inherit] z-0 pointer-events-none overflow-hidden z-0`
+  ],
+
+  [
+    /^q-ripple__inner$/,
+    ([, c], { theme }) =>
+      `absolute top-0 left-0 opacity-0 [color:inherit] rounded-[50%] bg-current pointer-events-none`
+  ],
+
+  [
+    /^q-ripple__inner--enter$/,
+    ([, c], { theme }) =>
+      `[transition:transform_0.225s_cubic-bezier(0.4,_0,_0.2,_1),_opacity_0.1s_cubic-bezier(0.4,_0,_0.2,_1)]`
+  ],
+
+  [
+    /^q-ripple__inner--leave$/,
+    ([, c], { theme }) =>
+      `[transition:opacity_0.25s_cubic-bezier(0.4,_0,_0.2,_1)]`
+  ]
+]
+
+export { shortcuts }

package/src/node/plugins/quasar/unocss/styles/md3/index.ts

@@ -0,0 +1,241 @@
+import { type Preflight, type Rule, type UserShortcuts } from 'unocss'
+import { type QuasarTheme } from '../../theme.js'
+
+import { shortcuts as QIconShortcuts } from './components/QIcon.unocss.js'
+import { shortcuts as QAjaxBarShortcuts } from './components/QAjaxBar.unocss.js'
+import { shortcuts as QBtnShortcuts } from './components/QBtn.unocss.js'
+import { shortcuts as PanelShortcuts } from './composables/panel.unocss.js'
+import { shortcuts as QAvatarShortcuts } from './components/QAvatar.unocss.js'
+import { shortcuts as QBadgeShortcuts } from './components/QBadge.unocss.js'
+import { shortcuts as QBannerShortcuts } from './components/QBanner.unocss.js'
+import { shortcuts as QBarShortcuts } from './components/QBar.unocss.js'
+import {
+  preflights as QBreadcrumbsPreflights,
+  shortcuts as QBreadcrumbsShortcuts
+} from './components/QBreadcrumbs.unocss.js'
+import { shortcuts as QBtnDropdownShortcuts } from './components/QBtnDropdown.unocss.js'
+import { shortcuts as QBtnGroupShortcuts } from './components/QBtnGroup.unocss.js'
+import { shortcuts as QBtnToggleShortcuts } from './components/QBtnToggle.unocss.js'
+import { shortcuts as QCardShortcuts } from './components/QCard.unocss.js'
+import { shortcuts as QCarouselShortcuts } from './components/QCarousel.unocss.js'
+import { shortcuts as QChatMessageShortcuts } from './components/QChatMessage.unocss.js'
+import {
+  preflights as QCheckboxPreflights,
+  shortcuts as QCheckboxShortcuts
+} from './components/QCheckbox.unocss.js'
+import {
+  preflights as QChipPreflights,
+  shortcuts as QChipShortcuts
+} from './components/QChip.unocss.js'
+import {
+  preflights as QCircularProgressPreflights,
+  shortcuts as QCircularProgressShortcuts
+} from './components/QCircularProgress.unocss.js'
+import { shortcuts as QColorPickerShortcuts } from './components/QColorPicker.unocss.js'
+import { shortcuts as QDateShortcuts } from './components/QDate.unocss.js'
+import {
+  preflights as QDialogPreflights,
+  shortcuts as QDialogShortcuts
+} from './components/QDialog.unocss.js'
+import { shortcuts as QEditorShortcuts } from './components/QEditor.unocss.js'
+import { shortcuts as QExpansionItemShortcuts } from './components/QExpansionItem.unocss.js'
+import { shortcuts as QFabShortcuts } from './components/QFab.unocss.js'
+import {
+  shortcuts as QFieldShortcuts,
+  preflights as QFieldPreflights
+} from './components/QField.unocss.js'
+import { shortcuts as QFileShortcuts } from './components/QFile.unocss.js'
+import { shortcuts as QFormShortcuts } from './components/QForm.unocss.js'
+import { shortcuts as QImgShortcuts } from './components/QImg.unocss.js'
+import { shortcuts as QInnerLoadingShortcuts } from './components/QInnerLoading.unocss.js'
+import { shortcuts as QInputShortcuts } from './components/QInput.unocss.js'
+import { shortcuts as QIntersectionShortcuts } from './components/QIntersection.unocss.js'
+import { shortcuts as QItemShortcuts } from './components/QItem.unocss.js'
+import { shortcuts as QKnobShortcuts } from './components/QKnob.unocss.js'
+import {
+  shortcuts as QLayoutShortcuts,
+  preflights as QLayoutPreflights
+} from './components/QLayout.unocss.js'
+import {
+  shortcuts as QLinearProgressShortcuts,
+  preflights as QLinearProgressPreflights
+} from './components/QLinearProgress.unocss.js'
+import { shortcuts as QMenuShortcuts } from './components/QMenu.unocss.js'
+import { shortcuts as QOptionGroupShortcuts } from './components/QOptionGroup.unocss.js'
+import { shortcuts as QPageShortcuts } from './components/QPage.unocss.js'
+import { shortcuts as QPageStickyShortcuts } from './components/QPageSticky.unocss.js'
+import { shortcuts as QPaginationShortcuts } from './components/QPagination.unocss.js'
+import { shortcuts as QParallaxShortcuts } from './components/QParallax.unocss.js'
+import { shortcuts as QPopupEditShortcuts } from './components/QPopupEdit.unocss.js'
+import { shortcuts as QPullToRefreshShortcuts } from './components/QPullToRefresh.unocss.js'
+import {
+  shortcuts as QRadioShortcuts,
+  preflights as QRadioPreflights
+} from './components/QRadio.unocss.js'
+import { shortcuts as QRatingShortcuts } from './components/QRating.unocss.js'
+import { shortcuts as QResponsiveShortcuts } from './components/QResponsive.unocss.js'
+import { shortcuts as QScrollareaShortcuts } from './components/QScrollarea.unocss.js'
+import {
+  shortcuts as QSelectShortcuts,
+  preflights as QSelectPreflights
+} from './components/QSelect.unocss.js'
+import { shortcuts as QSeparatorShortcuts } from './components/QSeparator.unocss.js'
+import {
+  shortcuts as QSkeletonShortcuts,
+  preflights as QSkeletonPreflights
+} from './components/QSkeleton.unocss.js'
+import { shortcuts as QSlideItemShortcuts } from './components/QSlideItem.unocss.js'
+import { shortcuts as QSliderShortcuts } from './components/QSlider.unocss.js'
+import { shortcuts as QSpaceShortcuts } from './components/QSpace.unocss.js'
+import {
+  shortcuts as QSpinnerShortcuts,
+  preflights as QSpinnerPreflights
+} from './components/QSpinner.unocss.js'
+import { shortcuts as QSplitterShortcuts } from './components/QSplitter.unocss.js'
+import { shortcuts as QStepperShortcuts } from './components/QStepper.unocss.js'
+import { shortcuts as QTabPanelShortcuts } from './components/QTabPanel.unocss.js'
+import {
+  shortcuts as QTableShortcuts,
+  preflights as QTablePreflights
+} from './components/QTable.unocss.js'
+import { shortcuts as QTabsShortcuts } from './components/QTabs.unocss.js'
+import { shortcuts as QTimeShortcuts } from './components/QTime.unocss.js'
+import { shortcuts as QTimelineShortcuts } from './components/QTimeline.unocss.js'
+import {
+  shortcuts as QToggleShortcuts,
+  preflights as QTogglePreflights
+} from './components/QToggle.unocss.js'
+import { shortcuts as QToolbarShortcuts } from './components/QToolbar.unocss.js'
+import { shortcuts as QTooltipShortcuts } from './components/QTooltip.unocss.js'
+import {
+  shortcuts as QTreeShortcuts,
+  preflights as QTreePreflights
+} from './components/QTree.unocss.js'
+import { shortcuts as QUploaderShortcuts } from './components/QUploader.unocss.js'
+import { shortcuts as QVideoShortcuts } from './components/QVideo.unocss.js'
+import { shortcuts as QVirtualScrollShortcuts } from './components/QVirtualScroll.unocss.js'
+
+import { shortcuts as QMorphShortcuts } from './directives/QMorph.unocss.js'
+import { shortcuts as QRippleShortcuts } from './directives/QRipple.unocss.js'
+
+import { shortcuts as QBottomSheetShortcuts } from './plugins/QBottomSheet.unocss.js'
+import { shortcuts as QDialogPluginShortcuts } from './plugins/QDialogPlugin.unocss.js'
+import { shortcuts as QLoadingShortcuts } from './plugins/QLoading.unocss.js'
+import { shortcuts as QNotifyShortcuts } from './plugins/QNotify.unocss.js'
+
+import { shortcuts as QHeaderShortcuts } from './components/QHeader.unocss.js'
+import { shortcuts as QFooterShortcuts } from './components/QFooter.unocss.js'
+import { shortcuts as QDrawerShortcuts } from './components/QDrawer.unocss.js'
+import { QuasarStyle } from '../index.js'
+
+import { QBtn as QuasarButton } from 'quasar'
+const style: QuasarStyle = {
+  variants: [],
+  preflights: ([] as Preflight<QuasarTheme>[]).concat(
+    QBreadcrumbsPreflights,
+    QCheckboxPreflights,
+    QChipPreflights,
+    QCircularProgressPreflights,
+    QDialogPreflights,
+    QFieldPreflights,
+    QLayoutPreflights,
+    QLinearProgressPreflights,
+    QRadioPreflights,
+    QSelectPreflights,
+    QSpinnerPreflights,
+    QSkeletonPreflights,
+    QTablePreflights,
+    QTogglePreflights,
+    QTreePreflights
+  ),
+  rules: ([] as Rule<QuasarTheme>[]).concat(),
+  shortcuts: ([] as UserShortcuts<QuasarTheme>[]).concat(
+    QIconShortcuts,
+    QAjaxBarShortcuts,
+    QAvatarShortcuts,
+    QBadgeShortcuts,
+    QBreadcrumbsShortcuts,
+    QBannerShortcuts,
+    QBarShortcuts,
+    QBtnShortcuts,
+    QBtnDropdownShortcuts,
+    QBtnGroupShortcuts,
+    QBtnToggleShortcuts,
+    QCardShortcuts,
+    QCarouselShortcuts,
+    QChatMessageShortcuts,
+    QCheckboxShortcuts,
+    QChipShortcuts,
+    QCircularProgressShortcuts,
+    QColorPickerShortcuts,
+    QDateShortcuts,
+    QDialogShortcuts,
+    QEditorShortcuts,
+    QExpansionItemShortcuts,
+    QFabShortcuts,
+    QFieldShortcuts,
+    QFileShortcuts,
+    QFormShortcuts,
+    QImgShortcuts,
+    QInnerLoadingShortcuts,
+    QInputShortcuts,
+    QIntersectionShortcuts,
+    QItemShortcuts,
+    QKnobShortcuts,
+    QLayoutShortcuts,
+    QLinearProgressShortcuts,
+    QMenuShortcuts,
+    QOptionGroupShortcuts,
+    QPageShortcuts,
+    QPageStickyShortcuts,
+    QPaginationShortcuts,
+    QParallaxShortcuts,
+    QPopupEditShortcuts,
+    QPullToRefreshShortcuts,
+    QRadioShortcuts,
+    QRatingShortcuts,
+    QResponsiveShortcuts,
+    QScrollareaShortcuts,
+    QSelectShortcuts,
+    QSeparatorShortcuts,
+    QSkeletonShortcuts,
+    QSlideItemShortcuts,
+    QSliderShortcuts,
+    QSpaceShortcuts,
+    QSpinnerShortcuts,
+    QSplitterShortcuts,
+    QStepperShortcuts,
+    QTabPanelShortcuts,
+    QTableShortcuts,
+    QTabsShortcuts,
+    QTimeShortcuts,
+    QTimelineShortcuts,
+    QToggleShortcuts,
+    QToolbarShortcuts,
+    QTooltipShortcuts,
+    QTreeShortcuts,
+    QUploaderShortcuts,
+    QVideoShortcuts,
+    QVirtualScrollShortcuts,
+    PanelShortcuts,
+    QMorphShortcuts,
+    QRippleShortcuts,
+    QBottomSheetShortcuts,
+    QDialogPluginShortcuts,
+    QLoadingShortcuts,
+    QNotifyShortcuts,
+
+    QHeaderShortcuts,
+    QFooterShortcuts,
+    QDrawerShortcuts
+  )
+}
+
+export const setDefaultProps = ({ QBtn }: { QBtn: any }) => {
+  QBtn.props.rounded = {
+    type: QBtn.props.rounded,
+    default: true
+  }
+}
+
+export default style

package/src/node/plugins/quasar/unocss/styles/md3/plugins/QBottomSheet.unocss.ts

@@ -0,0 +1,27 @@
+import type { UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-bottom-sheet$/, ([, c], { theme }) => `pb-[8px]`],
+
+  [/^q-bottom-sheet__avatar$/, ([, c], { theme }) => `rounded-[50%]`],
+
+  [
+    /^q-bottom-sheet--list$/,
+    ([, c], { theme }) =>
+      `w-[400px] [&_.q-icon]:(text-[24px] w-[24px] h-[24px]) [&_img]:(text-[24px] w-[24px] h-[24px])`
+  ],
+
+  [
+    /^q-bottom-sheet--grid$/,
+    ([, c], { theme }) =>
+      `w-[700px] [&_.q-bottom-sheet\\_\\_item]:(p-[8px] text-center min-w-[100px]) [&_.q-icon]:(text-[48px] w-[48px] h-[48px] mb-[8px]) [&_img]:(text-[48px] w-[48px] h-[48px] mb-[8px]) [&_.q-bottom-sheet\\_\\_empty-icon]:(text-[48px] w-[48px] h-[48px] mb-[8px]) [&_.q-separator]:(mx-[0] my-[12px])`
+  ],
+
+  [
+    /^q-bottom-sheet__item$/,
+    ([, c], { theme }) => `flex-[0_0_33.3333%] sm:flex-[0_0_25%]`
+  ]
+]
+
+export { shortcuts }

package/src/node/plugins/quasar/unocss/styles/md3/plugins/QDialogPlugin.unocss.ts

@@ -0,0 +1,16 @@
+import type { UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-dialog-plugin$/,
+    ([, c], { theme }) =>
+      `w-[400px] [&_.q-card\\_\\_section_+_.q-card\\_\\_section]:(pt-0)`
+  ],
+
+  [/^q-dialog-plugin__form$/, ([, c], { theme }) => `max-h-[50vh]`],
+
+  [/^q-dialog-plugin--progress$/, ([, c], { theme }) => `text-center`]
+]
+
+export { shortcuts }