vitrify 0.18.4 → 0.19.0

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

@@ -0,0 +1,85 @@
+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);
+}
+`
+    }
+];
+const shortcuts = [
+    [
+        /^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/dist/plugins/quasar/unocss/styles/md3/components/QChip.unocss.js

@@ -0,0 +1,68 @@
+const preflights = [
+    {
+        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 = [
+    [
+        /^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/dist/plugins/quasar/unocss/styles/md3/components/QCircularProgress.unocss.js

@@ -0,0 +1,34 @@
+const preflights = [
+    {
+        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 = [
+    [
+        /^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 };

package/dist/plugins/quasar/unocss/styles/md3/components/QColorPicker.unocss.js

@@ -0,0 +1,118 @@
+const shortcuts = [
+    [
+        /^q-color-picker$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker'] ??
+            `overflow-hidden bg-[#fff] max-w-[350px] align-top min-w-[180px] rounded-[4px] [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)] [&_.q-tab]:(!p-0) [&_input]:([color:inherit] bg-transparent outline-[0] text-center) [&_.q-tabs]:(overflow-hidden) [&_.q-tab--active]:([box-shadow:0_0_14px_3px_rgba(0,_0,_0,_0.2)]) [&_.q-tab--active_.q-focus-helper]:(hidden) [&_.q-tab\\_\\_indicator]:(hidden) [&_.q-tab-panels]:([background:inherit])`
+    ],
+    [
+        /^q-color-picker--bordered$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker--bordered'] ??
+            `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
+    ],
+    [
+        /^q-color-picker__header-tabs$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker__header-tabs'] ?? `h-[32px]`
+    ],
+    [
+        /^q-color-picker__header-banner$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker__header-banner'] ??
+            `h-[36px] h-[36px]`
+    ],
+    [
+        /^q-color-picker__header$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker__header'] ??
+            `[&_input]:(leading-[24px] border-[0]) [&_.q-tab]:(!min-h-[32px] !h-[32px]) [&_.q-tab--inactive]:(bg-[linear-gradient(_to_top,_rgba(0,_0,_0,_0.3)_0%,_rgba(0,_0,_0,_0.15)_25%,_rgba(0,_0,_0,_0.1)_)])`
+    ],
+    [
+        /^q-color-picker__error-icon$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker__error-icon'] ??
+            `bottom-[2px] right-[2px] text-[24px] opacity-0 [transition:opacity_0.3s_ease-in]`
+    ],
+    [
+        /^q-color-picker__header-content$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker__header-content'] ??
+            `relative bg-[#fff]`
+    ],
+    [
+        /^q-color-picker__header-content--light$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker__header-content--light'] ??
+            `text-[#000]`
+    ],
+    [
+        /^q-color-picker__header-content--dark$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker__header-content--dark'] ??
+            `text-[#fff] [&_.q-tab--inactive:before]:(content-[''] absolute top-[0] right-[0] bottom-[0] left-[0] bg-[rgba(255,_255,_255,_0.2)])`
+    ],
+    [
+        /^q-color-picker__header-bg$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker__header-bg'] ??
+            `bg-[#fff] bg-[url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAH0lEQVQoU2NkYGAwZkAFZ5G5jPRRgOYEVDeB3EBjBQBOZwTVugIGyAAAAABJRU5ErkJggg==')]`
+    ],
+    [
+        /^q-color-picker__footer$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker__footer'] ??
+            `h-[36px] [&_.q-tab]:(!min-h-[36px] !h-[36px]) [&_.q-tab--inactive]:(bg-[linear-gradient(_to_bottom,_rgba(0,_0,_0,_0.3)_0%,_rgba(0,_0,_0,_0.15)_25%,_rgba(0,_0,_0,_0.1)_)])`
+    ],
+    [
+        /^q-color-picker__spectrum$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker__spectrum'] ?? `w-full h-full`
+    ],
+    [
+        /^q-color-picker__spectrum-tab$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker__spectrum-tab'] ?? `!p-0`
+    ],
+    [
+        /^q-color-picker__spectrum-white$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker__spectrum-white'] ??
+            `bg-[linear-gradient(to_right,_#fff,_rgba(255,_255,_255,_0))]`
+    ],
+    [
+        /^q-color-picker__spectrum-black$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker__spectrum-black'] ??
+            `bg-[linear-gradient(to_top,_#000,_rgba(0,_0,_0,_0))]`
+    ],
+    [
+        /^q-color-picker__spectrum-circle$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker__spectrum-circle'] ??
+            `w-[10px] h-[10px] [box-shadow:0_0_0_1.5px_#fff,_inset_0_0_1px_1px_rgba(0,_0,_0,_0.3),_0_0_1px_2px_rgba(0,_0,_0,_0.4)] rounded-[50%] -translate-x-[5px] -translate-y-[5px]`
+    ],
+    [
+        /^q-color-picker__hue$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker__hue'] ??
+            `[&_.q-slider\\_\\_track]:(!bg-[linear-gradient(_to_right,_#f00_0%,_#ff0_17%,_#0f0_33%,_#0ff_50%,_#00f_67%,_#f0f_83%,_#f00_100%_)] opacity-100)`
+    ],
+    [
+        /^q-color-picker__alpha$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker__alpha'] ??
+            `[&_.q-slider\\_\\_track-container]:(pt-0) [&_.q-slider\\_\\_track:before]:(content-[''] absolute top-[0] right-[0] bottom-[0] left-[0] [border-radius:inherit] bg-[linear-gradient(90deg,_rgba(255,_255,_255,_0),_#757575)])`
+    ],
+    [
+        /^q-color-picker__sliders$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker__sliders'] ??
+            `px-[16px] py-[0] [&_.q-slider\\_\\_thumb]:(text-[#424242]) [&_.q-slider\\_\\_thumb_path]:(stroke-[2px] fill-[transparent]) [&_.q-slider--active_path]:(stroke-[3px])`
+    ],
+    [
+        /^q-color-picker__tune-tab$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker__tune-tab'] ??
+            `[&_.q-slider]:(ml-[18px] mr-[18px]) [&_input]:(text-[11px] border-[1px] border-solid border-[#e0e0e0] rounded-[4px] w-[3.5em])`
+    ],
+    [
+        /^q-color-picker__palette-tab$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker__palette-tab'] ?? `!p-0`
+    ],
+    [
+        /^q-color-picker__palette-rows--editable$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker__palette-rows--editable'] ??
+            `[&_.q-color-picker\\_\\_cube]:(cursor-pointer)`
+    ],
+    [
+        /^q-color-picker__cube$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker__cube'] ?? `pb-[10%] !w-[10%]`
+    ],
+    [
+        /^q-color-picker--dark$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-color-picker--dark'] ??
+            `[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-color-picker\\_\\_tune-tab_input]:(border-[1px] border-solid border-[rgba(255,255,255,0.3)]) [&_.q-slider\\_\\_thumb]:(text-[#fafafa])`
+    ]
+];
+export { shortcuts };

