vitrify 0.16.4 → 0.17.0

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

@@ -0,0 +1,98 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+body.desktop .q-chip--clickable:focus {
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
+}
+body.desktop.body--dark .q-chip--clickable:focus {
+  box-shadow: 0 1px 3px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(255, 255, 255, 0.14), 0 2px 1px -1px rgba(255, 255, 255, 0.12);
+}
+`
+  }
+]
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-chip$/,
+    (
+      [, c],
+      { theme }
+    ) => `v-middle border-rd-16px outline-0 relative h-2em max-w-full m-4px bg-gray-1 text-black text-op-87 text-14px px-0.9em py-0.5em
+      [&_.q-avatar]:(text-2em ml--0.45em mr-0.2em border-rd-16px)
+    `
+  ],
+  [
+    /^q-chip--colored$/,
+    ([, c], { theme }) => `
+      [&_.q-chip__icon]:(text-inherit)
+      [&_.q-chip--dark_.q-chip\\_\\_icon]:(text-inherit)
+    `
+  ],
+  [
+    /^q-chip--outline$/,
+    ([, c], { theme }) => `
+      bg-transparent! border-solid border-width-1px border-current
+      [&_.q-chip--dark_.q-chip\\_\\_icon]:(text-inherit)
+    `
+  ],
+  [
+    /^q-chip--selected$/,
+    ([, c], { theme }) => `
+      hidden
+    `
+  ],
+  [
+    /^q-chip__icon$/,
+    ([, c], { theme }) => `
+      text-black text-op-540 text-1.5em m--0.2em
+    `
+  ],
+  [
+    /^q-chip__icon--left$/,
+    ([, c], { theme }) => `
+     mr-0.2em
+    `
+  ],
+  [
+    /^q-chip__icon--right$/,
+    ([, c], { theme }) => `
+     ml-0.2em
+    `
+  ],
+  [
+    /^q-chip__icon--remove$/,
+    ([, c], { theme }) => `
+     ml-0.1em mr--0.5em op-60 outline-0
+     [&:hover]:(op-100)
+     [&:focus]:(op-100)
+    `
+  ],
+  [
+    /^q-chip__icon--content$/,
+    ([, c], { theme }) => `
+      whitespace-nowrap
+    `
+  ],
+  [
+    /^q-chip__icon--dense$/,
+    ([, c], { theme }) => `
+      border-rd-12px px-0.4em py-0 h-1.5em 
+      [&_.q-avatar]:(text-1.5em ml--0.27em mr-0.1em border-rd-12px)
+      [&._q-chip\\_\\_icon]:(text-1.25em)
+      [&._q-chip\\_\\_icon--left]:(mr-0.195em)
+      [&._q-chip\\_\\_icon--remove]:(mr--0.25em)
+    `
+  ],
+  [
+    /^q-chip__icon--square$/,
+    ([, c], { theme }) => `
+      border-rd-4px
+      [&_q-avatar]:(border-rd-tl-3px border-rd-br-3px border-rd-tr-0 border-rd-bl-0)
+    `
+  ]
+]
+
+export { preflights, shortcuts }

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

@@ -0,0 +1,41 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+@keyframes q-circular-progress-circle {
+  0% {
+    stroke-dasharray: 1, 400;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 400, 400;
+    stroke-dashoffset: -100;
+  }
+  100% {
+    stroke-dasharray: 400, 400;
+    stroke-dashoffset: -300;
+  }
+}`
+  }
+]
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-circular-progress$/,
+    ([, c], { theme }) =>
+      `inline-block relative align-middle w-[1em] h-[1em] leading-none`
+  ],
+
+  [/^q-circular-progress__svg$/, ([, c], { theme }) => `w-full h-full`],
+
+  [/^q-circular-progress__text$/, ([, c], { theme }) => `text-[0.25em]`],
+
+  [
+    /^q-circular-progress--indeterminate$/,
+    ([, c], { theme }) =>
+      `[&_.q-circular-progress\\_\\_svg]:(origin-[50%_50%] animate-[q-spin_2s_linear_infinite]) [&_.q-circular-progress\\_\\_circle]:(animate-[q-circular-progress-circle_1.5s_ease-in-out_infinite])`
+  ]
+]
+
+export { preflights, shortcuts }

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

