vitrify 0.16.3 → 0.17.0

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

@@ -0,0 +1,85 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-editor$/,
+    (
+      [, c],
+      { theme }
+    ) => `border-solid border border-1px border-op-12 border-color-black border-rd-4px bg-white
+    [&>div:first-child]:(rounded-tl-[inherit] rounded-tr-[inherit])
+    [&_.q_btn]:(m-4px)
+    `
+  ],
+  [/^q-editor.disabled$/, ([, c], { theme }) => `border-dashed`],
+  [
+    /^q-editor__toolbars-container$/,
+    ([, c], { theme }) => `rounded-tl-[inherit] rounded-tr-[inherit]
+    [&>div:first-child]:(rounded-tl-[inherit] rounded-tr-[inherit])`
+  ],
+  [
+    /^q-editor__content$/,
+    (
+      [, c],
+      { theme }
+    ) => `outline-0 p-10px min-h-10em border-b-inherit border-b-inherit overflow-auto max-w-full
+      [&_pre]:(whitespace-pre-wrap)
+      [&_hr]:(border-none outline-0 m-1px h-1px bg-black bg-op-12)
+      [&:empty:not(:focus):before]:(content-[attr(placeholder)] op-70)
+    `
+  ],
+  [
+    /^q-editor__toolbar$/,
+    (
+      [, c],
+      { theme }
+    ) => `border-b-solid border-b-color-black border-b-op-12 border-b-1px
+    min-h-32px
+    `
+  ],
+  [
+    /^q-editor__toolbars-container$/,
+    ([, c], { theme }) => `max-w-full
+    `
+  ],
+  [
+    /^q-editor__toolbar-group$/,
+    ([, c], { theme }) => `relative mx-4px my-0
+    [&+.q-editor\\_\\_toolbar-group:before]:(content-empty absolute left--4px top-4px bottom-4px w-1px bg-black bg-op-12)
+    `
+  ],
+  [
+    /^q-editor__link-input$/,
+    (
+      [, c],
+      { theme }
+    ) => `text-inherit decoration-none normal-case border-none border-rd-0 bg-none outline-0
+    `
+  ],
+  [
+    /^q-editor--flat$/,
+    ([, c], { theme }) => `border-0
+      [&_.q-editor\\_\\_toolbar]:(border-0)
+    `
+  ],
+  [
+    /^q-editor--dense$/,
+    (
+      [, c],
+      { theme }
+    ) => `[&_.q-editor\\_\\_toolbar-group]:(flex items-center flex-nowrap)
+    `
+  ],
+  [
+    /^q-editor--dark$/,
+    ([, c], { theme }) => `border-color-white border-op-28
+      [&_.q-editor\\_\\_content_hr]:(border-color-white border-op-28)
+      [&_.q-editor\\_\\_toolbar]:(border-color-white border-op-28)
+      [&_.q-editor\\_\\_toolbar-group+.q-editor\\_\\_toolbar-group:before]:(border-color-white border-op-28)
+
+    `
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,54 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-expansion-item__border$/, ([, c], { theme }) => `opacity-0`],
+
+  [
+    /^q-expansion-item__toggle-icon$/,
+    ([, c], { theme }) => `relative [transition:transform_0.3s]`
+  ],
+
+  [
+    /^q-expansion-item__toggle-icon--rotated$/,
+    ([, c], { theme }) => `rotate-180`
+  ],
+
+  [
+    /^q-expansion-item__toggle-focus$/,
+    ([, c], { theme }) =>
+      `!w-[1em] !h-[1em] !relative [&_+_.q-expansion-item\\_\\_toggle-icon]:(-mt-[1em])`
+  ],
+
+  [
+    /^q-expansion-item--popup$/,
+    ([, c], { theme }) =>
+      `[transition:padding_0.5s] [&_>_.q-expansion-item\\_\\_container]:(border-[1px] border-solid border-[rgba(0,0,0,0.12)]) [&_>_.q-expansion-item\\_\\_container_>_.q-separator]:(hidden)`
+  ],
+
+  [
+    /^q-expansion-item__content$/,
+    ([, c], { theme }) => `[&_>_.q-card]:([box-shadow:none] rounded-none)`
+  ],
+
+  [
+    /^q-expansion-item$/,
+    ([, c], { theme }) =>
+      `[&:first-child_>_div_>_.q-expansion-item\\_\\_border--top]:(opacity-0) [&:last-child_>_div_>_.q-expansion-item\\_\\_border--bottom]:(opacity-0)`
+  ],
+
+  [
+    /^q-expansion-item--expanded$/,
+    ([, c], { theme }) => `[&__+_.q-expansion-item--expanded
+  __>_div
+  __>_.q-expansion-item\\_\\_border--top]:(opacity-0)`
+  ],
+
+  [
+    /^q-expansion-item--expanded$/,
+    ([, c], { theme }) =>
+      `[&_.q-textarea--autogrow_textarea]:(animate-[q-expansion-done_0s])`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,148 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^z-fab$/, ([, c], { theme }) => ``],
+
+  [
+    /^q-fab$/,
+    ([, c], { theme }) => `relative align-middle [&_>_.q-btn]:(w-full)`
+  ],
+
+  [/^q-fab--form-rounded$/, ([, c], { theme }) => `rounded-[28px]`],
+
+  [/^q-fab--form-square$/, ([, c], { theme }) => `rounded-[4px]`],
+
+  [
+    /^q-fab__icon$/,
+    ([, c], { theme }) =>
+      `[transition:opacity_0.4s,_transform_0.4s] opacity-100 rotate-0`
+  ],
+
+  [
+    /^q-fab__active-icon$/,
+    ([, c], { theme }) =>
+      `[transition:opacity_0.4s,_transform_0.4s] opacity-0 -rotate-180`
+  ],
+
+  [
+    /^q-fab__label--external$/,
+    ([, c], { theme }) =>
+      `absolute px-[8px] py-[0] [transition:opacity_0.18s_cubic-bezier(0.65,_0.815,_0.735,_0.395)]`
+  ],
+
+  [
+    /^q-fab__label--external-hidden$/,
+    ([, c], { theme }) => `opacity-0 pointer-events-none`
+  ],
+
+  [
+    /^q-fab__label--external-left$/,
+    ([, c], { theme }) =>
+      `top-2/4 -left-[12px] -translate-x-full -translate-y-1/2`
+  ],
+
+  [
+    /^q-fab__label--external-right$/,
+    ([, c], { theme }) =>
+      `top-2/4 -right-[12px] translate-x-full -translate-y-1/2`
+  ],
+
+  [
+    /^q-fab__label--external-bottom$/,
+    ([, c], { theme }) =>
+      `-bottom-[12px] left-2/4 -translate-x-1/2 translate-y-full`
+  ],
+
+  [
+    /^q-fab__label--external-top$/,
+    ([, c], { theme }) =>
+      `-top-[12px] left-2/4 -translate-x-1/2 -translate-y-full`
+  ],
+
+  [
+    /^q-fab__label--internal$/,
+    ([, c], { theme }) =>
+      `p-0 [transition:font-size_0.12s_cubic-bezier(0.65,_0.815,_0.735,_0.395),_max-height_0.12s_cubic-bezier(0.65,_0.815,_0.735,_0.395),_opacity_0.07s_cubic-bezier(0.65,_0.815,_0.735,_0.395)] max-h-[30px]`
+  ],
+
+  [
+    /^q-fab__label--internal-hidden$/,
+    ([, c], { theme }) => `text-[0] opacity-0`
+  ],
+
+  [/^q-fab__label--internal-top$/, ([, c], { theme }) => `pb-[0.12em]`],
+
+  [/^q-fab__label--internal-bottom$/, ([, c], { theme }) => `pt-[0.12em]`],
+
+  [
+    /^q-fab__label--internal-left$/,
+    ([, c], { theme }) => `pl-[0.285em] pr-[0.571em]`
+  ],
+
+  [
+    /^q-fab__label--internal-right$/,
+    ([, c], { theme }) => `pr-[0.285em] pl-[0.571em]`
+  ],
+
+  [
+    /^q-fab__icon-holder$/,
+    ([, c], { theme }) => `min-w-[24px] min-h-[24px] relative`
+  ],
+
+  [
+    /^q-fab__icon-holder--opened$/,
+    ([, c], { theme }) =>
+      `[&_.q-fab\\_\\_icon]:(rotate-180 opacity-0) [&_.q-fab\\_\\_active-icon]:(rotate-0 opacity-100)`
+  ],
+
+  [
+    /^q-fab__actions$/,
+    ([, c], { theme }) =>
+      `absolute opacity-0 [transition:transform_0.18s_ease-in,_opacity_0.18s_ease-in] pointer-events-none items-center justify-center self-center p-[3px] [&_.q-btn]:(m-[5px])`
+  ],
+
+  [
+    /^q-fab__actions--right$/,
+    ([, c], { theme }) =>
+      `origin-[0_50%] scale-[0.4] -translate-x-[62px] h-[56px] left-full ml-[9px]`
+  ],
+
+  [
+    /^q-fab__actions--left$/,
+    ([, c], { theme }) =>
+      `origin-[100%_50%] scale-[0.4] translate-x-[62px] h-[56px] right-full mr-[9px] flex-row-reverse`
+  ],
+
+  [
+    /^q-fab__actions--up$/,
+    ([, c], { theme }) =>
+      `origin-[50%_100%] scale-[0.4] translate-y-[62px] w-[56px] bottom-full mb-[9px] flex-col-reverse left-2/4 -ml-[28px]`
+  ],
+
+  [
+    /^q-fab__actions--down$/,
+    ([, c], { theme }) =>
+      `origin-[50%_0] scale-[0.4] -translate-y-[62px] w-[56px] top-full mt-[9px] flex-col left-2/4 -ml-[28px]`
+  ],
+
+  [
+    /^q-fab__actions--opened$/,
+    ([, c], { theme }) =>
+      `opacity-100 scale-100 translate-x-[0.1px] translate-y-[0]`
+  ],
+
+  [
+    /^q-fab--align-left$/,
+    ([, c], { theme }) =>
+      `[&_>_.q-fab\\_\\_actions--up]:(items-start left-[28px]) [&_>_.q-fab\\_\\_actions--down]:(items-start left-[28px])`
+  ],
+
+  [
+    /^q-fab--align-right$/,
+    ([, c], { theme }) =>
+      `[&_>_.q-fab\\_\\_actions--up]:(items-end left-auto right-0) [&_>_.q-fab\\_\\_actions--down]:(items-end left-auto right-0)`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,220 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+@keyframes q-field-label {
+  40% {
+    margin-left: 2px;
+  }
+  60%, 80% {
+    margin-left: -2px;
+  }
+  70%, 90% {
+    margin-left: 2px;
+  }
+}
+@keyframes q-autofill {
+  to {
+    background: transparent;
+    color: inherit;
+  }
+}
+`
+  }
+]
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-field$/,
+    ([, c], { theme }) =>
+      `text-[14px] [&_::-ms-clear]:(hidden) [&_::-ms-reveal]:(hidden)`
+  ],
+
+  [/^q-field--with-bottom$/, ([, c], { theme }) => `pb-[20px]`],
+
+  [
+    /^q-field__marginal$/,
+    ([, c], { theme }) =>
+      `h-[56px] text-[rgba(0,_0,_0,_0.54)] text-[24px] [&_>_*_+_*]:(ml-[2px]) [&_.q-avatar]:(text-[32px])`
+  ],
+
+  [/^q-field__before$/, ([, c], { theme }) => `pr-[12px]`],
+
+  [/^q-field__prepend$/, ([, c], { theme }) => `pr-[12px]`],
+
+  [/^q-field__after$/, ([, c], { theme }) => `pl-[12px] [&:empty]:(hidden)`],
+
+  [
+    /^q-field__append$/,
+    ([, c], { theme }) =>
+      `pl-[12px] [&:empty]:(hidden) [&_+_.q-field\\_\\_append]:(pl-[2px])`
+  ],
+
+  [/^q-field__inner$/, ([, c], { theme }) => `text-left`],
+
+  [
+    /^q-field__bottom$/,
+    ([, c], { theme }) =>
+      `text-[12px] min-h-[20px] leading-none text-[rgba(0,_0,_0,_0.54)] pt-[8px] px-[12px] pb-[0] [backface-visibility:hidden]`
+  ],
+
+  [
+    /^q-field__bottom--animated$/,
+    ([, c], { theme }) => `translate-y-full absolute left-0 right-0 bottom-0`
+  ],
+
+  [
+    /^q-field__messages$/,
+    ([, c], { theme }) =>
+      `leading-none [&_>_div]:([word-wrap:break-word] break-words) [&_>_div_+_div]:(mt-[4px])`
+  ],
+
+  [/^q-field__counter$/, ([, c], { theme }) => `pl-[8px] leading-none`],
+
+  [
+    /^q-field--item-aligned$/,
+    ([, c], { theme }) =>
+      `px-[16px] py-[8px] [&_.q-field\\_\\_before]:(min-w-[56px])`
+  ],
+
+  [/^q-field__control-container$/, ([, c], { theme }) => `[height:inherit]`],
+
+  [
+    /^q-field__control$/,
+    ([, c], { theme }) =>
+      `h-[56px] max-w-full outline-[none] [&:before]:(content-empty absolute top-0 right-0 bottom-0 left-0 pointer-events-none) [&:after]:(content-empty absolute top-0 right-0 bottom-0 left-0 pointer-events-none) [&:before]:([border-radius:inherit]) bg-primary`
+  ],
+
+  [
+    /^q-field__shadow$/,
+    ([, c], { theme }) =>
+      `top-[8px] opacity-0 overflow-hidden whitespace-pre-wrap [transition:opacity_0.36s_cubic-bezier(0.4,_0,_0.2,_1)] [&_+_.q-field\\_\\_native::placeholder]:([transition:opacity_0.36s_cubic-bezier(0.4,_0,_0.2,_1)]) [&_+_.q-field\\_\\_native:focus::placeholder]:(opacity-0)`
+  ],
+
+  [
+    /^q-field__native$/,
+    ([, c], { theme }) =>
+      `font-normal leading-[28px] tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] border-none rounded-none bg-none text-[rgba(0,_0,_0,_0.87)] outline-0 px-[0] py-[6px] w-full min-w-[0] !outline-0 select-auto [&:-webkit-autofill]:() [&:-webkit-autofill_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='color']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='date']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='datetime-local']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='month']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='time']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='week']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&:invalid]:([box-shadow:none]) [&[type='file']]:(leading-[1em])`
+  ],
+
+  [
+    /^q-field__prefix$/,
+    ([, c], { theme }) =>
+      `font-normal leading-[28px] tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] border-none rounded-none bg-none text-[rgba(0,_0,_0,_0.87)] outline-0 px-[0] py-[6px] [transition:opacity_0.36s_cubic-bezier(0.4,_0,_0.2,_1)] whitespace-nowrap pr-[4px]`
+  ],
+
+  [
+    /^q-field__suffix$/,
+    ([, c], { theme }) =>
+      `font-normal leading-[28px] tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] border-none rounded-none bg-none text-[rgba(0,_0,_0,_0.87)] outline-0 px-[0] py-[6px] [transition:opacity_0.36s_cubic-bezier(0.4,_0,_0.2,_1)] whitespace-nowrap pl-[4px]`
+  ],
+
+  [
+    /^q-field__input$/,
+    ([, c], { theme }) =>
+      `font-normal leading-[28px] tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] border-none rounded-none bg-none text-[rgba(0,_0,_0,_0.87)] outline-0 px-[0] py-[6px] w-full min-w-[0] !outline-0 select-auto [&:-webkit-autofill]:() [&:-webkit-autofill_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='color']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='date']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='datetime-local']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='month']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='time']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&[type='week']_+_.q-field\\_\\_label]:(-translate-y-[40%] scale-[0.75]) [&:invalid]:([box-shadow:none]) p-0 h-[0] min-h-[24px] leading-[24px]`
+  ],
+
+  [
+    /^q-field--readonly$/,
+    ([, c], { theme }) => `[&_.q-placeholder]:(!opacity-100)`
+  ],
+
+  [
+    /^q-field--disabled$/,
+    ([, c], { theme }) =>
+      `[&_.q-placeholder]:(!opacity-100) [&_.q-field\\_\\_inner]:(cursor-not-allowed) [&_.q-field\\_\\_control]:(pointer-events-none) [&_.q-field\\_\\_control_>_div]:(!opacity-60) [&_.q-field\\_\\_control_>_div]:(!outline-0) [&_.q-field\\_\\_control_>_div_*]:(!outline-0)`
+  ],
+
+  [
+    /^q-field__label$/,
+    ([, c], { theme }) =>
+      `left-0 top-[18px] max-w-full text-[rgba(0,_0,_0,_0.6)] text-[16px] leading-tight font-normal tracking-[0.00937em] [text-decoration:inherit] [text-transform:inherit] origin-[left_top] [transition:transform_0.36s_cubic-bezier(0.4,_0,_0.2,_1),_max-width_0.324s_cubic-bezier(0.4,_0,_0.2,_1)] [backface-visibility:hidden]`
+  ],
+
+  [
+    /^q-field--float$/,
+    ([, c], { theme }) =>
+      `[&_.q-field\\_\\_label]:(max-w-[133%] -translate-y-[40%] scale-[0.75] [transition:transform_0.36s_cubic-bezier(0.4,_0,_0.2,_1),_max-width_0.396s_cubic-bezier(0.4,_0,_0.2,_1)])`
+  ],
+
+  [
+    /^q-field--highlighted$/,
+    ([, c], { theme }) =>
+      `[&_.q-field\\_\\_label]:(text-current) [&_.q-field\\_\\_shadow]:(opacity-50)`
+  ],
+
+  [
+    /^q-field--filled$/,
+    ([, c], { theme }) =>
+      `[&_.q-field\\_\\_control]:(px-[12px] py-[0] bg-[rgba(0,_0,_0,_0.05)] rounded-tl-[4px] rounded-br-[0] rounded-tr-[4px] rounded-bl-[0]) [&_.q-field\\_\\_control:before]:(bg-[rgba(0,_0,_0,_0.05)] [border-bottom:1px_solid_rgba(0,_0,_0,_0.42)] opacity-0 [transition:opacity_0.36s_cubic-bezier(0.4,_0,_0.2,_1),_background_0.36s_cubic-bezier(0.4,_0,_0.2,_1)]) [&_.q-field\\_\\_control:hover:before]:(opacity-100) [&_.q-field\\_\\_control:after]:(h-[2px] top-auto origin-[center_bottom] [transform:scale3d(0,_1,_1)] bg-current [transition:transform_0.36s_cubic-bezier(0.4,_0,_0.2,_1)])`
+  ],
+
+  [
+    /^q-field--outlined$/,
+    ([, c], { theme }) =>
+      `[&_.q-field\\_\\_control]:(rounded-[4px] px-[12px] py-[0]) [&_.q-field\\_\\_control:before]:(border-[1px] border-solid border-[rgba(0,0,0,0.24)] [transition:border-color_0.36s_cubic-bezier(0.4,_0,_0.2,_1)]) [&_.q-field\\_\\_control:hover:before]:(border-[#000]) [&_.q-field\\_\\_control:after]:([height:inherit] [border-radius:inherit] border-[2px] border-solid border-[transparent] [transition:border-color_0.36s_cubic-bezier(0.4,_0,_0.2,_1)]) [&_.q-field\\_\\_native:-webkit-autofill]:(mt-px mb-px) [&_.q-field\\_\\_input:-webkit-autofill]:(mt-px mb-px)`
+  ],
+
+  [
+    /^q-field--standard$/,
+    ([, c], { theme }) =>
+      `[&_.q-field\\_\\_control:before]:([border-bottom:1px_solid_rgba(0,_0,_0,_0.24)] [transition:border-color_0.36s_cubic-bezier(0.4,_0,_0.2,_1)]) [&_.q-field\\_\\_control:hover:before]:(border-[#000]) [&_.q-field\\_\\_control:after]:(h-[2px] top-auto [border-bottom-left-radius:inherit] [border-bottom-right-radius:inherit] origin-[center_bottom] [transform:scale3d(0,_1,_1)] bg-current [transition:transform_0.36s_cubic-bezier(0.4,_0,_0.2,_1)]) [&_.q-field\\_\\_bottom]:(pl-0 pr-0)`
+  ],
+
+  [
+    /^q-field--dark$/,
+    ([, c], { theme }) =>
+      `[&_.q-field\\_\\_control:before]:(border-[rgba(255,_255,_255,_0.6)]) [&_.q-field\\_\\_control:hover:before]:(border-[#fff]) [&_.q-field\\_\\_native]:(text-[#fff]) [&_.q-field\\_\\_prefix]:(text-[#fff]) [&_.q-field\\_\\_suffix]:(text-[#fff]) [&_.q-field\\_\\_input]:(text-[#fff]) [&:not(.q-field--highlighted)_.q-field\\_\\_label]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-field\\_\\_marginal]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-field\\_\\_bottom]:(text-[rgba(255,_255,_255,_0.7)])`
+  ],
+
+  [
+    /^q-field--standout$/,
+    ([, c], { theme }) =>
+      `[&_.q-field\\_\\_control]:(px-[12px] py-[0] bg-[rgba(0,_0,_0,_0.05)] rounded-[4px] [transition:box-shadow_0.36s_cubic-bezier(0.4,_0,_0.2,_1),_background-color_0.36s_cubic-bezier(0.4,_0,_0.2,_1)]) [&_.q-field\\_\\_control:before]:(bg-[rgba(0,_0,_0,_0.07)] opacity-0 [transition:opacity_0.36s_cubic-bezier(0.4,_0,_0.2,_1),_background_0.36s_cubic-bezier(0.4,_0,_0.2,_1)]) [&_.q-field\\_\\_control:hover:before]:(opacity-100)`
+  ],
+
+  [
+    /^q-field--labeled$/,
+    ([, c], { theme }) =>
+      `[&_.q-field\\_\\_native]:(leading-[24px] pt-[24px] pb-[8px]) [&_.q-field\\_\\_prefix]:(leading-[24px] pt-[24px] pb-[8px]) [&_.q-field\\_\\_suffix]:(leading-[24px] pt-[24px] pb-[8px]) [&_.q-field\\_\\_shadow]:(top-0) [&:not(.q-field--float)_.q-field\\_\\_prefix]:(opacity-0) [&:not(.q-field--float)_.q-field\\_\\_suffix]:(opacity-0) [&:not(.q-field--float)_.q-field\\_\\_native::placeholder]:(text-transparent) [&:not(.q-field--float)_.q-field\\_\\_input::placeholder]:(text-transparent)`
+  ],
+
+  [
+    /^q-field--dense$/,
+    ([, c], { theme }) =>
+      `[&_.q-field--with-bottom]:(pb-[19px]) [&_.q-field\\_\\_shadow]:(top-0) [&_.q-field\\_\\_control]:(h-[40px]) [&_.q-field\\_\\_marginal]:(h-[40px]) [&_.q-field\\_\\_bottom]:(text-[11px]) [&_.q-field\\_\\_label]:(text-[14px] top-[10px]) [&_.q-field\\_\\_before]:(pr-[6px]) [&_.q-field\\_\\_prepend]:(pr-[6px]) [&_.q-field\\_\\_after]:(pl-[6px]) [&_.q-field\\_\\_append]:(pl-[6px]) [&_.q-field\\_\\_append_+_.q-field\\_\\_append]:(pl-[2px]) [&_.q-field\\_\\_marginal_.q-avatar]:(text-[24px]) [&_.q-field\\_\\_native:-webkit-autofill_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_input:-webkit-autofill_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_native[type='color']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_native[type='date']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_native[type='datetime-local']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_native[type='month']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_native[type='time']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_native[type='week']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_input[type='color']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_input[type='date']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_input[type='datetime-local']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_input[type='month']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_input[type='time']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75]) [&_.q-field\\_\\_input[type='week']_+_.q-field\\_\\_label]:(-translate-y-[30%] scale-[0.75])`
+  ],
+
+  [
+    /^q-field--borderless$/,
+    ([, c], { theme }) => `[&_.q-field\\_\\_bottom]:(pl-0 pr-0)`
+  ],
+
+  [
+    /^q-field--error$/,
+    ([, c], { theme }) =>
+      `[&_.q-field\\_\\_label]:(animate-[q-field-label_0.36s]) [&_.q-field\\_\\_bottom]:(text-negative)`
+  ],
+
+  [
+    /^q-field__focusable-action$/,
+    ([, c], { theme }) =>
+      `opacity-60 cursor-pointer !outline-0 border-0 [color:inherit] bg-transparent p-0 [&:hover]:(opacity-100) [&:focus]:(opacity-100)`
+  ],
+
+  [
+    /^q-field--auto-height$/,
+    ([, c], { theme }) =>
+      `[&_.q-field\\_\\_control]:(h-auto) [&_.q-field\\_\\_control]:(min-h-[56px]) [&_.q-field\\_\\_native]:(min-h-[56px]) [&_.q-field\\_\\_native]:(items-center) [&_.q-field\\_\\_control-container]:(pt-0) [&_.q-field\\_\\_native]:(leading-[18px]) [&_.q-field\\_\\_prefix]:(leading-[18px]) [&_.q-field\\_\\_suffix]:(leading-[18px])`
+  ],
+
+  [
+    /^q-field--square$/,
+    ([, c], { theme }) => `[&_.q-field\\_\\_control]:(!rounded-none)`
+  ]
+]
+
+export { preflights, shortcuts }

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

