vitrify 0.16.4 → 0.17.1

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

@@ -0,0 +1,20 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-avatar$/,
+    ([, c], { theme }) =>
+      `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 }) =>
+      `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/components/QBadge.unocss.ts

@@ -0,0 +1,34 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-badge$/,
+    ([, c], { theme }) =>
+      `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 }) => `break-all [word-wrap:break-word]`
+  ],
+
+  [
+    /^q-badge--floating$/,
+    ([, c], { theme }) => `absolute -top-[4px] -right-[3px] [cursor:inherit]`
+  ],
+
+  [/^q-badge--transparent$/, ([, c], { theme }) => `opacity-80`],
+
+  [
+    /^q-badge--outline$/,
+    ([, c], { theme }) =>
+      `bg-transparent border-[1px] border-solid border-[currentColor]`
+  ],
+
+  [/^q-badge--rounded$/, ([, c], { theme }) => `rounded-[1em]`]
+]
+
+export { shortcuts }

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

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

@@ -0,0 +1,30 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-bar$/,
+    ([, c], { theme }) => `bg-black op-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 }) => `px-12px py-0 h-32px text-18px
+    [&>div]:(text-16px)
+    [&_.q-btn]:(text-11px)`
+  ],
+  [
+    /^q-bar--dense$/,
+    ([, c], { theme }) => `px-8px py-0 h-24px text-14px
+    [&_.q-btn]:(text-8px)`
+  ],
+  [/^q-bar--dark$/, ([, c], { theme }) => `bg-white op-15`]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,93 @@
+import type { UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-btn$/,
+    ([, c], { theme }) =>
+      `items-stretch relative outline-0 border-0 align-middle text-[14px] leading-[1.715em] no-underline [color:inherit] bg-transparent font-medium uppercase text-center w-auto h-auto 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] [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)])`
+    // inline-flex flex-col
+  ],
+
+  [
+    /^q-btn--actionable$/,
+    ([, c], { theme }) =>
+      `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]:([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--no-uppercase$/, ([, c], { theme }) => `normal-case`],
+
+  [/^q-btn--rectangle$/, ([, c], { theme }) => `rounded-[3px]`],
+
+  [
+    /^q-btn--outline$/,
+    ([, c], { theme }) =>
+      `!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 }) =>
+      `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 }) => `rounded-[50%] p-0 min-w-[3em] min-h-[3em]`
+  ],
+
+  [/^q-btn--square$/, ([, c], { theme }) => `rounded-none`],
+
+  [
+    /^q-btn--flat$/,
+    ([, c], { theme }) =>
+      `[&:before]:([box-shadow:none]) [&_.q-btn\\_\\_progress-indicator]:(opacity-20 bg-current)`
+  ],
+
+  [
+    /^q-btn--unelevated$/,
+    ([, c], { theme }) => `[&:before]:([box-shadow:none])`
+  ],
+
+  [
+    /^q-btn--dense$/,
+    ([, c], { theme }) =>
+      `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 }) =>
+      `[&_.q-icon]:(text-[24px]) p-[16px] min-h-[56px] min-w-[56px] [&_.q-icon]:(m-auto)`
+  ],
+
+  [
+    /^q-btn--fab-mini$/,
+    ([, c], { theme }) =>
+      `[&_.q-icon]:(text-[24px]) p-[8px] min-h-[40px] min-w-[40px]`
+  ],
+
+  [/^q-btn__content$/, ([, c], { theme }) => `[transition:opacity_0.3s] z-0`],
+
+  [
+    /^q-btn__content--hidden$/,
+    ([, c], { theme }) => `opacity-0 pointer-events-none`
+  ],
+
+  [/^q-btn__progress$/, ([, c], { theme }) => `[border-radius:inherit] z-0`],
+
+  [
+    /^q-btn__progress-indicator$/,
+    ([, c], { theme }) => `-translate-x-full bg-[rgba(255,_255,_255,_0.25)]`
+  ],
+
+  [
+    /^q-btn__progress--dark$/,
+    ([, c], { theme }) =>
+      `[&_.q-btn\\_\\_progress-indicator]:(bg-[rgba(0,_0,_0,_0.2)])`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,27 @@
+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 }) => `[&+.q-btn-dropdown\\_\\_arrow]:(ml-8px)`
+  ],
+  [
+    /^q-btn-dropdown__arrow$/,
+    ([, c], { theme }) =>
+      `transition-property-transform transition-duration-280`
+  ],
+  [/^q-btn-dropdown--current$/, ([, c], { theme }) => `grow-1`]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,48 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-btn-group$/,
+    ([, c], { theme }) =>
+      `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]:()`
+  ],
+
+  [
+    /^q-btn-group--push$/,
+    ([, c], { theme }) =>
+      `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 }) =>
+      `[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 }) =>
+      `[&_>_.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 }) =>
+      `[&_>_.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/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 }

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

