vitrify 0.17.5 → 0.17.6

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

@@ -10,184 +10,243 @@ body.desktop .q-table > tbody > tr:not(.q-tr--no-hover):hover > td:not(.q-td--no
   }
 ]
 const shortcuts: UserShortcuts<QuasarTheme> = [
-  [/^q-markup-table$/, ([, c], { theme }) => `overflow-auto bg-[#fff]`],
+  [
+    /^q-markup-table$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-markup-table'] ?? `overflow-auto bg-[#fff]`
+  ],
+
   [
     /^q-table$/,
     ([, c], { theme }) =>
-      `w-full max-w-full border-separate [border-spacing:0] [&_thead_tr]:(h-[48px]) [&_tbody_td]:(h-[48px]) [&_th]:(font-medium text-[12px] select-none) [&_th.sortable]:(cursor-pointer) [&_th.sortable:hover_.q-table\\_\\_sort-icon]:(opacity-[0.64]) [&_th.sorted_.q-table\\_\\_sort-icon]:(!opacity-[0.86]) [&_th.sort-desc_.q-table\\_\\_sort-icon]:(rotate-180) [&_th]:(px-[16px] py-[7px] [background-color:inherit]) [&_td]:(px-[16px] py-[7px] [background-color:inherit]) [&_thead]:(border-solid border-0) [&_td]:(border-solid border-0) [&_th]:(border-solid border-0) [&_tbody_td]:(text-[13px]) [&_thead]:(border-[rgba(0,_0,_0,_0.12)]) [&_tr]:(border-[rgba(0,_0,_0,_0.12)]) [&_th]:(border-[rgba(0,_0,_0,_0.12)]) [&_td]:(border-[rgba(0,_0,_0,_0.12)]) [&_tbody_td]:(relative) [&_tbody_td:before]:(absolute top-0 left-0 right-0 bottom-0 pointer-events-none) [&_tbody_td:after]:(absolute top-0 left-0 right-0 bottom-0 pointer-events-none) [&_tbody_td:before]:(bg-[rgba(0,_0,_0,_0.03)]) [&_tbody_td:after]:(bg-[rgba(0,_0,_0,_0.06)]) [&_tbody_tr.selected_td:after]:(content-empty) [&_.q-virtual-scroll\\_\\_padding_tr]:(!h-[0]) [&_.q-virtual-scroll\\_\\_padding_td]:(!p-0)
-    [&_.q-virtual-scroll\\_\\_padding_tr]:(h-0!)
-    [&_.q-virtual-scroll\\_\\_padding_td]:(p-0!)`
+      theme.quasar?.components?.['q-table'] ??
+      `w-full max-w-full border-separate [border-spacing:0] [&_thead_tr]:(h-[48px]) [&_tbody_td]:(h-[48px]) [&_th]:(font-medium text-[12px] select-none) [&_th.sortable]:(cursor-pointer) [&_th.sortable:hover_.q-table\\_\\_sort-icon]:(opacity-[0.64]) [&_th.sorted_.q-table\\_\\_sort-icon]:(!opacity-[0.86]) [&_th.sort-desc_.q-table\\_\\_sort-icon]:(rotate-180) [&_th]:(px-[16px] py-[7px] [background-color:inherit]) [&_td]:(px-[16px] py-[7px] [background-color:inherit]) [&_thead]:(border-solid border-[0]) [&_td]:(border-solid border-[0]) [&_th]:(border-solid border-[0]) [&_tbody_td]:(text-[13px]) [&_thead]:(border-[rgba(0,_0,_0,_0.12)]) [&_tr]:(border-[rgba(0,_0,_0,_0.12)]) [&_th]:(border-[rgba(0,_0,_0,_0.12)]) [&_td]:(border-[rgba(0,_0,_0,_0.12)]) [&_tbody_td]:(relative) [&_tbody_td:before]:(absolute top-[0] left-[0] right-[0] bottom-[0] pointer-events-none) [&_tbody_td:after]:(absolute top-[0] left-[0] right-[0] bottom-[0] pointer-events-none) [&_tbody_td:before]:(bg-[rgba(0,_0,_0,_0.03)]) [&_tbody_td:after]:(bg-[rgba(0,_0,_0,_0.06)]) [&_tbody_tr.selected_td:after]:(content-['']) [&_.q-virtual-scroll\\_\\_padding_tr]:(!h-[0]) [&_.q-virtual-scroll\\_\\_padding_td]:(!p-0)`
   ],
 
   [
     /^q-table__card$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__card'] ??
       `text-[#000] bg-[#fff] 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-table\\_\\_middle]:(flex-auto) [&_.q-table\\_\\_top]:(flex-[0_0_auto]) [&_.q-table\\_\\_bottom]:(flex-[0_0_auto])`
   ],
 
   [
     /^q-table__container$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__container'] ??
       `relative [&_>_div:first-child]:([border-top-left-radius:inherit] [border-top-right-radius:inherit]) [&_>_div:last-child]:([border-bottom-left-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_.q-inner-loading]:([border-radius:inherit!important])`
   ],
 
   [
     /^q-table__top$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__top'] ??
       `px-[16px] py-[12px] [&_.q-table\\_\\_control]:(flex-wrap)`
   ],
 
   [
     /^q-table__title$/,
-    ([, c], { theme }) => `text-[20px] tracking-[0.005em] font-normal`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__title'] ??
+      `text-[20px] tracking-[0.005em] font-normal`
   ],
 
-  [/^q-table__separator$/, ([, c], { theme }) => `!min-w-[8px]`],
+  [
+    /^q-table__separator$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__separator'] ?? `!min-w-[8px]`
+  ],
 
   [
     /^q-table__progress$/,
     ([, c], { theme }) =>
-      `!h-[0] [&_th]:(!p-0 !border-0) [&_.q-linear-progress]:(absolute bottom-0)`
+      theme.quasar?.components?.['q-table__progress'] ??
+      `!h-[0] [&_th]:(!p-0 !border-[0]) [&_.q-linear-progress]:(absolute bottom-[0])`
   ],
 
-  [/^q-table__middle$/, ([, c], { theme }) => `max-w-full`],
+  [
+    /^q-table__middle$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__middle'] ?? `max-w-full`
+  ],
 
   [
     /^q-table__bottom$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__bottom'] ??
       `min-h-[50px] pl-[16px] pr-[14px] py-[4px] text-[12px] [&_.q-table\\_\\_control]:(min-h-[24px]) [border-top:1px_solid_rgba(0,_0,_0,_0.12)]`
   ],
 
   [
     /^q-table__bottom-nodata-icon$/,
-    ([, c], { theme }) => `text-[200%] mr-[8px]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__bottom-nodata-icon'] ??
+      `text-[200%] mr-[8px]`
   ],
 
-  [/^q-table__bottom-item$/, ([, c], { theme }) => `mr-[16px]`],
+  [
+    /^q-table__bottom-item$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__bottom-item'] ?? `mr-[16px]`
+  ],
 
-  [/^q-table__control$/, ([, c], { theme }) => `flex items-center`],
+  [
+    /^q-table__control$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__control'] ?? `flex items-center`
+  ],
 
   [
     /^q-table__sort-icon$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__sort-icon'] ??
       `[transition:transform_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)] opacity-0 text-[120%]`
   ],
 
-  [/^q-table__sort-icon--left$/, ([, c], { theme }) => `ml-[4px]`],
+  [
+    /^q-table__sort-icon--left$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__sort-icon--left'] ?? `ml-[4px]`
+  ],
 
-  [/^q-table__sort-icon--center$/, ([, c], { theme }) => `ml-[4px]`],
+  [
+    /^q-table__sort-icon--center$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__sort-icon--center'] ?? `ml-[4px]`
+  ],
 
-  [/^q-table__sort-icon--right$/, ([, c], { theme }) => `mr-[4px]`],
+  [
+    /^q-table__sort-icon--right$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__sort-icon--right'] ?? `mr-[4px]`
+  ],
 
-  [/^q-table--col-auto-width$/, ([, c], { theme }) => `w-px`],
+  [
+    /^q-table--col-auto-width$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table--col-auto-width'] ?? `w-px`
+  ],
 
   [
     /^q-table__card--dark$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__card--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)]`
   ],
 
   [
     /^q-table--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)] [&_.q-table\\_\\_bottom]:(border-[rgba(255,_255,_255,_0.28)]) [&_thead]:(border-[rgba(255,_255,_255,_0.28)]) [&_tr]:(border-[rgba(255,_255,_255,_0.28)]) [&_th]:(border-[rgba(255,_255,_255,_0.28)]) [&_td]:(border-[rgba(255,_255,_255,_0.28)]) [&_tbody_td:before]:(bg-[rgba(255,_255,_255,_0.07)]) [&_tbody_td:after]:(bg-[rgba(255,_255,_255,_0.1)])`
+      theme.quasar?.components?.['q-table--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)] [&_.q-table\\_\\_bottom]:(border-[rgba(255,_255,_255,_0.28)]) [&_thead]:(border-[rgba(255,_255,_255,_0.28)]) [&_tr]:(border-[rgba(255,_255,_255,_0.28)]) [&_th]:(border-[rgba(255,_255,_255,_0.28)]) [&_td]:(border-[rgba(255,_255,_255,_0.28)]) [&_tbody_td:before]:(bg-[rgba(255,_255,_255,_0.07)]) [&_tbody_td:after]:(bg-[rgba(255,_255,_255,_0.1)]) [&.q-table--vertical-separator_.q-table\\_\\_top]:(border-[rgba(255,_255,_255,_0.28)]) [&.q-table--cell-separator_.q-table\\_\\_top]:(border-[rgba(255,_255,_255,_0.28)])`
   ],
 
