unocss-preset-quasar 0.1.0 → 0.1.1

package/LICENCE

@@ -1,4 +1,4 @@
-Copyright 2022-present Stefan van Herwijnen
+Copyright 2025-present Stefan van Herwijnen
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 

package/dist/core/flex.unocss.js

@@ -52,17 +52,17 @@ const shortcuts = [
         /^q-gutter-(none|xs|sm|md|lg|xl)$/,
         ([, size], { theme }) => `ml--${colGutter[size]}
       mt--${colGutter[size]}
-      [&_>_*]:(mr-${colGutter[size]} mb-${colGutter[size]})`
+      [&_>_*]:(ml-${colGutter[size]} mt-${colGutter[size]})`
     ],
     [
         /^q-gutter-x-(none|xs|sm|md|lg|xl)$/,
         ([, size], { theme }) => `ml--${colGutter[size]}
-        [&_>_*]:(mr-${colGutter[size]})`
+        [&_>_*]:(ml-${colGutter[size]})`
     ],
     [
         /^q-gutter-y-(none|xs|sm|md|lg|xl)$/,
         ([, size], { theme }) => `mt--${colGutter[size]}
-        [&_>_*]:(mb-${colGutter[size]})`
+        [&_>_*]:(mt-${colGutter[size]})`
     ],
     [/^wrap$/, ([, size], { theme }) => `flex-wrap`],
     [/^no-wrap$/, ([, size], { theme }) => `flex-nowrap`],

package/dist/index.js

@@ -54,6 +54,20 @@ const QPageStickySafelist = [
     'vertical-bottom'
 ];
 const QMenuSafelist = ['q-menu', 'q-menu--square', 'q-menu--dark'];
+const QTabSafelist = [
+    'q-tab',
+    'q-tab--full',
+    'q-tab--no-caps',
+    'q-tab__content',
+    'q-tab__content--inline',
+    'q-tab__icon',
+    'q-tab__label',
+    'q-tab__alert',
+    'q-tab__alert-icon',
+    'q-tab__indicator',
+    'q-tab--active',
+    'q-tab--inactive'
+];
 const componentsSafelistMap = {
     QIcon: ['q-icon'],
     QTabPanel: ['q-panel', 'q-panel-parent'],
@@ -108,7 +122,8 @@ const componentsSafelistMap = {
         'q-btn-dropdown__arrow',
         'q-btn-dropdown--current'
     ],
-    QBtnGroup: [
+    QBtnToggle: [
+        'q-btn-toggle',
         'q-btn-group',
         'q-btn-group--push',
         'q-btn-group--push',
@@ -122,7 +137,6 @@ const componentsSafelistMap = {
         'q-btn-group--spread',
         'q-btn-group--spread'
     ],
-    QBtnToggle: ['q-btn-toggle'],
     QCard: [
         'q-card',
         'q-card--bordered',
@@ -727,20 +741,8 @@ const componentsSafelistMap = {
         'q-table--vertical-separator',
         'q-table--dense'
     ],
-    QTab: [
-        'q-tab',
-        'q-tab--full',
-        'q-tab--no-caps',
-        'q-tab__content',
-        'q-tab__content--inline',
-        'q-tab__icon',
-        'q-tab__label',
-        'q-tab__alert',
-        'q-tab__alert-icon',
-        'q-tab__indicator',
-        'q-tab--active',
-        'q-tab--inactive'
-    ],
+    QTab: QTabSafelist,
+    QRouteTab: QTabSafelist,
     QTabs: [
         'q-tabs',
         'q-tabs--scrollable',

package/dist/styles/md2/components/QBtnToggle.unocss.js

@@ -1,4 +1,36 @@
 const shortcuts = [
-    [/^q-btn-toggle$/, ([, c], { theme }) => `relative`]
+    [/^q-btn-toggle$/, ([, c], { theme }) => `relative`],
+    [
+        /^q-btn-group$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-btn-group'] ??
+            `rounded-[3px] [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)] align-middle [&_>_.q-btn-item]:([border-radius:inherit] self-stretch) [&_>_.q-btn-item:before]:([box-shadow:none]) [&_>_.q-btn-item_.q-badge--floating]:(right-0) [&_>_.q-btn-group]:([box-shadow:none]) [&_>_.q-btn-group:first-child_>_.q-btn:first-child]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit]) [&_>_.q-btn-group:last-child_>_.q-btn:last-child]:([border-top-right-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_.q-btn-group:not(:first-child)_>_.q-btn:first-child:before]:([border-left:0]) [&_>_.q-btn-group:not(:last-child)_>_.q-btn:last-child:before]:([border-right:0]) [&_>_.q-btn-item:not(:last-child)]:(rounded-tr-none rounded-br-none) [&_>_.q-btn-item:not(:first-child)]:(rounded-tl-none rounded-bl-none) [&_>_.q-btn-item.q-btn--standard:before]:(z--1)`
+    ],
+    [
+        /^q-btn-group--push$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-btn-group--push'] ??
+            `rounded-[7px] [&_>_.q-btn--push.q-btn--actionable]:(transform-none) [&_>_.q-btn--push.q-btn--actionable_.q-btn\\_\\_content]:([transition:margin-top_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1),_margin-bottom_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)]) [&_>_.q-btn--push.q-btn--actionable:active_.q-btn\\_\\_content]:(mt-[2px] -mb-[2px])
+    [&__>_.q-btn--push.q-btn--actionable.q-btn--active__.q-btn\\_\\_content]:(mt-[2px] -mb-[2px])`
+    ],
+    [/^q-btn-group--rounded$/, ([, c], { theme }) => `rounded-[28px]`],
+    [/^q-btn-group--square$/, ([, c], { theme }) => `rounded-none`],
+    [/^q-btn-group--flat$/, ([, c], { theme }) => `[box-shadow:none]`],
+    [
+        /^q-btn-group--outline$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-btn-group--outline'] ??
+            `[box-shadow:none] [&_>_.q-separator]:(hidden) [&_>_.q-btn-item_+_.q-btn-item:before]:([border-left:0]) [&_>_.q-btn-item:not(:last-child):before]:([border-right:0])`
+    ],
+    [/^q-btn-group--unelevated$/, ([, c], { theme }) => `[box-shadow:none]`],
+    [/^q-btn-group--stretch$/, ([, c], { theme }) => `self-stretch rounded-none`],
+    [
+        /^q-btn-group--glossy$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-btn-group--glossy'] ??
+            `[&_>_.q-btn-item]:(!bg-[linear-gradient(_to_bottom,_rgba(255,_255,_255,_0.3),_rgba(255,_255,_255,_0)_50%,_rgba(0,_0,_0,_0.12)_51%,_rgba(0,_0,_0,_0.04)_)])`
+    ],
+    [
+        /^q-btn-group--spread$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-btn-group--spread'] ??
+            `[&_>_.q-btn-group]:(!flex) [&_>_.q-btn-item]:(w-auto min-w-[0] max-w-full flex-[10000_1_0%])
+    [&__>_.q-btn-group_>_.q-btn-item:not(.q-btn-dropdown\\_\\_arrow-container)]:(w-auto min-w-[0] max-w-full flex-[10000_1_0%])`
+    ]
 ];
 export { shortcuts };

package/dist/styles/md2/index.js

@@ -8,7 +8,6 @@ import { shortcuts as QBannerShortcuts } from './components/QBanner.unocss.js';
 import { shortcuts as QBarShortcuts } from './components/QBar.unocss.js';
 import { preflights as QBreadcrumbsPreflights, shortcuts as QBreadcrumbsShortcuts } from './components/QBreadcrumbs.unocss.js';
 import { shortcuts as QBtnDropdownShortcuts } from './components/QBtnDropdown.unocss.js';
-import { shortcuts as QBtnGroupShortcuts } from './components/QBtnGroup.unocss.js';
 import { shortcuts as QBtnToggleShortcuts } from './components/QBtnToggle.unocss.js';
 import { shortcuts as QCardShortcuts } from './components/QCard.unocss.js';
 import { shortcuts as QCarouselShortcuts } from './components/QCarousel.unocss.js';
@@ -79,7 +78,7 @@ const style = {
     variants: [],
     preflights: [].concat(QBreadcrumbsPreflights, QCheckboxPreflights, QChipPreflights, QCircularProgressPreflights, QDialogPreflights, QFieldPreflights, QLayoutPreflights, QLinearProgressPreflights, QRadioPreflights, QSelectPreflights, QSpinnerPreflights, QSkeletonPreflights, QTablePreflights, QTogglePreflights, QTreePreflights),
     rules: [].concat(),
-    shortcuts: [].concat(QIconShortcuts, QAjaxBarShortcuts, QAvatarShortcuts, QBadgeShortcuts, QBreadcrumbsShortcuts, QBannerShortcuts, QBarShortcuts, QBtnShortcuts, QBtnDropdownShortcuts, QBtnGroupShortcuts, QBtnToggleShortcuts, QCardShortcuts, QCarouselShortcuts, QChatMessageShortcuts, QCheckboxShortcuts, QChipShortcuts, QCircularProgressShortcuts, QColorPickerShortcuts, QDateShortcuts, QDialogShortcuts, QEditorShortcuts, QExpansionItemShortcuts, QFabShortcuts, QFieldShortcuts, QFileShortcuts, QFormShortcuts, QImgShortcuts, QInnerLoadingShortcuts, QInputShortcuts, QIntersectionShortcuts, QItemShortcuts, QKnobShortcuts, QLayoutShortcuts, QLinearProgressShortcuts, QMenuShortcuts, QOptionGroupShortcuts, QPageShortcuts, QPageStickyShortcuts, QPaginationShortcuts, QParallaxShortcuts, QPopupEditShortcuts, QPullToRefreshShortcuts, QRadioShortcuts, QRatingShortcuts, QResponsiveShortcuts, QScrollareaShortcuts, QSelectShortcuts, QSeparatorShortcuts, QSkeletonShortcuts, QSlideItemShortcuts, QSliderShortcuts, QSpaceShortcuts, QSpinnerShortcuts, QSplitterShortcuts, QStepperShortcuts, QTabPanelShortcuts, QTableShortcuts, QTabsShortcuts, QTimeShortcuts, QTimelineShortcuts, QToggleShortcuts, QToolbarShortcuts, QTooltipShortcuts, QTreeShortcuts, QUploaderShortcuts, QVideoShortcuts, QVirtualScrollShortcuts, PanelShortcuts, QMorphShortcuts, QRippleShortcuts, QBottomSheetShortcuts, QDialogPluginShortcuts, QLoadingShortcuts, QNotifyShortcuts, QHeaderShortcuts, QFooterShortcuts, QDrawerShortcuts)
+    shortcuts: [].concat(QIconShortcuts, QAjaxBarShortcuts, QAvatarShortcuts, QBadgeShortcuts, QBreadcrumbsShortcuts, QBannerShortcuts, QBarShortcuts, QBtnShortcuts, QBtnDropdownShortcuts, QBtnToggleShortcuts, QCardShortcuts, QCarouselShortcuts, QChatMessageShortcuts, QCheckboxShortcuts, QChipShortcuts, QCircularProgressShortcuts, QColorPickerShortcuts, QDateShortcuts, QDialogShortcuts, QEditorShortcuts, QExpansionItemShortcuts, QFabShortcuts, QFieldShortcuts, QFileShortcuts, QFormShortcuts, QImgShortcuts, QInnerLoadingShortcuts, QInputShortcuts, QIntersectionShortcuts, QItemShortcuts, QKnobShortcuts, QLayoutShortcuts, QLinearProgressShortcuts, QMenuShortcuts, QOptionGroupShortcuts, QPageShortcuts, QPageStickyShortcuts, QPaginationShortcuts, QParallaxShortcuts, QPopupEditShortcuts, QPullToRefreshShortcuts, QRadioShortcuts, QRatingShortcuts, QResponsiveShortcuts, QScrollareaShortcuts, QSelectShortcuts, QSeparatorShortcuts, QSkeletonShortcuts, QSlideItemShortcuts, QSliderShortcuts, QSpaceShortcuts, QSpinnerShortcuts, QSplitterShortcuts, QStepperShortcuts, QTabPanelShortcuts, QTableShortcuts, QTabsShortcuts, QTimeShortcuts, QTimelineShortcuts, QToggleShortcuts, QToolbarShortcuts, QTooltipShortcuts, QTreeShortcuts, QUploaderShortcuts, QVideoShortcuts, QVirtualScrollShortcuts, PanelShortcuts, QMorphShortcuts, QRippleShortcuts, QBottomSheetShortcuts, QDialogPluginShortcuts, QLoadingShortcuts, QNotifyShortcuts, QHeaderShortcuts, QFooterShortcuts, QDrawerShortcuts)
 };
 export const setDefaultProps = ({ QBtn }) => { };
 export default style;

package/dist/styles/md3/components/QBtnToggle.unocss.js

@@ -1,4 +1,52 @@
 const shortcuts = [
-    [/^q-btn-toggle$/, ([, c], { theme }) => `relative`]
+    [/^q-btn-toggle$/, ([, c], { theme }) => `relative`],
+    [
+        /^q-btn-group$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-btn-group'] ??
+            `!flex-initial
+      rounded-[3px] 
+      [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)] 
+      align-middle 
+      [&_>_.q-btn-item]:([border-radius:inherit] self-stretch) 
+      [&_>_.q-btn-item:before]:([box-shadow:none]) 
+      [&_>_.q-btn-item_.q-badge--floating]:(right-0) 
+      [&_>_.q-btn-group]:([box-shadow:none]) 
+      [&_>_.q-btn-group:first-child_>_.q-btn]:(border-rd-0 bg-light-outline dark:bg-dark-outline) 
+      [&_>_.q-btn-group:first-child_>_.q-btn--active]:(bg-light-seondary-container dark:bg-dark-secondary-container) 
+      [&_>_.q-btn-group:first-child_>_.q-btn:first-child]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit]) 
+      [&_>_.q-btn-group:last-child_>_.q-btn:last-child]:([border-top-right-radius:inherit] [border-bottom-right-radius:inherit]) 
+      [&_>_.q-btn-group:not(:first-child)_>_.q-btn:first-child:before]:([border-left:0]) 
+      [&_>_.q-btn-group:not(:last-child)_>_.q-btn:last-child:before]:([border-right:0]) 
+      [&_>_.q-btn-item:not(:last-child)]:(rounded-tr-none rounded-br-none) 
+      [&_>_.q-btn-item:not(:first-child)]:(rounded-tl-none rounded-bl-none) 
+      [&_>_.q-btn-item.q-btn--standard:before]:(z--1)`
+    ],
+    [
+        /^q-btn-group--push$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-btn-group--push'] ??
+            `rounded-[7px] [&_>_.q-btn--push.q-btn--actionable]:(transform-none) [&_>_.q-btn--push.q-btn--actionable_.q-btn\\_\\_content]:([transition:margin-top_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1),_margin-bottom_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)]) [&_>_.q-btn--push.q-btn--actionable:active_.q-btn\\_\\_content]:(mt-[2px] -mb-[2px])
+    [&__>_.q-btn--push.q-btn--actionable.q-btn--active__.q-btn\\_\\_content]:(mt-[2px] -mb-[2px])`
+    ],
+    [/^q-btn-group--rounded$/, ([, c], { theme }) => `rounded-[28px]`],
+    [/^q-btn-group--square$/, ([, c], { theme }) => `rounded-none`],
+    [/^q-btn-group--flat$/, ([, c], { theme }) => `[box-shadow:none]`],
+    [
+        /^q-btn-group--outline$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-btn-group--outline'] ??
+            `[box-shadow:none] [&_>_.q-separator]:(hidden) [&_>_.q-btn-item_+_.q-btn-item:before]:([border-left:0]) [&_>_.q-btn-item:not(:last-child):before]:([border-right:0])`
+    ],
+    [/^q-btn-group--unelevated$/, ([, c], { theme }) => `[box-shadow:none]`],
+    [/^q-btn-group--stretch$/, ([, c], { theme }) => `self-stretch rounded-none`],
+    [
+        /^q-btn-group--glossy$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-btn-group--glossy'] ??
+            `[&_>_.q-btn-item]:(!bg-[linear-gradient(_to_bottom,_rgba(255,_255,_255,_0.3),_rgba(255,_255,_255,_0)_50%,_rgba(0,_0,_0,_0.12)_51%,_rgba(0,_0,_0,_0.04)_)])`
+    ],
+    [
+        /^q-btn-group--spread$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-btn-group--spread'] ??
+            `[&_>_.q-btn-group]:(!flex) [&_>_.q-btn-item]:(w-auto min-w-[0] max-w-full flex-[10000_1_0%])
+    [&__>_.q-btn-group_>_.q-btn-item:not(.q-btn-dropdown\\_\\_arrow-container)]:(w-auto min-w-[0] max-w-full flex-[10000_1_0%])`
+    ]
 ];
 export { shortcuts };

package/dist/styles/md3/components/QCheckbox.unocss.js

@@ -1,25 +1,7 @@
 const preflights = [
     {
         getCSS: ({ theme }) => `
