vitrify 0.18.4 → 0.19.0

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

@@ -0,0 +1,322 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-time$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time'] ??
+      `[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] outline-[0] w-[290px] min-w-[290px] max-w-full [&.disabled_.q-time\\_\\_header-ampm]:(pointer-events-none) [&.disabled_.q-time\\_\\_content]:(pointer-events-none)`
+  ],
+
+  [
+    /^q-time--bordered$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time--bordered'] ??
+      `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
+  ],
+
+  [
+    /^q-time__header$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__header'] ??
+      `[border-top-left-radius:inherit] text-[#fff] p-[16px] font-light bg-primary`
+  ],
+
+  [
+    /^q-time__actions$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__actions'] ??
+      `pt-[0] px-[16px] pb-[16px]`
+  ],
+
+  [
+    /^q-time__header-label$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__header-label'] ??
+      `text-[28px] leading-none tracking-[-0.00833em] [&_>_div_+_div]:(ml-[4px]) !flex-initial`
+  ],
+
+  [
+    /^q-time__link$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__link'] ??
+      `opacity-[0.56] outline-[0] [transition:opacity_0.3s_ease-out] [&:hover]:(opacity-100) [&:focus]:(opacity-100)`
+  ],
+
+  [
+    /^q-time__link--active$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__link--active'] ?? `opacity-100`
+  ],
+
+  [
+    /^q-time__header-ampm$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__header-ampm'] ??
+      `text-[16px] tracking-widest !flex-initial`
+  ],
+
+  [
+    /^q-time__content$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__content'] ??
+      `p-[16px] [&:before]:(content-[''] block pb-[100%])`
+  ],
+
+  [
+    /^q-time__container-parent$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__container-parent'] ?? `p-[16px]`
+  ],
+
+  [
+    /^q-time__container-child$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__container-child'] ??
+      `rounded-[50%] bg-[rgba(0,_0,_0,_0.12)]`
+  ],
+
+  [
+    /^q-time__clock$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock'] ??
+      `p-[24px] w-[calc(100%-48px)] h-[calc(100%-48px)] max-w-full max-h-full text-[14px]`
+  ],
+
+  [
+    /^q-time__clock-circle$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-circle'] ?? `relative`
+  ],
+
+  [
+    /^q-time__clock-center$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-center'] ??
+      `h-[6px] w-[6px] m-auto rounded-[50%] min-h-[0] bg-current`
+  ],
+
+  [
+    /^q-time__clock-pointer$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pointer'] ??
+      `w-[2px] h-1/2 origin-[0_0] min-h-[0] absolute left-2/4 right-[0] bottom-[0] bg-current -translate-x-1/2 [&:before]:(content-[''] absolute left-2/4 rounded-[50%] bg-current -translate-x-1/2) [&:after]:(content-[''] absolute left-2/4 rounded-[50%] bg-current -translate-x-1/2) [&:before]:(-bottom-[4px] w-[8px] h-[8px]) [&:after]:(-top-[3px] h-[6px] w-[6px])`
+  ],
+
+  [
+    /^q-time__clock-position$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-position'] ??
+      `absolute min-h-[32px] w-[32px] h-[32px] text-[12px] leading-[32px] m-0 p-0 -translate-x-1/2 -translate-y-1/2 rounded-[50%]`
+  ],
+
+  [
+    /^q-time__clock-position--disable$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-position--disable'] ??
+      `opacity-40`
+  ],
+
+  [
+    /^q-time__clock-position--active$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-position--active'] ??
+      `text-[#fff]`
+  ],
+
+  [
+    /^q-time__clock-pos-0$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-0'] ?? `top-[0%] left-2/4`
+  ],
+
+  [
+    /^q-time__clock-pos-1$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-1'] ?? `top-[6.7%] left-3/4`
+  ],
+
+  [
+    /^q-time__clock-pos-2$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-2'] ??
+      `top-1/4 left-[93.3%]`
+  ],
+
+  [
+    /^q-time__clock-pos-3$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-3'] ?? `top-2/4 left-full`
+  ],
+
+  [
+    /^q-time__clock-pos-4$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-4'] ??
+      `top-3/4 left-[93.3%]`
+  ],
+
+  [
+    /^q-time__clock-pos-5$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-5'] ??
+      `top-[93.3%] left-3/4`
+  ],
+
+  [
+    /^q-time__clock-pos-6$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-6'] ?? `top-full left-2/4`
+  ],
+
+  [
+    /^q-time__clock-pos-7$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-7'] ??
+      `top-[93.3%] left-1/4`
+  ],
+
+  [
+    /^q-time__clock-pos-8$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-8'] ?? `top-3/4 left-[6.7%]`
+  ],
+
+  [
+    /^q-time__clock-pos-9$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-9'] ?? `top-2/4 left-[0%]`
+  ],
+
+  [
+    /^q-time__clock-pos-10$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-10'] ??
+      `top-1/4 left-[6.7%]`
+  ],
+
+  [
+    /^q-time__clock-pos-11$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-11'] ??
+      `top-[6.7%] left-1/4`
+  ],
+
+  [
+    /^q-time__clock-pos-12$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-12'] ?? `top-[15%] left-2/4`
+  ],
+
+  [
+    /^q-time__clock-pos-13$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-13'] ??
+      `top-[19.69%] left-[67.5%]`
+  ],
+
+  [
+    /^q-time__clock-pos-14$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-14'] ??
+      `top-[32.5%] left-[80.31%]`
+  ],
+
+  [
+    /^q-time__clock-pos-15$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-15'] ?? `top-2/4 left-[85%]`
+  ],
+
+  [
+    /^q-time__clock-pos-16$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-16'] ??
+      `top-[67.5%] left-[80.31%]`
+  ],
+
+  [
+    /^q-time__clock-pos-17$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-17'] ??
+      `top-[80.31%] left-[67.5%]`
+  ],
+
+  [
+    /^q-time__clock-pos-18$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-18'] ?? `top-[85%] left-2/4`
+  ],
+
+  [
+    /^q-time__clock-pos-19$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-19'] ??
+      `top-[80.31%] left-[32.5%]`
+  ],
+
+  [
+    /^q-time__clock-pos-20$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-20'] ??
+      `top-[67.5%] left-[19.69%]`
+  ],
+
+  [
+    /^q-time__clock-pos-21$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-21'] ?? `top-2/4 left-[15%]`
+  ],
+
+  [
+    /^q-time__clock-pos-22$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-22'] ??
+      `top-[32.5%] left-[19.69%]`
+  ],
+
+  [
+    /^q-time__clock-pos-23$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-23'] ??
+      `top-[19.69%] left-[32.5%]`
+  ],
+
+  [
+    /^q-time__now-button$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__now-button'] ??
+      `text-[#fff] top-[12px] right-[12px]`
+  ],
+
+  [
+    /^q-time--readonly$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time--readonly'] ??
+      `[&_.q-time\\_\\_header-ampm]:(pointer-events-none) [&_.q-time\\_\\_content]:(pointer-events-none)`
+  ],
+
+  [
+    /^q-time--portrait$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time--portrait'] ??
+      `inline-flex flex-col [&_.q-time\\_\\_header]:([border-top-right-radius:inherit] min-h-[86px]) [&_.q-time\\_\\_header-ampm]:(ml-[12px]) [&.q-time--bordered_.q-time\\_\\_content]:(mx-[0] my-px)`
+  ],
+
+  [
+    /^q-time--landscape$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time--landscape'] ??
+      `inline-flex items-stretch min-w-[420px] [&_>_div]:(flex flex-col justify-center) [&_.q-time\\_\\_header]:([border-bottom-left-radius:inherit] min-w-[156px]) [&_.q-time\\_\\_header-ampm]:(mt-[12px])`
+  ],
+
+  [
+    /^q-time--dark$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time--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)]`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,130 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-timeline$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-timeline'] ??
+      `p-0 w-full [list-style:none] [&_h6]:([line-height:inherit])`
+  ],
+
+  [
+    /^q-timeline--dark$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-timeline--dark'] ??
+      `text-[#fff] [&_.q-timeline\\_\\_subtitle]:(opacity-70)`
+  ],
+
+  [
+    /^q-timeline__content$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-timeline__content'] ?? `pb-[24px]`
+  ],
+
+  [
+    /^q-timeline__title$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-timeline__title'] ?? `mt-0 mb-[16px]`
+  ],
+
+  [
+    /^q-timeline__subtitle$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-timeline__subtitle'] ??
+      `text-[12px] mb-[8px] opacity-60 uppercase tracking-[1px] font-bold`
+  ],
+
+  [
+    /^q-timeline__dot$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-timeline__dot'] ??
+      `absolute top-[0] bottom-[0] w-[15px] [&:before]:(content-[''] bg-current block absolute) [&:after]:(content-[''] bg-current block absolute) [&:before]:(border-[3px] border-solid border-[transparent] rounded-[100%] h-[15px] w-[15px] top-[4px] left-[0] [transition:background_0.3s_ease-in-out,_border_0.3s_ease-in-out]) [&:after]:(w-[3px] opacity-40 top-[24px] bottom-[0] left-[6px]) [&_.q-icon]:(absolute top-[0] left-[0] right-[0] text-[16px] h-[38px] leading-[38px] w-full text-[#fff]) [&_.q-icon_>_svg]:(w-[1em] h-[1em]) [&_.q-icon_>_img]:(w-[1em] h-[1em])`
+  ],
+
+  [
+    /^q-timeline__dot-img$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-timeline__dot-img'] ??
+      `absolute top-[4px] left-[0] right-[0] h-[31px] w-[31px] bg-current rounded-[50%]`
+  ],
+
+  [
+    /^q-timeline__heading$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-timeline__heading'] ??
+      `relative [&:first-child_.q-timeline\\_\\_heading-title]:(pt-0) [&:last-child_.q-timeline\\_\\_heading-title]:(pb-0)`
+  ],
+
+  [
+    /^q-timeline__heading-title$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-timeline__heading-title'] ??
+      `px-[0] py-[32px] m-0`
+  ],
+
+  [
+    /^q-timeline__entry$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-timeline__entry'] ??
+      `relative leading-[22px] [&:last-child]:(!pb-0) [&:last-child_.q-timeline\\_\\_dot:after]:(content-[none])`
+  ],
+
+  [
+    /^q-timeline__entry--icon$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-timeline__entry--icon'] ??
+      `[&_.q-timeline\\_\\_dot]:(w-[31px]) [&_.q-timeline\\_\\_dot:before]:(h-[31px] w-[31px]) [&_.q-timeline\\_\\_dot:after]:(top-[41px] left-[14px]) [&_.q-timeline\\_\\_subtitle]:(pt-[8px])`
+  ],
+
+  [
+    /^q-timeline--dense--right$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-timeline--dense--right'] ??
+      `[&_.q-timeline\\_\\_entry]:(pl-[40px]) [&_.q-timeline\\_\\_entry--icon_.q-timeline\\_\\_dot]:(-left-[8px]) [&_.q-timeline\\_\\_dot]:(left-[0])`
+  ],
+
+  [
+    /^q-timeline--dense--left$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-timeline--dense--left'] ??
+      `[&_.q-timeline\\_\\_heading]:(text-right) [&_.q-timeline\\_\\_entry]:(pr-[40px]) [&_.q-timeline\\_\\_entry--icon_.q-timeline\\_\\_dot]:(-right-[8px]) [&_.q-timeline\\_\\_content]:(text-right) [&_.q-timeline\\_\\_title]:(text-right) [&_.q-timeline\\_\\_subtitle]:(text-right) [&_.q-timeline\\_\\_dot]:(right-[0])`
+  ],
+
+  [
+    /^q-timeline--comfortable$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-timeline--comfortable'] ??
+      `table [&_.q-timeline\\_\\_heading]:(table-row text-[200%]) [&_.q-timeline\\_\\_heading_>_div]:(table-cell) [&_.q-timeline\\_\\_entry]:(table-row p-0) [&_.q-timeline\\_\\_entry--icon_.q-timeline\\_\\_content]:(pt-[8px]) [&_.q-timeline\\_\\_subtitle]:(table-cell align-top) [&_.q-timeline\\_\\_dot]:(table-cell align-top) [&_.q-timeline\\_\\_content]:(table-cell align-top) [&_.q-timeline\\_\\_subtitle]:(w-[35%]) [&_.q-timeline\\_\\_dot]:(relative min-w-[31px])`
+  ],
+
+  [
+    /^q-timeline--comfortable--right$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-timeline--comfortable--right'] ??
+      `[&__.q-timeline\\_\\_heading__.q-timeline\\_\\_heading-title]:(-ml-[50px])`
+  ],
+
+  [
+    /^q-timeline--comfortable--right$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-timeline--comfortable--right'] ??
+      `[&_.q-timeline\\_\\_subtitle]:(text-right pr-[30px]) [&_.q-timeline\\_\\_content]:(pl-[30px]) [&_.q-timeline\\_\\_entry--icon_.q-timeline\\_\\_dot]:(-left-[8px])`
+  ],
+
+  [
+    /^q-timeline--comfortable--left$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-timeline--comfortable--left'] ??
+      `[&_.q-timeline\\_\\_heading]:(text-right) [&_.q-timeline\\_\\_heading_.q-timeline\\_\\_heading-title]:(-mr-[50px]) [&_.q-timeline\\_\\_subtitle]:(pl-[30px]) [&_.q-timeline\\_\\_content]:(pr-[30px]) [&_.q-timeline\\_\\_content]:(text-right) [&_.q-timeline\\_\\_title]:(text-right) [&_.q-timeline\\_\\_entry--icon_.q-timeline\\_\\_dot]:(right-[0]) [&_.q-timeline\\_\\_dot]:(-right-[8px])`
+  ],
+
+  [
+    /^q-timeline--loose$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-timeline--loose'] ??
+      `[&_.q-timeline\\_\\_heading-title]:(text-center ml-0) [&_.q-timeline\\_\\_entry]:(block m-0 p-0) [&_.q-timeline\\_\\_subtitle]:(block m-0 p-0) [&_.q-timeline\\_\\_dot]:(block m-0 p-0) [&_.q-timeline\\_\\_content]:(block m-0 p-0) [&_.q-timeline\\_\\_dot]:(absolute left-2/4 -ml-[7.15px]) [&_.q-timeline\\_\\_entry]:(pb-[24px] overflow-hidden) [&_.q-timeline\\_\\_entry--icon_.q-timeline\\_\\_dot]:(-ml-[15px]) [&_.q-timeline\\_\\_entry--icon_.q-timeline\\_\\_subtitle]:(leading-[38px]) [&_.q-timeline\\_\\_entry--icon_.q-timeline\\_\\_content]:(pt-[8px]) [&_.q-timeline\\_\\_entry--left_.q-timeline\\_\\_content]:(float-left pr-[30px] text-right) [&_.q-timeline\\_\\_entry--right_.q-timeline\\_\\_subtitle]:(float-left pr-[30px] text-right) [&_.q-timeline\\_\\_entry--left_.q-timeline\\_\\_subtitle]:(float-right text-left pl-[30px]) [&_.q-timeline\\_\\_entry--right_.q-timeline\\_\\_content]:(float-right text-left pl-[30px]) [&_.q-timeline\\_\\_subtitle]:(w-1/2) [&_.q-timeline\\_\\_content]:(w-1/2)`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,94 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+body.desktop .q-toggle:not(.disabled) .q-toggle__thumb: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-toggle:not(.disabled):focus .q-toggle__thumb:before, body.desktop .q-toggle:not(.disabled):hover .q-toggle__thumb:before {
+  transform: scale3d(2, 2, 1);
+}
+body.desktop .q-toggle--dense:not(.disabled):focus .q-toggle__thumb:before, body.desktop .q-toggle--dense:not(.disabled):hover .q-toggle__thumb:before {
+  transform: scale3d(1.5, 1.5, 1);
+}
+`
+  }
+]
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-toggle$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-toggle'] ??
+      `align-middle [&.disabled]:(!opacity-75)`
+  ],
+
+  [
+    /^q-toggle__native$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-toggle__native'] ?? `w-px h-px`
+  ],
+
+  [
+    /^q-toggle__track$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-toggle__track'] ??
+      `h-[0.35em] max-w-32px rounded-[0.175em] opacity-[0.38] bg-current`
+  ],
+
+  [
+    /^q-toggle__thumb$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-toggle__thumb'] ??
+      `top-[0.25em] left-[0.25em] w-[0.5em] h-[0.5em] [transition:left_0.22s_cubic-bezier(0.4,_0,_0.2,_1)] select-none z-0 [&:after]:(content-[''] absolute top-[0] right-[0] bottom-[0] left-[0] rounded-[50%] bg-[#fff] [box-shadow:0_3px_1px_-2px_rgba(0,_0,_0,_0.2),_0_2px_2px_0_rgba(0,_0,_0,_0.14),_0_1px_5px_0_rgba(0,_0,_0,_0.12)]) [&_.q-icon]:(layer-components:text-[0.3em] min-w-[1em] layer-components:text-[#000] opacity-[0.54])`
+  ],
+
+  [
+    /^q-toggle__inner$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-toggle__inner'] ??
+      `text-[40px] w-[1.4em] min-w-[1.4em] max-h-[1em] px-[0.3em] py-[0.325em]`
+  ],
+
+  [
+    /^q-toggle__inner--indet$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-toggle__inner--indet'] ??
+      `[&_.q-toggle\\_\\_thumb]:(left-[0.45em])`
+  ],
+
+  [
+    /^q-toggle__inner--truthy$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-toggle__inner--truthy'] ??
+      `layer-components:text-primary [&_.q-toggle\\_\\_track]:(opacity-[0.54]) [&_.q-toggle\\_\\_thumb]:(left-[0.65em]) [&_.q-toggle\\_\\_thumb:after]:(bg-current) [&_.q-toggle\\_\\_thumb_.q-icon]:(layer-components:text-[#fff] opacity-100)`
+  ],
+
+  [
+    /^q-toggle--dark$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-toggle--dark'] ??
+      `[&_.q-toggle\\_\\_inner--truthy]:() [&_.q-toggle\\_\\_thumb:after]:([box-shadow:none]) [&_.q-toggle\\_\\_thumb:before]:(!opacity-[0.32])`
+    // [&_.q-toggle\\_\\_inner]:(layer-components:text-[#fff])
+  ],
+
+  [
+    /^q-toggle--dense$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-toggle--dense'] ??
+      `[&_.q-toggle\\_\\_inner]:(w-[0.8em] min-w-[0.8em] h-[0.5em] px-[0] py-[0.07625em]) [&_.q-toggle\\_\\_thumb]:(top-[0] left-[0]) [&_.q-toggle\\_\\_inner--indet_.q-toggle\\_\\_thumb]:(left-[0.15em]) [&_.q-toggle\\_\\_inner--truthy_.q-toggle\\_\\_thumb]:(left-[0.3em]) [&_.q-toggle\\_\\_label]:(pl-[0.5em]) [&.reverse_.q-toggle\\_\\_label]:(pl-0 pr-[0.5em])`
+  ]
+]
+
+export { preflights, shortcuts }

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

@@ -0,0 +1,24 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-toolbar$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-toolbar'] ??
+      `relative px-[12px] py-[0] min-h-[50px] [&_.q-avatar]:(text-[38px])
+      `
+    // w-full
+  ],
+
+  [/^q-toolbar--inset$/, ([, c], { theme }) => `pl-[58px]`],
+
+  [
+    /^q-toolbar__title$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-toolbar__title'] ??
+      `flex-1 min-w-[1px] max-w-full text-[21px] font-normal tracking-[0.01em] px-[12px] py-[0] [&:first-child]:(pl-0) [&:last-child]:(pr-0)`
+  ]
+]
+
+export { shortcuts }

package/src/node/plugins/quasar/unocss/styles/md3/components/QTooltip.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-tooltip--style$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tooltip--style'] ??
+      `text-[10px] text-[#fafafa] bg-[#757575] rounded-[4px] normal-case font-normal`
+  ],
+
+  [
+    /^q-tooltip$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tooltip'] ??
+      `z-${theme.quasar.z['tooltip']} !fixed overflow-y-auto overflow-x-hidden px-[10px] py-[6px] max-w-[95vw] max-h-[65vh] sm:(text-14px pt-8px pb-8px pl-16px pr-16px)`
+  ]
+]
+
+export { shortcuts }