@@ -0,0 +1,23 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-file$/,
+    ([, c], { theme }) =>
+      `[&_.q-field\\_\\_native]:(break-all overflow-hidden) [&_.q-field\\_\\_input]:(!opacity-0) [&_.q-field\\_\\_input::-webkit-file-upload-button]:(cursor-pointer)`
+  ],
+
+  [
+    /^q-file__filler$/,
+    ([, c], { theme }) => `invisible w-full border-none p-0`
+  ],
+
+  [
+    /^q-file__dnd$/,
+    ([, c], { theme }) =>
+      `outline-[1px_dashed_currentColor] outline-offset-[-4px]`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,19 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-footer--hidden$/, ([, c], { theme }) => `translate-y-[110%]`],
+
+  [
+    /^q-footer--bordered$/,
+    ([, c], { theme }) => `[border-top:1px_solid_rgba(0,_0,_0,_0.12)]`
+  ],
+
+  [
+    /^q-footer$/,
+    ([, c], { theme }) =>
+      `[&_.q-layout\\_\\_shadow]:(-top-[10px]) [&_.q-layout\\_\\_shadow:after]:(top-[10px])  relative z-2000`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,8 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-form$/, ([, c], { theme }) => `relative`]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,20 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-header--hidden$/, ([, c], { theme }) => `-translate-y-[110%]`],
+
+  [
+    /^q-header--bordered$/,
+    ([, c], { theme }) => `[border-bottom:1px_solid_rgba(0,_0,_0,_0.12)]`
+  ],
+
+  [
+    /^q-header$/,
+    ([, c], { theme }) =>
+      `z-2000 [&_.q-layout\\_\\_shadow]:(-bottom-10px) [&_.q-layout\\_\\_shadow:after]:(bottom-10px)`
+    // relative
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,30 @@
+import type { UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-icon$/,
+    (
+      [, c],
+      { theme }
+    ) => `lh-1 w-1em h-1em shrink-0 tracking-normal normal-case whitespace-nowrap break-normal 
+  text-center relative box-content fill-current
+  [&>svg]:(h-full w-full)
+  [&>img]:(h-full w-full)
+  [&:before]:(w-full h-full flex! items-center justify-center)
+  [&:after]:(w-full h-full flex! items-center justify-center)
+  select-none cursor-inherit text-inherit inline-flex items-center justify-center v-middle
+  `
+  ],
+  // [
+  //   /^(q-icon:before|q-icon:after)$/,
+  //   ([, c], { theme }) => `w-full h-full flex! items-center justify-center`
+  // ],
+  [
+    /^(material-icons|material-icons-outlined|material-icons-round|material-icons-sharp|material-symbols-outlined|material-symbols-rounded|material-symbols-sharp)$/,
+    ([, c], { theme }) =>
+      `select-none cursor-inherit text-inherit inline-flex items-center justify-center v-middle`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,43 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-img$/,
+    ([, c], { theme }) =>
+      `relative w-full inline-block align-middle overflow-hidden`
+  ],
+
+  [/^q-img__loading$/, ([, c], { theme }) => `[&_.q-spinner]:(text-[50px])`],
+
+  [
+    /^q-img__container$/,
+    ([, c], { theme }) => `[border-radius:inherit] text-[0]`
+  ],
+
+  [
+    /^q-img__image$/,
+    ([, c], { theme }) => `[border-radius:inherit] w-full h-full opacity-0`
+  ],
+
+  [
+    /^q-img__image--with-transition$/,
+    ([, c], { theme }) => `[transition:opacity_0.28s_ease-in]`
+  ],
+
+  [/^q-img__image--loaded$/, ([, c], { theme }) => `opacity-100`],
+
+  [
+    /^q-img__content$/,
+    ([, c], { theme }) =>
+      `[border-radius:inherit] pointer-events-none [&_>_div]:(absolute p-[16px] text-[#fff] bg-[rgba(0,_0,_0,_0.47)])`
+  ],
+
+  [
+    /^q-img--no-menu$/,
+    ([, c], { theme }) =>
+      `[&_.q-img\\_\\_image]:(pointer-events-none) [&_.q-img\\_\\_placeholder]:(pointer-events-none)`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,16 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-inner-loading$/,
+    ([, c], { theme }) =>
+      `bg-[rgba(255,_255,_255,_0.6)] [border-radius:inherit]`
+  ],
+
+  [/^q-inner-loading--dark$/, ([, c], { theme }) => `bg-[rgba(0,_0,_0,_0.4)]`],
+
+  [/^q-inner-loading__label$/, ([, c], { theme }) => `mt-[8px]`]
+]
+
+export { shortcuts }