-  [/^q-table--flat$/, ([, c], { theme }) => `[box-shadow:none]`],
+  [
+    /^q-table--flat$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table--flat'] ?? `[box-shadow:none]`
+  ],
 
   [
     /^q-table--bordered$/,
-    ([, c], { theme }) => `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table--bordered'] ??
+      `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
   ],
 
-  [/^q-table--square$/, ([, c], { theme }) => `rounded-none`],
+  [
+    /^q-table--square$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table--square'] ?? `rounded-none`
+  ],
 
-  [/^q-table__linear-progress$/, ([, c], { theme }) => `h-[2px]`],
+  [
+    /^q-table__linear-progress$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__linear-progress'] ?? `h-[2px]`
+  ],
 
   [
     /^q-table--no-wrap$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table--no-wrap'] ??
       `[&_th]:(whitespace-nowrap) [&_td]:(whitespace-nowrap)`
   ],
 
   [
     /^q-table--grid$/,
     ([, c], { theme }) =>
-      `[box-shadow:none] rounded-[4px] [&_.q-table\\_\\_top]:(pb-[4px]) [&_.q-table\\_\\_middle]:(min-h-[2px] mb-[4px]) [&_.q-table\\_\\_middle_thead]:(!border-0) [&_.q-table\\_\\_middle_thead_th]:(!border-0) [&_.q-table\\_\\_linear-progress]:(bottom-0) [&_.q-table\\_\\_bottom]:([border-top:0]) [&_.q-table\\_\\_grid-content]:(flex-auto)`
+      theme.quasar?.components?.['q-table--grid'] ??
+      `[box-shadow:none] rounded-[4px] [&_.q-table\\_\\_top]:(pb-[4px]) [&_.q-table\\_\\_middle]:(min-h-[2px] mb-[4px]) [&_.q-table\\_\\_middle_thead]:(!border-[0]) [&_.q-table\\_\\_middle_thead_th]:(!border-[0]) [&_.q-table\\_\\_linear-progress]:(bottom-[0]) [&_.q-table\\_\\_bottom]:([border-top:0]) [&_.q-table\\_\\_grid-content]:(flex-auto) [&.fullscreen]:([background:inherit])`
   ],
 
