vitrify 0.17.4 → 0.17.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (133) hide show
  1. package/dist/plugins/quasar/unocss/components/QAjaxBar.unocss.js +8 -4
  2. package/dist/plugins/quasar/unocss/components/QAvatar.unocss.js +4 -2
  3. package/dist/plugins/quasar/unocss/components/QBadge.unocss.js +8 -4
  4. package/dist/plugins/quasar/unocss/components/QBanner.unocss.js +6 -3
  5. package/dist/plugins/quasar/unocss/components/QBar.unocss.js +6 -3
  6. package/dist/plugins/quasar/unocss/components/QBtn.unocss.js +26 -13
  7. package/dist/plugins/quasar/unocss/components/QBtnDropdown.unocss.js +4 -2
  8. package/dist/plugins/quasar/unocss/components/QBtnGroup.unocss.js +10 -5
  9. package/dist/plugins/quasar/unocss/components/QCard.unocss.js +14 -7
  10. package/dist/plugins/quasar/unocss/components/QCarousel.unocss.js +38 -19
  11. package/dist/plugins/quasar/unocss/components/QChatMessage.unocss.js +14 -7
  12. package/dist/plugins/quasar/unocss/components/QCheckbox.unocss.js +16 -8
  13. package/dist/plugins/quasar/unocss/components/QChip.unocss.js +25 -47
  14. package/dist/plugins/quasar/unocss/components/QCircularProgress.unocss.js +4 -2
  15. package/dist/plugins/quasar/unocss/components/QColorPicker.unocss.js +46 -102
  16. package/dist/plugins/quasar/unocss/components/QDate.unocss.js +54 -27
  17. package/dist/plugins/quasar/unocss/components/QDialog.unocss.js +24 -12
  18. package/dist/plugins/quasar/unocss/components/QDrawer.unocss.js +28 -25
  19. package/dist/plugins/quasar/unocss/components/QEditor.unocss.js +10 -5
  20. package/dist/plugins/quasar/unocss/components/QExpansionItem.unocss.js +16 -8
  21. package/dist/plugins/quasar/unocss/components/QFab.unocss.js +46 -23
  22. package/dist/plugins/quasar/unocss/components/QField.unocss.js +60 -30
  23. package/dist/plugins/quasar/unocss/components/QFile.unocss.js +6 -3
  24. package/dist/plugins/quasar/unocss/components/QFooter.unocss.js +4 -2
  25. package/dist/plugins/quasar/unocss/components/QHeader.unocss.js +4 -2
  26. package/dist/plugins/quasar/unocss/components/QImg.unocss.js +12 -6
  27. package/dist/plugins/quasar/unocss/components/QInnerLoading.unocss.js +2 -1
  28. package/dist/plugins/quasar/unocss/components/QInput.unocss.js +4 -18
  29. package/dist/plugins/quasar/unocss/components/QItem.unocss.js +32 -16
  30. package/dist/plugins/quasar/unocss/components/QKnob.unocss.js +5 -6
  31. package/dist/plugins/quasar/unocss/components/QLayout.unocss.js +6 -3
  32. package/dist/plugins/quasar/unocss/components/QLinearProgress.unocss.js +23 -12
  33. package/dist/plugins/quasar/unocss/components/QMenu.unocss.js +4 -2
  34. package/dist/plugins/quasar/unocss/components/QPageSticky.unocss.js +2 -1
  35. package/dist/plugins/quasar/unocss/components/QPagination.unocss.js +6 -3
  36. package/dist/plugins/quasar/unocss/components/QParallax.unocss.js +4 -2
  37. package/dist/plugins/quasar/unocss/components/QPopupEdit.unocss.js +2 -1
  38. package/dist/plugins/quasar/unocss/components/QPullToRefresh.unocss.js +4 -2
  39. package/dist/plugins/quasar/unocss/components/QRadio.unocss.js +29 -15
  40. package/dist/plugins/quasar/unocss/components/QRating.unocss.js +8 -4
  41. package/dist/plugins/quasar/unocss/components/QResponsive.unocss.js +4 -2
  42. package/dist/plugins/quasar/unocss/components/QScrollarea.unocss.js +10 -5
  43. package/dist/plugins/quasar/unocss/components/QSelect.unocss.js +14 -7
  44. package/dist/plugins/quasar/unocss/components/QSeparator.unocss.js +9 -5
  45. package/dist/plugins/quasar/unocss/components/QSkeleton.unocss.js +67 -42
  46. package/dist/plugins/quasar/unocss/components/QSlideItem.unocss.js +10 -5
  47. package/dist/plugins/quasar/unocss/components/QSlider.unocss.js +70 -35
  48. package/dist/plugins/quasar/unocss/components/QSpinner.unocss.js +2 -1
  49. package/dist/plugins/quasar/unocss/components/QSplitter.unocss.js +18 -16
  50. package/dist/plugins/quasar/unocss/components/QStepper.unocss.js +54 -38
  51. package/dist/plugins/quasar/unocss/components/QTable.unocss.js +101 -55
  52. package/dist/plugins/quasar/unocss/components/QTabs.unocss.js +67 -44
  53. package/dist/plugins/quasar/unocss/components/QTime.unocss.js +167 -65
  54. package/dist/plugins/quasar/unocss/components/QTimeline.unocss.js +41 -30
  55. package/dist/plugins/quasar/unocss/components/QToggle.unocss.js +23 -18
  56. package/dist/plugins/quasar/unocss/components/QToolbar.unocss.js +4 -2
  57. package/dist/plugins/quasar/unocss/components/QTooltip.unocss.js +4 -2
  58. package/dist/plugins/quasar/unocss/components/QTree.unocss.js +54 -27
  59. package/dist/plugins/quasar/unocss/components/QUploader.unocss.js +37 -25
  60. package/dist/plugins/quasar/unocss/components/QVideo.unocss.js +4 -2
  61. package/dist/plugins/quasar/unocss/components/QVirtualScroll.unocss.js +6 -3
  62. package/dist/plugins/quasar/unocss/core/elevation.unocss.js +59 -56
  63. package/dist/plugins/quasar/unocss/index.js +147 -7
  64. package/dist/plugins/quasar/unocss/theme.js +300 -426
  65. package/dist/types/plugins/quasar/unocss/index.d.ts +2 -0
  66. package/dist/types/plugins/quasar/unocss/theme.d.ts +827 -127
  67. package/dist/types/plugins/quasar.d.ts +6 -8
  68. package/package.json +1 -1
  69. package/src/node/plugins/quasar/unocss/components/QAjaxBar.unocss.ts +12 -4
  70. package/src/node/plugins/quasar/unocss/components/QAvatar.unocss.ts +2 -0
  71. package/src/node/plugins/quasar/unocss/components/QBadge.unocss.ts +8 -2
  72. package/src/node/plugins/quasar/unocss/components/QBanner.unocss.ts +3 -0
  73. package/src/node/plugins/quasar/unocss/components/QBar.unocss.ts +9 -3
  74. package/src/node/plugins/quasar/unocss/components/QBtn.unocss.ts +21 -4
  75. package/src/node/plugins/quasar/unocss/components/QBtnDropdown.unocss.ts +4 -1
  76. package/src/node/plugins/quasar/unocss/components/QBtnGroup.unocss.ts +5 -0
  77. package/src/node/plugins/quasar/unocss/components/QCard.unocss.ts +9 -1
  78. package/src/node/plugins/quasar/unocss/components/QCarousel.unocss.ts +41 -11
  79. package/src/node/plugins/quasar/unocss/components/QChatMessage.unocss.ts +13 -3
  80. package/src/node/plugins/quasar/unocss/components/QCheckbox.unocss.ts +10 -1
  81. package/src/node/plugins/quasar/unocss/components/QChip.unocss.ts +47 -50
  82. package/src/node/plugins/quasar/unocss/components/QCircularProgress.unocss.ts +2 -0
  83. package/src/node/plugins/quasar/unocss/components/QColorPicker.unocss.ts +93 -102
  84. package/src/node/plugins/quasar/unocss/components/QDate.unocss.ts +45 -9
  85. package/src/node/plugins/quasar/unocss/components/QDialog.unocss.ts +36 -12
  86. package/src/node/plugins/quasar/unocss/components/QDrawer.unocss.ts +28 -25
  87. package/src/node/plugins/quasar/unocss/components/QEditor.unocss.ts +15 -5
  88. package/src/node/plugins/quasar/unocss/components/QExpansionItem.unocss.ts +16 -4
  89. package/src/node/plugins/quasar/unocss/components/QFab.unocss.ts +35 -6
  90. package/src/node/plugins/quasar/unocss/components/QField.unocss.ts +38 -4
  91. package/src/node/plugins/quasar/unocss/components/QFile.unocss.ts +5 -1
  92. package/src/node/plugins/quasar/unocss/components/QFooter.unocss.ts +4 -1
  93. package/src/node/plugins/quasar/unocss/components/QHeader.unocss.ts +4 -1
  94. package/src/node/plugins/quasar/unocss/components/QImg.unocss.ts +12 -3
  95. package/src/node/plugins/quasar/unocss/components/QInnerLoading.unocss.ts +1 -0
  96. package/src/node/plugins/quasar/unocss/components/QInput.unocss.ts +4 -24
  97. package/src/node/plugins/quasar/unocss/components/QItem.unocss.ts +30 -7
  98. package/src/node/plugins/quasar/unocss/components/QKnob.unocss.ts +5 -9
  99. package/src/node/plugins/quasar/unocss/components/QLayout.unocss.ts +5 -1
  100. package/src/node/plugins/quasar/unocss/components/QLinearProgress.unocss.ts +23 -5
  101. package/src/node/plugins/quasar/unocss/components/QMenu.unocss.ts +2 -0
  102. package/src/node/plugins/quasar/unocss/components/QPageSticky.unocss.ts +1 -0
  103. package/src/node/plugins/quasar/unocss/components/QPagination.unocss.ts +3 -0
  104. package/src/node/plugins/quasar/unocss/components/QParallax.unocss.ts +2 -0
  105. package/src/node/plugins/quasar/unocss/components/QPopupEdit.unocss.ts +3 -1
  106. package/src/node/plugins/quasar/unocss/components/QPullToRefresh.unocss.ts +4 -1
  107. package/src/node/plugins/quasar/unocss/components/QRadio.unocss.ts +31 -15
  108. package/src/node/plugins/quasar/unocss/components/QRating.unocss.ts +8 -2
  109. package/src/node/plugins/quasar/unocss/components/QResponsive.unocss.ts +2 -0
  110. package/src/node/plugins/quasar/unocss/components/QScrollarea.unocss.ts +13 -4
  111. package/src/node/plugins/quasar/unocss/components/QSelect.unocss.ts +17 -5
  112. package/src/node/plugins/quasar/unocss/components/QSeparator.unocss.ts +14 -4
  113. package/src/node/plugins/quasar/unocss/components/QSkeleton.unocss.ts +83 -43
  114. package/src/node/plugins/quasar/unocss/components/QSlideItem.unocss.ts +5 -0
  115. package/src/node/plugins/quasar/unocss/components/QSlider.unocss.ts +55 -10
  116. package/src/node/plugins/quasar/unocss/components/QSpinner.unocss.ts +1 -0
  117. package/src/node/plugins/quasar/unocss/components/QSplitter.unocss.ts +20 -18
  118. package/src/node/plugins/quasar/unocss/components/QStepper.unocss.ts +51 -34
  119. package/src/node/plugins/quasar/unocss/components/QTable.unocss.ts +110 -51
  120. package/src/node/plugins/quasar/unocss/components/QTabs.unocss.ts +77 -46
  121. package/src/node/plugins/quasar/unocss/components/QTime.unocss.ts +192 -65
  122. package/src/node/plugins/quasar/unocss/components/QTimeline.unocss.ts +36 -28
  123. package/src/node/plugins/quasar/unocss/components/QToggle.unocss.ts +24 -20
  124. package/src/node/plugins/quasar/unocss/components/QToolbar.unocss.ts +2 -0
  125. package/src/node/plugins/quasar/unocss/components/QTooltip.unocss.ts +2 -0
  126. package/src/node/plugins/quasar/unocss/components/QTree.unocss.ts +59 -24
  127. package/src/node/plugins/quasar/unocss/components/QUploader.unocss.ts +36 -22
  128. package/src/node/plugins/quasar/unocss/components/QVideo.unocss.ts +2 -0
  129. package/src/node/plugins/quasar/unocss/components/QVirtualScroll.unocss.ts +3 -0
  130. package/src/node/plugins/quasar/unocss/core/elevation.unocss.ts +61 -60
  131. package/src/node/plugins/quasar/unocss/index.ts +150 -7
  132. package/src/node/plugins/quasar/unocss/theme.ts +1422 -428
  133. package/src/node/plugins/quasar.ts +12 -9
