vitrify 0.17.5 → 0.17.6

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

@@ -5,189 +5,316 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-time$/,
     ([, c], { theme }) =>
-      `[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`
+      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 }) => `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time--bordered'] ??
+      `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
   ],
 
   [
     /^q-time__header$/,
     ([, c], { theme }) =>
-      `[border-top-left-radius:inherit] text-[#fff] p-[16px] font-light bg-primary`
+      theme.quasar?.components?.['q-time__header'] ??
+      `[border-top-left-radius:inherit] text-[#fff] p-[16px] font-light`
   ],
 
-  [/^q-time__actions$/, ([, c], { theme }) => `pt-[0] px-[16px] pb-[16px]`],
+  [
+    /^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])`
   ],
 
   [
     /^q-time__link$/,
     ([, c], { theme }) =>
-      `opacity-[0.56] outline-0 [transition:opacity_0.3s_ease-out]`
+      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 }) => `opacity-100`],
-
-  [/^q-time__link:hover$/, ([, c], { theme }) => `hover:opacity-100`],
-
-  [/^q-time__link:focus$/, ([, c], { theme }) => `focus:opacity-100`],
+  [
+    /^q-time__link--active$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__link--active'] ?? `opacity-100`
+  ],
 
   [
     /^q-time__header-ampm$/,
-    ([, c], { theme }) => `text-[16px] tracking-widest`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__header-ampm'] ??
+      `text-[16px] tracking-widest`
   ],
 
-  [/^q-time__content$/, ([, c], { theme }) => `p-[16px]`],
-
   [
-    /^q-time__content:before$/,
-    ([, c], { theme }) => `content-empty block pb-[100%]`
+    /^q-time__content$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__content'] ??
+      `p-[16px] [&:before]:(content-[''] block pb-[100%])`
   ],
 
-  [/^q-time__container-parent$/, ([, c], { theme }) => `p-[16px]`],
+  [
+    /^q-time__container-parent$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__container-parent'] ?? `p-[16px]`
+  ],
 
   [
     /^q-time__container-child$/,
-    ([, c], { theme }) => `rounded-[50%] bg-[rgba(0,_0,_0,_0.12)]`
+    ([, 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-full h-full max-w-full max-h-full text-[14px]`
   ],
 
-  [/^q-time__clock-circle$/, ([, c], { theme }) => `relative`],
+  [
+    /^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 }) =>
-      `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 text-primary`
+      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-pointer:before$/,
+    /^q-time__clock-position$/,
     ([, c], { theme }) =>
-      `content-empty absolute left-2/4 rounded-[50%] bg-current -translate-x-1/2 -bottom-[4px] w-[8px] h-[8px]`
+      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-pointer:after$/,
+    /^q-time__clock-position--disable$/,
     ([, c], { theme }) =>
-      `content-empty absolute left-2/4 rounded-[50%] bg-current -translate-x-1/2 -top-[3px] h-[6px] w-[6px]`
+      theme.quasar?.components?.['q-time__clock-position--disable'] ??
+      `opacity-40`
   ],
 
   [
-    /^q-time__clock-position$/,
+    /^q-time__clock-position--active$/,
     ([, c], { theme }) =>
-      `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%]`
+      theme.quasar?.components?.['q-time__clock-position--active'] ??
+      `text-[#fff]`
   ],
 
-  [/^q-time__clock-position--disable$/, ([, c], { theme }) => `opacity-40`],
-
   [
-    /^q-time__clock-position--active$/,
-    ([, c], { theme }) => `text-[#fff] bg-primary`
+    /^q-time__clock-pos-0$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-0'] ?? `top-[0%] left-2/4`
   ],
 