-  [/^q-table--grid.fullscreen$/, ([, c], { theme }) => `[background:inherit]`],
-
   [
     /^q-table__grid-item-card$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__grid-item-card'] ??
       `align-top p-[12px] [&_.q-separator]:(mx-[0] my-[12px])`
   ],
 
   [
     /^q-table__grid-item-row$/,
-    ([, c], { theme }) => `[&_+_.q-table\\_\\_grid-item-row]:(mt-[8px])`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__grid-item-row'] ??
+      `[&_+_.q-table\\_\\_grid-item-row]:(mt-[8px])`
   ],
 
   [
     /^q-table__grid-item-title$/,
-    ([, c], { theme }) => `opacity-[0.54] font-medium text-[12px]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__grid-item-title'] ??
+      `opacity-[0.54] font-medium text-[12px]`
   ],
 
-  [/^q-table__grid-item-value$/, ([, c], { theme }) => `text-[13px]`],
+  [
+    /^q-table__grid-item-value$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__grid-item-value'] ?? `text-[13px]`
+  ],
 
   [
     /^q-table__grid-item$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__grid-item'] ??
       `p-[4px] [transition:transform_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)]`
   ],
 
-  [/^q-table__grid-item--selected$/, ([, c], { theme }) => `scale-[0.95]`],
+  [
+    /^q-table__grid-item--selected$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__grid-item--selected'] ??
+      `scale-[0.95]`
+  ],
 
   [
     /^q-table--horizontal-separator$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table--horizontal-separator'] ??
       `[&_thead_th]:(border-b) [&_tbody_tr:not(:last-child)_>_td]:(border-b)`
   ],
 
   [
     /^q-table--cell-separator$/,
     ([, c], { theme }) =>
-      `[&_thead_th]:(border-b) [&_tbody_tr:not(:last-child)_>_td]:(border-b) [&_td]:(border-l) [&_th]:(border-l) [&_thead_tr:last-child_th]:(border-b) [&_td:first-child]:([border-left:0]) [&_th:first-child]:([border-left:0]) [&_.q-table\\_\\_top]:([border-bottom:1px_solid_rgba(0,_0,_0,_0.12)])`
+      theme.quasar?.components?.['q-table--cell-separator'] ??
+      `[&_thead_th]:(border-b) [&_tbody_tr:not(:last-child)_>_td]:(border-b) [&_td]:(border-l) [&_th]:(border-l) [&_thead_tr:last-child_th]:(border-b) [&.q-table--loading_tr:nth-last-child(2)_th]:(border-b) [&_td:first-child]:([border-left:0]) [&_th:first-child]:([border-left:0]) [&_.q-table\\_\\_top]:([border-bottom:1px_solid_rgba(0,_0,_0,_0.12)])`
   ],
 
   [
     /^q-table--vertical-separator$/,
     ([, c], { theme }) =>
-      `[&_td]:(border-l) [&_th]:(border-l) [&_thead_tr:last-child_th]:(border-b) [&_td:first-child]:([border-left:0]) [&_th:first-child]:([border-left:0]) [&_.q-table\\_\\_top]:([border-bottom:1px_solid_rgba(0,_0,_0,_0.12)])`
-  ],
-
-  [
-    /^q-table--vertical-separator.q-table--loading$/,
-    ([, c], { theme }) => `[&_tr:nth-last-child(2)_th]:(border-b)`
-  ],
-
-  [
-    /^q-table--cell-separator.q-table--loading$/,
-    ([, c], { theme }) => `[&_tr:nth-last-child(2)_th]:(border-b)`
+      theme.quasar?.components?.['q-table--vertical-separator'] ??
+      `[&_td]:(border-l) [&_th]:(border-l) [&_thead_tr:last-child_th]:(border-b) [&.q-table--loading_tr:nth-last-child(2)_th]:(border-b) [&_td:first-child]:([border-left:0]) [&_th:first-child]:([border-left:0]) [&_.q-table\\_\\_top]:([border-bottom:1px_solid_rgba(0,_0,_0,_0.12)])`
   ],
 
   [
     /^q-table--dense$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table--dense'] ??
       `[&_.q-table\\_\\_top]:(px-[16px] py-[6px]) [&_.q-table\\_\\_bottom]:(min-h-[33px]) [&_.q-table\\_\\_sort-icon]:(text-[110%]) [&_.q-table_th]:(px-[8px] py-[4px]) [&_.q-table_td]:(px-[8px] py-[4px]) [&_.q-table_thead_tr]:(h-[28px]) [&_.q-table_tbody_tr]:(h-[28px]) [&_.q-table_tbody_td]:(h-[28px]) [&_.q-table_th:first-child]:(pl-[16px]) [&_.q-table_td:first-child]:(pl-[16px]) [&_.q-table_th:last-child]:(pr-[16px]) [&_.q-table_td:last-child]:(pr-[16px]) [&_.q-table\\_\\_bottom-item]:(mr-[8px]) [&_.q-table\\_\\_select_.q-field\\_\\_control]:(min-h-[24px] p-0) [&_.q-table\\_\\_select_.q-field\\_\\_native]:(min-h-[24px] p-0) [&_.q-table\\_\\_select_.q-field\\_\\_marginal]:(h-[24px])`
-  ],
-
-  [
-    /^q-table--dark.q-table--vertical-separator$/,
-    ([, c], { theme }) =>
-      `[&_.q-table\\_\\_top]:(border-[rgba(255,_255,_255,_0.28)])`
-  ],
-
-  [
-    /^q-table--dark.q-table--cell-separator$/,
-    ([, c], { theme }) =>
-      `[&_.q-table\\_\\_top]:(border-[rgba(255,_255,_255,_0.28)])`
   ]
 ]
 

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

@@ -5,133 +5,164 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
   [
     /^q-tab$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tab'] ??
       `px-[16px] py-[0] min-h-[48px] [transition:color_0.3s,_background-color_0.3s] uppercase whitespace-nowrap [color:inherit] no-underline [&_.q-badge]:(top-[3px] -right-[12px])`
   ],
 
-  [/^q-tab--full$/, ([, c], { theme }) => `min-h-[72px]`],
+  [
+    /^q-tab--full$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tab--full'] ?? `min-h-[72px]`
+  ],
 
-  [/^q-tab--no-caps$/, ([, c], { theme }) => `normal-case`],
+  [
+    /^q-tab--no-caps$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tab--no-caps'] ?? `normal-case`
+  ],
 
   [
     /^q-tab__content$/,
     ([, c], { theme }) =>
-      `[height:inherit] px-[0] py-[4px] min-w-[40px] [&_.q-chip--floating]:(top-0 -right-[16px])`
+      theme.quasar?.components?.['q-tab__content'] ??
+      `[height:inherit] px-[0] py-[4px] min-w-[40px] [&_.q-chip--floating]:(top-[0] -right-[16px])`
   ],
 
   [
     /^q-tab__content--inline$/,
-    ([, c], { theme }) => `[&_.q-tab\\_\\_icon_+_.q-tab\\_\\_label]:(pl-[8px])`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tab__content--inline'] ??
+      `[&_.q-tab\\_\\_icon_+_.q-tab\\_\\_label]:(pl-[8px])`
   ],
 
-  [/^q-tab__icon$/, ([, c], { theme }) => `w-[24px] h-[24px] text-[24px]`],
+  [
+    /^q-tab__icon$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tab__icon'] ??
+      `w-[24px] h-[24px] text-[24px]`
+  ],
 
   [
     /^q-tab__label$/,
-    ([, c], { theme }) => `text-[14px] leading-[1.715em] font-medium`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tab__label'] ??
+      `text-[14px] leading-[1.715em] font-medium`
   ],
 
   [
     /^q-tab__alert$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tab__alert'] ??
       `absolute top-[7px] -right-[9px] h-[10px] w-[10px] rounded-[50%] bg-current`
   ],
 
   [
     /^q-tab__alert-icon$/,
-    ([, c], { theme }) => `absolute top-[2px] -right-[12px] text-[18px]`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tab__alert-icon'] ??
+      `absolute top-[2px] -right-[12px] text-[18px]`
   ],
 
-  [/^q-tab__indicator$/, ([, c], { theme }) => `opacity-0 h-[2px] bg-current`],
+  [
+    /^q-tab__indicator$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tab__indicator'] ??
+      `opacity-0 h-[2px] bg-current`
+  ],
 
   [
     /^q-tab--active$/,
-    ([, c], { theme }) => `[&_.q-tab\\_\\_indicator]:(opacity-100 origin-left)`
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tab--active'] ??
+      `[&_.q-tab\\_\\_indicator]:(opacity-100 origin-left)`
   ],
 
-  [/^q-tab--inactive$/, ([, c], { theme }) => `opacity-[0.85]`],
+  [
+    /^q-tab--inactive$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tab--inactive'] ?? `opacity-[0.85]`
+  ],
 
   [
     /^q-tabs$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tabs'] ??
       `relative [transition:color_0.3s,_background-color_0.3s]`
   ],
 
   [
-    /^q-tabs--scrollable.q-tabs__arrows--outside.q-tabs--horizontal$/,
-    ([, c], { theme }) => `pl-[36px] pr-[36px]`
+    /^q-tabs--scrollable$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tabs--scrollable'] ??
+      `[&.q-tabs__arrows--outside.q-tabs--horizontal]:(pl-[36px] pr-[36px]) [&.q-tabs__arrows--outside.q-tabs--vertical]:(pt-[36px] pb-[36px]) [&.q-tabs__arrows--outside_.q-tabs\\_\\_arrow--faded]:(opacity-30 pointer-events-none) [&.q-tabs__arrows--inside_.q-tabs\\_\\_arrow--faded]:(hidden)`
   ],
 
   [
-    /^q-tabs--scrollable.q-tabs__arrows--outside.q-tabs--vertical$/,
-    ([, c], { theme }) => `pt-[36px] pb-[36px]`
+    /^q-tabs--not-scrollable$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tabs--not-scrollable'] ??
+      `[&.q-tabs__arrows--outside]:(pl-0 pr-0) [&_.q-tabs\\_\\_arrow]:(hidden) [&_.q-tabs\\_\\_content]:([border-radius:inherit])`
   ],
 
   [
-    /^q-tabs--scrollable.q-tabs__arrows--outside$/,
+    /^q-tabs__arrow$/,
     ([, c], { theme }) =>
-      `[&_.q-tabs\\_\\_arrow--faded]:(opacity-30 pointer-events-none)`
+      theme.quasar?.components?.['q-tabs__arrow'] ??
+      `cursor-pointer text-[32px] min-w-[36px] [text-shadow:0_0_3px_#fff,_0_0_1px_#fff,_0_0_1px_#000] [transition:opacity_0.3s]`
   ],
 
   [
-    /^q-tabs--scrollable.q-tabs__arrows--inside$/,
-    ([, c], { theme }) => `[&_.q-tabs\\_\\_arrow--faded]:(hidden)`
+    /^q-tabs__content$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tabs__content'] ??
+      `overflow-hidden flex-auto`
   ],
 
   [
-    /^q-tabs--not-scrollable.q-tabs__arrows--outside$/,
-    ([, c], { theme }) => `pl-0 pr-0`
+    /^q-tabs__content--align-center$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tabs__content--align-center'] ??
+      `justify-center`
   ],
 
   [
-    /^q-tabs--not-scrollable$/,
+    /^q-tabs__content--align-right$/,
     ([, c], { theme }) =>
-      `[&_.q-tabs\\_\\_arrow]:(hidden) [&_.q-tabs\\_\\_content]:([border-radius:inherit])`
+      theme.quasar?.components?.['q-tabs__content--align-right'] ??
+      `justify-end`
   ],
 
   [
-    /^q-tabs__arrow$/,
+    /^q-tabs__content--align-justify$/,
     ([, c], { theme }) =>
-      `cursor-pointer text-[32px] min-w-[36px] [text-shadow:0_0_3px_#fff,_0_0_1px_#fff,_0_0_1px_#000] [transition:opacity_0.3s]`
+      theme.quasar?.components?.['q-tabs__content--align-justify'] ??
+      `[&_.q-tab]:(flex-auto)`
   ],
 