-body.desktop .q-checkbox:not(.disabled) .q-checkbox__inner:before {
-  content: "";
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  border-radius: 50%;
-  background: currentColor;
-  opacity: 0.12;
-  transform: scale3d(0, 0, 1);
-  transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1);
-}
-body.desktop .q-checkbox:not(.disabled):focus .q-checkbox__inner:before, body.desktop .q-checkbox:not(.disabled):hover .q-checkbox__inner:before {
-  transform: scale3d(1, 1, 1);
-}
-body.desktop .q-checkbox--dense:not(.disabled):focus .q-checkbox__inner:before, body.desktop .q-checkbox--dense:not(.disabled):hover .q-checkbox__inner:before {
-  transform: scale3d(1.4, 1.4, 1);
-}
+
 `
     }
 ];
@@ -28,7 +10,7 @@ const shortcuts = [
         /^q-checkbox$/,
         ([, c], { theme }) => theme.quasar?.components?.['q-checkbox'] ??
             `align-middle [&.disabled]:(!opacity-75)
-      [&:not(.disabled)_.q-checkbox\\_\\_inner:before]:(content-[''] absolute top-0 left-0 bottom-0 right-0 border-rd-50 bg-current op-12 scale-z-10)
+      [&:not(.disabled):hover_.q-checkbox\\_\\_inner:before]:(content-[''] absolute top-[12.5%] left-[12.5%] bottom-0 right-0 border-rd-50 bg-current op-12 scale-x-120 scale-y-120 scale-z-100)
       [&:not(.disabled):focus_.q-checkbox\\_\\_inner:before]:(scale-z-100)`
     ],
     [/^q-checkbox__native$/, ([, c], { theme }) => `w-px h-px`],

package/dist/styles/md3/index.js

@@ -8,7 +8,6 @@ import { shortcuts as QBannerShortcuts } from './components/QBanner.unocss.js';
 import { shortcuts as QBarShortcuts } from './components/QBar.unocss.js';
 import { preflights as QBreadcrumbsPreflights, shortcuts as QBreadcrumbsShortcuts } from './components/QBreadcrumbs.unocss.js';
 import { shortcuts as QBtnDropdownShortcuts } from './components/QBtnDropdown.unocss.js';
-import { shortcuts as QBtnGroupShortcuts } from './components/QBtnGroup.unocss.js';
 import { shortcuts as QBtnToggleShortcuts } from './components/QBtnToggle.unocss.js';
 import { shortcuts as QCardShortcuts } from './components/QCard.unocss.js';
 import { shortcuts as QCarouselShortcuts } from './components/QCarousel.unocss.js';
@@ -79,9 +78,9 @@ const style = {
     variants: [],
     preflights: [].concat(QBreadcrumbsPreflights, QCheckboxPreflights, QChipPreflights, QCircularProgressPreflights, QDialogPreflights, QFieldPreflights, QLayoutPreflights, QLinearProgressPreflights, QRadioPreflights, QSelectPreflights, QSpinnerPreflights, QSkeletonPreflights, QTablePreflights, QTogglePreflights, QTreePreflights),
     rules: [].concat(),
-    shortcuts: [].concat(QIconShortcuts, QAjaxBarShortcuts, QAvatarShortcuts, QBadgeShortcuts, QBreadcrumbsShortcuts, QBannerShortcuts, QBarShortcuts, QBtnShortcuts, QBtnDropdownShortcuts, QBtnGroupShortcuts, QBtnToggleShortcuts, QCardShortcuts, QCarouselShortcuts, QChatMessageShortcuts, QCheckboxShortcuts, QChipShortcuts, QCircularProgressShortcuts, QColorPickerShortcuts, QDateShortcuts, QDialogShortcuts, QEditorShortcuts, QExpansionItemShortcuts, QFabShortcuts, QFieldShortcuts, QFileShortcuts, QFormShortcuts, QImgShortcuts, QInnerLoadingShortcuts, QInputShortcuts, QIntersectionShortcuts, QItemShortcuts, QKnobShortcuts, QLayoutShortcuts, QLinearProgressShortcuts, QMenuShortcuts, QOptionGroupShortcuts, QPageShortcuts, QPageStickyShortcuts, QPaginationShortcuts, QParallaxShortcuts, QPopupEditShortcuts, QPullToRefreshShortcuts, QRadioShortcuts, QRatingShortcuts, QResponsiveShortcuts, QScrollareaShortcuts, QSelectShortcuts, QSeparatorShortcuts, QSkeletonShortcuts, QSlideItemShortcuts, QSliderShortcuts, QSpaceShortcuts, QSpinnerShortcuts, QSplitterShortcuts, QStepperShortcuts, QTabPanelShortcuts, QTableShortcuts, QTabsShortcuts, QTimeShortcuts, QTimelineShortcuts, QToggleShortcuts, QToolbarShortcuts, QTooltipShortcuts, QTreeShortcuts, QUploaderShortcuts, QVideoShortcuts, QVirtualScrollShortcuts, PanelShortcuts, QMorphShortcuts, QRippleShortcuts, QBottomSheetShortcuts, QDialogPluginShortcuts, QLoadingShortcuts, QNotifyShortcuts, QHeaderShortcuts, QFooterShortcuts, QDrawerShortcuts)
+    shortcuts: [].concat(QIconShortcuts, QAjaxBarShortcuts, QAvatarShortcuts, QBadgeShortcuts, QBreadcrumbsShortcuts, QBannerShortcuts, QBarShortcuts, QBtnShortcuts, QBtnDropdownShortcuts, QBtnToggleShortcuts, QCardShortcuts, QCarouselShortcuts, QChatMessageShortcuts, QCheckboxShortcuts, QChipShortcuts, QCircularProgressShortcuts, QColorPickerShortcuts, QDateShortcuts, QDialogShortcuts, QEditorShortcuts, QExpansionItemShortcuts, QFabShortcuts, QFieldShortcuts, QFileShortcuts, QFormShortcuts, QImgShortcuts, QInnerLoadingShortcuts, QInputShortcuts, QIntersectionShortcuts, QItemShortcuts, QKnobShortcuts, QLayoutShortcuts, QLinearProgressShortcuts, QMenuShortcuts, QOptionGroupShortcuts, QPageShortcuts, QPageStickyShortcuts, QPaginationShortcuts, QParallaxShortcuts, QPopupEditShortcuts, QPullToRefreshShortcuts, QRadioShortcuts, QRatingShortcuts, QResponsiveShortcuts, QScrollareaShortcuts, QSelectShortcuts, QSeparatorShortcuts, QSkeletonShortcuts, QSlideItemShortcuts, QSliderShortcuts, QSpaceShortcuts, QSpinnerShortcuts, QSplitterShortcuts, QStepperShortcuts, QTabPanelShortcuts, QTableShortcuts, QTabsShortcuts, QTimeShortcuts, QTimelineShortcuts, QToggleShortcuts, QToolbarShortcuts, QTooltipShortcuts, QTreeShortcuts, QUploaderShortcuts, QVideoShortcuts, QVirtualScrollShortcuts, PanelShortcuts, QMorphShortcuts, QRippleShortcuts, QBottomSheetShortcuts, QDialogPluginShortcuts, QLoadingShortcuts, QNotifyShortcuts, QHeaderShortcuts, QFooterShortcuts, QDrawerShortcuts)
 };
-export const setDefaultProps = ({ QBtn, QBtnDropdown, QInput }) => {
+export const setDefaultProps = ({ QBtn, QBtnDropdown, QInput, QBtnToggle }) => {
     QBtn.props.rounded = {
         type: QBtn.props.rounded,
         default: true
@@ -94,5 +93,9 @@ export const setDefaultProps = ({ QBtn, QBtnDropdown, QInput }) => {
         type: QInput.props.filled,
         default: true
     };
+    QBtnToggle.props.rounded = {
+        type: QBtnToggle.props.rounded,
+        default: true
+    };
 };
 export default style;

package/dist/types/styles/md3/index.d.ts

@@ -1,8 +1,9 @@
 import { QuasarStyle } from '../index.js';
 declare const style: QuasarStyle;
-export declare const setDefaultProps: ({ QBtn, QBtnDropdown, QInput }: {
+export declare const setDefaultProps: ({ QBtn, QBtnDropdown, QInput, QBtnToggle }: {
     QBtn: any;
     QBtnDropdown: any;
     QInput: any;
+    QBtnToggle: any;
 }) => void;
 export default style;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unocss-preset-quasar",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "license": "MIT",
   "author": "Stefan van Herwijnen",
   "description": "UnoCSS preset for Quasar Framework",

package/src/core/flex.unocss.ts

@@ -69,15 +69,15 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     ([, size], { theme }) =>
       `ml--${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']}
       mt--${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']}
-      [&_>_*]:(mr-${
+      [&_>_*]:(ml-${
         colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']
-      } mb-${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']})`
+      } mt-${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']})`
   ],
   [
     /^q-gutter-x-(none|xs|sm|md|lg|xl)$/,
     ([, size], { theme }) =>
       `ml--${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']}
-        [&_>_*]:(mr-${
+        [&_>_*]:(ml-${
           colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']
         })`
   ],
@@ -85,7 +85,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     /^q-gutter-y-(none|xs|sm|md|lg|xl)$/,
     ([, size], { theme }) =>
       `mt--${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']}
-        [&_>_*]:(mb-${
+        [&_>_*]:(mt-${
           colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']
         })`
   ],

package/src/index.ts

@@ -88,7 +88,20 @@ const QPageStickySafelist = [
 ]
 
 const QMenuSafelist = ['q-menu', 'q-menu--square', 'q-menu--dark']
-
+const QTabSafelist = [
+  'q-tab',
+  'q-tab--full',
+  'q-tab--no-caps',
+  'q-tab__content',
+  'q-tab__content--inline',
+  'q-tab__icon',
+  'q-tab__label',
+  'q-tab__alert',
+  'q-tab__alert-icon',
+  'q-tab__indicator',
+  'q-tab--active',
+  'q-tab--inactive'
+]
 const componentsSafelistMap: Partial<Record<keyof QuasarComponents, string[]>> =
   {
     QIcon: ['q-icon'],
@@ -144,7 +157,8 @@ const componentsSafelistMap: Partial<Record<keyof QuasarComponents, string[]>> =
       'q-btn-dropdown__arrow',
       'q-btn-dropdown--current'
     ],
-    QBtnGroup: [
+    QBtnToggle: [
+      'q-btn-toggle',
       'q-btn-group',
       'q-btn-group--push',
       'q-btn-group--push',
@@ -158,7 +172,6 @@ const componentsSafelistMap: Partial<Record<keyof QuasarComponents, string[]>> =
       'q-btn-group--spread',
       'q-btn-group--spread'
     ],
-    QBtnToggle: ['q-btn-toggle'],
     QCard: [
       'q-card',
       'q-card--bordered',
@@ -763,20 +776,8 @@ const componentsSafelistMap: Partial<Record<keyof QuasarComponents, string[]>> =
       'q-table--vertical-separator',
       'q-table--dense'
     ],
-    QTab: [
-      'q-tab',
-      'q-tab--full',
-      'q-tab--no-caps',
-      'q-tab__content',
-      'q-tab__content--inline',
-      'q-tab__icon',
-      'q-tab__label',
-      'q-tab__alert',
-      'q-tab__alert-icon',
-      'q-tab__indicator',
-      'q-tab--active',
-      'q-tab--inactive'
-    ],
+    QTab: QTabSafelist,
+    QRouteTab: QTabSafelist,
     QTabs: [
       'q-tabs',
       'q-tabs--scrollable',

package/src/styles/md2/components/QBtnToggle.unocss.ts

@@ -2,7 +2,54 @@ import type { Rule, UserShortcuts } from '@unocss/core'
 import type { QuasarTheme } from '../../../theme.js'
 
 const shortcuts: UserShortcuts<QuasarTheme> = [
-  [/^q-btn-toggle$/, ([, c], { theme }) => `relative`]
+  [/^q-btn-toggle$/, ([, c], { theme }) => `relative`],
+
+  [
+    /^q-btn-group$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn-group'] ??
+      `rounded-[3px] [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)] align-middle [&_>_.q-btn-item]:([border-radius:inherit] self-stretch) [&_>_.q-btn-item:before]:([box-shadow:none]) [&_>_.q-btn-item_.q-badge--floating]:(right-0) [&_>_.q-btn-group]:([box-shadow:none]) [&_>_.q-btn-group:first-child_>_.q-btn:first-child]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit]) [&_>_.q-btn-group:last-child_>_.q-btn:last-child]:([border-top-right-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_.q-btn-group:not(:first-child)_>_.q-btn:first-child:before]:([border-left:0]) [&_>_.q-btn-group:not(:last-child)_>_.q-btn:last-child:before]:([border-right:0]) [&_>_.q-btn-item:not(:last-child)]:(rounded-tr-none rounded-br-none) [&_>_.q-btn-item:not(:first-child)]:(rounded-tl-none rounded-bl-none) [&_>_.q-btn-item.q-btn--standard:before]:(z--1)`
+  ],
+
+  [
+    /^q-btn-group--push$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn-group--push'] ??
+      `rounded-[7px] [&_>_.q-btn--push.q-btn--actionable]:(transform-none) [&_>_.q-btn--push.q-btn--actionable_.q-btn\\_\\_content]:([transition:margin-top_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1),_margin-bottom_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)]) [&_>_.q-btn--push.q-btn--actionable:active_.q-btn\\_\\_content]:(mt-[2px] -mb-[2px])
+    [&__>_.q-btn--push.q-btn--actionable.q-btn--active__.q-btn\\_\\_content]:(mt-[2px] -mb-[2px])`
+  ],
+
+  [/^q-btn-group--rounded$/, ([, c], { theme }) => `rounded-[28px]`],
+
+  [/^q-btn-group--square$/, ([, c], { theme }) => `rounded-none`],
+
+  [/^q-btn-group--flat$/, ([, c], { theme }) => `[box-shadow:none]`],
+
+  [
+    /^q-btn-group--outline$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn-group--outline'] ??
+      `[box-shadow:none] [&_>_.q-separator]:(hidden) [&_>_.q-btn-item_+_.q-btn-item:before]:([border-left:0]) [&_>_.q-btn-item:not(:last-child):before]:([border-right:0])`
+  ],
+
+  [/^q-btn-group--unelevated$/, ([, c], { theme }) => `[box-shadow:none]`],
+
+  [/^q-btn-group--stretch$/, ([, c], { theme }) => `self-stretch rounded-none`],
+
+  [
+    /^q-btn-group--glossy$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn-group--glossy'] ??
+      `[&_>_.q-btn-item]:(!bg-[linear-gradient(_to_bottom,_rgba(255,_255,_255,_0.3),_rgba(255,_255,_255,_0)_50%,_rgba(0,_0,_0,_0.12)_51%,_rgba(0,_0,_0,_0.04)_)])`
+  ],
+
+  [
+    /^q-btn-group--spread$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn-group--spread'] ??
+      `[&_>_.q-btn-group]:(!flex) [&_>_.q-btn-item]:(w-auto min-w-[0] max-w-full flex-[10000_1_0%])
+    [&__>_.q-btn-group_>_.q-btn-item:not(.q-btn-dropdown\\_\\_arrow-container)]:(w-auto min-w-[0] max-w-full flex-[10000_1_0%])`
+  ]
 ]
 
 export { shortcuts }

package/src/styles/md2/index.ts

@@ -14,7 +14,6 @@ import {
   shortcuts as QBreadcrumbsShortcuts
 } from './components/QBreadcrumbs.unocss.js'
 import { shortcuts as QBtnDropdownShortcuts } from './components/QBtnDropdown.unocss.js'
-import { shortcuts as QBtnGroupShortcuts } from './components/QBtnGroup.unocss.js'
 import { shortcuts as QBtnToggleShortcuts } from './components/QBtnToggle.unocss.js'
 import { shortcuts as QCardShortcuts } from './components/QCard.unocss.js'
 import { shortcuts as QCarouselShortcuts } from './components/QCarousel.unocss.js'
@@ -159,7 +158,6 @@ const style: QuasarStyle = {
     QBarShortcuts,
     QBtnShortcuts,
     QBtnDropdownShortcuts,
-    QBtnGroupShortcuts,
     QBtnToggleShortcuts,
     QCardShortcuts,
     QCarouselShortcuts,

package/src/styles/md3/components/QBtnToggle.unocss.ts

@@ -2,7 +2,70 @@ import type { Rule, UserShortcuts } from '@unocss/core'
 import type { QuasarTheme } from '../../../theme.js'
 
 const shortcuts: UserShortcuts<QuasarTheme> = [
-  [/^q-btn-toggle$/, ([, c], { theme }) => `relative`]
+  [/^q-btn-toggle$/, ([, c], { theme }) => `relative`],
+
+  [
+    /^q-btn-group$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn-group'] ??
+      `!flex-initial
+      rounded-[3px] 
+      [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)] 
+      align-middle 
+      [&_>_.q-btn-item]:([border-radius:inherit] self-stretch) 
+      [&_>_.q-btn-item:before]:([box-shadow:none]) 
+      [&_>_.q-btn-item_.q-badge--floating]:(right-0) 
+      [&_>_.q-btn-group]:([box-shadow:none]) 
+      [&_>_.q-btn-group:first-child_>_.q-btn]:(border-rd-0 bg-light-outline dark:bg-dark-outline) 
+      [&_>_.q-btn-group:first-child_>_.q-btn--active]:(bg-light-seondary-container dark:bg-dark-secondary-container) 
+      [&_>_.q-btn-group:first-child_>_.q-btn:first-child]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit]) 
+      [&_>_.q-btn-group:last-child_>_.q-btn:last-child]:([border-top-right-radius:inherit] [border-bottom-right-radius:inherit]) 
+      [&_>_.q-btn-group:not(:first-child)_>_.q-btn:first-child:before]:([border-left:0]) 
+      [&_>_.q-btn-group:not(:last-child)_>_.q-btn:last-child:before]:([border-right:0]) 
+      [&_>_.q-btn-item:not(:last-child)]:(rounded-tr-none rounded-br-none) 
+      [&_>_.q-btn-item:not(:first-child)]:(rounded-tl-none rounded-bl-none) 
+      [&_>_.q-btn-item.q-btn--standard:before]:(z--1)`
+  ],
+
+  [
+    /^q-btn-group--push$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn-group--push'] ??
+      `rounded-[7px] [&_>_.q-btn--push.q-btn--actionable]:(transform-none) [&_>_.q-btn--push.q-btn--actionable_.q-btn\\_\\_content]:([transition:margin-top_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1),_margin-bottom_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)]) [&_>_.q-btn--push.q-btn--actionable:active_.q-btn\\_\\_content]:(mt-[2px] -mb-[2px])
+    [&__>_.q-btn--push.q-btn--actionable.q-btn--active__.q-btn\\_\\_content]:(mt-[2px] -mb-[2px])`
+  ],
+
+  [/^q-btn-group--rounded$/, ([, c], { theme }) => `rounded-[28px]`],
+
+  [/^q-btn-group--square$/, ([, c], { theme }) => `rounded-none`],
+
+  [/^q-btn-group--flat$/, ([, c], { theme }) => `[box-shadow:none]`],
+
+  [
+    /^q-btn-group--outline$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn-group--outline'] ??
+      `[box-shadow:none] [&_>_.q-separator]:(hidden) [&_>_.q-btn-item_+_.q-btn-item:before]:([border-left:0]) [&_>_.q-btn-item:not(:last-child):before]:([border-right:0])`
+  ],
+
+  [/^q-btn-group--unelevated$/, ([, c], { theme }) => `[box-shadow:none]`],
+
+  [/^q-btn-group--stretch$/, ([, c], { theme }) => `self-stretch rounded-none`],
+
+  [
+    /^q-btn-group--glossy$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn-group--glossy'] ??
+      `[&_>_.q-btn-item]:(!bg-[linear-gradient(_to_bottom,_rgba(255,_255,_255,_0.3),_rgba(255,_255,_255,_0)_50%,_rgba(0,_0,_0,_0.12)_51%,_rgba(0,_0,_0,_0.04)_)])`
+  ],
+
+  [
+    /^q-btn-group--spread$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-btn-group--spread'] ??
+      `[&_>_.q-btn-group]:(!flex) [&_>_.q-btn-item]:(w-auto min-w-[0] max-w-full flex-[10000_1_0%])
+    [&__>_.q-btn-group_>_.q-btn-item:not(.q-btn-dropdown\\_\\_arrow-container)]:(w-auto min-w-[0] max-w-full flex-[10000_1_0%])`
+  ]
 ]
 
 export { shortcuts }

package/src/styles/md3/components/QCheckbox.unocss.ts

@@ -4,25 +4,7 @@ import type { QuasarTheme } from '../../../theme.js'
 const preflights: Preflight<QuasarTheme>[] = [
   {
     getCSS: ({ theme }) => `
-body.desktop .q-checkbox:not(.disabled) .q-checkbox__inner:before {
-  content: "";
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  border-radius: 50%;
-  background: currentColor;
-  opacity: 0.12;
-  transform: scale3d(0, 0, 1);
-  transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1);
-}
-body.desktop .q-checkbox:not(.disabled):focus .q-checkbox__inner:before, body.desktop .q-checkbox:not(.disabled):hover .q-checkbox__inner:before {
-  transform: scale3d(1, 1, 1);
-}
-body.desktop .q-checkbox--dense:not(.disabled):focus .q-checkbox__inner:before, body.desktop .q-checkbox--dense:not(.disabled):hover .q-checkbox__inner:before {
-  transform: scale3d(1.4, 1.4, 1);
-}
+
 `
   }
 ]
@@ -33,7 +15,7 @@ const shortcuts: UserShortcuts<QuasarTheme> = [
     ([, c], { theme }) =>
       theme.quasar?.components?.['q-checkbox'] ??
       `align-middle [&.disabled]:(!opacity-75)
-      [&:not(.disabled)_.q-checkbox\\_\\_inner:before]:(content-[''] absolute top-0 left-0 bottom-0 right-0 border-rd-50 bg-current op-12 scale-z-10)
+      [&:not(.disabled):hover_.q-checkbox\\_\\_inner:before]:(content-[''] absolute top-[12.5%] left-[12.5%] bottom-0 right-0 border-rd-50 bg-current op-12 scale-x-120 scale-y-120 scale-z-100)
       [&:not(.disabled):focus_.q-checkbox\\_\\_inner:before]:(scale-z-100)`
   ],
 

package/src/styles/md3/index.ts

@@ -14,7 +14,6 @@ import {
   shortcuts as QBreadcrumbsShortcuts
 } from './components/QBreadcrumbs.unocss.js'
 import { shortcuts as QBtnDropdownShortcuts } from './components/QBtnDropdown.unocss.js'
-import { shortcuts as QBtnGroupShortcuts } from './components/QBtnGroup.unocss.js'
 import { shortcuts as QBtnToggleShortcuts } from './components/QBtnToggle.unocss.js'
 import { shortcuts as QCardShortcuts } from './components/QCard.unocss.js'
 import { shortcuts as QCarouselShortcuts } from './components/QCarousel.unocss.js'
@@ -159,7 +158,6 @@ const style: QuasarStyle = {
     QBarShortcuts,
     QBtnShortcuts,
     QBtnDropdownShortcuts,
-    QBtnGroupShortcuts,
     QBtnToggleShortcuts,
     QCardShortcuts,
     QCarouselShortcuts,
@@ -234,11 +232,13 @@ const style: QuasarStyle = {
 export const setDefaultProps = ({
   QBtn,
   QBtnDropdown,
-  QInput
+  QInput,
+  QBtnToggle
 }: {
   QBtn: any
   QBtnDropdown: any
   QInput: any
+  QBtnToggle: any
 }) => {
   QBtn.props.rounded = {
     type: QBtn.props.rounded,
@@ -252,6 +252,10 @@ export const setDefaultProps = ({
     type: QInput.props.filled,
     default: true
   }
+  QBtnToggle.props.rounded = {
+    type: QBtnToggle.props.rounded,
+    default: true
+  }
 }
 
 export default style

package/dist/styles/md2/components/QBtnGroup.unocss.js

@@ -1,35 +0,0 @@
-const shortcuts = [
-    [
-        /^q-btn-group$/,
-        ([, c], { theme }) => theme.quasar?.components?.['q-btn-group'] ??
-            `rounded-[3px] [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)] align-middle [&_>_.q-btn-item]:([border-radius:inherit] self-stretch) [&_>_.q-btn-item:before]:([box-shadow:none]) [&_>_.q-btn-item_.q-badge--floating]:(right-0) [&_>_.q-btn-group]:([box-shadow:none]) [&_>_.q-btn-group:first-child_>_.q-btn:first-child]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit]) [&_>_.q-btn-group:last-child_>_.q-btn:last-child]:([border-top-right-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_.q-btn-group:not(:first-child)_>_.q-btn:first-child:before]:([border-left:0]) [&_>_.q-btn-group:not(:last-child)_>_.q-btn:last-child:before]:([border-right:0]) [&_>_.q-btn-item:not(:last-child)]:(rounded-tr-none rounded-br-none) [&_>_.q-btn-item:not(:first-child)]:(rounded-tl-none rounded-bl-none) [&_>_.q-btn-item.q-btn--standard:before]:(z--1)`
-    ],
-    [
-        /^q-btn-group--push$/,
-        ([, c], { theme }) => theme.quasar?.components?.['q-btn-group--push'] ??
-            `rounded-[7px] [&_>_.q-btn--push.q-btn--actionable]:(transform-none) [&_>_.q-btn--push.q-btn--actionable_.q-btn\\_\\_content]:([transition:margin-top_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1),_margin-bottom_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)]) [&_>_.q-btn--push.q-btn--actionable:active_.q-btn\\_\\_content]:(mt-[2px] -mb-[2px])
-    [&__>_.q-btn--push.q-btn--actionable.q-btn--active__.q-btn\\_\\_content]:(mt-[2px] -mb-[2px])`
-    ],
-    [/^q-btn-group--rounded$/, ([, c], { theme }) => `rounded-[28px]`],
-    [/^q-btn-group--square$/, ([, c], { theme }) => `rounded-none`],
-    [/^q-btn-group--flat$/, ([, c], { theme }) => `[box-shadow:none]`],
-    [
-        /^q-btn-group--outline$/,
-        ([, c], { theme }) => theme.quasar?.components?.['q-btn-group--outline'] ??
-            `[box-shadow:none] [&_>_.q-separator]:(hidden) [&_>_.q-btn-item_+_.q-btn-item:before]:([border-left:0]) [&_>_.q-btn-item:not(:last-child):before]:([border-right:0])`
-    ],
-    [/^q-btn-group--unelevated$/, ([, c], { theme }) => `[box-shadow:none]`],
-    [/^q-btn-group--stretch$/, ([, c], { theme }) => `self-stretch rounded-none`],
-    [
-        /^q-btn-group--glossy$/,
-        ([, c], { theme }) => theme.quasar?.components?.['q-btn-group--glossy'] ??
-            `[&_>_.q-btn-item]:(!bg-[linear-gradient(_to_bottom,_rgba(255,_255,_255,_0.3),_rgba(255,_255,_255,_0)_50%,_rgba(0,_0,_0,_0.12)_51%,_rgba(0,_0,_0,_0.04)_)])`
-    ],
-    [
-        /^q-btn-group--spread$/,
-        ([, c], { theme }) => theme.quasar?.components?.['q-btn-group--spread'] ??
-            `[&_>_.q-btn-group]:(!flex) [&_>_.q-btn-item]:(w-auto min-w-[0] max-w-full flex-[10000_1_0%])
-    [&__>_.q-btn-group_>_.q-btn-item:not(.q-btn-dropdown\\_\\_arrow-container)]:(w-auto min-w-[0] max-w-full flex-[10000_1_0%])`
-    ]
-];
-export { shortcuts };

package/dist/styles/md3/components/QBtnGroup.unocss.js

@@ -1,35 +0,0 @@
-const shortcuts = [
-    [
-        /^q-btn-group$/,
-        ([, c], { theme }) => theme.quasar?.components?.['q-btn-group'] ??
-            `rounded-[3px] [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)] align-middle [&_>_.q-btn-item]:([border-radius:inherit] self-stretch) [&_>_.q-btn-item:before]:([box-shadow:none]) [&_>_.q-btn-item_.q-badge--floating]:(right-0) [&_>_.q-btn-group]:([box-shadow:none]) [&_>_.q-btn-group:first-child_>_.q-btn:first-child]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit]) [&_>_.q-btn-group:last-child_>_.q-btn:last-child]:([border-top-right-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_.q-btn-group:not(:first-child)_>_.q-btn:first-child:before]:([border-left:0]) [&_>_.q-btn-group:not(:last-child)_>_.q-btn:last-child:before]:([border-right:0]) [&_>_.q-btn-item:not(:last-child)]:(rounded-tr-none rounded-br-none) [&_>_.q-btn-item:not(:first-child)]:(rounded-tl-none rounded-bl-none) [&_>_.q-btn-item.q-btn--standard:before]:(z--1)`
-    ],
-    [
-        /^q-btn-group--push$/,
-        ([, c], { theme }) => theme.quasar?.components?.['q-btn-group--push'] ??
-            `rounded-[7px] [&_>_.q-btn--push.q-btn--actionable]:(transform-none) [&_>_.q-btn--push.q-btn--actionable_.q-btn\\_\\_content]:([transition:margin-top_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1),_margin-bottom_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)]) [&_>_.q-btn--push.q-btn--actionable:active_.q-btn\\_\\_content]:(mt-[2px] -mb-[2px])
-    [&__>_.q-btn--push.q-btn--actionable.q-btn--active__.q-btn\\_\\_content]:(mt-[2px] -mb-[2px])`
-    ],
-    [/^q-btn-group--rounded$/, ([, c], { theme }) => `rounded-[28px]`],
-    [/^q-btn-group--square$/, ([, c], { theme }) => `rounded-none`],
-    [/^q-btn-group--flat$/, ([, c], { theme }) => `[box-shadow:none]`],
-    [
-        /^q-btn-group--outline$/,
-        ([, c], { theme }) => theme.quasar?.components?.['q-btn-group--outline'] ??
-            `[box-shadow:none] [&_>_.q-separator]:(hidden) [&_>_.q-btn-item_+_.q-btn-item:before]:([border-left:0]) [&_>_.q-btn-item:not(:last-child):before]:([border-right:0])`
-    ],
-    [/^q-btn-group--unelevated$/, ([, c], { theme }) => `[box-shadow:none]`],
-    [/^q-btn-group--stretch$/, ([, c], { theme }) => `self-stretch rounded-none`],
-    [
-        /^q-btn-group--glossy$/,
-        ([, c], { theme }) => theme.quasar?.components?.['q-btn-group--glossy'] ??
-            `[&_>_.q-btn-item]:(!bg-[linear-gradient(_to_bottom,_rgba(255,_255,_255,_0.3),_rgba(255,_255,_255,_0)_50%,_rgba(0,_0,_0,_0.12)_51%,_rgba(0,_0,_0,_0.04)_)])`
-    ],
-    [
-        /^q-btn-group--spread$/,
-        ([, c], { theme }) => theme.quasar?.components?.['q-btn-group--spread'] ??
-            `[&_>_.q-btn-group]:(!flex) [&_>_.q-btn-item]:(w-auto min-w-[0] max-w-full flex-[10000_1_0%])
-    [&__>_.q-btn-group_>_.q-btn-item:not(.q-btn-dropdown\\_\\_arrow-container)]:(w-auto min-w-[0] max-w-full flex-[10000_1_0%])`
-    ]
-];
-export { shortcuts };

package/dist/types/styles/md2/components/QBtnGroup.unocss.d.ts

@@ -1,4 +0,0 @@
-import type { UserShortcuts } from '@unocss/core';
-import type { QuasarTheme } from '../../../theme.js';
-declare const shortcuts: UserShortcuts<QuasarTheme>;
-export { shortcuts };

package/dist/types/styles/md3/components/QBtnGroup.unocss.d.ts

@@ -1,4 +0,0 @@
-import type { UserShortcuts } from '@unocss/core';
-import type { QuasarTheme } from '../../../theme.js';
-declare const shortcuts: UserShortcuts<QuasarTheme>;
-export { shortcuts };

package/src/styles/md2/components/QBtnGroup.unocss.ts

@@ -1,53 +0,0 @@
-import type { Rule, UserShortcuts } from '@unocss/core'
-import type { QuasarTheme } from '../../../theme.js'
-
-const shortcuts: UserShortcuts<QuasarTheme> = [
-  [
-    /^q-btn-group$/,
-    ([, c], { theme }) =>
-      theme.quasar?.components?.['q-btn-group'] ??
-      `rounded-[3px] [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)] align-middle [&_>_.q-btn-item]:([border-radius:inherit] self-stretch) [&_>_.q-btn-item:before]:([box-shadow:none]) [&_>_.q-btn-item_.q-badge--floating]:(right-0) [&_>_.q-btn-group]:([box-shadow:none]) [&_>_.q-btn-group:first-child_>_.q-btn:first-child]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit]) [&_>_.q-btn-group:last-child_>_.q-btn:last-child]:([border-top-right-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_.q-btn-group:not(:first-child)_>_.q-btn:first-child:before]:([border-left:0]) [&_>_.q-btn-group:not(:last-child)_>_.q-btn:last-child:before]:([border-right:0]) [&_>_.q-btn-item:not(:last-child)]:(rounded-tr-none rounded-br-none) [&_>_.q-btn-item:not(:first-child)]:(rounded-tl-none rounded-bl-none) [&_>_.q-btn-item.q-btn--standard:before]:(z--1)`
-  ],
-
-  [
-    /^q-btn-group--push$/,
-    ([, c], { theme }) =>
-      theme.quasar?.components?.['q-btn-group--push'] ??
-      `rounded-[7px] [&_>_.q-btn--push.q-btn--actionable]:(transform-none) [&_>_.q-btn--push.q-btn--actionable_.q-btn\\_\\_content]:([transition:margin-top_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1),_margin-bottom_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)]) [&_>_.q-btn--push.q-btn--actionable:active_.q-btn\\_\\_content]:(mt-[2px] -mb-[2px])
-    [&__>_.q-btn--push.q-btn--actionable.q-btn--active__.q-btn\\_\\_content]:(mt-[2px] -mb-[2px])`
-  ],
-
-  [/^q-btn-group--rounded$/, ([, c], { theme }) => `rounded-[28px]`],
-
-  [/^q-btn-group--square$/, ([, c], { theme }) => `rounded-none`],
-
-  [/^q-btn-group--flat$/, ([, c], { theme }) => `[box-shadow:none]`],
-
-  [
-    /^q-btn-group--outline$/,
-    ([, c], { theme }) =>
-      theme.quasar?.components?.['q-btn-group--outline'] ??
-      `[box-shadow:none] [&_>_.q-separator]:(hidden) [&_>_.q-btn-item_+_.q-btn-item:before]:([border-left:0]) [&_>_.q-btn-item:not(:last-child):before]:([border-right:0])`
-  ],
-
-  [/^q-btn-group--unelevated$/, ([, c], { theme }) => `[box-shadow:none]`],
-
-  [/^q-btn-group--stretch$/, ([, c], { theme }) => `self-stretch rounded-none`],
-
-  [
-    /^q-btn-group--glossy$/,
-    ([, c], { theme }) =>
-      theme.quasar?.components?.['q-btn-group--glossy'] ??
-      `[&_>_.q-btn-item]:(!bg-[linear-gradient(_to_bottom,_rgba(255,_255,_255,_0.3),_rgba(255,_255,_255,_0)_50%,_rgba(0,_0,_0,_0.12)_51%,_rgba(0,_0,_0,_0.04)_)])`
-  ],
-
-  [
-    /^q-btn-group--spread$/,
-    ([, c], { theme }) =>
-      theme.quasar?.components?.['q-btn-group--spread'] ??
-      `[&_>_.q-btn-group]:(!flex) [&_>_.q-btn-item]:(w-auto min-w-[0] max-w-full flex-[10000_1_0%])
-    [&__>_.q-btn-group_>_.q-btn-item:not(.q-btn-dropdown\\_\\_arrow-container)]:(w-auto min-w-[0] max-w-full flex-[10000_1_0%])`
-  ]
-]
-
-export { shortcuts }

package/src/styles/md3/components/QBtnGroup.unocss.ts

@@ -1,53 +0,0 @@
-import type { Rule, UserShortcuts } from '@unocss/core'
-import type { QuasarTheme } from '../../../theme.js'
-
-const shortcuts: UserShortcuts<QuasarTheme> = [
-  [
-    /^q-btn-group$/,
-    ([, c], { theme }) =>
-      theme.quasar?.components?.['q-btn-group'] ??
-      `rounded-[3px] [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)] align-middle [&_>_.q-btn-item]:([border-radius:inherit] self-stretch) [&_>_.q-btn-item:before]:([box-shadow:none]) [&_>_.q-btn-item_.q-badge--floating]:(right-0) [&_>_.q-btn-group]:([box-shadow:none]) [&_>_.q-btn-group:first-child_>_.q-btn:first-child]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit]) [&_>_.q-btn-group:last-child_>_.q-btn:last-child]:([border-top-right-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_.q-btn-group:not(:first-child)_>_.q-btn:first-child:before]:([border-left:0]) [&_>_.q-btn-group:not(:last-child)_>_.q-btn:last-child:before]:([border-right:0]) [&_>_.q-btn-item:not(:last-child)]:(rounded-tr-none rounded-br-none) [&_>_.q-btn-item:not(:first-child)]:(rounded-tl-none rounded-bl-none) [&_>_.q-btn-item.q-btn--standard:before]:(z--1)`
-  ],
-
-  [
-    /^q-btn-group--push$/,
-    ([, c], { theme }) =>
-      theme.quasar?.components?.['q-btn-group--push'] ??
-      `rounded-[7px] [&_>_.q-btn--push.q-btn--actionable]:(transform-none) [&_>_.q-btn--push.q-btn--actionable_.q-btn\\_\\_content]:([transition:margin-top_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1),_margin-bottom_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)]) [&_>_.q-btn--push.q-btn--actionable:active_.q-btn\\_\\_content]:(mt-[2px] -mb-[2px])
-    [&__>_.q-btn--push.q-btn--actionable.q-btn--active__.q-btn\\_\\_content]:(mt-[2px] -mb-[2px])`
-  ],
-
-  [/^q-btn-group--rounded$/, ([, c], { theme }) => `rounded-[28px]`],
-
-  [/^q-btn-group--square$/, ([, c], { theme }) => `rounded-none`],
-
-  [/^q-btn-group--flat$/, ([, c], { theme }) => `[box-shadow:none]`],
-
-  [
-    /^q-btn-group--outline$/,
-    ([, c], { theme }) =>
-      theme.quasar?.components?.['q-btn-group--outline'] ??
-      `[box-shadow:none] [&_>_.q-separator]:(hidden) [&_>_.q-btn-item_+_.q-btn-item:before]:([border-left:0]) [&_>_.q-btn-item:not(:last-child):before]:([border-right:0])`
-  ],
-
-  [/^q-btn-group--unelevated$/, ([, c], { theme }) => `[box-shadow:none]`],
-
-  [/^q-btn-group--stretch$/, ([, c], { theme }) => `self-stretch rounded-none`],
-
-  [
-    /^q-btn-group--glossy$/,
-    ([, c], { theme }) =>
-      theme.quasar?.components?.['q-btn-group--glossy'] ??
-      `[&_>_.q-btn-item]:(!bg-[linear-gradient(_to_bottom,_rgba(255,_255,_255,_0.3),_rgba(255,_255,_255,_0)_50%,_rgba(0,_0,_0,_0.12)_51%,_rgba(0,_0,_0,_0.04)_)])`
-  ],
-
-  [
-    /^q-btn-group--spread$/,
-    ([, c], { theme }) =>
-      theme.quasar?.components?.['q-btn-group--spread'] ??
-      `[&_>_.q-btn-group]:(!flex) [&_>_.q-btn-item]:(w-auto min-w-[0] max-w-full flex-[10000_1_0%])
-    [&__>_.q-btn-group_>_.q-btn-item:not(.q-btn-dropdown\\_\\_arrow-container)]:(w-auto min-w-[0] max-w-full flex-[10000_1_0%])`
-  ]
-]
-
-export { shortcuts }