vitrify 0.18.4 → 0.19.0

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

@@ -0,0 +1,236 @@
+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 }) => {}
+
+export default style

package/src/node/plugins/quasar/unocss/{plugins → styles/md2/plugins}/QBottomSheet.unocss.ts

@@ -1,5 +1,5 @@
 import type { UserShortcuts } from '@unocss/core'
-import type { QuasarTheme } from '../theme.js'
+import type { QuasarTheme } from '../../../theme.js'
 
 const shortcuts: UserShortcuts<QuasarTheme> = [
   [/^q-bottom-sheet$/, ([, c], { theme }) => `pb-[8px]`],

package/src/node/plugins/quasar/unocss/{plugins → styles/md2/plugins}/QDialogPlugin.unocss.ts

@@ -1,5 +1,5 @@
 import type { UserShortcuts } from '@unocss/core'
-import type { QuasarTheme } from '../theme.js'
+import type { QuasarTheme } from '../../../theme.js'
 
 const shortcuts: UserShortcuts<QuasarTheme> = [
   [

package/src/node/plugins/quasar/unocss/{plugins → styles/md2/plugins}/QLoading.unocss.ts

@@ -1,5 +1,5 @@
 import type { UserShortcuts } from '@unocss/core'
-import type { QuasarTheme } from '../theme.js'
+import type { QuasarTheme } from '../../../theme.js'
 
 const shortcuts: UserShortcuts<QuasarTheme> = [
   [/^q-loading$/, ([, c], { theme }) => `text-[#000] !fixed`],

package/src/node/plugins/quasar/unocss/{plugins → styles/md2/plugins}/QNotify.unocss.ts

@@ -1,5 +1,5 @@
 import type { Preflight, UserShortcuts } from '@unocss/core'
-import type { QuasarTheme } from '../theme.js'
+import type { QuasarTheme } from '../../../theme.js'
 
 const preflighs: Preflight<QuasarTheme>[] = [
   {

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

@@ -0,0 +1,32 @@
+import type { UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-loading-bar$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-loading-bar'] ??
+      `fixed z-${theme.quasar.z['max']} transition-transform bg-red`
+  ],
+  [/^q-loading-bar--top$/, ([, c], { theme }) => `left-0 right-0 top-0 w-full`],
+  [
+    /^q-loading-bar--bottom$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-loading-bar--bottom'] ??
+      `left-0 right-0 bottom-0 w-full`
+  ],
+  [
+    /^q-loading-bar--right$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-loading-bar--right'] ??
+      `top-0 bottom-0 right-0 h-full`
+  ],
+  [
+    /^q-loading-bar--left$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-loading-bar--left'] ??
+      `top-0 bottom-0 left-0 h-full`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,22 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-avatar$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-avatar'] ??
+      `relative align-middle inline-block rounded-[50%] text-[48px] h-[1em] w-[1em] [&_img:not(.q-icon):not(.q-img\\_\\_image)]:([border-radius:inherit] [height:inherit] [width:inherit])`
+  ],
+
+  [
+    /^q-avatar__content$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-avatar__content'] ??
+      `text-[0.5em] leading-[0.5em] [border-radius:inherit] [height:inherit] [width:inherit]`
+  ],
+
+  [/^q-avatar--square$/, ([, c], { theme }) => `rounded-none`]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,40 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-badge$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-badge'] ??
+      `text-[#fff] bg-primary px-[6px] py-[2px] rounded-[4px] text-[12px] leading-none min-h-[12px] font-normal align-baseline`
+  ],
+
+  [/^q-badge--single-line$/, ([, c], { theme }) => `whitespace-nowrap`],
+
+  [
+    /^q-badge--multi-line$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-badge--multi-line'] ??
+      `break-all [word-wrap:break-word]`
+  ],
+
+  [
+    /^q-badge--floating$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-badge--floating'] ??
+      `absolute -top-[4px] -right-[3px] [cursor:inherit]`
+  ],
+
+  [/^q-badge--transparent$/, ([, c], { theme }) => `opacity-80`],
+
+  [
+    /^q-badge--outline$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-badge--outline'] ??
+      `bg-transparent border-[1px] border-solid border-[currentColor]`
+  ],
+
+  [/^q-badge--rounded$/, ([, c], { theme }) => `rounded-[1em]`]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,36 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-banner$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-banner'] ??
+      `min-h-[54px] px-[16px] py-[8px] bg-[#fff]`
+  ],
+
+  [/^q-banner--top-padding$/, ([, c], { theme }) => `pt-[14px]`],
+
+  [
+    /^q-banner__avatar$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-banner__avatar'] ??
+      `!min-w-[1px] [&_>_.q-avatar]:(text-[46px]) [&_>_.q-icon]:(text-[40px]) [&:not(:empty)_+_.q-banner\\_\\_content]:(pl-[16px])`
+  ],
+
+  [
+    /^q-banner__actions$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-banner__actions'] ??
+      `[&.col-auto]:(pl-[16px]) [&.col-all_.q-btn-item]:(mt-[4px] mr-[0] mb-[0] ml-[4px])`
+  ],
+
+  [
+    /^q-banner--dense$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-banner--dense'] ??
+      `min-h-[32px] p-[8px] [&.q-banner--top-padding]:(pt-[12px]) [&_.q-banner\\_\\_avatar_>_.q-avatar]:(text-[28px]) [&_.q-banner\\_\\_avatar_>_.q-icon]:(text-[28px]) [&_.q-banner\\_\\_avatar:not(:empty)_+_.q-banner\\_\\_content]:(pl-[8px]) [&_.q-banner\\_\\_actions.col-auto]:(pl-[8px])`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,36 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-bar$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-bar'] ??
+      `bg-black/20
+    [&>.q-icon]:(ml-2px)
+    [&>div]:(ml-8px)
+    [&>div+.q-icon]:(ml-8px)
+    [&>.q-btn]:(ml-2px)
+    [&>.q-icon:first-child]:(ml-0)
+    [&>.q-btn:first-child]:(ml-0)
+    [&>div:first-child]:(ml-0)`
+  ],
+  [
+    /^q-bar--standard$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-bar--standard'] ??
+      `px-12px py-0 h-32px text-18px
+    [&>div]:(text-16px)
+    [&_.q-btn]:(text-11px)`
+  ],
+  [
+    /^q-bar--dense$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-bar--dense'] ??
+      `px-8px py-0 h-24px text-14px
+    [&_.q-btn]:(text-8px)`
+  ],
+  [/^q-bar--dark$/, ([, c], { theme }) => `bg-white/20`]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,18 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `[dir=rtl] .q-breadcrumbs__separator .q-icon {
+  transform: scaleX(-1) /* rtl:ignore */;
+};`
+  }
+]
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-breadcrumbs__el$/, ([, c], { theme }) => `text-inherit`],
+  [/^q-breadcrumbs__el-icon$/, ([, c], { theme }) => `text-125%`],
+  [/^q-breadcrumbs__el-icon--with-label$/, ([, c], { theme }) => `mr-8px`]
+]
+
+export { preflights, shortcuts }

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