@@ -0,0 +1,178 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-color-picker$/,
+    ([, c], { theme }) => `
+    overflow-hidden bg-white max-w-350px v-top min-w-180px border-rd-4px 
+    shadow-sm
+    [&.q-tab]:(p-0!)
+    [&_input]:(text-inherit bg-transparent outline-0 text-center)
+    [&_.q-tabs]:(overflow-hidden)
+    [&_.q-tab--active]:(shadow-sm)
+    [&_.q-tab--active_.q-focus-helper]:(hidden)
+    [&_q-tab\\_\\_indicator]:(hidden)
+    [&_q-tab-panels]:(bg-inherit)
+    `
+  ],
+  [
+    /^q-color-picker--bordered$/,
+    ([, c], { theme }) => `
+    border-1px border-black border-op-120
+    `
+  ],
+  [
+    /^q-color-picker__header-tabs$/,
+    ([, c], { theme }) => `
+    h-32px
+    `
+  ],
+  [
+    /^q-color-picker__header-banner$/,
+    ([, c], { theme }) => `
+    h-36px
+    `
+  ],
+  [
+    /^q-color-picker__header$/,
+    ([, c], { theme }) => `
+    [&_input]:(lh-24px border-none)
+    [&_.q-tab]:(min-h-32px! h-32px!)
+    [&_.q-tab--inactive]:(bg-gradient-linear from-black/30 via-black/15 to-black/10)
+    `
+  ],
+  [
+    /^q-color-picker__error-icon$/,
+    ([, c], { theme }) => `
+      bottom-2px right-2px text-24px op-0 transition-opacity-300
+    `
+  ],
+  [
+    /^q-color-picker__header-content$/,
+    ([, c], { theme }) => `
+      relative bg-white
+    `
+  ],
+  [
+    /^q-color-picker__header-content--light$/,
+    ([, c], { theme }) => `
+      text-black
+    `
+  ],
+  [
+    /^q-color-picker__header-content--dark$/,
+    ([, c], { theme }) => `
+      text-white
+      [&_.q-tab--inactive:before]:(content-empty absolute top-0 right-0 bottom-0 left-0 bg-white bg-op-200)
+    `
+  ],
+  [
+    /^q-color-picker__header-banner$/,
+    ([, c], { theme }) => `
+      h-36px
+    `
+  ],
+  [
+    /^q-color-picker__header-bg$/,
+    ([, c], { theme }) => `
+      bg-white bg-[url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAH0lEQVQoU2NkYGAwZkAFZ5G5jPRRgOYEVDeB3EBjBQBOZwTVugIGyAAAAABJRU5ErkJggg==)')]
+
+    `
+  ],
+  [
+    /^q-color-picker__footer$/,
+    ([, c], { theme }) => `
+      h-36px
+      [&_.q-tab]:(min-h-36px! h-36px!)
+      [&_.q-tab--inactive]:(bg-gradient-to-b from-black/0.3 via-black/0.15 to-black/0.1)
+    `
+  ],
+  [
+    /^q-color-picker__spectrum$/,
+    ([, c], { theme }) => `
+      h-full w-full
+    `
+  ],
+  [
+    /^q-color-picker__spectrum-tab$/,
+    ([, c], { theme }) => `
+      p-0!
+    `
+  ],
+  [
+    /^q-color-picker__spectrum--white$/,
+    ([, c], { theme }) => `
+      bg-gradient-to-r from-white to-black
+    `
+  ],
+  [
+    /^q-color-picker__spectrum--white$/,
+    ([, c], { theme }) => `
+      bg-gradient-to-t from-black to-black
+    `
+  ],
+  [
+    /^q-color-picker__spectrum--circle$/,
+    ([, c], { theme }) => `
+      w-10px h-10px shadow-sm border-rd-50% translate-x--5px translate-y--5px
+    `
+  ],
+  [
+    /^q-color-picker__hue$/,
+    ([, c], { theme }) => `
+      [&_.q-slider-track]:(bg-gradient-to-r! from-[#f00] via-[#ff0/17] via-[#0f0/33] via-[#off/50] via-[#00f/67] via-[#f0f/83] to-[#f00] op-100)
+    `
+  ],
+  [
+    /^q-color-picker__alpha$/,
+    ([, c], { theme }) => `
+    [&_.q-slider\\_\\_track-container]:(pt-0)
+    [&_.q-slider\\_\\_track:before]:(content-empty absolute top-0 right-0 bottom-0 left-0 border-rd-inherit bg-gradient-to-r from-black to-[#757575])
+    `
+  ],
+  [
+    /^q-color-picker__sliders$/,
+    ([, c], { theme }) => `
+    pt-0 pb-0 pl-16px pr-16px
+    [&_.q-slider\\_\\_thumb]:(text-[#424242])
+    [&_.q-slider\\_\\_thumb_path]:(stroke-2px fill-transparent)
+    [&_.q-slider--active_path]:(stroke-3px)
+  `
+  ],
+  [
+    /^q-color-picker__tune-tab$/,
+    ([, c], { theme }) => `
+      [&_.q-slider]:(ml-18px mr-18px)
+      [&_input]:(text-11px border-solid border-1 border-color-[#e0e0e0] border-rd-4px w-3.5em)
+  `
+  ],
+  [
+    /^q-color-picker__palette-tab$/,
+    ([, c], { theme }) => `
+      p-0!
+  `
+  ],
+  [
+    /^q-color-picker__palette-rows--editable$/,
+    ([, c], { theme }) => `
+      [&_.q-color-picker__cube]:(cursor-pointer)
+  `
+  ],
+  [
+    /^q-color-picker__cube$/,
+    ([, c], { theme }) => `
+      pb-10% w-10%!
+  `
+  ],
+  [
+    /^q-color-picker--dark$/,
+    ([, c], { theme }) => `
+      shadow-sm
+      [&_.q-color-picker\\_\\_tune-tab_input]:(border-solid border-1px border-black border-op-30)
+      [&_.q-slider__thumb]:(text-[#fafafa])
+  `
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,181 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-date$/,
+    ([, c], { theme }) =>
+      `inline-flex [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] bg-[#fff] w-[290px] min-w-[290px] max-w-full`
+  ],
+
+  [
+    /^q-date--bordered$/,
+    ([, c], { theme }) => `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
+  ],
+
+  [
+    /^q-date__header$/,
+    ([, c], { theme }) =>
+      `[border-top-left-radius:inherit] text-[#fff] p-[16px] bg-primary`
+  ],
+
+  [/^q-date__actions$/, ([, c], { theme }) => `pt-[0] px-[16px] pb-[16px]`],
+
+  [
+    /^q-date__content$/,
+    ([, c], { theme }) => `outline-0 [&_.q-btn]:(font-normal)`
+  ],
+
+  [/^q-date__main$/, ([, c], { theme }) => `outline-0`],
+
+  [
+    /^q-date__header-link$/,
+    ([, c], { theme }) =>
+      `opacity-[0.64] outline-0 [transition:opacity_0.3s_ease-out] [&:hover]:(opacity-100) [&:focus]:(opacity-100)`
+  ],
+
+  [/^q-date__header-link--active$/, ([, c], { theme }) => `opacity-100`],
+
+  [
+    /^q-date__header-subtitle$/,
+    ([, c], { theme }) => `text-[14px] leading-[1.75] tracking-[0.00938em]`
+  ],
+
+  [
+    /^q-date__header-title-label$/,
+    ([, c], { theme }) => `text-[24px] leading-[1.2] tracking-[0.00735em]`
+  ],
+
+  [
+    /^q-date__view$/,
+    ([, c], { theme }) => `h-full w-full min-h-[290px] p-[16px]`
+  ],
+
+  [
+    /^q-date__navigation$/,
+    ([, c], { theme }) =>
+      `h-[12.5%] [&_>_div:first-child]:(w-[8%] min-w-[24px] justify-end) [&_>_div:last-child]:(w-[8%] min-w-[24px] justify-start)`
+  ],
+
+  [
+    /^q-date__calendar-weekdays$/,
+    ([, c], { theme }) => `h-[12.5%] [&_>_div]:(opacity-[0.38] text-[12px])`
+  ],
+
+  [
+    /^q-date__calendar-item$/,
+    ([, c], { theme }) =>
+      `inline-flex items-center justify-center align-middle !w-[14.285%] !h-[12.5%] relative p-px [&:after]:(content-empty absolute pointer-events-none top-px right-0 bottom-px left-0 border-dashed border-transparent border) [&_>_div]:(w-[30px] h-[30px] rounded-[50%]) [&_button]:(w-[30px] h-[30px] rounded-[50%]) [&_>_div]:(leading-[30px] text-center) [&_>_button]:(leading-[22px])`
+  ],
+
+  [/^q-date__calendar-item--out$/, ([, c], { theme }) => `opacity-[0.18]`],
+
+  [/^q-date__calendar-item--fill$/, ([, c], { theme }) => `invisible`],
+
+  [
+    /^q-date__range$/,
+    ([, c], { theme }) =>
+      `[&:before]:(content-empty bg-current absolute top-px bottom-px left-0 right-0 opacity-30) [&:nth-child(7n-6):before]:(rounded-tl-none rounded-bl-none) [&:nth-child(7n):before]:(rounded-tr-none rounded-br-none)`
+  ],
+
+  [
+    /^q-date__range-from$/,
+    ([, c], { theme }) =>
+      `[&:before]:(content-empty bg-current absolute top-px bottom-px left-0 right-0 opacity-30) [&:nth-child(7n-6):before]:(rounded-tl-none rounded-bl-none) [&:nth-child(7n):before]:(rounded-tr-none rounded-br-none) [&:before]:(left-2/4)`
+  ],
+
+  [
+    /^q-date__range-to$/,
+    ([, c], { theme }) =>
+      `[&:before]:(content-empty bg-current absolute top-px bottom-px left-0 right-0 opacity-30) [&:nth-child(7n-6):before]:(rounded-tl-none rounded-bl-none) [&:nth-child(7n):before]:(rounded-tr-none rounded-br-none) [&:before]:(right-2/4)`
+  ],
+
+  [
+    /^q-date__edit-range$/,
+    ([, c], { theme }) =>
+      `[&:after]:() [&:nth-child(7n-6):after]:(rounded-tl-none rounded-bl-none) [&:nth-child(7n):after]:(rounded-tr-none rounded-br-none)`
+  ],
+
+  [
+    /^q-date__edit-range-from$/,
+    ([, c], { theme }) =>
+      `[&:after]:(left-[4px] [border-left-color:currentColor] [border-top-color:currentColor] [border-bottom-color:currentColor] rounded-tl-[28px] rounded-bl-[28px])`
+  ],
+
+  [
+    /^q-date__edit-range-from-to$/,
+    ([, c], { theme }) =>
+      `[&:after]:(left-[4px] [border-left-color:currentColor] [border-top-color:currentColor] [border-bottom-color:currentColor] rounded-tl-[28px] rounded-bl-[28px]) [&:after]:(right-[4px] [border-right-color:currentColor] [border-top-color:currentColor] [border-bottom-color:currentColor] rounded-tr-[28px] rounded-br-[28px])`
+  ],
+
+  [
+    /^q-date__edit-range-to$/,
+    ([, c], { theme }) =>
+      `[&:after]:(right-[4px] [border-right-color:currentColor] [border-top-color:currentColor] [border-bottom-color:currentColor] rounded-tr-[28px] rounded-br-[28px])`
+  ],
+
+  [
+    /^q-date__calendar-days-container$/,
+    ([, c], { theme }) => `h-3/4 min-h-[192px]`
+  ],
+
+  [/^q-date__calendar-days$/, ([, c], { theme }) => `[&_>_div]:(!h-1/6)`],
+
+  [
+    /^q-date__event$/,
+    ([, c], { theme }) =>
+      `absolute bottom-[2px] left-2/4 h-[5px] w-[8px] rounded-[5px] [transform:translate3d(-50%,_0,_0)] bg-primary`
+  ],
+
+  [
+    /^q-date__today$/,
+    ([, c], { theme }) => `[box-shadow:0_0_1px_0_currentColor]`
+  ],
+
+  [/^q-date__years-content$/, ([, c], { theme }) => `px-[8px] py-[0]`],
+
+  [/^q-date__years-item$/, ([, c], { theme }) => `flex-[0_0_33.3333%]`],
+
+  [/^q-date__months-item$/, ([, c], { theme }) => `flex-[0_0_33.3333%]`],
+
+  [
+    /^q-date--readonly$/,
+    ([, c], { theme }) =>
+      `[&_.q-date\\_\\_header]:(pointer-events-none) [&_.q-date\\_\\_content]:(pointer-events-none) [&_.q-date\\_\\_navigation]:(hidden)`
+  ],
+
+  [/^q-date--portrait$/, ([, c], { theme }) => `flex-col`],
+
+  [
+    /^q-date--portrait-standard$/,
+    ([, c], { theme }) =>
+      `[&_.q-date\\_\\_content]:(h-[calc(100% - 86px)]) [&_.q-date\\_\\_header]:([border-top-right-radius:inherit] h-[86px]) [&_.q-date\\_\\_header-title]:(items-center h-[30px])`
+  ],
+
+  [
+    /^q-date--portrait-minimal$/,
+    ([, c], { theme }) => `[&_.q-date\\_\\_content]:(h-full)`
+  ],
+
+  [
+    /^q-date--landscape$/,
+    ([, c], { theme }) =>
+      `flex-row items-stretch min-w-[420px] [&_>_div]:(flex flex-col) [&_.q-date\\_\\_content]:(h-full)`
+  ],
+
+  [
+    /^q-date--landscape-standard$/,
+    ([, c], { theme }) =>
+      `min-w-[420px] [&_.q-date\\_\\_header]:([border-bottom-left-radius:inherit] min-w-[110px] w-[110px]) [&_.q-date\\_\\_header-title]:(flex-col) [&_.q-date\\_\\_header-today]:(mt-[12px] -ml-[8px])`
+  ],
+
+  [/^q-date--landscape-minimal$/, ([, c], { theme }) => `w-[310px]`],
+
+  [
+    /^q-date--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)] border-[rgba(255,_255,_255,_0.28)]`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,118 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+body.platform-ios .q-dialog__inner--minimized > div, body.platform-android:not(.native-mobile) .q-dialog__inner--minimized > div {
+  max-height: calc(100vh - 108px);
+}
+
+body.q-ios-padding .q-dialog__inner {
+  padding-top: 20px !important;
+  padding-top: env(safe-area-inset-top) !important;
+  padding-bottom: env(safe-area-inset-bottom) !important;
+}
+body.q-ios-padding .q-dialog__inner > div {
+  max-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
+}
+
+@media (max-width: 599.98px) {
+  .q-dialog__inner--top, .q-dialog__inner--bottom {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .q-dialog__inner--top > div, .q-dialog__inner--bottom > div {
+    width: 100% !important;
+  }
+}
+@media (min-width: 600px) {
+  .q-dialog__inner--minimized > div {
+    max-width: 560px;
+  }
+}
+`
+  }
+]
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-dialog$/, ([, c], { theme }) => ``],
+  [
+    /^q-dialog__title$/,
+    ([, c], { theme }) => `text-1.25rem font-500 lh-1.6 tracking-0.0125em`
+  ],
+  [/^q-dialog__progress$/, ([, c], { theme }) => `text-4rem`],
+  [
+    /^q-dialog__inner$/,
+    ([, c], { theme }) => `outline-0
+      [&>div]:(pointer-events-auto overflow-auto border-rd-4px)
+      [&>.q-card>.q-card\\_\\_actions_.q-btn--rectangle]:(min-w-64px)
+    `
+  ],
+  [
+    /^q-dialog__inner--square$/,
+    ([, c], { theme }) => `[&>div]:(border-rd-0!)
+    `
+  ],
+  [
+    /^q-dialog__inner--minimized$/,
+    ([, c], { theme }) => `p-24px
+    [&>div]:(max-h-[calc(100vh-48px)])
+    `
+  ],
+  [
+    /^q-dialog__inner--maximized$/,
+    (
+      [, c],
+      { theme }
+    ) => `[&>div]:(h-full w-full max-h-100vh max-w-100vw border-rd-0! top-0! left-0!)
+    `
+  ],
+  [
+    /^q-dialog__inner--top$/,
+    ([, c], { theme }) => `pt-0! pb-0!
+    [&:not(.q-dialog\\_\\_inner--animating)>div]:(rounded-tl-none rounded-tr-none)
+    
+`
+  ],
+  [
+    /^q-dialog__inner--bottom$/,
+    ([, c], { theme }) => `pt-0! pb-0!
+    [&:not(.q-dialog\\_\\_inner--animating)>div]:(rounded-bl-none rounded-br-none)
+    `
+  ],
+  [
+    /^q-dialog__inner--left$/,
+    ([, c], { theme }) => `pt-0! pb-0!
+    [&:not(.q-dialog\\_\\_inner--animating)>div]:(rounded-tl-none rounded-bl-none)
+    `
+  ],
+  [
+    /^q-dialog__inner--right$/,
+    ([, c], { theme }) => `pt-0! pb-0!
+    [&:not(.q-dialog\\_\\_inner--animating)>div]:(rounded-tr-none rounded-br-none)
+    `
+  ],
+  [
+    /^q-dialog__inner--fullwidth$/,
+    ([, c], { theme }) => `[&>div]:(w-full! max-w-full!)
+    `
+  ],
+  [
+    /^q-dialog__inner--fullheight$/,
+    ([, c], { theme }) => `[&>div]:(h-full! max-h-full!)
+    `
+  ],
+  [
+    /^q-dialog__backdrop$/,
+    ([, c], { theme }) => `-z-1 pointer-events-auto outline-0 bg-black bg-op-40
+    `
+  ],
+  [
+    /^q-body--dialog$/,
+    ([, c], { theme }) => `overflow-hidden
+    `
+  ]
+]
+
+export { preflights, shortcuts }

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

