vitrify 0.17.5 → 0.17.6

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

@@ -17,81 +17,78 @@ body.desktop.body--dark .q-chip--clickable:focus {
 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)
-    `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-chip'] ??
+      `align-middle rounded-[16px] outline-[0] relative h-[2em] max-w-full m-[4px] bg-[#e0e0e0] text-[rgba(0,_0,_0,_0.87)] text-[14px] px-[0.9em] py-[0.5em] [&_.q-avatar]:(text-[2em] -ml-[0.45em] mr-[0.2em] rounded-[16px])`
   ],
+
   [
     /^q-chip--colored$/,
-    ([, c], { theme }) => `
-      [&_.q-chip__icon]:(text-inherit)
-      [&_.q-chip--dark_.q-chip\\_\\_icon]:(text-inherit)
-    `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-chip--colored'] ??
+      `[&_.q-chip\\_\\_icon]:([color:inherit])`
+  ],
+
+  [
+    /^q-chip--dark$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-chip--dark'] ??
+      `[&_.q-chip\\_\\_icon]:([color:inherit])`
   ],
+
   [
     /^q-chip--outline$/,
-    ([, c], { theme }) => `
-      bg-transparent! border-solid border-width-1px border-current
-      [&_.q-chip--dark_.q-chip\\_\\_icon]:(text-inherit)
-    `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-chip--outline'] ??
+      `!bg-transparent border-[1px] border-solid border-[currentColor]`
   ],
+
   [
     /^q-chip--selected$/,
-    ([, c], { theme }) => `
-      hidden
-    `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-chip--selected'] ?? `[&_.q-avatar]:(hidden)`
   ],
+
   [
     /^q-chip__icon$/,
-    ([, c], { theme }) => `
-      text-black text-op-540 text-1.5em m--0.2em
-    `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-chip__icon'] ??
+      `text-[rgba(0,_0,_0,_0.54)] text-[1.5em] -m-[0.2em]`
   ],
+
   [
     /^q-chip__icon--left$/,
-    ([, c], { theme }) => `
-     mr-0.2em
-    `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-chip__icon--left'] ?? `mr-[0.2em]`
   ],
+
   [
     /^q-chip__icon--right$/,
-    ([, c], { theme }) => `
-     ml-0.2em
-    `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-chip__icon--right'] ?? `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
-    `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-chip__icon--remove'] ??
+      `ml-[0.1em] -mr-[0.5em] opacity-60 outline-[0] [&:hover]:(opacity-100) [&:focus]:(opacity-100)`
   ],
+
+  [/^q-chip__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--dense$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-chip--dense'] ??
+      `rounded-[12px] px-[0.4em] py-[0] h-[1.5em] [&_.q-avatar]:(text-[1.5em] -ml-[0.27em] mr-[0.1em] rounded-[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)
-    `
+    /^q-chip--square$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-chip--square'] ??
+      `rounded-[4px] [&_.q-avatar]:(rounded-tl-[3px] rounded-br-[0] rounded-tr-[0] rounded-bl-[3px])`
   ]
 ]
 

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

@@ -24,6 +24,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-circular-progress$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-circular-progress'] ??
       `inline-block relative align-middle w-[1em] h-[1em] leading-none`
   ],
 
@@ -34,6 +35,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-circular-progress--indeterminate$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-circular-progress--indeterminate'] ??
       `[&_.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])`
   ]
 ]

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

@@ -4,174 +4,165 @@ 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)
-    `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker'] ??
+      `overflow-hidden bg-[#fff] max-w-[350px] align-top min-w-[180px] rounded-[4px] [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)] [&_.q-tab]:(!p-0) [&_input]:([color:inherit] bg-transparent outline-[0] text-center) [&_.q-tabs]:(overflow-hidden) [&_.q-tab--active]:([box-shadow:0_0_14px_3px_rgba(0,_0,_0,_0.2)]) [&_.q-tab--active_.q-focus-helper]:(hidden) [&_.q-tab\\_\\_indicator]:(hidden) [&_.q-tab-panels]:([background:inherit])`
   ],
+
   [
     /^q-color-picker--bordered$/,
-    ([, c], { theme }) => `
-    border-1px border-black border-op-120
-    `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker--bordered'] ??
+      `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
   ],
+
   [
     /^q-color-picker__header-tabs$/,
-    ([, c], { theme }) => `
-    h-32px
-    `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker__header-tabs'] ?? `h-[32px]`
   ],
+
   [
     /^q-color-picker__header-banner$/,
-    ([, c], { theme }) => `
-    h-36px
-    `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker__header-banner'] ??
+      `h-[36px] 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)
-    `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker__header'] ??
+      `[&_input]:(leading-[24px] border-[0]) [&_.q-tab]:(!min-h-[32px] !h-[32px]) [&_.q-tab--inactive]:(bg-[linear-gradient(_to_top,_rgba(0,_0,_0,_0.3)_0%,_rgba(0,_0,_0,_0.15)_25%,_rgba(0,_0,_0,_0.1)_)])`
   ],
+
   [
     /^q-color-picker__error-icon$/,
-    ([, c], { theme }) => `
-      bottom-2px right-2px text-24px op-0 transition-opacity-300
-    `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker__error-icon'] ??
+      `bottom-[2px] right-[2px] text-[24px] opacity-0 [transition:opacity_0.3s_ease-in]`
   ],
+
   [
     /^q-color-picker__header-content$/,
-    ([, c], { theme }) => `
-      relative bg-white
-    `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker__header-content'] ??
+      `relative bg-[#fff]`
   ],
