vitrify 0.18.4 → 0.19.0

package/src/node/plugins/quasar/unocss/styles/md3/components/QCard.unocss.ts

@@ -0,0 +1,67 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-card$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-card'] ??
+      `shadow-[0_1px_5px_rgba(0,_0,_0,_0.2),_0_2px_2px_rgba(0,_0,_0,_0.14),_0_3px_1px_-2px_rgba(0,_0,_0,_0.12)] rounded-[4px] align-top bg-[#fff] relative
+      [&_>_div:not(.q--avoid-card-border)]:(rounded-tl-none rounded-tr-none rounded-bl-none rounded-br-none)
+      [&_>_img:not(.q--avoid-card-border)]:(rounded-tl-none rounded-tr-none rounded-bl-none rounded-br-none)
+      [&_>_div:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top:0] [border-top-left-radius:inherit] [border-top-right-radius:inherit])
+      [&_>_img:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top:0] [border-top-left-radius:inherit] [border-top-right-radius:inherit])
+      [&_>_div:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-bottom:0] [border-bottom-left-radius:inherit] [border-bottom-right-radius:inherit])
+      [&_>_img:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-bottom:0] [border-bottom-left-radius:inherit] [border-bottom-right-radius:inherit])
+      [&_>_div:not(.q--avoid-card-border)]:([border-left:0] [border-right:0] shadow-none)
+      [&_>_img]:(block w-full max-w-full border-[0])`
+  ],
+
+  [
+    /^q-card--bordered$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-card--bordered'] ??
+      `border-1px border-solid border-black/12`
+  ],
+
+  [
+    /^q-card--dark$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-card--dark'] ??
+      `border-white/28 shadow-[0_1px_5px_rgba(255,_255,_255,_0.2),_0_2px_2px_rgba(255,_255,_255,_0.14),_0_3px_1px_-2px_rgba(255,_255,_255,_0.12)]`
+  ],
+
+  [/^q-card__section$/, ([, c], { theme }) => `relative`],
+
+  [/^q-card__section--vert$/, ([, c], { theme }) => `p-[16px]`],
+
+  [
+    /^q-card__section--horiz$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-card__section--horiz'] ??
+      `[&_>_div:not(.q--avoid-card-border)]:(rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none) [&_>_img:not(.q--avoid-card-border)]:(rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none) [&_>_div:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit]) [&_>_img:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit]) [&_>_div:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-top-right-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_img:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-top-right-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_div:not(.q--avoid-card-border)]:([border-top:0] [border-bottom:0] shadow-none)`
+  ],
+
+  [
+    /^q-card__actions$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-card__actions'] ??
+      `p-[8px] items-center [&_.q-btn--rectangle]:(px-[8px] py-[0])`
+  ],
+
+  [
+    /^q-card__actions--horiz$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-card__actions--horiz'] ??
+      `[&_>_.q-btn-item_+_.q-btn-item]:(ml-[8px]) [&_>_.q-btn-group_+_.q-btn-item]:(ml-[8px]) [&_>_.q-btn-item_+_.q-btn-group]:(ml-[8px])`
+  ],
+
+  [
+    /^q-card__actions--vert$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-card__actions--vert'] ??
+      `[&_>_.q-btn-item.q-btn--round]:(self-center) [&_>_.q-btn-item_+_.q-btn-item]:(mt-[4px]) [&_>_.q-btn-group_+_.q-btn-item]:(mt-[4px]) [&_>_.q-btn-item_+_.q-btn-group]:(mt-[4px]) [&_>_.q-btn-group_>_.q-btn-item]:(flex-grow)`
+  ]
+]
+
+export { shortcuts }

package/src/node/plugins/quasar/unocss/styles/md3/components/QCarousel.unocss.ts