@@ -0,0 +1,113 @@
+import type { UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-btn$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn'] ??
+      `inline-flex flex-col font-medium items-stretch relative outline-0 border-0 align-middle text-[14px] leading-[1.715em] no-underline [color:inherit] bg-transparent font-medium text-center w-auto h-40px cursor-default px-[16px] py-[4px] min-h-[2.572em] [&_.q-icon]:(text-[1.715em]) [&_.q-spinner]:(text-[1.715em]) [&.disabled]:(!opacity-70) [&:before]:(content-empty block absolute left-[0] right-[0] top-[0] bottom-[0] [border-radius:inherit] elevation-2)`
+  ],
+  [
+    /^q-btn--actionable$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn--actionable'] ??
+      `cursor-pointer [&.q-btn--standard:before]:([transition:box-shadow_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)]) [&.q-btn--standard:active:before]:([box-shadow:0_3px_5px_-1px_rgba(0,_0,_0,_0.2),_0_5px_8px_rgba(0,_0,_0,_0.14),_0_1px_14px_rgba(0,_0,_0,_0.12)]) [&.q-btn--standard.q-btn--active:before]:([elevation-5)`
+  ],
+
+  [/^q-btn--no-uppercase$/, ([, c], { theme }) => `normal-case`],
+
+  [/^q-btn--rectangle$/, ([, c], { theme }) => `rounded-[3px]`],
+
+  [
+    /^q-btn--outline$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn--outline'] ??
+      `!bg-transparent [&:before]:(border-[1px] border-solid border-[currentColor]) [&:before]:([box-shadow:none]) [&_.q-btn\\_\\_progress-indicator]:(opacity-20 bg-current)`
+  ],
+
+  [
+    /^q-btn--push$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn--push'] ??
+      `rounded-[7px] [&:before]:([border-bottom:3px_solid_rgba(0,_0,_0,_0.15)]) [&.q-btn--actionable]:([transition:transform_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)]) [&.q-btn--actionable:before]:([transition:border-width_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)]) [&.q-btn--actionable:active]:(translate-y-[2px]) [&.q-btn--actionable.q-btn--active]:(translate-y-[2px]) [&.q-btn--actionable:active:before]:(border-b-[0]) [&.q-btn--actionable.q-btn--active:before]:(border-b-[0])`
+  ],
+
+  [/^q-btn--rounded$/, ([, c], { theme }) => `rounded-[28px]`],
+
+  [
+    /^q-btn--round$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn--round'] ??
+      `rounded-[50%] p-0 min-w-[3em] min-h-[3em]`
+  ],
+
+  [/^q-btn--square$/, ([, c], { theme }) => `rounded-none`],
+
+  [
+    /^q-btn--flat$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn--flat'] ??
+      `[&:before]:([box-shadow:none]) [&_.q-btn\\_\\_progress-indicator]:(opacity-20 bg-current)`
+  ],
+
+  [
+    /^q-btn--unelevated$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn--unelevated'] ??
+      `[&:before]:([box-shadow:none])`
+  ],
+
+  [
+    /^q-btn--dense$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn--dense'] ??
+      `p-[0.285em] min-h-[2em] [&.q-btn--round]:(p-0 min-h-[2.4em] min-w-[2.4em]) [&_.on-left]:(mr-[6px]) [&_.on-right]:(ml-[6px])`
+  ],
+
+  [
+    /^q-btn--fab$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn--fab'] ??
+      `[&_.q-icon]:(text-[24px]) [&_.q-icon]:(m-auto)`
+    // min-h-[56px] min-w-[56px] p-[16px] pb-0
+  ],
+
+  [
+    /^q-btn--fab-mini$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn--fab-mini'] ??
+      `[&_.q-icon]:(text-[24px]) p-[8px] pb-0`
+    // min-h-[40px] min-w-[40px]
+  ],
+
+  [
+    /^q-btn__content$/,
+    ([, c], { theme }) => `[transition:opacity_0.3s] z-0 flex-col`
+  ],
+
+  [
+    /^q-btn__content--hidden$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn__content--hidden'] ??
+      `opacity-0 pointer-events-none`
+  ],
+
+  [/^q-btn__progress$/, ([, c], { theme }) => `[border-radius:inherit] z-0`],
+
+  [
+    /^q-btn__progress-indicator$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn__progress-indicator'] ??
+      `-translate-x-full bg-[rgba(255,_255,_255,_0.25)]`
+  ],
+
+  [
+    /^q-btn__progress--dark$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn__progress--dark'] ??
+      `[&_.q-btn\\_\\_progress-indicator]:(bg-[rgba(0,_0,_0,_0.2)])`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,30 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-btn-dropdown--split$/,
+    (
+      [, c],
+      { theme }
+    ) => `[&_.q-btn-dropdown\\_\\_arrow-container]:(px-4px py-0)
+    [&_.q-btn-dropdown\\_\\_arrow-container.q-btn--outline]:(border-l-1px border-l-solid border-l-current)
+    [&_.q-btn-dropdown\\_\\_arrow-container:not(.q-btn--outline)]:(border-l-1px border-l-solid border-l-white)
+    `
+  ],
+  [
+    /^q-btn-dropdown--simple$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn-dropdown--simple'] ??
+      `[&+.q-btn-dropdown\\_\\_arrow]:(ml-8px)`
+  ],
+  [
+    /^q-btn-dropdown__arrow$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn-dropdown__arrow'] ??
+      `transition-property-transform transition-duration-280`
+  ],
+  [/^q-btn-dropdown--current$/, ([, c], { theme }) => `grow-1`]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,53 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-btn-group$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn-group'] ??
+      `rounded-[3px] [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)] align-middle [&_>_.q-btn-item]:([border-radius:inherit] self-stretch) [&_>_.q-btn-item:before]:([box-shadow:none]) [&_>_.q-btn-item_.q-badge--floating]:(right-0) [&_>_.q-btn-group]:([box-shadow:none]) [&_>_.q-btn-group:first-child_>_.q-btn:first-child]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit]) [&_>_.q-btn-group:last-child_>_.q-btn:last-child]:([border-top-right-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_.q-btn-group:not(:first-child)_>_.q-btn:first-child:before]:([border-left:0]) [&_>_.q-btn-group:not(:last-child)_>_.q-btn:last-child:before]:([border-right:0]) [&_>_.q-btn-item:not(:last-child)]:(rounded-tr-none rounded-br-none) [&_>_.q-btn-item:not(:first-child)]:(rounded-tl-none rounded-bl-none) [&_>_.q-btn-item.q-btn--standard:before]:(z--1)`
+  ],
+
+  [
+    /^q-btn-group--push$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn-group--push'] ??
+      `rounded-[7px] [&_>_.q-btn--push.q-btn--actionable]:(transform-none) [&_>_.q-btn--push.q-btn--actionable_.q-btn\\_\\_content]:([transition:margin-top_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1),_margin-bottom_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)]) [&_>_.q-btn--push.q-btn--actionable:active_.q-btn\\_\\_content]:(mt-[2px] -mb-[2px])
+    [&__>_.q-btn--push.q-btn--actionable.q-btn--active__.q-btn\\_\\_content]:(mt-[2px] -mb-[2px])`
+  ],
+
+  [/^q-btn-group--rounded$/, ([, c], { theme }) => `rounded-[28px]`],
+
+  [/^q-btn-group--square$/, ([, c], { theme }) => `rounded-none`],
+
+  [/^q-btn-group--flat$/, ([, c], { theme }) => `[box-shadow:none]`],
+
+  [
+    /^q-btn-group--outline$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn-group--outline'] ??
+      `[box-shadow:none] [&_>_.q-separator]:(hidden) [&_>_.q-btn-item_+_.q-btn-item:before]:([border-left:0]) [&_>_.q-btn-item:not(:last-child):before]:([border-right:0])`
+  ],
+
+  [/^q-btn-group--unelevated$/, ([, c], { theme }) => `[box-shadow:none]`],
+
+  [/^q-btn-group--stretch$/, ([, c], { theme }) => `self-stretch rounded-none`],
+
+  [
+    /^q-btn-group--glossy$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn-group--glossy'] ??
+      `[&_>_.q-btn-item]:(!bg-[linear-gradient(_to_bottom,_rgba(255,_255,_255,_0.3),_rgba(255,_255,_255,_0)_50%,_rgba(0,_0,_0,_0.12)_51%,_rgba(0,_0,_0,_0.04)_)])`
+  ],
+
+  [
+    /^q-btn-group--spread$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn-group--spread'] ??
+      `[&_>_.q-btn-group]:(!flex) [&_>_.q-btn-item]:(w-auto min-w-[0] max-w-full flex-[10000_1_0%])
+    [&__>_.q-btn-group_>_.q-btn-item:not(.q-btn-dropdown\\_\\_arrow-container)]:(w-auto min-w-[0] max-w-full flex-[10000_1_0%])`
+  ]
+]
+
+export { shortcuts }

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

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