package/dist/plugins/quasar/unocss/styles/md3/components/QDate.unocss.js

@@ -0,0 +1,151 @@
+const shortcuts = [
+    [
+        /^q-date$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date'] ??
+            `inline-flex [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] w-[290px] min-w-[290px] max-w-full`
+    ],
+    [
+        /^q-date--bordered$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date--bordered'] ??
+            `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
+    ],
+    [
+        /^q-date__header$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date__header'] ??
+            `[border-top-left-radius:inherit] text-[#fff] p-[16px] bg-primary`
+    ],
+    [/^q-date__actions$/, ([, c], { theme }) => `pt-[0] px-[16px] pb-[16px]`],
+    [
+        /^q-date__content$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date__content'] ??
+            `outline-0 [&_.q-btn]:(font-normal)`
+    ],
+    [/^q-date__main$/, ([, c], { theme }) => `outline-0`],
+    [
+        /^q-date__header-link$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date__header-link'] ??
+            `opacity-[0.64] outline-0 [transition:opacity_0.3s_ease-out] [&:hover]:(opacity-100) [&:focus]:(opacity-100)`
+    ],
+    [/^q-date__header-link--active$/, ([, c], { theme }) => `opacity-100`],
+    [
+        /^q-date__header-subtitle$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date__header-subtitle'] ??
+            `text-[14px] leading-[1.75] tracking-[0.00938em]`
+    ],
+    [
+        /^q-date__header-title-label$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date__header-title-label'] ??
+            `text-[24px] leading-[1.2] tracking-[0.00735em]`
+    ],
+    [
+        /^q-date__view$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date__view'] ?? `min-h-[290px] p-[16px]`
+        // h-full w-full
+    ],
+    [
+        /^q-date__navigation$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date__navigation'] ??
+            `h-[12.5%] [&_>_div:first-child]:(w-[8%] min-w-[24px] justify-end) [&_>_div:last-child]:(w-[8%] min-w-[24px] justify-start)`
+    ],
+    [
+        /^q-date__calendar-weekdays$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date__calendar-weekdays'] ??
+            `h-[12.5%] [&_>_div]:(opacity-[0.38] text-[12px])`
+    ],
+    [
+        /^q-date__calendar-item$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date__calendar-item'] ??
+            `inline-flex items-center justify-center align-middle !w-[14.285%] !h-[12.5%] relative p-px [&:after]:(content-empty absolute pointer-events-none top-px right-0 bottom-px left-0 border-dashed border-transparent border) [&_>_div]:(w-[30px] h-[30px] rounded-[50%]) [&_button]:(w-[30px] h-[30px] rounded-[50%]) [&_>_div]:(leading-[30px] text-center) [&_>_button]:(leading-[22px])`
+    ],
+    [/^q-date__calendar-item--out$/, ([, c], { theme }) => `opacity-[0.18]`],
+    [/^q-date__calendar-item--fill$/, ([, c], { theme }) => `invisible`],
+    [
+        /^q-date__range$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date__range'] ??
+            `[&:before]:(content-empty bg-current absolute top-px bottom-px left-0 right-0 opacity-30) [&:nth-child(7n-6):before]:(rounded-tl-none rounded-bl-none) [&:nth-child(7n):before]:(rounded-tr-none rounded-br-none)`
+    ],
+    [
+        /^q-date__range-from$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date__range-from'] ??
+            `[&:before]:(content-empty bg-current absolute top-px bottom-px left-0 right-0 opacity-30) [&:nth-child(7n-6):before]:(rounded-tl-none rounded-bl-none) [&:nth-child(7n):before]:(rounded-tr-none rounded-br-none) [&:before]:(left-2/4)`
+    ],
+    [
+        /^q-date__range-to$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date__range-to'] ??
+            `[&:before]:(content-empty bg-current absolute top-px bottom-px left-0 right-0 opacity-30) [&:nth-child(7n-6):before]:(rounded-tl-none rounded-bl-none) [&:nth-child(7n):before]:(rounded-tr-none rounded-br-none) [&:before]:(right-2/4)`
+    ],
+    [
+        /^q-date__edit-range$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date__edit-range'] ??
+            `[&:after]:(border-[currentColor_transparent]) [&:nth-child(7n-6):after]:(rounded-tl-none rounded-bl-none) [&:nth-child(7n):after]:(rounded-tr-none rounded-br-none)`
+    ],
+    [
+        /^q-date__edit-range-from$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date__edit-range-from'] ??
+            `[&:after]:(left-[4px] [border-left-color:currentColor] [border-top-color:currentColor] [border-bottom-color:currentColor] rounded-tl-[28px] rounded-bl-[28px])`
+    ],
+    [
+        /^q-date__edit-range-from-to$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date__edit-range-from-to'] ??
+            `[&:after]:(left-[4px] [border-left-color:currentColor] [border-top-color:currentColor] [border-bottom-color:currentColor] rounded-tl-[28px] rounded-bl-[28px]) [&:after]:(right-[4px] [border-right-color:currentColor] [border-top-color:currentColor] [border-bottom-color:currentColor] rounded-tr-[28px] rounded-br-[28px])`
+    ],
+    [
+        /^q-date__edit-range-to$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date__edit-range-to'] ??
+            `[&:after]:(right-[4px] [border-right-color:currentColor] [border-top-color:currentColor] [border-bottom-color:currentColor] rounded-tr-[28px] rounded-br-[28px])`
+    ],
+    [
+        /^q-date__calendar-days-container$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date__calendar-days-container'] ??
+            `h-3/4 min-h-[192px]`
+    ],
+    [/^q-date__calendar-days$/, ([, c], { theme }) => `[&_>_div]:(!h-1/6)`],
+    [
+        /^q-date__event$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date__event'] ??
+            `absolute bottom-[2px] left-2/4 h-[5px] w-[8px] rounded-[5px] [transform:translate3d(-50%,_0,_0)] bg-primary`
+    ],
+    [
+        /^q-date__today$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date__today'] ??
+            `[box-shadow:0_0_1px_0_currentColor]`
+    ],
+    [/^q-date__years-content$/, ([, c], { theme }) => `px-[8px] py-[0]`],
+    [/^q-date__years-item$/, ([, c], { theme }) => `flex-[0_0_33.3333%]`],
+    [/^q-date__months-item$/, ([, c], { theme }) => `flex-[0_0_33.3333%]`],
+    [
+        /^q-date--readonly$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date--readonly'] ??
+            `[&_.q-date\\_\\_header]:(pointer-events-none) [&_.q-date\\_\\_content]:(pointer-events-none) [&_.q-date\\_\\_navigation]:(hidden)`
+    ],
+    [/^q-date--portrait$/, ([, c], { theme }) => `flex-col`],
+    [
+        /^q-date--portrait-standard$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date--portrait-standard'] ??
+            `[&_.q-date\\_\\_content]:(h-[calc(100%-86px)]) [&_.q-date\\_\\_header]:([border-top-right-radius:inherit] h-[86px]) [&_.q-date\\_\\_header-title]:(items-center h-[30px])`
+    ],
+    [
+        /^q-date--portrait-minimal$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date--portrait-minimal'] ??
+            `[&_.q-date\\_\\_content]:(h-full)`
+    ],
+    [
+        /^q-date--landscape$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date--landscape'] ??
+            `flex-row items-stretch min-w-[420px]
+      [&_>_div]:(flex flex-auto flex-col)
+      [&_.q-date\\_\\_content]:(h-full)`
+    ],
+    [
+        /^q-date--landscape-standard$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date--landscape-standard'] ??
+            `min-w-[420px] [&_.q-date\\_\\_header]:([border-bottom-left-radius:inherit] min-w-[110px] w-[110px]) [&_.q-date\\_\\_header-title]:(flex-col) [&_.q-date\\_\\_header-today]:(mt-[12px] -ml-[8px])`
+    ],
+    [/^q-date--landscape-minimal$/, ([, c], { theme }) => `w-[310px]`],
+    [
+        /^q-date--dark$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-date--dark'] ??
+            `[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)] border-[rgba(255,_255,_255,_0.28)]`
+    ]
+];
+export { shortcuts };

package/dist/plugins/quasar/unocss/styles/md3/components/QDialog.unocss.js

@@ -0,0 +1,122 @@
+const preflights = [
+    {
+        getCSS: ({ theme }) => `
+body.platform-ios .q-dialog__inner--minimized > div, body.platform-android:not(.native-mobile) .q-dialog__inner--minimized > div {
+  max-height: calc(100vh - 108px);
+}
+
+body.q-ios-padding .q-dialog__inner {
+  padding-top: 20px !important;
+  padding-top: env(safe-area-inset-top) !important;
+  padding-bottom: env(safe-area-inset-bottom) !important;
+}
+body.q-ios-padding .q-dialog__inner > div {
+  max-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
+}
+
+@media (max-width: 599.98px) {
+  .q-dialog__inner--top, .q-dialog__inner--bottom {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .q-dialog__inner--top > div, .q-dialog__inner--bottom > div {
+    width: 100% !important;
+  }
+}
+@media (min-width: 600px) {
+  .q-dialog__inner--minimized > div {
+    max-width: 560px;
+  }
+}
+`
+    }
+];
+const shortcuts = [
+    [/^q-dialog$/, ([, c], { theme }) => ``],
+    [
+        /^q-dialog__title$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-dialog__title'] ??
+            `text-1.25rem font-500 lh-1.6 tracking-0.0125em`
+    ],
+    [/^q-dialog__progress$/, ([, c], { theme }) => `text-4rem`],
+    [
+        /^q-dialog__inner$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-dialog__inner'] ??
+            `outline-0
+      [&>div]:(pointer-events-all overflow-auto border-rd-4px)
+      [&>.q-card>.q-card\\_\\_actions_.q-btn--rectangle]:(min-w-64px)
+    `
+    ],
+    [
+        /^q-dialog__inner--square$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-dialog__inner--square'] ??
+            `[&>div]:(border-rd-0!)
+    `
+    ],
+    [
+        /^q-dialog__inner--minimized$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-dialog__inner--minimized'] ??
+            `p-24px
+    [&>div]:(max-h-[calc(100vh-48px)])
+    `
+    ],
+    [
+        /^q-dialog__inner--maximized$/,
+        ([, c], { theme }) => `[&>div]:(h-full w-full max-h-100vh max-w-100vw border-rd-0! top-0! left-0!)
+    `
+    ],
+    [
+        /^q-dialog__inner--top$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-dialog__inner--top'] ??
+            `pt-0! pb-0!
+    [&:not(.q-dialog\\_\\_inner--animating)>div]:(rounded-tl-none rounded-tr-none)
+    
+`
+    ],
+    [
+        /^q-dialog__inner--bottom$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-dialog__inner--bottom'] ??
+            `pt-0! pb-0!
+    [&:not(.q-dialog\\_\\_inner--animating)>div]:(rounded-bl-none rounded-br-none)
+    `
+    ],
+    [
+        /^q-dialog__inner--left$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-dialog__inner--left'] ??
+            `pt-0! pb-0!
+    [&:not(.q-dialog\\_\\_inner--animating)>div]:(rounded-tl-none rounded-bl-none)
+    `
+    ],
+    [
+        /^q-dialog__inner--right$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-dialog__inner--right'] ??
+            `pt-0! pb-0!
+    [&:not(.q-dialog\\_\\_inner--animating)>div]:(rounded-tr-none rounded-br-none)
+    `
+    ],
+    [
+        /^q-dialog__inner--fullwidth$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-dialog__inner--fullwidth'] ??
+            `[&>div]:(w-full! max-w-full!)
+    `
+    ],
+    [
+        /^q-dialog__inner--fullheight$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-dialog__inner--fullheight'] ??
+            `[&>div]:(h-full! max-h-full!)
+    `
+    ],
+    [
+        /^q-dialog__backdrop$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-dialog__backdrop'] ??
+            `-z-1 pointer-events-all outline-0 bg-black bg-op-40
+    `
+    ],
+    [
+        /^q-body--dialog$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-body--dialog'] ??
+            `overflow-hidden
+    `
+    ]
+];
+export { preflights, shortcuts };

package/dist/plugins/quasar/unocss/styles/md3/components/QDrawer.unocss.js

@@ -0,0 +1,58 @@
+const shortcuts = [
+    [
+        /^q-drawer$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-drawer'] ??
+            `absolute top-[0] bottom-[0] bg-[#fff] z-${theme.quasar.z['side']}`
+    ],
+    [
+        /^q-drawer--on-top$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-drawer--on-top'] ??
+            `z-${theme.quasar.z['top']}`
+    ],
+    [
+        /^q-drawer--left$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-drawer--left'] ??
+            `left-[0] -translate-x-full [&.q-drawer--bordered]:([border-right:1px_solid_rgba(0,_0,_0,_0.12)]) [&_.q-layout\\_\\_shadow]:(left-[10px] -right-[10px]) [&_.q-layout\\_\\_shadow:after]:(right-[10px])`
+    ],
+    [
+        /^q-drawer--right$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-drawer--right'] ??
+            `right-[0] translate-x-full [&.q-drawer--bordered]:([border-left:1px_solid_rgba(0,_0,_0,_0.12)]) [&_.q-layout\\_\\_shadow]:(-left-[10px]) [&_.q-layout\\_\\_shadow:after]:(left-[10px])`
+    ],
+    [
+        /^q-drawer-container$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-drawer-container'] ??
+            `[&:not(.q-drawer--mini-animate)_.q-drawer--mini]:(!p-0) [&:not(.q-drawer--mini-animate)_.q-drawer--mini_.q-item]:(text-center justify-center pl-0 pr-0 min-w-[0]) [&:not(.q-drawer--mini-animate)__.q-drawer--mini__.q-item\\_\\_section]:(text-center justify-center pl-0 pr-0 min-w-[0]) [&:not(.q-drawer--mini-animate)_.q-drawer--mini_.q-item\\_\\_label]:(hidden) [&:not(.q-drawer--mini-animate)__.q-drawer--mini__.q-item\\_\\_section--main]:(hidden) [&:not(.q-drawer--mini-animate)__.q-drawer--mini__.q-item\\_\\_section--side__~_.q-item\\_\\_section--side]:(hidden)`
+    ],
+    [
+        /^q-drawer--mini$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-drawer--mini'] ??
+            `[&_.q-mini-drawer-hide]:(hidden) [&_.q-expansion-item\\_\\_content]:(hidden)`
+    ],
+    [
+        /^q-drawer--mini-animate$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-drawer--mini-animate'] ??
+            `[&_.q-drawer\\_\\_content]:(!overflow-x-hidden whitespace-nowrap)`
+    ],
+    [
+        /^q-drawer--standard$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-drawer--standard'] ??
+            `[&_.q-mini-drawer-only]:(hidden)`
+    ],
+    [
+        /^q-drawer--mobile$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-drawer--mobile'] ??
+            `[&_.q-mini-drawer-only]:(hidden) [&_.q-mini-drawer-hide]:(hidden)`
+    ],
+    [
+        /^q-drawer__backdrop$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-drawer__backdrop'] ??
+            `z-${theme.quasar.z['top'] - 1}`
+    ],
+    [
+        /^q-drawer__opener$/,
+        ([, c], { theme }) => theme.quasar?.components?.['q-drawer__opener'] ??
+            `h-full w-[15px] select-none z-${theme.quasar.z['marginals'] + 1}`
+    ]
+];
+export { shortcuts };