@@ -0,0 +1,76 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-drawer$/, ([, c], { theme }) => `absolute top-0 bottom-0 bg-[#fff]`],
+
+  [/^q-drawer--on-top$/, ([, c], { theme }) => `z-3000`],
+
+  [
+    /^q-drawer--left$/,
+    ([, c], { theme }) =>
+      `left-0 -translate-x-full [&_.q-layout\\_\\_shadow]:(left-[10px] -right-[10px]) [&_.q-layout\\_\\_shadow:after]:(right-[10px])`
+  ],
+
+  [
+    /^q-drawer--left.q-drawer--bordered$/,
+    ([, c], { theme }) => `[border-right:1px_solid_rgba(0,_0,_0,_0.12)]`
+  ],
+
+  [
+    /^q-drawer--right$/,
+    ([, c], { theme }) =>
+      `right-0 translate-x-full [&_.q-layout\\_\\_shadow]:(-left-[10px]) [&_.q-layout\\_\\_shadow:after]:(left-[10px])`
+  ],
+
+  [
+    /^q-drawer--right.q-drawer--bordered$/,
+    ([, c], { theme }) => `[border-left:1px_solid_rgba(0,_0,_0,_0.12)]`
+  ],
+
+  [
+    /^q-drawer-container:not(.q-drawer--mini-animate)$/,
+    ([, c], { theme }) =>
+      `[&_.q-drawer--mini]:(!p-0) [&_.q-drawer--mini_.q-item]:(text-center justify-center pl-0 pr-0 min-w-[0]) [&_.q-drawer--mini_.q-item\\_\\_label]:(hidden)`
+  ],
+
+  [
+    /^q-drawer-container:not(.q-drawer--mini-animate)$/,
+    ([, c], { theme }) => `[&__.q-drawer--mini
+  __.q-item\\_\\_section]:(text-center justify-center pl-0 pr-0 min-w-[0]) [&__.q-drawer--mini
+  __.q-item\\_\\_section--main]:(hidden) [&__.q-drawer--mini
+  __.q-item\\_\\_section--side__~_.q-item\\_\\_section--side]:(hidden)`
+  ],
+
+  [
+    /^q-drawer--mini$/,
+    ([, c], { theme }) =>
+      `[&_.q-mini-drawer-hide]:(hidden) [&_.q-expansion-item\\_\\_content]:(hidden)`
+  ],
+
+  [
+    /^q-drawer--mini-animate$/,
+    ([, c], { theme }) =>
+      `[&_.q-drawer\\_\\_content]:(!overflow-x-hidden whitespace-nowrap)`
+  ],
+
+  [
+    /^q-drawer--standard$/,
+    ([, c], { theme }) => `[&_.q-mini-drawer-only]:(hidden)`
+  ],
+
+  [
+    /^q-drawer--mobile$/,
+    ([, c], { theme }) =>
+      `[&_.q-mini-drawer-only]:(hidden) [&_.q-mini-drawer-hide]:(hidden)`
+  ],
+
+  [/^q-drawer__backdrop$/, ([, c], { theme }) => `z-2999!`],
+
+  [
+    /^q-drawer__opener$/,
+    ([, c], { theme }) => `h-full w-[15px] select-none z-2001`
+  ]
+]
+
+export { shortcuts }