+
   [
     /^q-color-picker__header-content--light$/,
-    ([, c], { theme }) => `
-      text-black
-    `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker__header-content--light'] ??
+      `text-[#000]`
   ],
+
   [
     /^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
-    `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker__header-content--dark'] ??
+      `text-[#fff] [&_.q-tab--inactive:before]:(content-[''] absolute top-[0] right-[0] bottom-[0] left-[0] bg-[rgba(255,_255,_255,_0.2)])`
   ],
+
   [
     /^q-color-picker__header-bg$/,
-    ([, c], { theme }) => `
-      bg-white bg-[url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAH0lEQVQoU2NkYGAwZkAFZ5G5jPRRgOYEVDeB3EBjBQBOZwTVugIGyAAAAABJRU5ErkJggg==)')]
-
-    `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker__header-bg'] ??
+      `bg-[#fff] bg-[url('data:image/png]`
   ],
+
   [
     /^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)
-    `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker__footer'] ??
+      `h-[36px] [&_.q-tab]:(!min-h-[36px] !h-[36px]) [&_.q-tab--inactive]:(bg-[linear-gradient(_to_bottom,_rgba(0,_0,_0,_0.3)_0%,_rgba(0,_0,_0,_0.15)_25%,_rgba(0,_0,_0,_0.1)_)])`
   ],
+
   [
     /^q-color-picker__spectrum$/,
-    ([, c], { theme }) => `
-      h-full w-full
-    `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker__spectrum'] ?? `w-full h-full`
   ],
+
   [
     /^q-color-picker__spectrum-tab$/,
-    ([, c], { theme }) => `
-      p-0!
-    `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker__spectrum-tab'] ?? `!p-0`
   ],
+
   [
-    /^q-color-picker__spectrum--white$/,
-    ([, c], { theme }) => `
-      bg-gradient-to-r from-white to-black
-    `
+    /^q-color-picker__spectrum-white$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker__spectrum-white'] ??
+      `bg-[linear-gradient(to_right,_#fff,_rgba(255,_255,_255,_0))]`
   ],
+
   [
-    /^q-color-picker__spectrum--white$/,
-    ([, c], { theme }) => `
-      bg-gradient-to-t from-black to-black
-    `
+    /^q-color-picker__spectrum-black$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker__spectrum-black'] ??
+      `bg-[linear-gradient(to_top,_#000,_rgba(0,_0,_0,_0))]`
   ],
+
   [
-    /^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__spectrum-circle$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker__spectrum-circle'] ??
+      `w-[10px] h-[10px] [box-shadow:0_0_0_1.5px_#fff,_inset_0_0_1px_1px_rgba(0,_0,_0,_0.3),_0_0_1px_2px_rgba(0,_0,_0,_0.4)] rounded-[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)
-    `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker__hue'] ??
+      `[&_.q-slider\\_\\_track]:(!bg-[linear-gradient(_to_right,_#f00_0%,_#ff0_17%,_#0f0_33%,_#0ff_50%,_#00f_67%,_#f0f_83%,_#f00_100%_)] opacity-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])
-    `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker__alpha'] ??
+      `[&_.q-slider\\_\\_track-container]:(pt-0) [&_.q-slider\\_\\_track:before]:(content-[''] absolute top-[0] right-[0] bottom-[0] left-[0] [border-radius:inherit] bg-[linear-gradient(90deg,_rgba(255,_255,_255,_0),_#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)
-  `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker__sliders'] ??
+      `px-[16px] py-[0] [&_.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)
-  `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker__tune-tab'] ??
+      `[&_.q-slider]:(ml-[18px] mr-[18px]) [&_input]:(text-[11px] border-[1px] border-solid border-[#e0e0e0] rounded-[4px] w-[3.5em])`
   ],
+
   [
     /^q-color-picker__palette-tab$/,
-    ([, c], { theme }) => `
-      p-0!
-  `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker__palette-tab'] ?? `!p-0`
   ],
+
   [
     /^q-color-picker__palette-rows--editable$/,
-    ([, c], { theme }) => `
-      [&_.q-color-picker__cube]:(cursor-pointer)
-  `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker__palette-rows--editable'] ??
+      `[&_.q-color-picker\\_\\_cube]:(cursor-pointer)`
   ],
+
   [
     /^q-color-picker__cube$/,
-    ([, c], { theme }) => `
-      pb-10% w-10%!
-  `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker__cube'] ?? `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])
-  `
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-color-picker--dark'] ??
+      `[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)] [&_.q-color-picker\\_\\_tune-tab_input]:(border-[1px] border-solid border-[rgba(255,255,255,0.3)]) [&_.q-slider\\_\\_thumb]:(text-[#fafafa])`
   ]
 ]
 

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

@@ -5,17 +5,21 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-date$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-date'] ??
       `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)]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-date--bordered'] ??
+      `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
   ],
 
   [
     /^q-date__header$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-date__header'] ??
       `[border-top-left-radius:inherit] text-[#fff] p-[16px] bg-primary`
   ],
 
@@ -23,7 +27,9 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
 
   [
     /^q-date__content$/,
-    ([, c], { theme }) => `outline-0 [&_.q-btn]:(font-normal)`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-date__content'] ??
+      `outline-0 [&_.q-btn]:(font-normal)`
   ],
 
   [/^q-date__main$/, ([, c], { theme }) => `outline-0`],
@@ -31,6 +37,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-date__header-link$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-date__header-link'] ??
       `opacity-[0.64] outline-0 [transition:opacity_0.3s_ease-out] [&:hover]:(opacity-100) [&:focus]:(opacity-100)`
   ],
 
