vitrify 0.16.3 → 0.17.0

package/dist/frameworks/vue/prerender.js

@@ -1,4 +1,4 @@
-import { promises as fs } from 'fs';
+import { existsSync, promises as fs, mkdirSync } from 'fs';
 import { routesToPaths } from '../../helpers/routes.js';
 import { appendToHead, addOrReplaceAppDiv } from '../../helpers/utils.js';
 export const prerender = async ({ outDir, templatePath, manifestPath, entryServerPath, onRendered }) => {
@@ -8,14 +8,18 @@ export const prerender = async ({ outDir, templatePath, manifestPath, entryServe
     const { render, getRoutes } = await import(entryServerPath);
     const routes = await getRoutes();
     const paths = routesToPaths(routes).filter((i) => !i.includes(':') && !i.includes('*'));
-    const critters = new (await import('critters')).default({
+    const beasties = new (await import('beasties')).default({
         path: outDir,
-        logLevel: 'warn',
+        logLevel: 'info',
         external: true,
         inlineFonts: true,
         preloadFonts: true
     });
     for (const url of paths) {
+        const directoryUrl = new URL(url.split('/').slice(0, -1).join('/'), `file://${outDir}`);
+        if (!existsSync(directoryUrl.pathname)) {
+            mkdirSync(directoryUrl.pathname, { recursive: true });
+        }
         const filename = (url.endsWith('/') ? 'index' : url.replace(/^\//g, '')) + '.html';
         console.log(`Generating ${filename}`);
         const ssrContext = {
@@ -30,7 +34,7 @@ export const prerender = async ({ outDir, templatePath, manifestPath, entryServe
                 html = ssrFunction(html, ssrContext);
             }
         }
-        html = await critters.process(html);
+        html = await beasties.process(html);
         promises.push(fs.writeFile(outDir + filename, html, 'utf-8'));
     }
     return Promise.all(promises);

package/dist/index.js

@@ -13,6 +13,8 @@ import { resolve } from './app-urls.js';
 import { addOrReplaceTitle, appendToBody } from './helpers/utils.js';
 import Components from 'unplugin-vue-components/vite';
 import { VitePWA } from 'vite-plugin-pwa';
+import UnoCSS from 'unocss/vite';
+import QuasarPreset from './plugins/quasar/unocss/index.js';
 const internalServerModules = [
     'util',
     'vitrify',
@@ -184,7 +186,12 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
         console.log('No valid vitrify.config.(ts|js) file found.');
         throw e;
     }
-    const localPackages = ['vue', 'vue-router', '@vue/server-renderer'];
+    const localPackages = [
+        'vue',
+        'vue-router',
+        '@vue/server-renderer',
+        '@unocss/reset'
+    ];
     // const localPackages: string[] = []
     const cliPackages = [];
     const packageUrls = vitrifyConfig.vitrify?.urls?.packages || {};
@@ -245,6 +252,16 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
             ...serverModules,
             ...vitrifyConfig.vitrify.ssr.serverModules
         ];
+    const unoCssContentPipelineInclude = [
+        /\.(vue|svelte|[jt]sx|mdx?|astro|elm|php|phtml|html)($|\?)/
+    ];
+    if (vitrifyConfig.vitrify?.unocss?.presets?.some(async (preset) => {
+        if (!Array.isArray(preset)) {
+            return (await preset).name === 'quasar';
+        }
+    })) {
+        unoCssContentPipelineInclude.push(/quasar\/src\/.*\.js/);
+    }
     const plugins = [
         {
             name: 'vitrify-transforms',
@@ -368,6 +385,10 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
                 /[\\/]\.nuxt[\\/]/
             ],
             resolvers
+        }),
+        UnoCSS({
+            ...vitrifyConfig.vitrify?.unocss,
+            content: unoCssContentPipelineInclude
         })
     ];
     if (isPwa) {
@@ -469,6 +490,10 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
             find: new RegExp('^vue-router$'),
             replacement: fileURLToPath(new URL('./dist/vue-router.esm-bundler.js', packageUrls['vue-router']))
         },
+        {
+            find: new RegExp('@unocss/reset'),
+            replacement: fileURLToPath(new URL('./', packageUrls['@unocss/reset']))
+        },
         ...vuePkgAliases
     ];
     if (mode === 'development' && vitrifyConfig.vitrify?.dev?.alias)
@@ -580,3 +605,4 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
 };
 export const vitrifyDir = new URL('..', import.meta.url);
 export { prerender } from './frameworks/vue/prerender.js';
+export { QuasarPreset };

package/dist/plugins/quasar/unocss/components/QAjaxBar.unocss.js

@@ -0,0 +1,20 @@
+const shortcuts = [
+    [
+        /^q-loading-bar$/,
+        ([, c], { theme }) => `fixed z-9998 transition-transform bg-red`
+    ],
+    [/^q-loading-bar--top$/, ([, c], { theme }) => `left-0 right-0 top-0 w-full`],
+    [
+        /^q-loading-bar--bottom$/,
+        ([, c], { theme }) => `left-0 right-0 bottom-0 w-full`
+    ],
+    [
+        /^q-loading-bar--right$/,
+        ([, c], { theme }) => `top-0 bottom-0 right-0 h-full`
+    ],
+    [
+        /^q-loading-bar--left$/,
+        ([, c], { theme }) => `top-0 bottom-0 left-0 h-full`
+    ]
+];
+export { shortcuts };

package/dist/plugins/quasar/unocss/components/QAvatar.unocss.js

@@ -0,0 +1,12 @@
+const shortcuts = [
+    [
+        /^q-avatar$/,
+        ([, c], { theme }) => `relative align-middle inline-block rounded-[50%] text-[48px] h-[1em] w-[1em] [&_img:not(.q-icon):not(.q-img\\_\\_image)]:([border-radius:inherit] [height:inherit] [width:inherit])`
+    ],
+    [
+        /^q-avatar__content$/,
+        ([, c], { theme }) => `text-[0.5em] leading-[0.5em] [border-radius:inherit] [height:inherit] [width:inherit]`
+    ],
+    [/^q-avatar--square$/, ([, c], { theme }) => `rounded-none`]
+];
+export { shortcuts };

package/dist/plugins/quasar/unocss/components/QBadge.unocss.js

@@ -0,0 +1,22 @@
+const shortcuts = [
+    [
+        /^q-badge$/,
+        ([, c], { theme }) => `text-[#fff] bg-primary px-[6px] py-[2px] rounded-[4px] text-[12px] leading-none min-h-[12px] font-normal align-baseline`
+    ],
+    [/^q-badge--single-line$/, ([, c], { theme }) => `whitespace-nowrap`],
+    [
+        /^q-badge--multi-line$/,
+        ([, c], { theme }) => `break-all [word-wrap:break-word]`
+    ],
+    [
+        /^q-badge--floating$/,
+        ([, c], { theme }) => `absolute -top-[4px] -right-[3px] [cursor:inherit]`
+    ],
+    [/^q-badge--transparent$/, ([, c], { theme }) => `opacity-80`],
+    [
+        /^q-badge--outline$/,
+        ([, c], { theme }) => `bg-transparent border-[1px] border-solid border-[currentColor]`
+    ],
+    [/^q-badge--rounded$/, ([, c], { theme }) => `rounded-[1em]`]
+];
+export { shortcuts };

package/dist/plugins/quasar/unocss/components/QBanner.unocss.js

@@ -0,0 +1,24 @@
+const shortcuts = [
+    [/^q-banner$/, ([, c], { theme }) => `min-h-54px px-16px py-8px bg-white`],
+    [/^q-banner--top-padding$/, ([, c], { theme }) => ``],
+    [/^q-banner--top-padding$/, ([, c], { theme }) => `pt-14px`],
+    [
+        /^q-banner__avatar$/,
+        ([, c], { theme }) => `min-w-1px! [&.q-avatar]:(text-46px) 
+    [&.q-icon]:(text-40px) 
+    [&:not(:empty)+.q-banner\\_\\_content]:(pl-16px)`
+    ],
+    [
+        /^q-banner__actions$/,
+        ([, c], { theme }) => `[&.col-auto]:(pl-16px)
+        [&.col-all_.q.btn-item]:(mt-4px mb-0 ml-4px mr-0)`
+    ],
+    [
+        /^q-banner--dense$/,
+        ([, c], { theme }) => `min-h-32px p-8px
+          [&_.q-banner\\_\\_avatar>.q-avatar,.q-banner--dense_.q-banner\\_\\_avatar>.q-icon]:(text-28px)
+      [&_.q-banner\\_\\_avatar:not(:empty)+.q-banner\\_\\_content]:(pl-8px)
+      [&_.q-banner\\_\\_actions.col-auto]:(pl-8px)`
+    ]
+];
+export { shortcuts };

package/dist/plugins/quasar/unocss/components/QBar.unocss.js

@@ -0,0 +1,26 @@
+const shortcuts = [
+    [
+        /^q-bar$/,
+        ([, c], { theme }) => `bg-black op-20
+    [&>.q-icon]:(ml-2px)
+    [&>div]:(ml-8px)
+    [&>div+.q-icon]:(ml-8px)
+    [&>.q-btn]:(ml-2px)
+    [&>.q-icon:first-child]:(ml-0)
+    [&>.q-btn:first-child]:(ml-0)
+    [&>div:first-child]:(ml-0)`
+    ],
+    [
+        /^q-bar--standard$/,
+        ([, c], { theme }) => `px-12px py-0 h-32px text-18px
+    [&>div]:(text-16px)
+    [&_.q-btn]:(text-11px)`
+    ],
+    [
+        /^q-bar--dense$/,
+        ([, c], { theme }) => `px-8px py-0 h-24px text-14px
+    [&_.q-btn]:(text-8px)`
+    ],
+    [/^q-bar--dark$/, ([, c], { theme }) => `bg-white op-15`]
+];
+export { shortcuts };

package/dist/plugins/quasar/unocss/components/QBreadcrumbs.unocss.js

@@ -0,0 +1,13 @@
+const preflights = [
+    {
+        getCSS: ({ theme }) => `[dir=rtl] .q-breadcrumbs__separator .q-icon {
+  transform: scaleX(-1) /* rtl:ignore */;
+};`
+    }
+];
+const shortcuts = [
+    [/^q-breadcrumbs__el$/, ([, c], { theme }) => `text-inherit`],
+    [/^q-breadcrumbs__el-icon$/, ([, c], { theme }) => `text-125%`],
+    [/^q-breadcrumbs__el-icon--with-label$/, ([, c], { theme }) => `mr-8px`]
+];
+export { preflights, shortcuts };

package/dist/plugins/quasar/unocss/components/QBtn.unocss.js

@@ -0,0 +1,62 @@
+const shortcuts = [
+    [
+        /^q-btn$/,
+        ([, c], { theme }) => `items-stretch relative outline-0 border-0 align-middle text-[14px] leading-[1.715em] no-underline [color:inherit] bg-transparent font-medium uppercase text-center w-auto h-auto cursor-default px-[16px] py-[4px] min-h-[2.572em] [&_.q-icon]:(text-[1.715em]) [&_.q-spinner]:(text-[1.715em]) [&.disabled]:(!opacity-70) [&:before]:(content-empty block absolute left-[0] right-[0] top-[0] bottom-[0] [border-radius:inherit] [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)])`
+        // inline-flex flex-col
+    ],
+    [
+        /^q-btn--actionable$/,
+        ([, c], { theme }) => `cursor-pointer [&.q-btn--standard:before]:([transition:box-shadow_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)]) [&.q-btn--standard:active:before]:([box-shadow:0_3px_5px_-1px_rgba(0,_0,_0,_0.2),_0_5px_8px_rgba(0,_0,_0,_0.14),_0_1px_14px_rgba(0,_0,_0,_0.12)]) [&.q-btn--standard.q-btn--active:before]:([box-shadow:0_3px_5px_-1px_rgba(0,_0,_0,_0.2),_0_5px_8px_rgba(0,_0,_0,_0.14),_0_1px_14px_rgba(0,_0,_0,_0.12)])`
+    ],
+    [/^q-btn--no-uppercase$/, ([, c], { theme }) => `normal-case`],
+    [/^q-btn--rectangle$/, ([, c], { theme }) => `rounded-[3px]`],
+    [
+        /^q-btn--outline$/,
+        ([, c], { theme }) => `!bg-transparent [&:before]:(border-[1px] border-solid border-[currentColor]) [&:before]:([box-shadow:none]) [&_.q-btn\\_\\_progress-indicator]:(opacity-20 bg-current)`
+    ],
+    [
+        /^q-btn--push$/,
+        ([, c], { theme }) => `rounded-[7px] [&:before]:([border-bottom:3px_solid_rgba(0,_0,_0,_0.15)]) [&.q-btn--actionable]:([transition:transform_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)]) [&.q-btn--actionable:before]:([transition:border-width_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)]) [&.q-btn--actionable:active]:(translate-y-[2px]) [&.q-btn--actionable.q-btn--active]:(translate-y-[2px]) [&.q-btn--actionable:active:before]:(border-b-[0]) [&.q-btn--actionable.q-btn--active:before]:(border-b-[0])`
+    ],
+    [/^q-btn--rounded$/, ([, c], { theme }) => `rounded-[28px]`],
+    [
+        /^q-btn--round$/,
+        ([, c], { theme }) => `rounded-[50%] p-0 min-w-[3em] min-h-[3em]`
+    ],
+    [/^q-btn--square$/, ([, c], { theme }) => `rounded-none`],
+    [
+        /^q-btn--flat$/,
+        ([, c], { theme }) => `[&:before]:([box-shadow:none]) [&_.q-btn\\_\\_progress-indicator]:(opacity-20 bg-current)`
+    ],
+    [
+        /^q-btn--unelevated$/,
+        ([, c], { theme }) => `[&:before]:([box-shadow:none])`
+    ],
+    [
+        /^q-btn--dense$/,
+        ([, c], { theme }) => `p-[0.285em] min-h-[2em] [&.q-btn--round]:(p-0 min-h-[2.4em] min-w-[2.4em]) [&_.on-left]:(mr-[6px]) [&_.on-right]:(ml-[6px])`
+    ],
+    [
+        /^q-btn--fab$/,
+        ([, c], { theme }) => `[&_.q-icon]:(text-[24px]) p-[16px] min-h-[56px] min-w-[56px] [&_.q-icon]:(m-auto)`
+    ],
+    [
+        /^q-btn--fab-mini$/,
+        ([, c], { theme }) => `[&_.q-icon]:(text-[24px]) p-[8px] min-h-[40px] min-w-[40px]`
+    ],
+    [/^q-btn__content$/, ([, c], { theme }) => `[transition:opacity_0.3s] z-0`],
+    [
+        /^q-btn__content--hidden$/,
+        ([, c], { theme }) => `opacity-0 pointer-events-none`
+    ],
+    [/^q-btn__progress$/, ([, c], { theme }) => `[border-radius:inherit] z-0`],
+    [
+        /^q-btn__progress-indicator$/,
+        ([, c], { theme }) => `-translate-x-full bg-[rgba(255,_255,_255,_0.25)]`
+    ],
+    [
+        /^q-btn__progress--dark$/,
+        ([, c], { theme }) => `[&_.q-btn\\_\\_progress-indicator]:(bg-[rgba(0,_0,_0,_0.2)])`
+    ]
+];
+export { shortcuts };

package/dist/plugins/quasar/unocss/components/QBtnDropdown.unocss.js

@@ -0,0 +1,19 @@
+const shortcuts = [
+    [
+        /^q-btn-dropdown--split$/,
+        ([, c], { theme }) => `[&_.q-btn-dropdown\\_\\_arrow-container]:(px-4px py-0)
+    [&_.q-btn-dropdown\\_\\_arrow-container.q-btn--outline]:(border-l-1px border-l-solid border-l-current)
+    [&_.q-btn-dropdown\\_\\_arrow-container:not(.q-btn--outline)]:(border-l-1px border-l-solid border-l-white)
+    `
+    ],
+    [
+        /^q-btn-dropdown--simple$/,
+        ([, c], { theme }) => `[&+.q-btn-dropdown\\_\\_arrow]:(ml-8px)`
+    ],
+    [
+        /^q-btn-dropdown__arrow$/,
+        ([, c], { theme }) => `transition-property-transform transition-duration-280`
+    ],
+    [/^q-btn-dropdown--current$/, ([, c], { theme }) => `grow-1`]
+];
+export { shortcuts };

package/dist/plugins/quasar/unocss/components/QBtnGroup.unocss.js

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

package/dist/plugins/quasar/unocss/components/QBtnToggle.unocss.js

@@ -0,0 +1,4 @@
+const shortcuts = [
+    [/^q-btn-toggle$/, ([, c], { theme }) => `relative`]
+];
+export { shortcuts };

package/dist/plugins/quasar/unocss/components/QCard.unocss.js

@@ -0,0 +1,57 @@
+const shortcuts = [
+    [
+        /^q-card$/,
+        ([, c], { theme }) => `shadow-black border-rd-4px v-top bg-white relative
+      [&>div:not(.q--avoid-card-border)]:(border-t-0 border-t-0 border-b-0 border-b-0)
+      [&>img:not(.q--avoid-card-border)]:(border-t-0 border-t-0 border-b-0 border-b-0)
+      [&>div:nth-child(1_of_:not(.q--avoid-card-border))]:(border-t-0 border-t-inherit border-t-inherit)
+      [&>img:nth-child(1_of_:not(.q--avoid-card-border))]:(border-t-0 border-t-inherit border-t-inherit)
+      [&>div:nth-last-child(1_of_:not(.q--avoid-card-border))]:(border-b-0 border-b-inherit border-b-inherit)
+      [&>img:nth-last-child(1_of_:not(.q--avoid-card-border))]:(border-b-0 border-b-inherit border-b-inherit)
+      [&>div:not(.q--avoid-card-border)]:(border-l-0 border-r-0 shadow-none)
+      [&>img]:(block w-full max-w-full border-none)
+    `
+    ],
+    [
+        /^q-card--bordered$/,
+        ([, c], { theme }) => `border-solid border-black border-op-120`
+    ],
+    [
+        /^q-card--dark$/,
+        ([, c], { theme }) => `border-white border-op-280 shadow-black`
+    ],
+    [/^q-card__section$/, ([, c], { theme }) => `relative`],
+    [/^q-card__section--vert$/, ([, c], { theme }) => `p-16px`],
+    [
+        /^q-card__section--horiz$/,
+        ([, c], { theme }) => `[&>div:not(.q--avoid-card-border)]:(border-t-0 border-b-0 border-t-0 border-b-0)
+    [&>img:not(.q--avoid-card-border)]:(border-t-0 border-b-0 border-t-0 border-b-0)
+    [&>div:nth-child(1_of_:not(.q--avoid-card-border))]:(border-t-inherit border-b-inherit)
+    [&>img:nth-child(1_of_:not(.q--avoid-card-border))]:(border-t-inherit border-b-inherit)
+    [&>div:nth-last-child(1_of_:not(.q--avoid-card-border))]:(border-t-inherit border-b-inherit)
+    [&>img:nth-last-child(1_of_:not(.q--avoid-card-border))]:(border-t-inherit border-b-inherit)
+    [&>div:not(.q--avoid-card-border)]:(border-t-0 border-b-0 shadow-none)
+    `
+    ],
+    [
+        /^q--card__actions$/,
+        ([, c], { theme }) => `p-8px items-center
+    [&_.q-btn--rectangle]:(px-8px py-0)`
+    ],
+    [
+        /^q--card__actions--horiz$/,
+        ([, c], { theme }) => `[&>.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 }) => `[&>.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/dist/plugins/quasar/unocss/components/QCarousel.unocss.js

@@ -0,0 +1,82 @@
+const shortcuts = [
+    [
+        /^q-carousel$/,
+        ([, c], { theme }) => `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 }) => `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 }) => `pointer-events-none [&_.q-icon]:(text-[28px]) [&_.q-btn]:()`
+    ],
+    [
+        /^q-carousel__prev-arrow--horizontal$/,
+        ([, c], { theme }) => `top-[16px] bottom-[16px] left-[16px]`
+    ],
+    [
+        /^q-carousel__next-arrow--horizontal$/,
+        ([, c], { theme }) => `top-[16px] bottom-[16px] right-[16px]`
+    ],
+    [
+        /^q-carousel__prev-arrow--vertical$/,
+        ([, c], { theme }) => `left-[16px] right-[16px] top-[16px]`
+    ],
+    [
+        /^q-carousel__next-arrow--vertical$/,
+        ([, c], { theme }) => `left-[16px] right-[16px] bottom-[16px]`
+    ],
+    [
+        /^q-carousel__navigation--top$/,
+        ([, c], { theme }) => `left-[16px] right-[16px] overflow-x-auto overflow-y-hidden top-[16px]`
+    ],
+    [
+        /^q-carousel__navigation--bottom$/,
+        ([, c], { theme }) => `left-[16px] right-[16px] overflow-x-auto overflow-y-hidden bottom-[16px]`
+    ],
+    [
+        /^q-carousel__navigation--left$/,
+        ([, c], { theme }) => `top-[16px] bottom-[16px] overflow-x-hidden overflow-y-auto [&_>_.q-carousel\\_\\_navigation-inner]:(flex-col) left-[16px]`
+    ],
+    [
+        /^q-carousel__navigation--right$/,
+        ([, c], { theme }) => `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 }) => `[&_.q-btn]:(mx-[4px] my-[6px] p-[5px])`
+    ],
+    [
+        /^q-carousel__navigation-icon--inactive$/,
+        ([, c], { theme }) => `opacity-70`
+    ],
+    [
+        /^q-carousel--navigation-top$/,
+        ([, c], { theme }) => `[&_.q-carousel--padding]:(pt-[60px])`
+    ],
+    [
+        /^q-carousel--arrows-vertical$/,
+        ([, c], { theme }) => `[&_.q-carousel--padding]:(pt-[60px]) [&_.q-carousel--padding]:(pb-[60px])`
+    ],
+    [
+        /^q-carousel--navigation-bottom$/,
+        ([, c], { theme }) => `[&_.q-carousel--padding]:(pb-[60px])`
+    ],
+    [
+        /^q-carousel--navigation-left$/,
+        ([, c], { theme }) => `[&_.q-carousel--padding]:(pl-[60px])`
+    ],
+    [
+        /^q-carousel--arrows-horizontal$/,
+        ([, c], { theme }) => `[&_.q-carousel--padding]:(pl-[60px]) [&_.q-carousel--padding]:(pr-[60px])`
+    ],
+    [
+        /^q-carousel--navigation-right$/,
+        ([, c], { theme }) => `[&_.q-carousel--padding]:(pr-[60px])`
+    ]
+];
+export { shortcuts };

package/dist/plugins/quasar/unocss/components/QChatMessage.unocss.js

@@ -0,0 +1,38 @@
+const shortcuts = [
+    [/^q-message-name$/, ([, c], { theme }) => `text-[small]`],
+    [
+        /^q-message-label$/,
+        ([, c], { theme }) => `mx-[0] my-[24px] text-center text-[small]`
+    ],
+    [
+        /^q-message-stamp$/,
+        ([, c], { theme }) => `[color:inherit] mt-[4px] opacity-60 hidden text-[small]`
+    ],
+    [
+        /^q-message-avatar$/,
+        ([, c], { theme }) => `rounded-[50%] w-[48px] h-[48px] min-w-[48px]`
+    ],
+    [
+        /^q-message$/,
+        ([, c], { theme }) => `mb-[8px] [&:first-child_.q-message-label]:(mt-0)`
+    ],
+    [/^q-message-avatar--received$/, ([, c], { theme }) => `mr-[8px]`],
+    [
+        /^q-message-text--received$/,
+        ([, c], { theme }) => `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 }) => `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 }) => `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/dist/plugins/quasar/unocss/components/QCheckbox.unocss.js

@@ -0,0 +1,65 @@
+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 }) => `align-middle`],
+    [/^q-checkbox__native$/, ([, c], { theme }) => `w-px h-px`],
+    [
+        /^q-checkbox__bg$/,
+        ([, c], { theme }) => `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 }) => `stroke-current stroke-[3.12px]`
+    ],
+    [
+        /^q-checkbox__indet$/,
+        ([, c], { theme }) => `fill-current origin-[50%_50%] -rotate-[280deg] scale-0`
+    ],
+    [
+        /^q-checkbox__inner$/,
+        ([, c], { theme }) => `text-[40px] w-[1em] min-w-[1em] h-[1em] outline-0 rounded-[50%] text-[rgba(0,_0,_0,_0.54)]`
+    ],
+    [
+        /^q-checkbox__inner--truthy$/,
+        ([, c], { theme }) => `text-primary [&_.q-checkbox\\_\\_bg]:(bg-current) [&_path]:([transition:stroke-dashoffset_0.18s_cubic-bezier(0.4,_0,_0.6,_1)_0ms])`
+    ],
+    [
+        /^q-checkbox__inner--indet$/,
+        ([, c], { theme }) => `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 }) => `[&_.q-checkbox\\_\\_inner]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-checkbox\\_\\_inner:before]:(!opacity-[0.32]) [&_.q-checkbox\\_\\_inner--truthy]:(text-primary) [&_.q-checkbox\\_\\_inner--indet]:(text-primary)`
+    ],
+    [
+        /^q-checkbox--dense$/,
+        ([, c], { theme }) => `[&_.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])`
+    ]
+];
+export { preflights, shortcuts };