vitrify 0.16.3 → 0.17.0

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

@@ -0,0 +1,195 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-time$/,
+    ([, c], { theme }) =>
+      `[box-shadow:0_1px_5px_rgba(0,_0,_0,_0.2),_0_2px_2px_rgba(0,_0,_0,_0.14),_0_3px_1px_-2px_rgba(0,_0,_0,_0.12)] rounded-[4px] bg-[#fff] outline-0 w-[290px] min-w-[290px] max-w-full`
+  ],
+
+  [
+    /^q-time--bordered$/,
+    ([, c], { theme }) => `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
+  ],
+
+  [
+    /^q-time__header$/,
+    ([, c], { theme }) =>
+      `[border-top-left-radius:inherit] text-[#fff] p-[16px] font-light bg-primary`
+  ],
+
+  [/^q-time__actions$/, ([, c], { theme }) => `pt-[0] px-[16px] pb-[16px]`],
+
+  [
+    /^q-time__header-label$/,
+    ([, c], { theme }) =>
+      `text-[28px] leading-none tracking-[-0.00833em] [&_>_div_+_div]:(ml-[4px])`
+  ],
+
+  [
+    /^q-time__link$/,
+    ([, c], { theme }) =>
+      `opacity-[0.56] outline-0 [transition:opacity_0.3s_ease-out]`
+  ],
+
+  [/^q-time__link--active$/, ([, c], { theme }) => `opacity-100`],
+
+  [/^q-time__link:hover$/, ([, c], { theme }) => `hover:opacity-100`],
+
+  [/^q-time__link:focus$/, ([, c], { theme }) => `focus:opacity-100`],
+
+  [
+    /^q-time__header-ampm$/,
+    ([, c], { theme }) => `text-[16px] tracking-widest`
+  ],
+
+  [/^q-time__content$/, ([, c], { theme }) => `p-[16px]`],
+
+  [
+    /^q-time__content:before$/,
+    ([, c], { theme }) => `content-empty block pb-[100%]`
+  ],
+
+  [/^q-time__container-parent$/, ([, c], { theme }) => `p-[16px]`],
+
+  [
+    /^q-time__container-child$/,
+    ([, c], { theme }) => `rounded-[50%] bg-[rgba(0,_0,_0,_0.12)]`
+  ],
+
+  [
+    /^q-time__clock$/,
+    ([, c], { theme }) =>
+      `p-[24px] w-full h-full max-w-full max-h-full text-[14px]`
+  ],
+
+  [/^q-time__clock-circle$/, ([, c], { theme }) => `relative`],
+
+  [
+    /^q-time__clock-center$/,
+    ([, c], { theme }) =>
+      `h-[6px] w-[6px] m-auto rounded-[50%] min-h-[0] bg-current`
+  ],
+
+  [
+    /^q-time__clock-pointer$/,
+    ([, c], { theme }) =>
+      `w-[2px] h-1/2 origin-[0_0] min-h-[0] absolute left-2/4 right-0 bottom-0 bg-current -translate-x-1/2 text-primary`
+  ],
+
+  [
+    /^q-time__clock-pointer:before$/,
+    ([, c], { theme }) =>
+      `content-empty absolute left-2/4 rounded-[50%] bg-current -translate-x-1/2 -bottom-[4px] w-[8px] h-[8px]`
+  ],
+
+  [
+    /^q-time__clock-pointer:after$/,
+    ([, c], { theme }) =>
+      `content-empty absolute left-2/4 rounded-[50%] bg-current -translate-x-1/2 -top-[3px] h-[6px] w-[6px]`
+  ],
+
+  [
+    /^q-time__clock-position$/,
+    ([, c], { theme }) =>
+      `absolute min-h-[32px] w-[32px] h-[32px] text-[12px] leading-[32px] m-0 p-0 -translate-x-1/2 -translate-y-1/2 rounded-[50%]`
+  ],
+
+  [/^q-time__clock-position--disable$/, ([, c], { theme }) => `opacity-40`],
+
+  [
+    /^q-time__clock-position--active$/,
+    ([, c], { theme }) => `text-[#fff] bg-primary`
+  ],
+
+  [/^q-time__clock-pos-0$/, ([, c], { theme }) => `top-[0%] left-2/4`],
+
+  [/^q-time__clock-pos-1$/, ([, c], { theme }) => `top-[6.7%] left-3/4`],
+
+  [/^q-time__clock-pos-2$/, ([, c], { theme }) => `top-1/4 left-[93.3%]`],
+
+  [/^q-time__clock-pos-3$/, ([, c], { theme }) => `top-2/4 left-full`],
+
+  [/^q-time__clock-pos-4$/, ([, c], { theme }) => `top-3/4 left-[93.3%]`],
+
+  [/^q-time__clock-pos-5$/, ([, c], { theme }) => `top-[93.3%] left-3/4`],
+
+  [/^q-time__clock-pos-6$/, ([, c], { theme }) => `top-full left-2/4`],
+
+  [/^q-time__clock-pos-7$/, ([, c], { theme }) => `top-[93.3%] left-1/4`],
+
+  [/^q-time__clock-pos-8$/, ([, c], { theme }) => `top-3/4 left-[6.7%]`],
+
+  [/^q-time__clock-pos-9$/, ([, c], { theme }) => `top-2/4 left-[0%]`],
+
+  [/^q-time__clock-pos-10$/, ([, c], { theme }) => `top-1/4 left-[6.7%]`],
+
+  [/^q-time__clock-pos-11$/, ([, c], { theme }) => `top-[6.7%] left-1/4`],
+
+  [/^q-time__clock-pos-12$/, ([, c], { theme }) => `top-[15%] left-2/4`],
+
+  [/^q-time__clock-pos-13$/, ([, c], { theme }) => `top-[19.69%] left-[67.5%]`],
+
+  [/^q-time__clock-pos-14$/, ([, c], { theme }) => `top-[32.5%] left-[80.31%]`],
+
+  [/^q-time__clock-pos-15$/, ([, c], { theme }) => `top-2/4 left-[85%]`],
+
+  [/^q-time__clock-pos-16$/, ([, c], { theme }) => `top-[67.5%] left-[80.31%]`],
+
+  [/^q-time__clock-pos-17$/, ([, c], { theme }) => `top-[80.31%] left-[67.5%]`],
+
+  [/^q-time__clock-pos-18$/, ([, c], { theme }) => `top-[85%] left-2/4`],
+
+  [/^q-time__clock-pos-19$/, ([, c], { theme }) => `top-[80.31%] left-[32.5%]`],
+
+  [/^q-time__clock-pos-20$/, ([, c], { theme }) => `top-[67.5%] left-[19.69%]`],
+
+  [/^q-time__clock-pos-21$/, ([, c], { theme }) => `top-2/4 left-[15%]`],
+
+  [/^q-time__clock-pos-22$/, ([, c], { theme }) => `top-[32.5%] left-[19.69%]`],
+
+  [/^q-time__clock-pos-23$/, ([, c], { theme }) => `top-[19.69%] left-[32.5%]`],
+
+  [
+    /^q-time__now-button$/,
+    ([, c], { theme }) => `text-[#fff] top-[12px] right-[12px] bg-primary`
+  ],
+
+  [
+    /^q-time.disabled$/,
+    ([, c], { theme }) =>
+      `[&_.q-time\\_\\_header-ampm]:(pointer-events-none) [&_.q-time\\_\\_content]:(pointer-events-none)`
+  ],
+
+  [
+    /^q-time--readonly$/,
+    ([, c], { theme }) =>
+      `[&_.q-time\\_\\_header-ampm]:(pointer-events-none) [&_.q-time\\_\\_content]:(pointer-events-none)`
+  ],
+
+  [
+    /^q-time--portrait$/,
+    ([, c], { theme }) =>
+      `inline-flex flex-col [&_.q-time\\_\\_header]:([border-top-right-radius:inherit] min-h-[86px]) [&_.q-time\\_\\_header-ampm]:(ml-[12px])`
+  ],
+
+  [
+    /^q-time--portrait.q-time--bordered$/,
+    ([, c], { theme }) => `[&_.q-time\\_\\_content]:(mx-[0] my-px)`
+  ],
+
+  [
+    /^q-time--landscape$/,
+    ([, c], { theme }) =>
+      `inline-flex items-stretch min-w-[420px] [&_>_div]:(flex flex-col justify-center) [&_.q-time\\_\\_header]:([border-bottom-left-radius:inherit] min-w-[156px]) [&_.q-time\\_\\_header-ampm]:(mt-[12px])`
+  ],
+
+  [
+    /^q-time--dark$/,
+    ([, c], { theme }) =>
+      `border-[rgba(255,_255,_255,_0.28)] [box-shadow:0_1px_5px_rgba(255,_255,_255,_0.2),_0_2px_2px_rgba(255,_255,_255,_0.14),_0_3px_1px_-2px_rgba(255,_255,_255,_0.12)]`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,122 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-timeline$/,
+    ([, c], { theme }) =>
+      `p-0 w-full [list-style:none] [&_h6]:([line-height:inherit])`
+  ],
+
+  [
+    /^q-timeline--dark$/,
+    ([, c], { theme }) =>
+      `text-[#fff] [&_.q-timeline\\_\\_subtitle]:(opacity-70)`
+  ],
+
+  [/^q-timeline__content$/, ([, c], { theme }) => `pb-[24px]`],
+
+  [/^q-timeline__title$/, ([, c], { theme }) => `mt-0 mb-[16px]`],
+
+  [
+    /^q-timeline__subtitle$/,
+    ([, c], { theme }) =>
+      `text-[12px] mb-[8px] opacity-60 uppercase tracking-[1px] font-bold`
+  ],
+
+  [
+    /^q-timeline__dot$/,
+    ([, c], { theme }) =>
+      `absolute top-0 bottom-0 w-[15px] [&_.q-icon]:(absolute top-0 left-0 right-0 text-[16px] h-[38px] leading-[38px] w-full text-[#fff]) [&_.q-icon_>_svg]:(w-[1em] h-[1em]) [&_.q-icon_>_img]:(w-[1em] h-[1em])`
+  ],
+
+  [
+    /^q-timeline__dot:before$/,
+    ([, c], { theme }) =>
+      `content-empty bg-current block absolute border-[3px] border-solid border-[transparent] rounded-[100%] h-[15px] w-[15px] top-[4px] left-0 [transition:background_0.3s_ease-in-out,_border_0.3s_ease-in-out]`
+  ],
+
+  [
+    /^q-timeline__dot:after$/,
+    ([, c], { theme }) =>
+      `content-empty bg-current block absolute w-[3px] opacity-40 top-[24px] bottom-0 left-[6px]`
+  ],
+
+  [
+    /^q-timeline__dot-img$/,
+    ([, c], { theme }) =>
+      `absolute top-[4px] left-0 right-0 h-[31px] w-[31px] bg-current rounded-[50%]`
+  ],
+
+  [/^q-timeline__heading$/, ([, c], { theme }) => `relative`],
+
+  [
+    /^q-timeline__heading:first-child$/,
+    ([, c], { theme }) => `[&_.q-timeline\\_\\_heading-title]:(pt-0)`
+  ],
+
+  [
+    /^q-timeline__heading:last-child$/,
+    ([, c], { theme }) => `[&_.q-timeline\\_\\_heading-title]:(pb-0)`
+  ],
+
+  [/^q-timeline__heading-title$/, ([, c], { theme }) => `px-[0] py-[32px] m-0`],
+
+  [/^q-timeline__entry$/, ([, c], { theme }) => `relative leading-[22px]`],
+
+  [
+    /^q-timeline__entry:last-child$/,
+    ([, c], { theme }) =>
+      `!pb-0 [&_.q-timeline\\_\\_dot:after]:(content-[none])`
+  ],
+
+  [
+    /^q-timeline__entry--icon$/,
+    ([, c], { theme }) =>
+      `[&_.q-timeline\\_\\_dot]:(w-[31px]) [&_.q-timeline\\_\\_dot:before]:(h-[31px] w-[31px]) [&_.q-timeline\\_\\_dot:after]:(top-[41px] left-[14px]) [&_.q-timeline\\_\\_subtitle]:(pt-[8px])`
+  ],
+
+  [
+    /^q-timeline--dense--right$/,
+    ([, c], { theme }) =>
+      `[&_.q-timeline\\_\\_entry]:(pl-[40px]) [&_.q-timeline\\_\\_entry--icon_.q-timeline\\_\\_dot]:(-left-[8px]) [&_.q-timeline\\_\\_dot]:(left-0)`
+  ],
+
+  [
+    /^q-timeline--dense--left$/,
+    ([, c], { theme }) =>
+      `[&_.q-timeline\\_\\_heading]:(text-right) [&_.q-timeline\\_\\_entry]:(pr-[40px]) [&_.q-timeline\\_\\_entry--icon_.q-timeline\\_\\_dot]:(-right-[8px]) [&_.q-timeline\\_\\_content]:(text-right) [&_.q-timeline\\_\\_title]:(text-right) [&_.q-timeline\\_\\_subtitle]:(text-right) [&_.q-timeline\\_\\_dot]:(right-0)`
+  ],
+
+  [
+    /^q-timeline--comfortable$/,
+    ([, c], { theme }) =>
+      `table [&_.q-timeline\\_\\_heading]:(table-row text-[200%]) [&_.q-timeline\\_\\_heading_>_div]:(table-cell) [&_.q-timeline\\_\\_entry]:(table-row p-0) [&_.q-timeline\\_\\_entry--icon_.q-timeline\\_\\_content]:(pt-[8px]) [&_.q-timeline\\_\\_subtitle]:(table-cell align-top) [&_.q-timeline\\_\\_dot]:(table-cell align-top) [&_.q-timeline\\_\\_content]:(table-cell align-top) [&_.q-timeline\\_\\_subtitle]:(w-[35%]) [&_.q-timeline\\_\\_dot]:(relative min-w-[31px])`
+  ],
+
+  [
+    /^q-timeline--comfortable--right$/,
+    ([, c], { theme }) =>
+      `[&__.q-timeline\\_\\_heading__.q-timeline\\_\\_heading-title]:(-ml-[50px])`
+  ],
+
+  [
+    /^q-timeline--comfortable--right$/,
+    ([, c], { theme }) =>
+      `[&_.q-timeline\\_\\_subtitle]:(text-right pr-[30px]) [&_.q-timeline\\_\\_content]:(pl-[30px]) [&_.q-timeline\\_\\_entry--icon_.q-timeline\\_\\_dot]:(-left-[8px])`
+  ],
+
+  [
+    /^q-timeline--comfortable--left$/,
+    ([, c], { theme }) =>
+      `[&_.q-timeline\\_\\_heading]:(text-right) [&_.q-timeline\\_\\_heading_.q-timeline\\_\\_heading-title]:(-mr-[50px]) [&_.q-timeline\\_\\_subtitle]:(pl-[30px]) [&_.q-timeline\\_\\_content]:(pr-[30px]) [&_.q-timeline\\_\\_content]:(text-right) [&_.q-timeline\\_\\_title]:(text-right) [&_.q-timeline\\_\\_entry--icon_.q-timeline\\_\\_dot]:(right-0) [&_.q-timeline\\_\\_dot]:(-right-[8px])`
+  ],
+
+  [
+    /^q-timeline--loose$/,
+    ([, c], { theme }) =>
+      `[&_.q-timeline\\_\\_heading-title]:(text-center ml-0) [&_.q-timeline\\_\\_entry]:(block m-0 p-0) [&_.q-timeline\\_\\_subtitle]:(block m-0 p-0) [&_.q-timeline\\_\\_dot]:(block m-0 p-0) [&_.q-timeline\\_\\_content]:(block m-0 p-0) [&_.q-timeline\\_\\_dot]:(absolute left-2/4 -ml-[7.15px]) [&_.q-timeline\\_\\_entry]:(pb-[24px] overflow-hidden) [&_.q-timeline\\_\\_entry--icon_.q-timeline\\_\\_dot]:(-ml-[15px]) [&_.q-timeline\\_\\_entry--icon_.q-timeline\\_\\_subtitle]:(leading-[38px]) [&_.q-timeline\\_\\_entry--icon_.q-timeline\\_\\_content]:(pt-[8px]) [&_.q-timeline\\_\\_entry--left_.q-timeline\\_\\_content]:(float-left pr-[30px] text-right) [&_.q-timeline\\_\\_entry--right_.q-timeline\\_\\_subtitle]:(float-left pr-[30px] text-right) [&_.q-timeline\\_\\_entry--left_.q-timeline\\_\\_subtitle]:(float-right text-left pl-[30px]) [&_.q-timeline\\_\\_entry--right_.q-timeline\\_\\_content]:(float-right text-left pl-[30px]) [&_.q-timeline\\_\\_subtitle]:(w-1/2) [&_.q-timeline\\_\\_content]:(w-1/2)`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,89 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+body.desktop .q-toggle:not(.disabled) .q-toggle__thumb: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-toggle:not(.disabled):focus .q-toggle__thumb:before, body.desktop .q-toggle:not(.disabled):hover .q-toggle__thumb:before {
+  transform: scale3d(2, 2, 1);
+}
+body.desktop .q-toggle--dense:not(.disabled):focus .q-toggle__thumb:before, body.desktop .q-toggle--dense:not(.disabled):hover .q-toggle__thumb:before {
+  transform: scale3d(1.5, 1.5, 1);
+}
+`
+  }
+]
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-toggle$/, ([, c], { theme }) => `align-middle`],
+
+  [/^q-toggle__native$/, ([, c], { theme }) => `w-px h-px`],
+
+  [
+    /^q-toggle__track$/,
+    ([, c], { theme }) =>
+      `h-[0.35em] rounded-[0.175em] opacity-[0.38] bg-current`
+  ],
+
+  [
+    /^q-toggle__thumb$/,
+    ([, c], { theme }) =>
+      `top-[0.25em] left-[0.25em] w-[0.5em] h-[0.5em] [transition:left_0.22s_cubic-bezier(0.4,_0,_0.2,_1)] select-none z-0 [&_.q-icon]:(text-[0.3em] min-w-[1em] text-[#000] opacity-[0.54] z-1)`
+  ],
+
+  [
+    /^q-toggle__thumb:after$/,
+    ([, c], { theme }) =>
+      `content-empty absolute top-0 right-0 bottom-0 left-0 rounded-[50%] bg-[#fff] [box-shadow:0_3px_1px_-2px_rgba(0,_0,_0,_0.2),_0_2px_2px_0_rgba(0,_0,_0,_0.14),_0_1px_5px_0_rgba(0,_0,_0,_0.12)]`
+  ],
+
+  [
+    /^q-toggle__inner$/,
+    ([, c], { theme }) =>
+      `text-[40px] w-[1.4em] min-w-[1.4em] h-[1em] px-[0.3em] py-[0.325em]`
+  ],
+
+  [
+    /^q-toggle__inner--indet$/,
+    ([, c], { theme }) => `[&_.q-toggle\\_\\_thumb]:(left-[0.45em])`
+  ],
+
+  [
+    /^q-toggle__inner--truthy$/,
+    ([, c], { theme }) =>
+      ` [&_.q-toggle\\_\\_track]:(opacity-[0.54]) [&_.q-toggle\\_\\_thumb]:(left-[0.65em]) [&_.q-toggle\\_\\_thumb:after]:(bg-current) [&_.q-toggle\\_\\_thumb_.q-icon]:(text-[#fff] opacity-100) text-primary`
+  ],
+
+  [/^q-toggle.disabled$/, ([, c], { theme }) => `!opacity-75`],
+
+  [
+    /^q-toggle--dark$/,
+    ([, c], { theme }) =>
+      `[&_.q-toggle\\_\\_inner]:(text-[#fff]) [&_.q-toggle\\_\\_inner--truthy]:(text-primary) [&_.q-toggle\\_\\_thumb:after]:([box-shadow:none]) [&_.q-toggle\\_\\_thumb:before]:(!opacity-[0.32])`
+  ],
+
+  [
+    /^q-toggle--dense$/,
+    ([, c], { theme }) =>
+      `[&_.q-toggle\\_\\_inner]:(w-[0.8em] min-w-[0.8em] h-[0.5em] px-[0] py-[0.07625em]) [&_.q-toggle\\_\\_thumb]:(top-0 left-0) [&_.q-toggle\\_\\_inner--indet_.q-toggle\\_\\_thumb]:(left-[0.15em]) [&_.q-toggle\\_\\_inner--truthy_.q-toggle\\_\\_thumb]:(left-[0.3em]) [&_.q-toggle\\_\\_label]:(pl-[0.5em])`
+  ],
+
+  [
+    /^q-toggle--dense.reverse$/,
+    ([, c], { theme }) => `[&_.q-toggle\\_\\_label]:(pl-0 pr-[0.5em])`
+  ]
+]
+
+export { preflights, shortcuts }

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

@@ -0,0 +1,22 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-toolbar$/,
+    ([, c], { theme }) =>
+      `relative px-[12px] py-[0] min-h-[50px] [&_.q-avatar]:(text-[38px])
+      `
+    // w-full
+  ],
+
+  [/^q-toolbar--inset$/, ([, c], { theme }) => `pl-[58px]`],
+
+  [
+    /^q-toolbar__title$/,
+    ([, c], { theme }) =>
+      `flex-1 min-w-[1px] max-w-full text-[21px] font-normal tracking-[0.01em] px-[12px] py-[0] [&:first-child]:(pl-0) [&:last-child]:(pr-0)`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,18 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-tooltip--style$/,
+    ([, c], { theme }) =>
+      `text-[10px] text-[#fafafa] bg-[#757575] rounded-[4px] normal-case font-normal`
+  ],
+
+  [
+    /^q-tooltip$/,
+    ([, c], { theme }) =>
+      `z-9000 !fixed overflow-y-auto overflow-x-hidden px-[10px] py-[6px] max-w-[95vw] max-h-[65vh] sm:(text-14px pt-8px pb-8px pl-16px pr-16px)`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,124 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+[dir=rtl] .q-tree__arrow {
+  transform: rotate3d(0, 0, 1, 180deg) /* rtl:ignore */;
+}
+[dir=rtl] .q-tree__arrow--rotate {
+  transform: rotate3d(0, 0, 1, 90deg) /* rtl:ignore */;
+}
+`
+  }
+]
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-tree$/,
+    ([, c], { theme }) =>
+      `relative text-[#9e9e9e] [&_>_.q-tree\\_\\_node]:(p-0) [&_>_.q-tree\\_\\_node:after]:(hidden) [&_>_.q-tree\\_\\_node_>_.q-tree\\_\\_node-header:before]:(hidden) [&_>_.q-tree\\_\\_node--child_>_.q-tree\\_\\_node-header]:(pl-[24px])`
+  ],
+
+  [/^q-tree__node$/, ([, c], { theme }) => `pt-[0] pr-[0] pb-[3px] pl-[22px]`],
+
+  [
+    /^q-tree__node:after$/,
+    ([, c], { theme }) =>
+      `content-empty absolute -top-[3px] bottom-0 w-[2px] right-auto -left-[13px] [border-left:1px_solid_currentColor]`
+  ],
+
+  [/^q-tree__node:last-child:after$/, ([, c], { theme }) => `hidden`],
+
+  [
+    /^q-tree__node--disabled$/,
+    ([, c], { theme }) =>
+      `pointer-events-none [&_.disabled]:(!opacity-100) [&_>_div]:(!opacity-60) [&_>_i]:(!opacity-60) [&_>_.disabled]:(!opacity-60) [&_>_div_.q-tree\\_\\_node--disabled_>_div]:(!opacity-100) [&_>_div_.q-tree\\_\\_node--disabled_>_i]:(!opacity-100) [&_>_div_.q-tree\\_\\_node--disabled_>_.disabled]:(!opacity-100) [&_>_i_.q-tree\\_\\_node--disabled_>_div]:(!opacity-100) [&_>_i_.q-tree\\_\\_node--disabled_>_i]:(!opacity-100) [&_>_i_.q-tree\\_\\_node--disabled_>_.disabled]:(!opacity-100) [&_>_.disabled_.q-tree\\_\\_node--disabled_>_div]:(!opacity-100) [&_>_.disabled_.q-tree\\_\\_node--disabled_>_i]:(!opacity-100) [&_>_.disabled_.q-tree\\_\\_node--disabled_>_.disabled]:(!opacity-100)`
+  ],
+
+  [
+    /^q-tree__node-header:before$/,
+    ([, c], { theme }) =>
+      `content-empty absolute -top-[3px] bottom-2/4 w-[31px] -left-[35px] [border-left:1px_solid_currentColor] [border-bottom:1px_solid_currentColor]`
+  ],
+
+  [/^q-tree__children$/, ([, c], { theme }) => `pl-[25px]`],
+
+  [
+    /^q-tree__node-body$/,
+    ([, c], { theme }) => `pt-[5px] pr-[0] pb-[8px] pl-[5px]`
+  ],
+
+  [
+    /^q-tree__node--parent$/,
+    ([, c], { theme }) =>
+      `pl-[2px] [&_>_.q-tree\\_\\_node-header:before]:(w-[15px] -left-[15px]) [&_>_.q-tree\\_\\_node-collapsible_>_.q-tree\\_\\_node-body]:(pt-[5px] pr-[0] pb-[8px] pl-[27px]) [&_>_.q-tree\\_\\_node-collapsible_>_.q-tree\\_\\_node-body:after]:(content-empty absolute top-0 w-[2px] h-full right-auto left-[12px] [border-left:1px_solid_currentColor] bottom-[50px])`
+  ],
+
+  [/^q-tree__node--link$/, ([, c], { theme }) => `cursor-pointer`],
+
+  [
+    /^q-tree__node-header$/,
+    ([, c], { theme }) => `p-[4px] mt-[3px] rounded-[4px] outline-0`
+  ],
+
+  [
+    /^q-tree__node-header-content$/,
+    ([, c], { theme }) =>
+      `text-[#000] [transition:color_0.3s] [&_.q-icon]:(text-[21px]) [&_.q-avatar]:(text-[28px] rounded-[50%] w-[28px] h-[28px])`
+  ],
+
+  [
+    /^q-tree__node--selected$/,
+    ([, c], { theme }) =>
+      `[&_.q-tree\\_\\_node-header-content]:(text-[#9e9e9e])`
+  ],
+
+  [/^q-tree__icon$/, ([, c], { theme }) => `text-[21px]`],
+
+  [/^q-tree__img$/, ([, c], { theme }) => `h-[42px] rounded-[2px]`],
+
+  [
+    /^q-tree__avatar$/,
+    ([, c], { theme }) => `text-[28px] rounded-[50%] w-[28px] h-[28px]`
+  ],
+
+  [
+    /^q-tree__arrow$/,
+    ([, c], { theme }) => `text-[16px] mr-[4px] [transition:transform_0.3s]`
+  ],
+
+  [/^q-tree__spinner$/, ([, c], { theme }) => `text-[16px] mr-[4px]`],
+
+  [
+    /^q-tree__arrow--rotate$/,
+    ([, c], { theme }) => `[transform:rotate3d(0,_0,_1,_90deg)]`
+  ],
+
+  [/^q-tree__tickbox$/, ([, c], { theme }) => `mr-[4px]`],
+
+  [
+    /^q-tree--dark$/,
+    ([, c], { theme }) => `[&_.q-tree\\_\\_node-header-content]:(text-[#fff])`
+  ],
+
+  [
+    /^q-tree--no-connectors$/,
+    ([, c], { theme }) =>
+      `[&_.q-tree\\_\\_node:after]:(!hidden) [&_.q-tree\\_\\_node-header:before]:(!hidden) [&_.q-tree\\_\\_node-body:after]:(!hidden)`
+  ],
+
+  [
+    /^q-tree--dense$/,
+    ([, c], { theme }) =>
+      `[&_>_.q-tree\\_\\_node--child_>_.q-tree\\_\\_node-header]:(pl-px) [&_.q-tree\\_\\_arrow]:(mr-px) [&_.q-tree\\_\\_spinner]:(mr-px) [&_.q-tree\\_\\_img]:(h-[32px]) [&_.q-tree\\_\\_tickbox]:(mr-[3px]) [&_.q-tree\\_\\_node]:(p-0) [&_.q-tree\\_\\_node:after]:(top-0 -left-[8px]) [&_.q-tree\\_\\_node-header]:(mt-0 p-px) [&_.q-tree\\_\\_node-header:before]:(top-0 -left-[8px] w-[8px]) [&_.q-tree\\_\\_node--child]:(pl-[17px]) [&_.q-tree\\_\\_node--child_>_.q-tree\\_\\_node-header:before]:(-left-[25px] w-[21px]) [&_.q-tree\\_\\_node-body]:(pt-[0] px-[0] pb-[2px]) [&_.q-tree\\_\\_children]:(pl-[16px])`
+  ],
+
+  [
+    /^q-tree--dense$/,
+    ([, c], { theme }) =>
+      `[&__.q-tree\\_\\_node--parent__>_.q-tree\\_\\_node-collapsible__>_.q-tree\\_\\_node-body]:(pt-[0] pr-[0] pb-[2px] pl-[20px]) [&__.q-tree\\_\\_node--parent__>_.q-tree\\_\\_node-collapsible__>_.q-tree\\_\\_node-body:after]:(left-[8px])`
+  ]
+]
+
+export { preflights, shortcuts }

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

@@ -0,0 +1,107 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-uploader$/,
+    ([, c], { theme }) =>
+      `[box-shadow:0_1px_5px_rgba(0,_0,_0,_0.2),_0_2px_2px_rgba(0,_0,_0,_0.14),_0_3px_1px_-2px_rgba(0,_0,_0,_0.12)] rounded-[4px] align-top bg-[#fff] relative w-[320px] max-h-[320px]`
+  ],
+
+  [
+    /^q-uploader--bordered$/,
+    ([, c], { theme }) => `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
+  ],
+
+  [
+    /^q-uploader__input$/,
+    ([, c], { theme }) => `opacity-0 w-full h-full !cursor-pointer`
+  ],
+
+  [
+    /^q-uploader__input::-webkit-file-upload-button$/,
+    ([, c], { theme }) => `cursor-pointer`
+  ],
+
+  [
+    /^q-uploader__file:before$/,
+    ([, c], { theme }) =>
+      `content-empty [border-top-left-radius:inherit] [border-top-right-radius:inherit] absolute top-0 right-0 bottom-0 left-0 pointer-events-none bg-current opacity-[0.04]`
+  ],
+
+  [
+    /^q-uploader__header$/,
+    ([, c], { theme }) =>
+      `relative [border-top-left-radius:inherit] [border-top-right-radius:inherit] text-[#fff] w-full bg-primary`
+  ],
+
+  [/^q-uploader__spinner$/, ([, c], { theme }) => `text-[24px] mr-[4px]`],
+
+  [/^q-uploader__header-content$/, ([, c], { theme }) => `p-[8px]`],
+
+  [
+    /^q-uploader__dnd$/,
+    ([, c], { theme }) =>
+      `outline-[1px_dashed_currentColor] outline-offset-[-4px] bg-[rgba(255,_255,_255,_0.6)]`
+  ],
+
+  [
+    /^q-uploader__overlay$/,
+    ([, c], { theme }) =>
+      `text-[36px] text-[#000] bg-[rgba(255,_255,_255,_0.6)]`
+  ],
+
+  [
+    /^q-uploader__list$/,
+    ([, c], { theme }) =>
+      `relative [border-bottom-left-radius:inherit] [border-bottom-right-radius:inherit] p-[8px] min-h-[60px] flex-auto`
+  ],
+
+  [
+    /^q-uploader__file$/,
+    ([, c], { theme }) =>
+      `rounded-tl-[4px] rounded-br-[0] rounded-tr-[4px] rounded-bl-[0] border-[1px] border-solid border-[rgba(0,0,0,0.12)] [&_.q-circular-progress]:(text-[24px]) [&_+_.q-uploader\\_\\_file]:(mt-[8px])`
+  ],
+
+  [
+    /^q-uploader__file--img$/,
+    ([, c], { theme }) =>
+      `text-[#fff] h-[200px] min-w-[200px] bg-[50%_50%] bg-no-repeat [&_.q-circular-progress]:(text-[#fff]) [&_.q-uploader\\_\\_file-header]:(pb-[24px] bg-[linear-gradient(_to_bottom,_rgba(0,_0,_0,_0.7)_20%,_rgba(255,_255,_255,_0)_)])`
+  ],
+
+  [/^q-uploader__file--img:before$/, ([, c], { theme }) => `content-[none]`],
+
+  [
+    /^q-uploader__file-header$/,
+    ([, c], { theme }) =>
+      `relative px-[8px] py-[4px] [border-top-left-radius:inherit] [border-top-right-radius:inherit]`
+  ],
+
+  [/^q-uploader__file-header-content$/, ([, c], { theme }) => `pr-[8px]`],
+
+  [/^q-uploader__file-status$/, ([, c], { theme }) => `text-[24px] mr-[4px]`],
+
+  [
+    /^q-uploader__title$/,
+    ([, c], { theme }) => `text-[14px] font-bold leading-[1.285714]`
+  ],
+
+  [
+    /^q-uploader__subtitle$/,
+    ([, c], { theme }) => `text-[12px] leading-normal`
+  ],
+
+  [
+    /^q-uploader--disable$/,
+    ([, c], { theme }) =>
+      `[&_.q-uploader\\_\\_header]:(pointer-events-none) [&_.q-uploader\\_\\_list]:(pointer-events-none)`
+  ],
+
+  [
+    /^q-uploader--dark$/,
+    ([, c], { theme }) =>
+      `border-[rgba(255,_255,_255,_0.28)] [box-shadow:0_1px_5px_rgba(255,_255,_255,_0.2),_0_2px_2px_rgba(255,_255,_255,_0.14),_0_3px_1px_-2px_rgba(255,_255,_255,_0.12)] [&_.q-uploader\\_\\_file]:(border-[rgba(255,_255,_255,_0.28)]) [&_.q-uploader\\_\\_dnd]:(bg-[rgba(255,_255,_255,_0.3)]) [&_.q-uploader\\_\\_overlay]:(bg-[rgba(255,_255,_255,_0.3)]) [&_.q-uploader\\_\\_overlay]:(text-[#fff])`
+  ]
+]
+
+export { shortcuts }