-  [/^q-tabs__content$/, ([, c], { theme }) => `overflow-hidden flex-auto`],
-
-  [/^q-tabs__content--align-center$/, ([, c], { theme }) => `justify-center`],
-
-  [/^q-tabs__content--align-right$/, ([, c], { theme }) => `justify-end`],
-
   [
-    /^q-tabs__content--align-justify$/,
-    ([, c], { theme }) => `[&_.q-tab]:(flex-auto)`
+    /^q-tabs__offset$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tabs__offset'] ?? `hidden`
   ],
 
-  [/^q-tabs__offset$/, ([, c], { theme }) => `hidden`],
-
   [
     /^q-tabs--horizontal$/,
     ([, c], { theme }) =>
-      `[&_.q-tabs\\_\\_arrow]:(h-full) [&_.q-tabs\\_\\_arrow--left]:(top-0 left-0 bottom-0) [&_.q-tabs\\_\\_arrow--right]:(top-0 right-0 bottom-0)`
+      theme.quasar?.components?.['q-tabs--horizontal'] ??
+      `[&_.q-tabs\\_\\_arrow]:(h-full) [&_.q-tabs\\_\\_arrow--left]:(top-[0] left-[0] bottom-[0]) [&_.q-tabs\\_\\_arrow--right]:(top-[0] right-[0] bottom-[0])`
   ],
 
   [
     /^q-tabs--vertical$/,
     ([, c], { theme }) =>
-      `!block h-full [&_.q-tabs\\_\\_content]:(!block h-full) [&_.q-tabs\\_\\_arrow]:(w-full h-[36px] text-center) [&_.q-tabs\\_\\_arrow--left]:(top-0 left-0 right-0) [&_.q-tabs\\_\\_arrow--right]:(left-0 right-0 bottom-0) [&_.q-tab]:(px-[8px] py-[0]) [&_.q-tab\\_\\_indicator]:(h-[unset] w-[2px])`
-  ],
-
-  [
-    /^q-tabs--vertical.q-tabs--not-scrollable$/,
-    ([, c], { theme }) => `[&_.q-tabs\\_\\_content]:(h-full)`
-  ],
-
-  [
-    /^q-tabs--vertical.q-tabs--dense$/,
-    ([, c], { theme }) => `[&_.q-tab\\_\\_content]:(min-w-[24px])`
+      theme.quasar?.components?.['q-tabs--vertical'] ??
+      `!block h-full [&_.q-tabs\\_\\_content]:(!block h-full) [&_.q-tabs\\_\\_arrow]:(w-full h-[36px] text-center) [&_.q-tabs\\_\\_arrow--left]:(top-[0] left-[0] right-[0]) [&_.q-tabs\\_\\_arrow--right]:(left-[0] right-[0] bottom-[0]) [&_.q-tab]:(px-[8px] py-[0]) [&_.q-tab\\_\\_indicator]:(h-[unset] w-[2px]) [&.q-tabs--not-scrollable_.q-tabs\\_\\_content]:(h-full) [&.q-tabs--dense_.q-tab\\_\\_content]:(min-w-[24px])`
   ],
 
   [
     /^q-tabs--dense$/,
     ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tabs--dense'] ??
       `[&_.q-tab]:(min-h-[36px]) [&_.q-tab--full]:(min-h-[52px])`
   ]
 ]