@@ -1,29 +1,35 @@
1
1
  const shortcuts = [
2
2
  [
3
3
  /^q-img$/,
4
- ([, c], { theme }) => `relative w-full inline-block align-middle overflow-hidden`
4
+ ([, c], { theme }) => theme.quasar?.components?.['q-img'] ??
5
+ `relative w-full inline-block align-middle overflow-hidden`
5
6
  ],
6
7
  [/^q-img__loading$/, ([, c], { theme }) => `[&_.q-spinner]:(text-[50px])`],
7
8
  [
8
9
  /^q-img__container$/,
9
- ([, c], { theme }) => `[border-radius:inherit] text-[0]`
10
+ ([, c], { theme }) => theme.quasar?.components?.['q-img__container'] ??
11
+ `[border-radius:inherit] text-[0]`
10
12
  ],
11
13
  [
12
14
  /^q-img__image$/,
13
- ([, c], { theme }) => `[border-radius:inherit] w-full h-full opacity-0`
15
+ ([, c], { theme }) => theme.quasar?.components?.['q-img__image'] ??
16
+ `[border-radius:inherit] w-full h-full opacity-0`
14
17
  ],
15
18
  [
16
19
  /^q-img__image--with-transition$/,
17
- ([, c], { theme }) => `[transition:opacity_0.28s_ease-in]`
20
+ ([, c], { theme }) => theme.quasar?.components?.['q-img__image--with-transition'] ??
21
+ `[transition:opacity_0.28s_ease-in]`
18
22
  ],
19
23
  [/^q-img__image--loaded$/, ([, c], { theme }) => `opacity-100`],
20
24
  [
21
25
  /^q-img__content$/,
22
- ([, c], { theme }) => `[border-radius:inherit] pointer-events-none [&_>_div]:(absolute p-[16px] text-[#fff] bg-[rgba(0,_0,_0,_0.47)])`
26
+ ([, c], { theme }) => theme.quasar?.components?.['q-img__content'] ??
27
+ `[border-radius:inherit] pointer-events-none [&_>_div]:(absolute p-[16px] text-[#fff] bg-[rgba(0,_0,_0,_0.47)])`
23
28
  ],
24
29
  [
25
30
  /^q-img--no-menu$/,
26
- ([, c], { theme }) => `[&_.q-img\\_\\_image]:(pointer-events-none) [&_.q-img\\_\\_placeholder]:(pointer-events-none)`
31
+ ([, c], { theme }) => theme.quasar?.components?.['q-img--no-menu'] ??
32
+ `[&_.q-img\\_\\_image]:(pointer-events-none) [&_.q-img\\_\\_placeholder]:(pointer-events-none)`
27
33
  ]
28
34
  ];