@@ -0,0 +1,145 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-carousel$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-carousel'] ??
+      `bg-[#fff] h-[400px] [&_.q-carousel--padding]:(p-[16px]) [&_.q-carousel\\_\\_thumbnail]:(m-[2px] h-[50px] w-auto inline-block cursor-pointer border-[1px] border-solid border-[transparent] rounded-[4px] align-middle opacity-70 [transition:opacity_0.3s]) [&_.q-carousel\\_\\_thumbnail:hover]:(opacity-100) [&_.q-carousel\\_\\_thumbnail--active]:(opacity-100) [&_.q-carousel\\_\\_thumbnail--active]:(border-current cursor-default)`
+  ],
+
+  [
+    /^q-carousel__slide$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-carousel__slide'] ??
+      `min-h-full bg-cover bg-[50%] p-[16px]`
+  ],
+
+  [/^q-carousel__slides-container$/, ([, c], { theme }) => `h-full`],
+
+  [/^q-carousel__control$/, ([, c], { theme }) => `text-[#fff]`],
+
+  [
+    /^q-carousel__arrow$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-carousel__arrow'] ??
+      `pointer-events-none [&_.q-icon]:(text-[28px]) [&_.q-btn]:(pointer-events-all)`
+  ],
+
+  [
+    /^q-carousel__prev-arrow--horizontal$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-carousel__prev-arrow--horizontal'] ??
+      `top-[16px] bottom-[16px] left-[16px]`
+  ],
+
+  [
+    /^q-carousel__next-arrow--horizontal$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-carousel__next-arrow--horizontal'] ??
+      `top-[16px] bottom-[16px] right-[16px]`
+  ],
+
+  [
+    /^q-carousel__prev-arrow--vertical$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-carousel__prev-arrow--vertical'] ??
+      `left-[16px] right-[16px] top-[16px]`
+  ],
+
+  [
+    /^q-carousel__next-arrow--vertical$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-carousel__next-arrow--vertical'] ??
+      `left-[16px] right-[16px] bottom-[16px]`
+  ],
+
+  [
+    /^q-carousel__navigation--top$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-carousel__navigation--top'] ??
+      `left-[16px] right-[16px] overflow-x-auto overflow-y-hidden top-[16px]`
+  ],
+
+  [
+    /^q-carousel__navigation--bottom$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-carousel__navigation--bottom'] ??
+      `left-[16px] right-[16px] overflow-x-auto overflow-y-hidden bottom-[16px]`
+  ],
+
+  [
+    /^q-carousel__navigation--left$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-carousel__navigation--left'] ??
+      `top-[16px] bottom-[16px] overflow-x-hidden overflow-y-auto [&_>_.q-carousel\\_\\_navigation-inner]:(flex-col) left-[16px]`
+  ],
+
+  [
+    /^q-carousel__navigation--right$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-carousel__navigation--right'] ??
+      `top-[16px] bottom-[16px] overflow-x-hidden overflow-y-auto [&_>_.q-carousel\\_\\_navigation-inner]:(flex-col) right-[16px]`
+  ],
+
+  [/^q-carousel__navigation-inner$/, ([, c], { theme }) => `flex-auto`],
+
+  [
+    /^q-carousel__navigation$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-carousel__navigation'] ??
+      `[&_.q-btn]:(mx-[4px] my-[6px] p-[5px])`
+  ],
+
+  [
+    /^q-carousel__navigation-icon--inactive$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-carousel__navigation-icon--inactive'] ??
+      `opacity-70`
+  ],
+
+  [
+    /^q-carousel--navigation-top$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-carousel--navigation-top'] ??
+      `[&_.q-carousel--padding]:(pt-[60px])`
+  ],
+
+  [
+    /^q-carousel--arrows-vertical$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-carousel--arrows-vertical'] ??
+      `[&_.q-carousel--padding]:(pt-[60px]) [&_.q-carousel--padding]:(pb-[60px])`
+  ],
+
+  [
+    /^q-carousel--navigation-bottom$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-carousel--navigation-bottom'] ??
+      `[&_.q-carousel--padding]:(pb-[60px])`
+  ],
+
+  [
+    /^q-carousel--navigation-left$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-carousel--navigation-left'] ??
+      `[&_.q-carousel--padding]:(pl-[60px])`
+  ],
+
+  [
+    /^q-carousel--arrows-horizontal$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-carousel--arrows-horizontal'] ??
+      `[&_.q-carousel--padding]:(pl-[60px]) [&_.q-carousel--padding]:(pr-[60px])`
+  ],
+
+  [
+    /^q-carousel--navigation-right$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-carousel--navigation-right'] ??
+      `[&_.q-carousel--padding]:(pr-[60px])`
+  ]
+]
+
+export { shortcuts }

package/src/node/plugins/quasar/unocss/styles/md3/components/QChatMessage.unocss.ts