-  [/^q-time__clock-pos-0$/, ([, c], { theme }) => `top-[0%] left-2/4`],
-
-  [/^q-time__clock-pos-1$/, ([, c], { theme }) => `top-[6.7%] left-3/4`],
-
-  [/^q-time__clock-pos-2$/, ([, c], { theme }) => `top-1/4 left-[93.3%]`],
+  [
+    /^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-3$/, ([, c], { theme }) => `top-2/4 left-full`],
+  [
+    /^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-4$/, ([, c], { theme }) => `top-3/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-5$/, ([, c], { theme }) => `top-[93.3%] left-3/4`],
+  [
+    /^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-6$/, ([, c], { theme }) => `top-full left-2/4`],
+  [
+    /^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-7$/, ([, c], { theme }) => `top-[93.3%] left-1/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-8$/, ([, c], { theme }) => `top-3/4 left-[6.7%]`],
+  [
+    /^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-9$/, ([, c], { theme }) => `top-2/4 left-[0%]`],
+  [
+    /^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-10$/, ([, c], { theme }) => `top-1/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-11$/, ([, c], { theme }) => `top-[6.7%] left-1/4`],
+  [
+    /^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-12$/, ([, c], { theme }) => `top-[15%] left-2/4`],
+  [
+    /^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-13$/, ([, c], { theme }) => `top-[19.69%] left-[67.5%]`],
+  [
+    /^q-time__clock-pos-12$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-12'] ?? `top-[15%] left-2/4`
+  ],
 
-  [/^q-time__clock-pos-14$/, ([, c], { theme }) => `top-[32.5%] left-[80.31%]`],
+  [
+    /^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-15$/, ([, c], { theme }) => `top-2/4 left-[85%]`],
+  [
+    /^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-16$/, ([, c], { theme }) => `top-[67.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-17$/, ([, c], { theme }) => `top-[80.31%] left-[67.5%]`],
+  [
+    /^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-18$/, ([, c], { theme }) => `top-[85%] left-2/4`],
+  [
+    /^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-19$/, ([, c], { theme }) => `top-[80.31%] left-[32.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-20$/, ([, c], { theme }) => `top-[67.5%] left-[19.69%]`],
+  [
+    /^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-21$/, ([, c], { theme }) => `top-2/4 left-[15%]`],
+  [
+    /^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-22$/, ([, c], { theme }) => `top-[32.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-23$/, ([, c], { theme }) => `top-[19.69%] left-[32.5%]`],
+  [
+    /^q-time__clock-pos-22$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-22'] ??
+      `top-[32.5%] left-[19.69%]`
+  ],
 
   [
-    /^q-time__now-button$/,
-    ([, c], { theme }) => `text-[#fff] top-[12px] right-[12px] bg-primary`
+    /^q-time__clock-pos-23$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-time__clock-pos-23'] ??
+      `top-[19.69%] left-[32.5%]`
   ],
 
   [
-    /^q-time.disabled$/,
+    /^q-time__now-button$/,
     ([, c], { theme }) =>
-      `[&_.q-time\\_\\_header-ampm]:(pointer-events-none) [&_.q-time\\_\\_content]:(pointer-events-none)`
+      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 }) =>
-      `inline-flex flex-col [&_.q-time\\_\\_header]:([border-top-right-radius:inherit] min-h-[86px]) [&_.q-time\\_\\_header-ampm]:(ml-[12px])`
-  ],
-
-  [
-    /^q-time--portrait.q-time--bordered$/,
-    ([, c], { theme }) => `[&_.q-time\\_\\_content]:(mx-[0] my-px)`
+      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)]`
   ]
 ]

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

@@ -5,116 +5,124 @@ 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 }) => `pb-[24px]`],
-
-  [/^q-timeline__title$/, ([, c], { theme }) => `mt-0 mb-[16px]`],
-
   [
-    /^q-timeline__subtitle$/,
+    /^q-timeline__content$/,
     ([, c], { theme }) =>
-      `text-[12px] mb-[8px] opacity-60 uppercase tracking-[1px] font-bold`
+      theme.quasar?.components?.['q-timeline__content'] ?? `pb-[24px]`
   ],
 
   [
-    /^q-timeline__dot$/,
+    /^q-timeline__title$/,
     ([, c], { theme }) =>
-      `absolute top-0 bottom-0 w-[15px] [&_.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])`
+      theme.quasar?.components?.['q-timeline__title'] ?? `mt-0 mb-[16px]`
   ],
 
   [
-    /^q-timeline__dot:before$/,
+    /^q-timeline__subtitle$/,
     ([, c], { theme }) =>
-      `content-empty bg-current block absolute 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]`
+      theme.quasar?.components?.['q-timeline__subtitle'] ??
+      `text-[12px] mb-[8px] opacity-60 uppercase tracking-[1px] font-bold`
   ],
 
   [
-    /^q-timeline__dot:after$/,
+    /^q-timeline__dot$/,
     ([, c], { theme }) =>
-      `content-empty bg-current block absolute w-[3px] opacity-40 top-[24px] bottom-0 left-[6px]`
+      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 }) =>
-      `absolute top-[4px] left-0 right-0 h-[31px] w-[31px] bg-current rounded-[50%]`
+      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 }) => `relative`],
-
   [
-    /^q-timeline__heading:first-child$/,
-    ([, c], { theme }) => `[&_.q-timeline\\_\\_heading-title]:(pt-0)`
+    /^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:last-child$/,
-    ([, c], { theme }) => `[&_.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__heading-title$/, ([, c], { theme }) => `px-[0] py-[32px] m-0`],
-
-  [/^q-timeline__entry$/, ([, c], { theme }) => `relative leading-[22px]`],
-
   [
-    /^q-timeline__entry:last-child$/,
+    /^q-timeline__entry$/,
     ([, c], { theme }) =>
-      `!pb-0 [&_.q-timeline\\_\\_dot:after]:(content-[none])`
+      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 }) =>
-      `[&_.q-timeline\\_\\_entry]:(pl-[40px]) [&_.q-timeline\\_\\_entry--icon_.q-timeline\\_\\_dot]:(-left-[8px]) [&_.q-timeline\\_\\_dot]:(left-0)`
+      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 }) =>
-      `[&_.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)`
+      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 }) =>
-      `[&_.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])`
+      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)`
   ]
 ]

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

@@ -27,62 +27,66 @@ body.desktop .q-toggle--dense:not(.disabled):focus .q-toggle__thumb:before, body
   }
 ]
 const shortcuts: UserShortcuts<QuasarTheme> = [
-  [/^q-toggle$/, ([, c], { theme }) => `align-middle`],
-
-  [/^q-toggle__native$/, ([, c], { theme }) => `w-px h-px`],
+  [
+    /^q-toggle$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-toggle'] ??
+      `align-middle [&.disabled]:(!opacity-75)`
+  ],
 
   [
-    /^q-toggle__track$/,
+    /^q-toggle__native$/,
     ([, c], { theme }) =>
-      `h-[0.35em] rounded-[0.175em] opacity-[0.38] bg-current`
+      theme.quasar?.components?.['q-toggle__native'] ?? `w-px h-px`
   ],
 
   [
-    /^q-toggle__thumb$/,
+    /^q-toggle__track$/,
     ([, c], { theme }) =>
-      `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 [&_.q-icon]:(text-[0.3em] min-w-[1em] text-[#000] opacity-[0.54] z-1)`
+      theme.quasar?.components?.['q-toggle__track'] ??
+      `h-[0.35em] rounded-[0.175em] opacity-[0.38] bg-current`
   ],
 
   [
-    /^q-toggle__thumb:after$/,
+    /^q-toggle__thumb$/,
     ([, c], { theme }) =>
-      `content-empty 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)]`
+      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]:(text-[0.3em] min-w-[1em] 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] h-[1em] px-[0.3em] py-[0.325em]`
   ],
 
   [
     /^q-toggle__inner--indet$/,
-    ([, c], { theme }) => `[&_.q-toggle\\_\\_thumb]:(left-[0.45em])`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-toggle__inner--indet'] ??
+      `[&_.q-toggle\\_\\_thumb]:(left-[0.45em])`
   ],
 
   [
     /^q-toggle__inner--truthy$/,
     ([, c], { theme }) =>
-      ` [&_.q-toggle\\_\\_track]:(opacity-[0.54]) [&_.q-toggle\\_\\_thumb]:(left-[0.65em]) [&_.q-toggle\\_\\_thumb:after]:(bg-current) [&_.q-toggle\\_\\_thumb_.q-icon]:(text-[#fff] opacity-100) text-primary`
+      theme.quasar?.components?.['q-toggle__inner--truthy'] ??
+      ` [&_.q-toggle\\_\\_track]:(opacity-[0.54]) [&_.q-toggle\\_\\_thumb]:(left-[0.65em]) [&_.q-toggle\\_\\_thumb:after]:(bg-current) [&_.q-toggle\\_\\_thumb_.q-icon]:(text-[#fff] opacity-100)`
   ],
 
-  [/^q-toggle.disabled$/, ([, c], { theme }) => `!opacity-75`],
-
   [
     /^q-toggle--dark$/,
     ([, c], { theme }) =>
-      `[&_.q-toggle\\_\\_inner]:(text-[#fff]) [&_.q-toggle\\_\\_inner--truthy]:(text-primary) [&_.q-toggle\\_\\_thumb:after]:([box-shadow:none]) [&_.q-toggle\\_\\_thumb:before]:(!opacity-[0.32])`
+      theme.quasar?.components?.['q-toggle--dark'] ??
+      `[&_.q-toggle\\_\\_inner]:(text-[#fff]) [&_.q-toggle\\_\\_inner--truthy]:() [&_.q-toggle\\_\\_thumb:after]:([box-shadow:none]) [&_.q-toggle\\_\\_thumb:before]:(!opacity-[0.32])`
   ],
 
   [
     /^q-toggle--dense$/,
     ([, c], { theme }) =>
-      `[&_.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])`
-  ],
-
-  [
-    /^q-toggle--dense.reverse$/,
-    ([, c], { theme }) => `[&_.q-toggle\\_\\_label]:(pl-0 pr-[0.5em])`
+      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])`
   ]
 ]
 

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

@@ -5,6 +5,7 @@ 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
@@ -15,6 +16,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^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)`
   ]
 ]

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

@@ -5,12 +5,14 @@ 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-9000 !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)`
   ]
 ]