29
35
  export { shortcuts };
@@ -1,7 +1,8 @@
1
1
  const shortcuts = [
2
2
  [
3
3
  /^q-inner-loading$/,
4
- ([, c], { theme }) => `bg-[rgba(255,_255,_255,_0.6)] [border-radius:inherit]`
4
+ ([, c], { theme }) => theme.quasar?.components?.['q-inner-loading'] ??
5
+ `bg-[rgba(255,_255,_255,_0.6)] [border-radius:inherit]`
5
6
  ],
6
7
  [/^q-inner-loading--dark$/, ([, c], { theme }) => `bg-[rgba(0,_0,_0,_0.4)]`],
7
8
  [/^q-inner-loading__label$/, ([, c], { theme }) => `mt-[8px]`]
@@ -1,27 +1,13 @@
1
1
  const shortcuts = [
2
2
  [
3
3
  /^q-textarea$/,
4
- ([, c], { theme }) => `[&_.q-field\\_\\_control]:(min-h-[56px] h-auto) [&_.q-field\\_\\_control-container]:(pt-[2px] pb-[2px]) [&_.q-field\\_\\_shadow]:(top-[2px] bottom-[2px]) [&_.q-field\\_\\_native]:(leading-[18px]) [&_.q-field\\_\\_prefix]:(leading-[18px]) [&_.q-field\\_\\_suffix]:(leading-[18px]) [&_.q-field\\_\\_native]:(resize-y pt-[17px] min-h-[52px])`
5
- ],
6
- [
7
- /^q-textarea.q-field--labeled$/,
8
- ([, c], { theme }) => `[&_.q-field\\_\\_control-container]:(pt-[26px]) [&_.q-field\\_\\_shadow]:(top-[26px]) [&_.q-field\\_\\_native]:(pt-0) [&_.q-field\\_\\_prefix]:(pt-0) [&_.q-field\\_\\_suffix]:(pt-0) [&_.q-field\\_\\_native]:(min-h-[26px] pt-px)`
4
+ ([, c], { theme }) => theme.quasar?.components?.['q-textarea'] ??
5
+ `[&_.q-field\\_\\_control]:(min-h-[56px] h-auto) [&_.q-field\\_\\_control-container]:(pt-[2px] pb-[2px]) [&_.q-field\\_\\_shadow]:(top-[2px] bottom-[2px]) [&_.q-field\\_\\_native]:(leading-[18px]) [&_.q-field\\_\\_prefix]:(leading-[18px]) [&_.q-field\\_\\_suffix]:(leading-[18px]) [&_.q-field\\_\\_native]:(resize-y pt-[17px] min-h-[52px]) [&.q-field--labeled_.q-field\\_\\_control-container]:(pt-[26px]) [&.q-field--labeled_.q-field\\_\\_shadow]:(top-[26px]) [&.q-field--labeled_.q-field\\_\\_native]:(pt-0) [&.q-field--labeled_.q-field\\_\\_prefix]:(pt-0) [&.q-field--labeled_.q-field\\_\\_suffix]:(pt-0) [&.q-field--labeled_.q-field\\_\\_native]:(min-h-[26px] pt-px) [&.q-field--dense_.q-field\\_\\_control]:(min-h-[36px]) [&.q-field--dense_.q-field\\_\\_native]:(min-h-[36px]) [&.q-field--dense_.q-field\\_\\_native]:(pt-[9px]) [&.q-field--dense.q-field--labeled_.q-field\\_\\_control-container]:(pt-[14px]) [&.q-field--dense.q-field--labeled_.q-field\\_\\_shadow]:(top-[14px]) [&.q-field--dense.q-field--labeled_.q-field\\_\\_native]:(min-h-[24px] pt-[3px]) [&.q-field--dense.q-field--labeled_.q-field\\_\\_prefix]:(pt-[2px]) [&.q-field--dense.q-field--labeled_.q-field\\_\\_suffix]:(pt-[2px]) [&.disabled_.q-field\\_\\_native]:(resize-none)`
9
6
  ],
10
7
  [
11
8
  /^q-textarea--autogrow$/,
12
- ([, c], { theme }) => `[&_.q-field\\_\\_native]:(resize-none)`
13
- ],
14
- [
15
- /^q-textarea.q-field--dense$/,
16
- ([, c], { theme }) => `[&_.q-field\\_\\_control]:(min-h-[36px]) [&_.q-field\\_\\_native]:(min-h-[36px]) [&_.q-field\\_\\_native]:(pt-[9px])`
17
- ],
18
- [
19
- /^q-textarea.q-field--dense.q-field--labeled$/,
20
- ([, c], { theme }) => `[&_.q-field\\_\\_control-container]:(pt-[14px]) [&_.q-field\\_\\_shadow]:(top-[14px]) [&_.q-field\\_\\_native]:(min-h-[24px] pt-[3px]) [&_.q-field\\_\\_prefix]:(pt-[2px]) [&_.q-field\\_\\_suffix]:(pt-[2px])`
21
- ],
22
- [
23
- /^q-textarea.disabled$/,
24
- ([, c], { theme }) => `[&_.q-field\\_\\_native]:(resize-none)`
9
+ ([, c], { theme }) => theme.quasar?.components?.['q-textarea--autogrow'] ??
10
+ `[&_.q-field\\_\\_native]:(resize-none)`
25
11
  ]
26
12
  ];
27
13
  export { shortcuts };
@@ -1,70 +1,86 @@
1
1
  const shortcuts = [
2
2
  [
3
3
  /^q-item$/,
4
- ([, c], { theme }) => `min-h-[48px] px-[16px] py-[8px] [color:inherit] [transition:color_0.3s,_background-color_0.3s] [&_>_.q-item\\_\\_section--thumbnail:first-child]:(-ml-[16px]) [&_>_.q-focus-helper_+_.q-item\\_\\_section--thumbnail]:(-ml-[16px]) [&_>_.q-item\\_\\_section--thumbnail:last-of-type]:(-mr-[16px]) relative
4
+ ([, c], { theme }) => theme.quasar?.components?.['q-item'] ??
5
+ `min-h-[48px] px-[16px] py-[8px] [color:inherit] [transition:color_0.3s,_background-color_0.3s] [&_>_.q-item\\_\\_section--thumbnail:first-child]:(-ml-[16px]) [&_>_.q-focus-helper_+_.q-item\\_\\_section--thumbnail]:(-ml-[16px]) [&_>_.q-item\\_\\_section--thumbnail:last-of-type]:(-mr-[16px]) relative
5
6
  [&.q-router-link--active]:(text-primary)`
6
7
  ],
7
8
  [
8
9
  /^q-item__section--side$/,
9
- ([, c], { theme }) => `text-[#757575] items-start pr-[16px] w-auto min-w-[0] max-w-full [&_>_.q-icon]:(text-[24px]) [&_>_.q-avatar]:(text-[40px])`
10
+ ([, c], { theme }) => theme.quasar?.components?.['q-item__section--side'] ??
11
+ `text-[#757575] items-start pr-[16px] w-auto min-w-[0] max-w-full [&_>_.q-icon]:(text-[24px]) [&_>_.q-avatar]:(text-[40px])`
10
12
  ],
11
13
  [
12
14
  /^q-item__section--avatar$/,
13
- ([, c], { theme }) => `[color:inherit] min-w-[56px]`
15
+ ([, c], { theme }) => theme.quasar?.components?.['q-item__section--avatar'] ??
16
+ `[color:inherit] min-w-[56px]`
14
17
  ],
15
18
  [
16
19
  /^q-item__section--thumbnail$/,
17
- ([, c], { theme }) => `[&_img]:(w-[100px] h-[56px])`
20
+ ([, c], { theme }) => theme.quasar?.components?.['q-item__section--thumbnail'] ??
21
+ `[&_img]:(w-[100px] h-[56px])`
18
22
  ],
19
23
  [/^q-item__section--nowrap$/, ([, c], { theme }) => `whitespace-nowrap`],
20
24
  [
21
25
  /^q-item__label$/,
22
- ([, c], { theme }) => `!leading-[1.2em] max-w-full [&_+_.q-item\\_\\_label]:(mt-[4px])`
26
+ ([, c], { theme }) => theme.quasar?.components?.['q-item__label'] ??
27
+ `!leading-[1.2em] max-w-full [&_+_.q-item\\_\\_label]:(mt-[4px])`
23
28
  ],
24
29
  [
25
30
  /^q-item__label--overline$/,
26
- ([, c], { theme }) => `text-[rgba(0,_0,_0,_0.7)]`
31
+ ([, c], { theme }) => theme.quasar?.components?.['q-item__label--overline'] ??
32
+ `text-[rgba(0,_0,_0,_0.7)]`
27
33
  ],
28
34
  [
29
35
  /^q-item__label--caption$/,
30
- ([, c], { theme }) => `text-[rgba(0,_0,_0,_0.54)]`
36
+ ([, c], { theme }) => theme.quasar?.components?.['q-item__label--caption'] ??
37
+ `text-[rgba(0,_0,_0,_0.54)]`
31
38
  ],
32
39
  [
33
40
  /^q-item__label--header$/,
34
- ([, c], { theme }) => `text-[#757575] p-[16px] text-[0.875rem] leading-5 tracking-[0.01786em]`
41
+ ([, c], { theme }) => theme.quasar?.components?.['q-item__label--header'] ??
42
+ `text-[#757575] p-[16px] text-[0.875rem] leading-5 tracking-[0.01786em]`
35
43
  ],
36
44
  [
37
45
  /^q-separator--spaced$/,
38
- ([, c], { theme }) => `[&_+_.q-item\\_\\_label--header]:(pt-[8px])`
46
+ ([, c], { theme }) => theme.quasar?.components?.['q-separator--spaced'] ??
47
+ `[&_+_.q-item\\_\\_label--header]:(pt-[8px])`
39
48
  ],
40
49
  [
41
50
  /^q-list--padding$/,
42
- ([, c], { theme }) => `[&_.q-item\\_\\_label--header]:(pt-[8px]) px-[0] py-[8px]`
51
+ ([, c], { theme }) => theme.quasar?.components?.['q-list--padding'] ??
52
+ `[&_.q-item\\_\\_label--header]:(pt-[8px]) px-[0] py-[8px]`
43
53
  ],
44
54
  [
45
55
  /^q-item__section--main$/,
46
- ([, c], { theme }) => `w-auto min-w-[0] max-w-full flex-[10000_1_0%] [&_+_.q-item\\_\\_section--main]:(ml-[8px]) [&_~_.q-item\\_\\_section--side]:(items-end pr-0 pl-[16px])`
56
+ ([, c], { theme }) => theme.quasar?.components?.['q-item__section--main'] ??
57
+ `w-auto min-w-[0] max-w-full flex-[10000_1_0%] [&_+_.q-item\\_\\_section--main]:(ml-[8px]) [&_~_.q-item\\_\\_section--side]:(items-end pr-0 pl-[16px])`
47
58
  ],
48
59
  [
49
60
  /^q-list--bordered$/,
50
- ([, c], { theme }) => `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
61
+ ([, c], { theme }) => theme.quasar?.components?.['q-list--bordered'] ??
62
+ `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
51
63
  ],
52
64
  [
53
65
  /^q-list--separator$/,
54
- ([, c], { theme }) => `[&_>_.q-item-type_+_.q-item-type]:([border-top:1px_solid_rgba(0,_0,_0,_0.12)]) [&_>_.q-virtual-scroll\\_\\_content_>_.q-item-type_+_.q-item-type]:([border-top:1px_solid_rgba(0,_0,_0,_0.12)])`
66
+ ([, c], { theme }) => theme.quasar?.components?.['q-list--separator'] ??
67
+ `[&_>_.q-item-type_+_.q-item-type]:([border-top:1px_solid_rgba(0,_0,_0,_0.12)]) [&_>_.q-virtual-scroll\\_\\_content_>_.q-item-type_+_.q-item-type]:([border-top:1px_solid_rgba(0,_0,_0,_0.12)])`
55
68
  ],
56
69
  [
57
70
  /^q-list--dense$/,
58
- ([, c], { theme }) => `[&_>_.q-item]:(min-h-[32px] px-[16px] py-[2px])`
71
+ ([, c], { theme }) => theme.quasar?.components?.['q-list--dense'] ??
72
+ `[&_>_.q-item]:(min-h-[32px] px-[16px] py-[2px])`
59
73
  ],
60
74
  [/^q-item--dense$/, ([, c], { theme }) => `min-h-[32px] px-[16px] py-[2px]`],
61
75
  [
62
76
  /^q-list--dark$/,
63
- ([, c], { theme }) => `text-[#fff] border-[rgba(255,_255,_255,_0.28)] [&_.q-item\\_\\_section--side:not(.q-item\\_\\_section--avatar)]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-item\\_\\_label--header]:(text-[rgba(255,_255,_255,_0.64)]) [&_.q-item\\_\\_label--overline]:(text-[rgba(255,_255,_255,_0.8)]) [&_.q-item\\_\\_label--caption]:(text-[rgba(255,_255,_255,_0.8)])`
77
+ ([, c], { theme }) => theme.quasar?.components?.['q-list--dark'] ??
78
+ `text-[#fff] border-[rgba(255,_255,_255,_0.28)] [&_.q-item\\_\\_section--side:not(.q-item\\_\\_section--avatar)]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-item\\_\\_label--header]:(text-[rgba(255,_255,_255,_0.64)]) [&_.q-item\\_\\_label--overline]:(text-[rgba(255,_255,_255,_0.8)]) [&_.q-item\\_\\_label--caption]:(text-[rgba(255,_255,_255,_0.8)])`
64
79
  ],
65
80
  [
66
81
  /^q-item--dark$/,
67
- ([, c], { theme }) => `text-[#fff] border-[rgba(255,_255,_255,_0.28)] [&_.q-item\\_\\_section--side:not(.q-item\\_\\_section--avatar)]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-item\\_\\_label--header]:(text-[rgba(255,_255,_255,_0.64)]) [&_.q-item\\_\\_label--overline]:(text-[rgba(255,_255,_255,_0.8)]) [&_.q-item\\_\\_label--caption]:(text-[rgba(255,_255,_255,_0.8)])`
82
+ ([, c], { theme }) => theme.quasar?.components?.['q-item--dark'] ??
83
+ `text-[#fff] border-[rgba(255,_255,_255,_0.28)] [&_.q-item\\_\\_section--side:not(.q-item\\_\\_section--avatar)]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-item\\_\\_label--header]:(text-[rgba(255,_255,_255,_0.64)]) [&_.q-item\\_\\_label--overline]:(text-[rgba(255,_255,_255,_0.8)]) [&_.q-item\\_\\_label--caption]:(text-[rgba(255,_255,_255,_0.8)])`
68
84
  ],
69
85
  [/^q-item--active$/, ([, c], { theme }) => `text-primary`]
70
86
  ];
@@ -1,13 +1,12 @@
1
1
  const shortcuts = [
2
- [/^q-knob$/, ([, c], { theme }) => `text-[48px]`],
3
- [/^q-knob--editable$/, ([, c], { theme }) => `cursor-pointer outline-0`],
4
2
  [
5
- /^q-knob--editable:before$/,
6
- ([, c], { theme }) => `content-empty absolute top-0 right-0 bottom-0 left-0 rounded-[50%] [box-shadow:none] [transition:box-shadow_0.24s_ease-in-out]`
3
+ /^q-knob$/,
4
+ ([, c], { theme }) => theme.quasar?.components?.['q-knob'] ?? `text-[48px]`
7
5
  ],
8
6
  [
9
- /^q-knob--editable:focus:before$/,
10
- ([, 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)]`
7
+ /^q-knob--editable$/,
8
+ ([, c], { theme }) => theme.quasar?.components?.['q-knob--editable'] ??
9
+ `cursor-pointer outline-[0] [&:before]:(content-[''] absolute top-[0] right-[0] bottom-[0] left-[0] rounded-[50%] [box-shadow:none] [transition:box-shadow_0.24s_ease-in-out]) [&:focus:before]:([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)])`
11
10
  ]
12
11
  ];
13
12
  export { shortcuts };
@@ -66,16 +66,19 @@ const shortcuts = [
66
66
  [/^q-layout$/, ([, c], { theme }) => `w-full outline-0 relative`],
67
67
  [
68
68
  /^q-layout-container$/,
69
- ([, c], { theme }) => `relative w-full h-full [&_.q-layout]:(min-h-full) [&_>_div]:([transform:translate3d(0,_0,_0)]) [&_>_div_>_div]:(min-h-[0] max-h-full)`
69
+ ([, c], { theme }) => theme.quasar?.components?.['q-layout-container'] ??
70
+ `relative w-full h-full [&_.q-layout]:(min-h-full) [&_>_div]:([transform:translate3d(0,_0,_0)]) [&_>_div_>_div]:(min-h-[0] max-h-full)`
70
71
  ],
71
72
  [
72
73
  /^q-layout__shadow$/,
73
- ([, c], { theme }) => `w-full
74
+ ([, c], { theme }) => theme.quasar?.components?.['q-layout__shadow'] ??
75
+ `w-full
74
76
  [&:after]:(content-empty absolute top-[0] right-[0] bottom-[0] left-[0] [box-shadow:0_0_10px_2px_rgba(0,_0,_0,_0.2),_0_0px_10px_rgba(0,_0,_0,_0.24)])`
75
77
  ],
76
78
  [
77
79
  /^q-layout__section--marginal$/,
78
- ([, c], { theme }) => `text-[#fff] bg-primary`
80
+ ([, c], { theme }) => theme.quasar?.components?.['q-layout__section--marginal'] ??
81
+ `text-[#fff] bg-primary`
79
82
  ]
80
83
  ];
81
84
  export { preflights, shortcuts };
@@ -29,52 +29,63 @@ const preflights = [
29
29
  const shortcuts = [
30
30
  [
31
31
  /^q-linear-progress$/,
32
- ([, c], { theme }) => `relative w-full overflow-hidden text-[4px] h-[1em] [transform:scale3d(1,_1,_1)] text-primary`
32
+ ([, c], { theme }) => theme.quasar?.components?.['q-linear-progress'] ??
33
+ `relative w-full overflow-hidden text-[4px] h-[1em] [transform:scale3d(1,_1,_1)] text-primary`
33
34
  ],
34
35
  [/^q-linear-progress__model$/, ([, c], { theme }) => `origin-[0_0]`],
35
36
  [
36
37
  /^q-linear-progress__track$/,
37
- ([, c], { theme }) => `origin-[0_0] opacity-40`
38
+ ([, c], { theme }) => theme.quasar?.components?.['q-linear-progress__track'] ??
39
+ `origin-[0_0] opacity-40`
38
40
  ],
39
41
  [
40
42
  /^q-linear-progress__model--with-transition$/,
41
- ([, c], { theme }) => `[transition:transform_var(--q-linear-progress-speed)]`
43
+ ([, c], { theme }) => theme.quasar?.components?.['q-linear-progress__model--with-transition'] ??
44
+ `[transition:transform_var(--q-linear-progress-speed)]`
42
45
  ],
43
46
  [
44
47
  /^q-linear-progress__track--with-transition$/,
45
- ([, c], { theme }) => `[transition:transform_var(--q-linear-progress-speed)]`
48
+ ([, c], { theme }) => theme.quasar?.components?.['q-linear-progress__track--with-transition'] ??
49
+ `[transition:transform_var(--q-linear-progress-speed)]`
46
50
  ],
47
51
  [
48
52
  /^q-linear-progress--reverse$/,
49
- ([, c], { theme }) => `[&_.q-linear-progress\\_\\_model]:(origin-[0_100%]) [&_.q-linear-progress\\_\\_track]:(origin-[0_100%])`
53
+ ([, c], { theme }) => theme.quasar?.components?.['q-linear-progress--reverse'] ??
54
+ `[&_.q-linear-progress\\_\\_model]:(origin-[0_100%]) [&_.q-linear-progress\\_\\_track]:(origin-[0_100%])`
50
55
  ],
51
56
  [
52
57
  /^q-linear-progress__model--determinate$/,
53
- ([, c], { theme }) => `bg-current`
58
+ ([, c], { theme }) => theme.quasar?.components?.['q-linear-progress__model--determinate'] ??
59
+ `bg-current`
54
60
  ],
55
61
  [
56
62
  /^q-linear-progress__model--indeterminate$/,
57
- ([, c], { theme }) => `transition-none [&:before]:(bg-current content-empty absolute top-0 right-0 bottom-0 left-0 origin-[0_0]) [&:after]:(bg-current content-empty absolute top-0 right-0 bottom-0 left-0 origin-[0_0]) [&:before]:(animate-[q-linear-progress--indeterminate_2.1s_cubic-bezier(0.65,_0.815,_0.735,_0.395)_infinite]) [&:after]:([transform:translate3d(-101%,_0,_0)_scale3d(1,_1,_1)] animate-[q-linear-progress--indeterminate-short_2.1s_cubic-bezier(0.165,_0.84,_0.44,_1)_infinite] [animation-delay:1.15s])`
63
+ ([, c], { theme }) => theme.quasar?.components?.['q-linear-progress__model--indeterminate'] ??
64
+ `transition-none [&:before]:(bg-current content-empty absolute top-0 right-0 bottom-0 left-0 origin-[0_0]) [&:after]:(bg-current content-empty absolute top-0 right-0 bottom-0 left-0 origin-[0_0]) [&:before]:(animate-[q-linear-progress--indeterminate_2.1s_cubic-bezier(0.65,_0.815,_0.735,_0.395)_infinite]) [&:after]:([transform:translate3d(-101%,_0,_0)_scale3d(1,_1,_1)] animate-[q-linear-progress--indeterminate-short_2.1s_cubic-bezier(0.165,_0.84,_0.44,_1)_infinite] [animation-delay:1.15s])`
58
65
  ],
59
66
  [
60
67
  /^q-linear-progress__model--query$/,
61
- ([, c], { theme }) => `transition-none [&:before]:(bg-current content-empty absolute top-0 right-0 bottom-0 left-0 origin-[0_0]) [&:after]:(bg-current content-empty absolute top-0 right-0 bottom-0 left-0 origin-[0_0]) [&:before]:(animate-[q-linear-progress--indeterminate_2.1s_cubic-bezier(0.65,_0.815,_0.735,_0.395)_infinite]) [&:after]:([transform:translate3d(-101%,_0,_0)_scale3d(1,_1,_1)] animate-[q-linear-progress--indeterminate-short_2.1s_cubic-bezier(0.165,_0.84,_0.44,_1)_infinite] [animation-delay:1.15s])`
68
+ ([, c], { theme }) => theme.quasar?.components?.['q-linear-progress__model--query'] ??
69
+ `transition-none [&:before]:(bg-current content-empty absolute top-0 right-0 bottom-0 left-0 origin-[0_0]) [&:after]:(bg-current content-empty absolute top-0 right-0 bottom-0 left-0 origin-[0_0]) [&:before]:(animate-[q-linear-progress--indeterminate_2.1s_cubic-bezier(0.65,_0.815,_0.735,_0.395)_infinite]) [&:after]:([transform:translate3d(-101%,_0,_0)_scale3d(1,_1,_1)] animate-[q-linear-progress--indeterminate-short_2.1s_cubic-bezier(0.165,_0.84,_0.44,_1)_infinite] [animation-delay:1.15s])`
62
70
  ],
63
71
  [
64
72
  /^q-linear-progress__track--light$/,
65
- ([, c], { theme }) => `bg-[rgba(0,_0,_0,_0.26)]`
73
+ ([, c], { theme }) => theme.quasar?.components?.['q-linear-progress__track--light'] ??
74
+ `bg-[rgba(0,_0,_0,_0.26)]`
66
75
  ],
67
76
  [
68
77
  /^q-linear-progress__track--dark$/,
69
- ([, c], { theme }) => `bg-[rgba(255,_255,_255,_0.6)]`
78
+ ([, c], { theme }) => theme.quasar?.components?.['q-linear-progress__track--dark'] ??
79
+ `bg-[rgba(255,_255,_255,_0.6)]`
70
80
  ],
71
81
  [
72
82
  /^q-linear-progress__stripe$/,
73
- ([, c], { theme }) => `!bg-[linear-gradient(_45deg,_rgba(255,_255,_255,_0.15)_25%,_rgba(255,_255,_255,_0)_25%,_rgba(255,_255,_255,_0)_50%,_rgba(255,_255,_255,_0.15)_50%,_rgba(255,_255,_255,_0.15)_75%,_rgba(255,_255,_255,_0)_75%,_rgba(255,_255,_255,_0)_)] [background-size:40px_40px!important]`
83
+ ([, c], { theme }) => theme.quasar?.components?.['q-linear-progress__stripe'] ??
84
+ `!bg-[linear-gradient(_45deg,_rgba(255,_255,_255,_0.15)_25%,_rgba(255,_255,_255,_0)_25%,_rgba(255,_255,_255,_0)_50%,_rgba(255,_255,_255,_0.15)_50%,_rgba(255,_255,_255,_0.15)_75%,_rgba(255,_255,_255,_0)_75%,_rgba(255,_255,_255,_0)_)] [background-size:40px_40px!important]`
74
85
  ],
75
86
  [
76
87
  /^q-linear-progress__stripe--with-transition$/,
77
- ([, c], { theme }) => `[transition:width_var(--q-linear-progress-speed)]`
88
+ ([, c], { theme }) => theme.quasar?.components?.['q-linear-progress__stripe--with-transition'] ?? `[transition:width_var(--q-linear-progress-speed)]`
78
89
  ]
79
90
  ];
80
91
  export { preflights, shortcuts };
@@ -1,12 +1,14 @@
1
1
  const shortcuts = [
2
2
  [
3
3
  /^q-menu$/,
4
- ([, c], { theme }) => `!fixed inline-block max-w-[95vw] max-h-[65vh] [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)] bg-[#fff] rounded-[4px] overflow-y-auto overflow-x-hidden outline-0 z-6000`
4
+ ([, c], { theme }) => theme.quasar?.components?.['q-menu'] ??
5
+ `!fixed inline-block max-w-[95vw] max-h-[65vh] [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)] bg-[#fff] rounded-[4px] overflow-y-auto overflow-x-hidden outline-0 z-6000`
5
6
  ],
6
7
  [/^q-menu--square$/, ([, c], { theme }) => `rounded-none`],
7
8
  [
8
9
  /^q-menu--dark$/,
9
- ([, 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)]`
10
+ ([, c], { theme }) => theme.quasar?.components?.['q-menu--dark'] ??
11
+ `[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)]`
10
12
  ]
11
13
  ];
12
14
  export { shortcuts };
@@ -1,7 +1,8 @@
1
1
  const shortcuts = [
2
2
  [
3
3
  /^q-page-sticky--shrink$/,
4
- ([, c], { theme }) => `pointer-events-none [&_>_div]:(inline-block pointer-events-auto)`
4
+ ([, c], { theme }) => theme.quasar?.components?.['q-page-sticky--shrink'] ??
5
+ `pointer-events-none [&_>_div]:(inline-block pointer-events-auto)`
5
6
  ]
6
7
  ];
7
8
  export { shortcuts };
@@ -1,15 +1,18 @@
1
1
  const shortcuts = [
2
2
  [
3
3
  /^q-pagination$/,
4
- ([, c], { theme }) => `[&_input]:(text-center) [&_input::-webkit-outer-spin-button]:(m-0) [&_input::-webkit-inner-spin-button]:(m-0)`
4
+ ([, c], { theme }) => theme.quasar?.components?.['q-pagination'] ??
5
+ `[&_input]:(text-center) [&_input::-webkit-outer-spin-button]:(m-0) [&_input::-webkit-inner-spin-button]:(m-0)`
5
6
  ],
6
7
  [
7
8
  /^q-pagination__content$/,
8
- ([, c], { theme }) => `mt-[var(--q-pagination-gutter-parent)] ml-[var(--q-pagination-gutter-parent)] [&_>_.q-btn]:(mt-[var(--q-pagination-gutter-child)] ml-[var(--q-pagination-gutter-child)]) [&_>_.q-input]:(mt-[var(--q-pagination-gutter-child)] ml-[var(--q-pagination-gutter-child)])`
9
+ ([, c], { theme }) => theme.quasar?.components?.['q-pagination__content'] ??
10
+ `mt-[var(--q-pagination-gutter-parent)] ml-[var(--q-pagination-gutter-parent)] [&_>_.q-btn]:(mt-[var(--q-pagination-gutter-child)] ml-[var(--q-pagination-gutter-child)]) [&_>_.q-input]:(mt-[var(--q-pagination-gutter-child)] ml-[var(--q-pagination-gutter-child)])`
9
11
  ],
10
12
  [
11
13
  /^q-pagination__middle$/,
12
- ([, c], { theme }) => `[&_>_.q-btn]:(mt-[var(--q-pagination-gutter-child)] ml-[var(--q-pagination-gutter-child)])`
14
+ ([, c], { theme }) => theme.quasar?.components?.['q-pagination__middle'] ??
15
+ `[&_>_.q-btn]:(mt-[var(--q-pagination-gutter-child)] ml-[var(--q-pagination-gutter-child)])`
13
16
  ]
14
17
  ];
15
18
  export { shortcuts };
@@ -1,11 +1,13 @@
1
1
  const shortcuts = [
2
2
  [
3
3
  /^q-parallax$/,
4
- ([, c], { theme }) => `relative w-full overflow-hidden [border-radius:inherit]`
4
+ ([, c], { theme }) => theme.quasar?.components?.['q-parallax'] ??
5
+ `relative w-full overflow-hidden [border-radius:inherit]`
5
6
  ],
6
7
  [
7
8
  /^q-parallax__media$/,
8
- ([, c], { theme }) => `[&_>_img]:(absolute left-2/4 bottom-0 min-w-full min-h-full hidden) [&_>_video]:(absolute left-2/4 bottom-0 min-w-full min-h-full hidden)`
9
+ ([, c], { theme }) => theme.quasar?.components?.['q-parallax__media'] ??
10
+ `[&_>_img]:(absolute left-2/4 bottom-0 min-w-full min-h-full hidden) [&_>_video]:(absolute left-2/4 bottom-0 min-w-full min-h-full hidden)`
9
11
  ]
10
12
  ];
11
13
  export { shortcuts };
@@ -2,7 +2,8 @@ const shortcuts = [
2
2
  [/^q-popup-edit$/, ([, c], { theme }) => `px-[16px] py-[8px]`],
3
3
  [
4
4
  /^q-popup-edit__buttons$/,
5
- ([, c], { theme }) => `mt-[8px] [&_.q-btn_+_.q-btn]:(ml-[8px])`
5
+ ([, c], { theme }) => theme.quasar?.components?.['q-popup-edit__buttons'] ??
6
+ `mt-[8px] [&_.q-btn_+_.q-btn]:(ml-[8px])`
6
7
  ]
7
8
  ];
8
9
  export { shortcuts };
@@ -2,11 +2,13 @@ const shortcuts = [
2
2
  [/^q-pull-to-refresh$/, ([, c], { theme }) => `relative`],
3
3
  [
4
4
  /^q-pull-to-refresh__puller$/,
5
- ([, c], { theme }) => `rounded-[50%] w-[40px] h-[40px] bg-[#fff] [box-shadow:0_0_4px_0_rgba(0,_0,_0,_0.3)] text-primary`
5
+ ([, c], { theme }) => theme.quasar?.components?.['q-pull-to-refresh__puller'] ??
6
+ `rounded-[50%] w-[40px] h-[40px] bg-[#fff] [box-shadow:0_0_4px_0_rgba(0,_0,_0,_0.3)] text-primary`
6
7
  ],
7
8
  [
8
9
  /^q-pull-to-refresh__puller--animating$/,
9
- ([, c], { theme }) => `[transition:transform_0.3s,_opacity_0.3s]`
10
+ ([, c], { theme }) => theme.quasar?.components?.['q-pull-to-refresh__puller--animating'] ??
11
+ `[transition:transform_0.3s,_opacity_0.3s]`
10
12
  ]
11
13
  ];
12
14
  export { shortcuts };
@@ -23,38 +23,52 @@ body.desktop .q-radio--dense:not(.disabled):focus .q-radio__inner:before, body.d
23
23
  }
24
24
  ];