@@ -0,0 +1,64 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-card$/,
+    ([, c], { theme }) => `shadow-black border-rd-4px v-top bg-white relative
+      [&>div:not(.q--avoid-card-border)]:(border-t-0 border-t-0 border-b-0 border-b-0)
+      [&>img:not(.q--avoid-card-border)]:(border-t-0 border-t-0 border-b-0 border-b-0)
+      [&>div:nth-child(1_of_:not(.q--avoid-card-border))]:(border-t-0 border-t-inherit border-t-inherit)
+      [&>img:nth-child(1_of_:not(.q--avoid-card-border))]:(border-t-0 border-t-inherit border-t-inherit)
+      [&>div:nth-last-child(1_of_:not(.q--avoid-card-border))]:(border-b-0 border-b-inherit border-b-inherit)
+      [&>img:nth-last-child(1_of_:not(.q--avoid-card-border))]:(border-b-0 border-b-inherit border-b-inherit)
+      [&>div:not(.q--avoid-card-border)]:(border-l-0 border-r-0 shadow-none)
+      [&>img]:(block w-full max-w-full border-none)
+    `
+  ],
+  [
+    /^q-card--bordered$/,
+    ([, c], { theme }) => `border-solid border-black border-op-120`
+  ],
+  [
+    /^q-card--dark$/,
+    ([, c], { theme }) => `border-white border-op-280 shadow-black`
+  ],
+  [/^q-card__section$/, ([, c], { theme }) => `relative`],
+  [/^q-card__section--vert$/, ([, c], { theme }) => `p-16px`],
+  [
+    /^q-card__section--horiz$/,
+    (
+      [, c],
+      { theme }
+    ) => `[&>div:not(.q--avoid-card-border)]:(border-t-0 border-b-0 border-t-0 border-b-0)
+    [&>img:not(.q--avoid-card-border)]:(border-t-0 border-b-0 border-t-0 border-b-0)
+    [&>div:nth-child(1_of_:not(.q--avoid-card-border))]:(border-t-inherit border-b-inherit)
+    [&>img:nth-child(1_of_:not(.q--avoid-card-border))]:(border-t-inherit border-b-inherit)
+    [&>div:nth-last-child(1_of_:not(.q--avoid-card-border))]:(border-t-inherit border-b-inherit)
+    [&>img:nth-last-child(1_of_:not(.q--avoid-card-border))]:(border-t-inherit border-b-inherit)
+    [&>div:not(.q--avoid-card-border)]:(border-t-0 border-b-0 shadow-none)
+    `
+  ],
+  [
+    /^q--card__actions$/,
+    ([, c], { theme }) => `p-8px items-center
+    [&_.q-btn--rectangle]:(px-8px py-0)`
+  ],
+  [
+    /^q--card__actions--horiz$/,
+    ([, c], { theme }) => `[&>.q-btn-item+.q-btn-item]:(ml-8px)
+    [&>.q-btn-group+.q-btn-item]:(ml-8px)
+    [&>.q-btn-item+.q-btn-group]:(ml-8px)`
+  ],
+  [
+    /^q--card__actions--vert$/,
+    ([, c], { theme }) => `[&>.q-btn-item.q-btn--round]:(self-center)
+      [&>.q-btn-item+.q-btn-item]:(mt-4px)
+      [&>.q-btn-group+.q-btn-item]:(mt-4px)
+      [&>.q-btn-item+.q-btn-group]:(mt-4px)
+      [&>.q-btn-group>.q-btn-item]:(flex-grow)
+    `
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,115 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-carousel$/,
+    ([, c], { theme }) =>
+      `bg-[#fff] h-[400px] [&_.q-carousel--padding]:(p-[16px]) [&_.q-carousel\\_\\_thumbnail]:(m-[2px] h-[50px] w-auto inline-block cursor-pointer border-[1px] border-solid border-[transparent] rounded-[4px] align-middle opacity-70 [transition:opacity_0.3s]) [&_.q-carousel\\_\\_thumbnail:hover]:(opacity-100) [&_.q-carousel\\_\\_thumbnail--active]:(opacity-100) [&_.q-carousel\\_\\_thumbnail--active]:(border-current cursor-default)`
+  ],
+
+  [
+    /^q-carousel__slide$/,
+    ([, c], { theme }) => `min-h-full bg-cover bg-[50%] p-[16px]`
+  ],
+
+  [/^q-carousel__slides-container$/, ([, c], { theme }) => `h-full`],
+
+  [/^q-carousel__control$/, ([, c], { theme }) => `text-[#fff]`],
+
+  [
+    /^q-carousel__arrow$/,
+    ([, c], { theme }) =>
+      `pointer-events-none [&_.q-icon]:(text-[28px]) [&_.q-btn]:()`
+  ],
+
+  [
+    /^q-carousel__prev-arrow--horizontal$/,
+    ([, c], { theme }) => `top-[16px] bottom-[16px] left-[16px]`
+  ],
+
+  [
+    /^q-carousel__next-arrow--horizontal$/,
+    ([, c], { theme }) => `top-[16px] bottom-[16px] right-[16px]`
+  ],
+
+  [
+    /^q-carousel__prev-arrow--vertical$/,
+    ([, c], { theme }) => `left-[16px] right-[16px] top-[16px]`
+  ],
+
+  [
+    /^q-carousel__next-arrow--vertical$/,
+    ([, c], { theme }) => `left-[16px] right-[16px] bottom-[16px]`
+  ],
+
+  [
+    /^q-carousel__navigation--top$/,
+    ([, c], { theme }) =>
+      `left-[16px] right-[16px] overflow-x-auto overflow-y-hidden top-[16px]`
+  ],
+
+  [
+    /^q-carousel__navigation--bottom$/,
+    ([, c], { theme }) =>
+      `left-[16px] right-[16px] overflow-x-auto overflow-y-hidden bottom-[16px]`
+  ],
+
+  [
+    /^q-carousel__navigation--left$/,
+    ([, c], { theme }) =>
+      `top-[16px] bottom-[16px] overflow-x-hidden overflow-y-auto [&_>_.q-carousel\\_\\_navigation-inner]:(flex-col) left-[16px]`
+  ],
+
+  [
+    /^q-carousel__navigation--right$/,
+    ([, c], { theme }) =>
+      `top-[16px] bottom-[16px] overflow-x-hidden overflow-y-auto [&_>_.q-carousel\\_\\_navigation-inner]:(flex-col) right-[16px]`
+  ],
+
+  [/^q-carousel__navigation-inner$/, ([, c], { theme }) => `flex-auto`],
+
+  [
+    /^q-carousel__navigation$/,
+    ([, c], { theme }) => `[&_.q-btn]:(mx-[4px] my-[6px] p-[5px])`
+  ],
+
+  [
+    /^q-carousel__navigation-icon--inactive$/,
+    ([, c], { theme }) => `opacity-70`
+  ],
+
+  [
+    /^q-carousel--navigation-top$/,
+    ([, c], { theme }) => `[&_.q-carousel--padding]:(pt-[60px])`
+  ],
+
+  [
+    /^q-carousel--arrows-vertical$/,
+    ([, c], { theme }) =>
+      `[&_.q-carousel--padding]:(pt-[60px]) [&_.q-carousel--padding]:(pb-[60px])`
+  ],
+
+  [
+    /^q-carousel--navigation-bottom$/,
+    ([, c], { theme }) => `[&_.q-carousel--padding]:(pb-[60px])`
+  ],
+
+  [
+    /^q-carousel--navigation-left$/,
+    ([, c], { theme }) => `[&_.q-carousel--padding]:(pl-[60px])`
+  ],
+
+  [
+    /^q-carousel--arrows-horizontal$/,
+    ([, c], { theme }) =>
+      `[&_.q-carousel--padding]:(pl-[60px]) [&_.q-carousel--padding]:(pr-[60px])`
+  ],
+
+  [
+    /^q-carousel--navigation-right$/,
+    ([, c], { theme }) => `[&_.q-carousel--padding]:(pr-[60px])`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,59 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-message-name$/, ([, c], { theme }) => `text-[small]`],
+
+  [
+    /^q-message-label$/,
+    ([, c], { theme }) => `mx-[0] my-[24px] text-center text-[small]`
+  ],
+
+  [
+    /^q-message-stamp$/,
+    ([, c], { theme }) =>
+      `[color:inherit] mt-[4px] opacity-60 hidden text-[small]`
+  ],
+
+  [
+    /^q-message-avatar$/,
+    ([, c], { theme }) => `rounded-[50%] w-[48px] h-[48px] min-w-[48px]`
+  ],
+
+  [
+    /^q-message$/,
+    ([, c], { theme }) => `mb-[8px] [&:first-child_.q-message-label]:(mt-0)`
+  ],
+
+  [/^q-message-avatar--received$/, ([, c], { theme }) => `mr-[8px]`],
+
+  [
+    /^q-message-text--received$/,
+    ([, c], { theme }) =>
+      `text-[#81c784] rounded-tl-[4px] rounded-br-[4px] rounded-tr-[4px] rounded-bl-[0] [&:last-child:before]:(right-full [border-right:0_solid_transparent] [border-left:8px_solid_transparent] [border-bottom:8px_solid_currentColor])`
+  ],
+
+  [/^q-message-text-content--received$/, ([, c], { theme }) => `text-[#000]`],
+
+  [/^q-message-name--sent$/, ([, c], { theme }) => `text-right`],
+
+  [/^q-message-avatar--sent$/, ([, c], { theme }) => `ml-[8px]`],
+
+  [/^q-message-container--sent$/, ([, c], { theme }) => `flex-row-reverse`],
+
+  [
+    /^q-message-text--sent$/,
+    ([, c], { theme }) =>
+      `text-[#e0e0e0] rounded-tl-[4px] rounded-br-[0] rounded-tr-[4px] rounded-bl-[4px] [&:last-child:before]:(left-full [border-left:0_solid_transparent] [border-right:8px_solid_transparent] [border-bottom:8px_solid_currentColor])`
+  ],
+
+  [/^q-message-text-content--sent$/, ([, c], { theme }) => `text-[#000]`],
+
+  [
+    /^q-message-text$/,
+    ([, c], { theme }) =>
+      `bg-current p-[8px] leading-[1.2] relative [&_+_.q-message-text]:(mt-[3px]) [&:last-child]:(min-h-[48px]) [&:last-child_.q-message-stamp]:(block) [&:last-child:before]:(content-empty absolute bottom-0 w-[0] h-[0])`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,89 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+body.desktop .q-checkbox:not(.disabled) .q-checkbox__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);
+}
+body.desktop .q-checkbox:not(.disabled):focus .q-checkbox__inner:before, body.desktop .q-checkbox:not(.disabled):hover .q-checkbox__inner:before {
+  transform: scale3d(1, 1, 1);
+}
+body.desktop .q-checkbox--dense:not(.disabled):focus .q-checkbox__inner:before, body.desktop .q-checkbox--dense:not(.disabled):hover .q-checkbox__inner:before {
+  transform: scale3d(1.4, 1.4, 1);
+}
+`
+  }
+]
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-checkbox$/, ([, c], { theme }) => `align-middle`],
+
+  [/^q-checkbox__native$/, ([, c], { theme }) => `w-px h-px`],
+
+  [
+    /^q-checkbox__bg$/,
+    ([, c], { theme }) =>
+      `select-none top-1/4 left-1/4 w-1/2 h-1/2 border-[2px] border-solid border-[currentColor] rounded-[2px] [transition:background_0.22s_cubic-bezier(0,_0,_0.2,_1)_0ms]`
+  ],
+
+  [/^q-checkbox__icon-container$/, ([, c], { theme }) => `select-none`],
+
+  [/^q-checkbox__icon$/, ([, c], { theme }) => `text-current text-[0.5em]`],
+
+  [/^q-checkbox__svg$/, ([, c], { theme }) => `text-[#fff]`],
+
+  [
+    /^q-checkbox__truthy$/,
+    ([, c], { theme }) => `stroke-current stroke-[3.12px]`
+  ],
+
+  [
+    /^q-checkbox__indet$/,
+    ([, c], { theme }) =>
+      `fill-current origin-[50%_50%] -rotate-[280deg] scale-0`
+  ],
+
+  [
+    /^q-checkbox__inner$/,
+    ([, c], { theme }) =>
+      `text-[40px] w-[1em] min-w-[1em] h-[1em] outline-0 rounded-[50%] text-[rgba(0,_0,_0,_0.54)]`
+  ],
+
+  [
+    /^q-checkbox__inner--truthy$/,
+    ([, c], { theme }) =>
+      `text-primary [&_.q-checkbox\\_\\_bg]:(bg-current) [&_path]:([transition:stroke-dashoffset_0.18s_cubic-bezier(0.4,_0,_0.6,_1)_0ms])`
+  ],
+
+  [
+    /^q-checkbox__inner--indet$/,
+    ([, c], { theme }) =>
+      `text-primary [&_.q-checkbox\\_\\_bg]:(bg-current) [&_.q-checkbox\\_\\_indet]:(rotate-[0] scale-100 [transition:transform_0.22s_cubic-bezier(0,_0,_0.2,_1)_0ms])`
+  ],
+
+  [
+    /^q-checkbox--dark$/,
+    ([, c], { theme }) =>
+      `[&_.q-checkbox\\_\\_inner]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-checkbox\\_\\_inner:before]:(!opacity-[0.32]) [&_.q-checkbox\\_\\_inner--truthy]:(text-primary) [&_.q-checkbox\\_\\_inner--indet]:(text-primary)`
+  ],
+
+  [
+    /^q-checkbox--dense$/,
+    ([, c], { theme }) =>
+      `[&_.q-checkbox\\_\\_inner]:(w-[0.5em] min-w-[0.5em] h-[0.5em]) [&_.q-checkbox\\_\\_bg]:(left-[5%] top-[5%] w-[90%] h-[90%]) [&_.q-checkbox\\_\\_label]:(pl-[0.5em])`
+  ]
+]
+
+export { preflights, shortcuts }