@@ -38,33 +45,43 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
 
   [
     /^q-date__header-subtitle$/,
-    ([, c], { theme }) => `text-[14px] leading-[1.75] tracking-[0.00938em]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-date__header-subtitle'] ??
+      `text-[14px] leading-[1.75] tracking-[0.00938em]`
   ],
 
   [
     /^q-date__header-title-label$/,
-    ([, c], { theme }) => `text-[24px] leading-[1.2] tracking-[0.00735em]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-date__header-title-label'] ??
+      `text-[24px] leading-[1.2] tracking-[0.00735em]`
   ],
 
   [
     /^q-date__view$/,
-    ([, c], { theme }) => `h-full w-full min-h-[290px] p-[16px]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-date__view'] ??
+      `h-full w-full min-h-[290px] p-[16px]`
   ],
 
   [
     /^q-date__navigation$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-date__navigation'] ??
       `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])`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-date__calendar-weekdays'] ??
+      `h-[12.5%] [&_>_div]:(opacity-[0.38] text-[12px])`
   ],
 
   [
     /^q-date__calendar-item$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-date__calendar-item'] ??
       `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])`
   ],
 
@@ -75,48 +92,57 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-date__range$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-date__range'] ??
       `[&: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 }) =>
+      theme.quasar?.components?.['q-date__range-from'] ??
       `[&: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 }) =>
+      theme.quasar?.components?.['q-date__range-to'] ??
       `[&: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 }) =>
+      theme.quasar?.components?.['q-date__edit-range'] ??
       `[&: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 }) =>
+      theme.quasar?.components?.['q-date__edit-range-from'] ??
       `[&: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 }) =>
+      theme.quasar?.components?.['q-date__edit-range-from-to'] ??
       `[&: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 }) =>
+      theme.quasar?.components?.['q-date__edit-range-to'] ??
       `[&: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]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-date__calendar-days-container'] ??
+      `h-3/4 min-h-[192px]`
   ],
 
   [/^q-date__calendar-days$/, ([, c], { theme }) => `[&_>_div]:(!h-1/6)`],
@@ -124,12 +150,15 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-date__event$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-date__event'] ??
       `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]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-date__today'] ??
+      `[box-shadow:0_0_1px_0_currentColor]`
   ],
 
   [/^q-date__years-content$/, ([, c], { theme }) => `px-[8px] py-[0]`],
@@ -141,6 +170,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-date--readonly$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-date--readonly'] ??
       `[&_.q-date\\_\\_header]:(pointer-events-none) [&_.q-date\\_\\_content]:(pointer-events-none) [&_.q-date\\_\\_navigation]:(hidden)`
   ],
 
@@ -149,23 +179,28 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-date--portrait-standard$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-date--portrait-standard'] ??
       `[&_.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)`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-date--portrait-minimal'] ??
+      `[&_.q-date\\_\\_content]:(h-full)`
   ],
 
   [
     /^q-date--landscape$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-date--landscape'] ??
       `flex-row items-stretch min-w-[420px] [&_>_div]:(flex flex-col) [&_.q-date\\_\\_content]:(h-full)`
   ],
 
   [
     /^q-date--landscape-standard$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-date--landscape-standard'] ??
       `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])`
   ],
 
@@ -174,6 +209,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-date--dark$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-date--dark'] ??
       `[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)]`
   ]
 ]