25
25
  const shortcuts = [
26
- [/^q-radio$/, ([, c], { theme }) => `align-middle`],
27
- [/^q-radio__native$/, ([, c], { theme }) => `w-px h-px`],
26
+ [
27
+ /^q-radio$/,
28
+ ([, c], { theme }) => theme.quasar?.components?.['q-radio'] ??
29
+ `align-middle [&.disabled]:(!opacity-75)`
30
+ ],
31
+ [
32
+ /^q-radio__native$/,
33
+ ([, c], { theme }) => theme.quasar?.components?.['q-radio__native'] ?? `w-px h-px`
34
+ ],
28
35
  [
29
36
  /^q-radio__bg$/,
30
- ([, c], { theme }) => `select-none top-1/4 left-1/4 w-1/2 h-1/2 [&_path]:(fill-current)`
37
+ ([, c], { theme }) => theme.quasar?.components?.['q-radio__bg'] ??
38
+ `select-none top-1/4 left-1/4 w-1/2 h-1/2 [&_path]:(fill-current)`
39
+ ],
40
+ [
41
+ /^q-radio__icon-container$/,
42
+ ([, c], { theme }) => theme.quasar?.components?.['q-radio__icon-container'] ?? `select-none`
43
+ ],
44
+ [
45
+ /^q-radio__icon$/,
46
+ ([, c], { theme }) => theme.quasar?.components?.['q-radio__icon'] ?? `text-current text-[0.5em]`
31
47
  ],
32
- [/^q-radio__icon-container$/, ([, c], { theme }) => `select-none`],
33
- [/^q-radio__icon$/, ([, c], { theme }) => `text-current text-[0.5em]`],
34
48
  [
35
49
  /^q-radio__check$/,
36
- ([, c], { theme }) => `origin-[50%_50%] [transform:scale3d(0,_0,_1)] [transition:transform_0.22s_cubic-bezier(0,_0,_0.2,_1)_0ms]`
50
+ ([, c], { theme }) => theme.quasar?.components?.['q-radio__check'] ??
51
+ `origin-[50%_50%] [transform:scale3d(0,_0,_1)] [transition:transform_0.22s_cubic-bezier(0,_0,_0.2,_1)_0ms]`
37
52
  ],
38
53
  [
39
54
  /^q-radio__inner$/,
40
- ([, c], { theme }) => `text-[40px] w-[1em] min-w-[1em] h-[1em] outline-0 rounded-[50%] text-[rgba(0,_0,_0,_0.54)]`
55
+ ([, c], { theme }) => theme.quasar?.components?.['q-radio__inner'] ??
56
+ `text-[40px] w-[1em] min-w-[1em] h-[1em] outline-[0] rounded-[50%] text-[rgba(0,_0,_0,_0.54)]`
41
57
  ],
42
58
  [
43
59
  /^q-radio__inner--truthy$/,
44
- ([, c], { theme }) => ` [&_.q-radio\\_\\_check]:([transform:scale3d(1,_1,_1)]) text-primary`
60
+ ([, c], { theme }) => theme.quasar?.components?.['q-radio__inner--truthy'] ??
61
+ ` [&_.q-radio\\_\\_check]:([transform:scale3d(1,_1,_1)])`
45
62
  ],
46
- [/^q-radio.disabled$/, ([, c], { theme }) => `!opacity-75`],
47
63
  [
48
64
  /^q-radio--dark$/,
49
- ([, c], { theme }) => `[&_.q-radio\\_\\_inner]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-radio\\_\\_inner:before]:(!opacity-[0.32]) [&_.q-radio\\_\\_inner--truthy]:(text-primary)`
65
+ ([, c], { theme }) => theme.quasar?.components?.['q-radio--dark'] ??
66
+ `[&_.q-radio\\_\\_inner]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-radio\\_\\_inner:before]:(!opacity-[0.32]) [&_.q-radio\\_\\_inner--truthy]:()`
50
67
  ],
51
68
  [
52
69
  /^q-radio--dense$/,
53
- ([, c], { theme }) => `[&_.q-radio\\_\\_inner]:(w-[0.5em] min-w-[0.5em] h-[0.5em]) [&_.q-radio\\_\\_bg]:(left-0 top-0 w-full h-full) [&_.q-radio\\_\\_label]:(pl-[0.5em])`
54
- ],
55
- [
56
- /^q-radio--dense.reverse$/,
57
- ([, c], { theme }) => `[&_.q-radio\\_\\_label]:(pl-0 pr-[0.5em])`
70
+ ([, c], { theme }) => theme.quasar?.components?.['q-radio--dense'] ??
71
+ `[&_.q-radio\\_\\_inner]:(w-[0.5em] min-w-[0.5em] h-[0.5em]) [&_.q-radio\\_\\_bg]:(left-[0] top-[0] w-full h-full) [&_.q-radio\\_\\_label]:(pl-[0.5em]) [&.reverse_.q-radio\\_\\_label]:(pl-0 pr-[0.5em])`
58
72
  ]
59
73
  ];