@@ -0,0 +1,74 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-message-name$/, ([, c], { theme }) => `text-[small]`],
+
+  [
+    /^q-message-label$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-message-label'] ??
+      `mx-[0] my-[24px] text-center text-[small]`
+  ],
+
+  [
+    /^q-message-stamp$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-message-stamp'] ??
+      `[color:inherit] mt-[4px] opacity-60 hidden text-[small]`
+  ],
+
+  [
+    /^q-message-avatar$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-message-avatar'] ??
+      `rounded-[50%] w-[48px] h-[48px] min-w-[48px]`
+  ],
+
+  [
+    /^q-message$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-message'] ??
+      `mb-[8px] [&:first-child_.q-message-label]:(mt-0)`
+  ],
+
+  [/^q-message-avatar--received$/, ([, c], { theme }) => `mr-[8px]`],
+
+  [
+    /^q-message-text--received$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-message-text--received'] ??
+      `text-[#81c784] rounded-tl-[4px] rounded-br-[4px] rounded-tr-[4px] rounded-bl-[0]
+      [&:last-child:before]:(right-full [border-right:0_solid_transparent] [border-left:8px_solid_transparent] [border-bottom:8px_solid_currentColor])`
+  ],
+
+  [/^q-message-text-content--received$/, ([, c], { theme }) => `text-[#000]`],
+
+  [/^q-message-name--sent$/, ([, c], { theme }) => `text-right`],
+
+  [/^q-message-avatar--sent$/, ([, c], { theme }) => `ml-[8px]`],
+
+  [/^q-message-container--sent$/, ([, c], { theme }) => `flex-row-reverse`],
+
+  [
+    /^q-message-text--sent$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-message-text--sent'] ??
+      `text-[#e0e0e0] rounded-tl-[4px] rounded-br-[0] rounded-tr-[4px] rounded-bl-[4px] [&:last-child:before]:(left-full [border-left:0_solid_transparent] [border-right:8px_solid_transparent] [border-bottom:8px_solid_currentColor])`
+  ],
+
+  [/^q-message-text-content--sent$/, ([, c], { theme }) => `text-[#000]`],
+
+  [
+    /^q-message-text$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-message-text'] ??
+      `bg-current p-[8px] leading-[1.2] relative
+      [&_+_.q-message-text]:(mt-[3px])
+      [&:last-child]:(min-h-[48px])
+      [&:last-child_.q-message-stamp]:(block)
+      [&:last-child:before]:(content-empty absolute bottom-0 w-[0] h-[0])`
+  ]
+]
+
+export { shortcuts }

package/src/node/plugins/quasar/unocss/styles/md3/components/QCheckbox.unocss.ts

@@ -0,0 +1,111 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+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);
+}
+`
+  }
+]
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-checkbox$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-checkbox'] ??
+      `align-middle [&.disabled]:(!opacity-75)`
+  ],
+
+  [/^q-checkbox__native$/, ([, c], { theme }) => `w-px h-px`],
+
+  [
+    /^q-checkbox__bg$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-checkbox__bg'] ??
+      `select-none top-1/4 left-1/4 w-1/2 h-1/2 border-[2px] border-solid border-[currentColor] rounded-[2px] [transition:background_0.22s_cubic-bezier(0,_0,_0.2,_1)_0ms]`
+  ],
+
+  [/^q-checkbox__icon-container$/, ([, c], { theme }) => `select-none`],
+
+  [/^q-checkbox__icon$/, ([, c], { theme }) => `text-current text-[0.5em]`],
+
+  [/^q-checkbox__svg$/, ([, c], { theme }) => `text-[#fff]`],
+
+  [
+    /^q-checkbox__truthy$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-checkbox__truthy'] ??
+      `stroke-current stroke-[3.12px] stroke-offset-[29.78334] stroke-dash-[29.78334]`
+  ],
+
+  [
+    /^q-checkbox__indet$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-checkbox__indet'] ??
+      `fill-current origin-[50%_50%] -rotate-[280deg] scale-0`
+  ],
+
+  [
+    /^q-checkbox__inner$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-checkbox__inner'] ??
+      `text-[40px] w-[1em] min-w-[1em] h-[1em] outline-[0] rounded-[50%] layer-components:text-[rgba(0,_0,_0,_0.54)]`
+  ],
+
+  [
+    /^q-checkbox__inner--truthy$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-checkbox__inner--truthy'] ??
+      `text-primary
+      [&_.q-checkbox\\_\\_bg]:(bg-current)
+      [&_path]:(stroke-offset-none [transition:stroke-dashoffset_0.18s_cubic-bezier(0.4,_0,_0.6,_1)_0ms])`
+  ],
+
+  [
+    /^q-checkbox__inner--indet$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-checkbox__inner--indet'] ??
+      `text-primary [&_.q-checkbox\\_\\_bg]:(bg-current) [&_.q-checkbox\\_\\_indet]:(rotate-[0] scale-100 [transition:transform_0.22s_cubic-bezier(0,_0,_0.2,_1)_0ms])`
+  ],
+
+  [
+    /^q-checkbox--dark$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-checkbox--dark'] ??
+      `[&_.q-checkbox\\_\\_inner]:(layer-components:text-[rgba(255,_255,_255,_0.7)])
+       [&_.q-checkbox\\_\\_inner:before]:(!opacity-[0.32])
+       [&_.q-checkbox\\_\\_inner--truthy]:(layer-components:text-primary)
+       [&_.q-checkbox\\_\\_inner--indet]:(layer-components:text-primary)`
+  ],
+
+  [
+    /^q-checkbox--dense$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-checkbox--dense'] ??
+      `[&_.q-checkbox\\_\\_inner]:(w-[0.5em] min-w-[0.5em] h-[0.5em])
+       [&_.q-checkbox\\_\\_bg]:(left-[5%] top-[5%] w-[90%] h-[90%])
+       [&_.q-checkbox\\_\\_label]:(pl-[0.5em])
+       [&.reverse_.q-checkbox\\_\\_label]:(pl-0 pr-[0.5em])`
+  ]
+]
+
+export { preflights, shortcuts }

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