60
74
  export { preflights, shortcuts };
@@ -2,22 +2,26 @@ const shortcuts = [
2
2
  [/^q-rating$/, ([, c], { theme }) => `text-[#ffeb3b] align-middle`],
3
3
  [
4
4
  /^q-rating__icon-container$/,
5
- ([, c], { theme }) => `h-[1em] outline-0 [&_+_.q-rating\\_\\_icon-container]:(ml-[2px])`
5
+ ([, c], { theme }) => theme.quasar?.components?.['q-rating__icon-container'] ??
6
+ `h-[1em] outline-0 [&_+_.q-rating\\_\\_icon-container]:(ml-[2px])`
6
7
  ],
7
8
  [
8
9
  /^q-rating__icon$/,
9
- ([, c], { theme }) => `text-current [text-shadow:0_1px_3px_rgba(0,_0,_0,_0.12),_0_1px_2px_rgba(0,_0,_0,_0.24)] relative opacity-40 [transition:transform_0.2s_ease-in,_opacity_0.2s_ease-in]`
10
+ ([, c], { theme }) => theme.quasar?.components?.['q-rating__icon'] ??
11
+ `text-current [text-shadow:0_1px_3px_rgba(0,_0,_0,_0.12),_0_1px_2px_rgba(0,_0,_0,_0.24)] relative opacity-40 [transition:transform_0.2s_ease-in,_opacity_0.2s_ease-in]`
10
12
  ],
11
13
  [/^q-rating__icon--hovered$/, ([, c], { theme }) => `scale-[1.3]`],
12
14
  [/^q-rating__icon--active$/, ([, c], { theme }) => `opacity-100`],
13
15
  [/^q-rating__icon--exselected$/, ([, c], { theme }) => `opacity-70`],
14
16
  [
15
17
  /^q-rating--no-dimming$/,
16
- ([, c], { theme }) => `[&_.q-rating\\_\\_icon]:(opacity-100)`
18
+ ([, c], { theme }) => theme.quasar?.components?.['q-rating--no-dimming'] ??
19
+ `[&_.q-rating\\_\\_icon]:(opacity-100)`
17
20
  ],
18
21
  [
19
22
  /^q-rating--editable$/,
20
- ([, c], { theme }) => `[&_.q-rating\\_\\_icon-container]:(cursor-pointer)`
23
+ ([, c], { theme }) => theme.quasar?.components?.['q-rating--editable'] ??
24
+ `[&_.q-rating\\_\\_icon-container]:(cursor-pointer)`
21
25
  ]
22
26
  ];
23
27
  export { shortcuts };
@@ -2,11 +2,13 @@ const shortcuts = [
2
2
  [/^q-responsive$/, ([, c], { theme }) => `relative max-w-full max-h-full`],
3
3
  [
4
4
  /^q-responsive__filler$/,
5
- ([, c], { theme }) => `[width:inherit] [max-width:inherit] [height:inherit] [max-height:inherit]`
5
+ ([, c], { theme }) => theme.quasar?.components?.['q-responsive__filler'] ??
6
+ `[width:inherit] [max-width:inherit] [height:inherit] [max-height:inherit]`
6
7
  ],
7
8
  [
8
9
  /^q-responsive__content$/,
9
- ([, c], { theme }) => `[border-radius:inherit] [&_>_*]:(!w-full !h-full !max-h-full !max-w-full)`
10
+ ([, c], { theme }) => theme.quasar?.components?.['q-responsive__content'] ??
11
+ `[border-radius:inherit] [&_>_*]:(!w-full !h-full !max-h-full !max-w-full)`
10
12
  ]
11
13
  ];
12
14
  export { shortcuts };
@@ -2,11 +2,13 @@ const shortcuts = [
2
2
  [/^q-scrollarea$/, ([, c], { theme }) => `relative`],
3
3
  [
4
4
  /^q-scrollarea__bar$/,
5
- ([, c], { theme }) => `opacity-20 [transition:opacity_0.3s]`
5
+ ([, c], { theme }) => theme.quasar?.components?.['q-scrollarea__bar'] ??
6
+ `opacity-20 [transition:opacity_0.3s]`
6
7
  ],
7
8
  [
8
9
  /^q-scrollarea__thumb$/,
9
- ([, c], { theme }) => `opacity-20 [transition:opacity_0.3s] bg-[#000] rounded-[3px]`
10
+ ([, c], { theme }) => theme.quasar?.components?.['q-scrollarea__thumb'] ??
11
+ `opacity-20 [transition:opacity_0.3s] bg-[#000] rounded-[3px]`
10
12
  ],
11
13
  [/^q-scrollarea__bar--v$/, ([, c], { theme }) => `right-0 w-[10px]`],
12
14
  [/^q-scrollarea__thumb--v$/, ([, c], { theme }) => `right-0 w-[10px]`],
@@ -14,18 +16,21 @@ const shortcuts = [
14
16
  [/^q-scrollarea__thumb--h$/, ([, c], { theme }) => `bottom-0 h-[10px]`],
15
17
  [
16
18
  /^q-scrollarea__bar--invisible$/,
17
- ([, c], { theme }) => `!opacity-0 pointer-events-none`
19
+ ([, c], { theme }) => theme.quasar?.components?.['q-scrollarea__bar--invisible'] ??
20
+ `!opacity-0 pointer-events-none`
18
21
  ],
19
22
  [
20
23
  /^q-scrollarea__thumb--invisible$/,
21
- ([, c], { theme }) => `!opacity-0 pointer-events-none`
24
+ ([, c], { theme }) => theme.quasar?.components?.['q-scrollarea__thumb--invisible'] ??
25
+ `!opacity-0 pointer-events-none`
22
26
  ],
23
27
  [/^q-scrollarea__thumb:hover$/, ([, c], { theme }) => `hover:opacity-30`],
24
28
  [/^q-scrollarea__thumb:active$/, ([, c], { theme }) => `active:opacity-50`],
25
29
  [/^q-scrollarea__content$/, ([, c], { theme }) => `min-h-full min-w-full`],
26
30
  [
27
31
  /^q-scrollarea--dark$/,
28
- ([, c], { theme }) => `[&_.q-scrollarea\\_\\_thumb]:(bg-[#fff])`
32
+ ([, c], { theme }) => theme.quasar?.components?.['q-scrollarea--dark'] ??
33
+ `[&_.q-scrollarea\\_\\_thumb]:(bg-[#fff])`
29
34
  ]
30
35
  ];
31
36
  export { shortcuts };