@@ -0,0 +1,95 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+body.desktop .q-chip--clickable:focus {
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
+}
+body.desktop.body--dark .q-chip--clickable:focus {
+  box-shadow: 0 1px 3px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(255, 255, 255, 0.14), 0 2px 1px -1px rgba(255, 255, 255, 0.12);
+}
+`
+  }
+]
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-chip$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-chip'] ??
+      `!flex-initial align-middle rounded-[16px] outline-[0] relative h-[2em] max-w-full m-[4px] bg-[#e0e0e0] text-[rgba(0,_0,_0,_0.87)] text-[14px] px-[0.9em] py-[0.5em] [&_.q-avatar]:(text-[2em] -ml-[0.45em] mr-[0.2em] rounded-[16px])`
+  ],
+
+  [
+    /^q-chip--colored$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-chip--colored'] ??
+      `[&_.q-chip\\_\\_icon]:([color:inherit])`
+  ],
+
+  [
+    /^q-chip--dark$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-chip--dark'] ??
+      `[&_.q-chip\\_\\_icon]:([color:inherit])`
+  ],
+
+  [
+    /^q-chip--outline$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-chip--outline'] ??
+      `!bg-transparent border-[1px] border-solid border-[currentColor]`
+  ],
+
+  [
+    /^q-chip--selected$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-chip--selected'] ?? `[&_.q-avatar]:(hidden)`
+  ],
+
+  [
+    /^q-chip__icon$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-chip__icon'] ??
+      `text-[rgba(0,_0,_0,_0.54)] text-[1.5em] -m-[0.2em]`
+  ],
+
+  [
+    /^q-chip__icon--left$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-chip__icon--left'] ?? `mr-[0.2em]`
+  ],
+
+  [
+    /^q-chip__icon--right$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-chip__icon--right'] ?? `ml-[0.2em]`
+  ],
+
+  [
+    /^q-chip__icon--remove$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-chip__icon--remove'] ??
+      `ml-[0.1em] -mr-[0.5em] opacity-60 outline-[0] [&:hover]:(opacity-100) [&:focus]:(opacity-100)`
+  ],
+
+  [/^q-chip__content$/, ([, c], { theme }) => `whitespace-nowrap`],
+
+  [
+    /^q-chip--dense$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-chip--dense'] ??
+      `rounded-[12px] px-[0.4em] py-[0] h-[1.5em] [&_.q-avatar]:(text-[1.5em] -ml-[0.27em] mr-[0.1em] rounded-[12px]) [&_.q-chip\\_\\_icon]:(text-[1.25em]) [&_.q-chip\\_\\_icon--left]:(mr-[0.195em]) [&_.q-chip\\_\\_icon--remove]:(-mr-[0.25em])`
+  ],
+
+  [
+    /^q-chip--square$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-chip--square'] ??
+      `rounded-[4px] [&_.q-avatar]:(rounded-tl-[3px] rounded-br-[0] rounded-tr-[0] rounded-bl-[3px])`
+  ]
+]
+
+export { preflights, shortcuts }

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

@@ -0,0 +1,43 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+@keyframes q-circular-progress-circle {
+  0% {
+    stroke-dasharray: 1, 400;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 400, 400;
+    stroke-dashoffset: -100;
+  }
+  100% {
+    stroke-dasharray: 400, 400;
+    stroke-dashoffset: -300;
+  }
+}`
+  }
+]
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-circular-progress$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-circular-progress'] ??
+      `inline-block relative align-middle w-[1em] h-[1em] leading-none`
+  ],
+
+  [/^q-circular-progress__svg$/, ([, c], { theme }) => `w-full h-full`],
+
+  [/^q-circular-progress__text$/, ([, c], { theme }) => `text-[0.25em]`],
+
+  [
+    /^q-circular-progress--indeterminate$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-circular-progress--indeterminate'] ??
+      `[&_.q-circular-progress\\_\\_svg]:(origin-[50%_50%] animate-[q-spin_2s_linear_infinite]) [&_.q-circular-progress\\_\\_circle]:(animate-[q-circular-progress-circle_1.5s_ease-in-out_infinite])`
+  ]
+]
+
+export { preflights, shortcuts }