vitrify 0.16.3 → 0.17.0

package/dist/plugins/quasar/unocss/theme.js

@@ -0,0 +1,439 @@
+const theme = (options) => {
+    const shadowColor = options?.theme?.shadowColor ?? '#000';
+    const shadowTransition = 'box-shadow .28s cubic-bezier(.4, 0, .2, 1)';
+    const insetShadow = `0 7px 9px -7px rgba(${shadowColor}, .7) inset`;
+    const insetShadowDown = `0 -7px 9px -7px rgba(${shadowColor}, .7) inset`;
+    const elevationUmbra = `rgba(${shadowColor}, .2)`;
+    const elevationPenumbra = `rgba(${shadowColor}, .14)`;
+    const elevationAmbient = `rgba(${shadowColor}, .12)`;
+    const darkShadowColor = options?.theme?.darkShadowColor ?? '#fff';
+    const insetDarkShadow = `0 7px 9px -7px rgba(${darkShadowColor}, .7) inset`;
+    const insetDarkShadowDown = `0 -7px 9px -7px rgba(${darkShadowColor}, .7) inset`;
+    const elevationDarkUmbra = `rgba(${darkShadowColor}, .2)`;
+    const elevationDarkPenumbra = `rgba(${darkShadowColor}, .14)`;
+    const elevationDarkAmbient = `rgba(${darkShadowColor}, .12)`;
+    return {
+        colors: {
+            primary: '#1976d2',
+            secondary: '#26A69A',
+            accent: '#9C27B0',
+            positive: '#21BA45',
+            negative: '#C10015',
+            info: '#31CCEC',
+            warning: '#F2C037',
+            'dark-page': '#121212',
+            'q-dark': '#1d1d1d',
+            red: '#f44336',
+            'red-1 ': '#ffebee',
+            'red-2 ': '#ffcdd2',
+            'red-3 ': '#ef9a9a',
+            'red-4 ': '#e57373',
+            'red-5 ': '#ef5350',
+            'red-6 ': '#f44336',
+            'red-7 ': '#e53935',
+            'red-8 ': '#d32f2f',
+            'red-9 ': '#c62828',
+            'red-10 ': '#b71c1c',
+            'red-11 ': '#ff8a80',
+            'red-12 ': '#ff5252',
+            'red-13 ': '#ff1744',
+            'red-14 ': '#d50000',
+            'pink ': '#e91e63',
+            'pink-1 ': '#fce4ec',
+            'pink-2 ': '#f8bbd0',
+            'pink-3 ': '#f48fb1',
+            'pink-4 ': '#f06292',
+            'pink-5 ': '#ec407a',
+            'pink-6 ': '#e91e63',
+            'pink-7 ': '#d81b60',
+            'pink-8 ': '#c2185b',
+            'pink-9 ': '#ad1457',
+            'pink-10 ': '#880e4f',
+            'pink-11 ': '#ff80ab',
+            'pink-12 ': '#ff4081',
+            'pink-13 ': '#f50057',
+            'pink-14 ': '#c51162',
+            'purple ': '#9c27b0',
+            'purple-1 ': '#f3e5f5',
+            'purple-2 ': '#e1bee7',
+            'purple-3 ': '#ce93d8',
+            'purple-4 ': '#ba68c8',
+            'purple-5 ': '#ab47bc',
+            'purple-6 ': '#9c27b0',
+            'purple-7 ': '#8e24aa',
+            'purple-8 ': '#7b1fa2',
+            'purple-9 ': '#6a1b9a',
+            'purple-10 ': '#4a148c',
+            'purple-11 ': '#ea80fc',
+            'purple-12 ': '#e040fb',
+            'purple-13 ': '#d500f9',
+            'purple-14 ': '#aa00ff',
+            'deep-purple ': '#673ab7',
+            'deep-purple-1 ': '#ede7f6',
+            'deep-purple-2 ': '#d1c4e9',
+            'deep-purple-3 ': '#b39ddb',
+            'deep-purple-4 ': '#9575cd',
+            'deep-purple-5 ': '#7e57c2',
+            'deep-purple-6 ': '#673ab7',
+            'deep-purple-7 ': '#5e35b1',
+            'deep-purple-8 ': '#512da8',
+            'deep-purple-9 ': '#4527a0',
+            'deep-purple-10 ': '#311b92',
+            'deep-purple-11 ': '#b388ff',
+            'deep-purple-12 ': '#7c4dff',
+            'deep-purple-13 ': '#651fff',
+            'deep-purple-14 ': '#6200ea',
+            'indigo ': '#3f51b5',
+            'indigo-1 ': '#e8eaf6',
+            'indigo-2 ': '#c5cae9',
+            'indigo-3 ': '#9fa8da',
+            'indigo-4 ': '#7986cb',
+            'indigo-5 ': '#5c6bc0',
+            'indigo-6 ': '#3f51b5',
+            'indigo-7 ': '#3949ab',
+            'indigo-8 ': '#303f9f',
+            'indigo-9 ': '#283593',
+            'indigo-10 ': '#1a237e',
+            'indigo-11 ': '#8c9eff',
+            'indigo-12 ': '#536dfe',
+            'indigo-13 ': '#3d5afe',
+            'indigo-14 ': '#304ffe',
+            'blue ': '#2196f3',
+            'blue-1 ': '#e3f2fd',
+            'blue-2 ': '#bbdefb',
+            'blue-3 ': '#90caf9',
+            'blue-4 ': '#64b5f6',
+            'blue-5 ': '#42a5f5',
+            'blue-6 ': '#2196f3',
+            'blue-7 ': '#1e88e5',
+            'blue-8 ': '#1976d2',
+            'blue-9 ': '#1565c0',
+            'blue-10 ': '#0d47a1',
+            'blue-11 ': '#82b1ff',
+            'blue-12 ': '#448aff',
+            'blue-13 ': '#2979ff',
+            'blue-14 ': '#2962ff',
+            'light-blue ': '#03a9f4',
+            'light-blue-1 ': '#e1f5fe',
+            'light-blue-2 ': '#b3e5fc',
+            'light-blue-3 ': '#81d4fa',
+            'light-blue-4 ': '#4fc3f7',
+            'light-blue-5 ': '#29b6f6',
+            'light-blue-6 ': '#03a9f4',
+            'light-blue-7 ': '#039be5',
+            'light-blue-8 ': '#0288d1',
+            'light-blue-9 ': '#0277bd',
+            'light-blue-10 ': '#01579b',
+            'light-blue-11 ': '#80d8ff',
+            'light-blue-12 ': '#40c4ff',
+            'light-blue-13 ': '#00b0ff',
+            'light-blue-14 ': '#0091ea',
+            'cyan ': '#00bcd4',
+            'cyan-1 ': '#e0f7fa',
+            'cyan-2 ': '#b2ebf2',
+            'cyan-3 ': '#80deea',
+            'cyan-4 ': '#4dd0e1',
+            'cyan-5 ': '#26c6da',
+            'cyan-6 ': '#00bcd4',
+            'cyan-7 ': '#00acc1',
+            'cyan-8 ': '#0097a7',
+            'cyan-9 ': '#00838f',
+            'cyan-10 ': '#006064',
+            'cyan-11 ': '#84ffff',
+            'cyan-12 ': '#18ffff',
+            'cyan-13 ': '#00e5ff',
+            'cyan-14 ': '#00b8d4',
+            'teal ': '#009688',
+            'teal-1 ': '#e0f2f1',
+            'teal-2 ': '#b2dfdb',
+            'teal-3 ': '#80cbc4',
+            'teal-4 ': '#4db6ac',
+            'teal-5 ': '#26a69a',
+            'teal-6 ': '#009688',
+            'teal-7 ': '#00897b',
+            'teal-8 ': '#00796b',
+            'teal-9 ': '#00695c',
+            'teal-10 ': '#004d40',
+            'teal-11 ': '#a7ffeb',
+            'teal-12 ': '#64ffda',
+            'teal-13 ': '#1de9b6',
+            'teal-14 ': '#00bfa5',
+            'green ': '#4caf50',
+            'green-1 ': '#e8f5e9',
+            'green-2 ': '#c8e6c9',
+            'green-3 ': '#a5d6a7',
+            'green-4 ': '#81c784',
+            'green-5 ': '#66bb6a',
+            'green-6 ': '#4caf50',
+            'green-7 ': '#43a047',
+            'green-8 ': '#388e3c',
+            'green-9 ': '#2e7d32',
+            'green-10 ': '#1b5e20',
+            'green-11 ': '#b9f6ca',
+            'green-12 ': '#69f0ae',
+            'green-13 ': '#00e676',
+            'green-14 ': '#00c853',
+            'light-green ': '#8bc34a',
+            'light-green-1 ': '#f1f8e9',
+            'light-green-2 ': '#dcedc8',
+            'light-green-3 ': '#c5e1a5',
+            'light-green-4 ': '#aed581',
+            'light-green-5 ': '#9ccc65',
+            'light-green-6 ': '#8bc34a',
+            'light-green-7 ': '#7cb342',
+            'light-green-8 ': '#689f38',
+            'light-green-9 ': '#558b2f',
+            'light-green-10 ': '#33691e',
+            'light-green-11 ': '#ccff90',
+            'light-green-12 ': '#b2ff59',
+            'light-green-13 ': '#76ff03',
+            'light-green-14 ': '#64dd17',
+            'lime ': '#cddc39',
+            'lime-1 ': '#f9fbe7',
+            'lime-2 ': '#f0f4c3',
+            'lime-3 ': '#e6ee9c',
+            'lime-4 ': '#dce775',
+            'lime-5 ': '#d4e157',
+            'lime-6 ': '#cddc39',
+            'lime-7 ': '#c0ca33',
+            'lime-8 ': '#afb42b',
+            'lime-9 ': '#9e9d24',
+            'lime-10 ': '#827717',
+            'lime-11 ': '#f4ff81',
+            'lime-12 ': '#eeff41',
+            'lime-13 ': '#c6ff00',
+            'lime-14 ': '#aeea00',
+            'yellow ': '#ffeb3b',
+            'yellow-1 ': '#fffde7',
+            'yellow-2 ': '#fff9c4',
+            'yellow-3 ': '#fff59d',
+            'yellow-4 ': '#fff176',
+            'yellow-5 ': '#ffee58',
+            'yellow-6 ': '#ffeb3b',
+            'yellow-7 ': '#fdd835',
+            'yellow-8 ': '#fbc02d',
+            'yellow-9 ': '#f9a825',
+            'yellow-10 ': '#f57f17',
+            'yellow-11 ': '#ffff8d',
+            'yellow-12 ': '#ffff00',
+            'yellow-13 ': '#ffea00',
+            'yellow-14 ': '#ffd600',
+            'amber ': '#ffc107',
+            'amber-1 ': '#fff8e1',
+            'amber-2 ': '#ffecb3',
+            'amber-3 ': '#ffe082',
+            'amber-4 ': '#ffd54f',
+            'amber-5 ': '#ffca28',
+            'amber-6 ': '#ffc107',
+            'amber-7 ': '#ffb300',
+            'amber-8 ': '#ffa000',
+            'amber-9 ': '#ff8f00',
+            'amber-10 ': '#ff6f00',
+            'amber-11 ': '#ffe57f',
+            'amber-12 ': '#ffd740',
+            'amber-13 ': '#ffc400',
+            'amber-14 ': '#ffab00',
+            'orange ': '#ff9800',
+            'orange-1 ': '#fff3e0',
+            'orange-2 ': '#ffe0b2',
+            'orange-3 ': '#ffcc80',
+            'orange-4 ': '#ffb74d',
+            'orange-5 ': '#ffa726',
+            'orange-6 ': '#ff9800',
+            'orange-7 ': '#fb8c00',
+            'orange-8 ': '#f57c00',
+            'orange-9 ': '#ef6c00',
+            'orange-10 ': '#e65100',
+            'orange-11 ': '#ffd180',
+            'orange-12 ': '#ffab40',
+            'orange-13 ': '#ff9100',
+            'orange-14 ': '#ff6d00',
+            'deep-orange ': '#ff5722',
+            'deep-orange-1 ': '#fbe9e7',
+            'deep-orange-2 ': '#ffccbc',
+            'deep-orange-3 ': '#ffab91',
+            'deep-orange-4 ': '#ff8a65',
+            'deep-orange-5 ': '#ff7043',
+            'deep-orange-6 ': '#ff5722',
+            'deep-orange-7 ': '#f4511e',
+            'deep-orange-8 ': '#e64a19',
+            'deep-orange-9 ': '#d84315',
+            'deep-orange-10 ': '#bf360c',
+            'deep-orange-11 ': '#ff9e80',
+            'deep-orange-12 ': '#ff6e40',
+            'deep-orange-13 ': '#ff3d00',
+            'deep-orange-14 ': '#dd2c00',
+            'brown ': '#795548',
+            'brown-1 ': '#efebe9',
+            'brown-2 ': '#d7ccc8',
+            'brown-3 ': '#bcaaa4',
+            'brown-4 ': '#a1887f',
+            'brown-5 ': '#8d6e63',
+            'brown-6 ': '#795548',
+            'brown-7 ': '#6d4c41',
+            'brown-8 ': '#5d4037',
+            'brown-9 ': '#4e342e',
+            'brown-10 ': '#3e2723',
+            'brown-11 ': '#d7ccc8',
+            'brown-12 ': '#bcaaa4',
+            'brown-13 ': '#8d6e63',
+            'brown-14 ': '#5d4037',
+            'grey ': '#9e9e9e',
+            'grey-1 ': '#fafafa',
+            'grey-2 ': '#f5f5f5',
+            'grey-3 ': '#eeeeee',
+            'grey-4 ': '#e0e0e0',
+            'grey-5 ': '#bdbdbd',
+            'grey-6 ': '#9e9e9e',
+            'grey-7 ': '#757575',
+            'grey-8 ': '#616161',
+            'grey-9 ': '#424242',
+            'grey-10 ': '#212121',
+            'grey-11 ': '#f5f5f5',
+            'grey-12 ': '#eeeeee',
+            'grey-13 ': '#bdbdbd',
+            'grey-14 ': '#616161',
+            'blue-grey ': '#607d8b',
+            'blue-grey-1 ': '#eceff1',
+            'blue-grey-2 ': '#cfd8dc',
+            'blue-grey-3 ': '#b0bec5',
+            'blue-grey-4 ': '#90a4ae',
+            'blue-grey-5 ': '#78909c',
+            'blue-grey-6 ': '#607d8b',
+            'blue-grey-7 ': '#546e7a',
+            'blue-grey-8 ': '#455a64',
+            'blue-grey-9 ': '#37474f',
+            'blue-grey-10 ': '#263238',
+            'blue-grey-11 ': '#cfd8dc',
+            'blue-grey-12 ': '#b0bec5',
+            'blue-grey-13 ': '#78909c',
+            'blue-grey-14 ': '#455a64'
+        },
+        shadowColor,
+        shadowTransition: `box-shadow .28s cubic-bezier(.4, 0, .2, 1)`,
+        insetShadow: `0 7px 9px -7px rgba(${shadowColor}, .7) inset`,
+        insetShadowDown: `0 -7px 9px -7px rgba(${shadowColor}, .7) inset`,
+        shadows: {
+            0: `0 0 0 ${elevationUmbra}, 0 0 0 ${elevationPenumbra}, 0 0 0 ${elevationAmbient}`,
+            1: `0 1px 3px ${elevationUmbra}, 0 1px 1px ${elevationPenumbra}, 0 2px 1px -1px ${elevationAmbient}`,
+            2: `0 1px 5px ${elevationUmbra}, 0 2px 2px ${elevationPenumbra}, 0 3px 1px -2px ${elevationAmbient}`,
+            3: `0 1px 8px ${elevationUmbra}, 0 3px 4px ${elevationPenumbra}, 0 3px 3px -2px ${elevationAmbient}`,
+            4: `0 2px 4px -1px ${elevationUmbra}, 0 4px 5px ${elevationPenumbra}, 0 1px 10px ${elevationAmbient}`,
+            5: `0 3px 5px -1px ${elevationUmbra}, 0 5px 8px ${elevationPenumbra}, 0 1px 14px ${elevationAmbient}`,
+            6: `0 3px 5px -1px ${elevationUmbra}, 0 6px 10px ${elevationPenumbra}, 0 1px 18px ${elevationAmbient}`,
+            7: `0 4px 5px -2px ${elevationUmbra}, 0 7px 10px 1px ${elevationPenumbra}, 0 2px 16px 1px ${elevationAmbient}`,
+            8: `0 5px 5px -3px ${elevationUmbra}, 0 8px 10px 1px ${elevationPenumbra}, 0 3px 14px 2px ${elevationAmbient}`,
+            9: `0 5px 6px -3px ${elevationUmbra}, 0 9px 12px 1px ${elevationPenumbra}, 0 3px 16px 2px ${elevationAmbient}`,
+            10: `0 6px 6px -3px ${elevationUmbra}, 0 10px 14px 1px ${elevationPenumbra}, 0 4px 18px 3px ${elevationAmbient}`,
+            11: `0 6px 7px -4px ${elevationUmbra}, 0 11px 15px 1px ${elevationPenumbra}, 0 4px 20px 3px ${elevationAmbient}`,
+            12: `0 7px 8px -4px ${elevationUmbra}, 0 12px 17px 2px ${elevationPenumbra}, 0 5px 22px 4px ${elevationAmbient}`,
+            13: `0 7px 8px -4px ${elevationUmbra}, 0 13px 19px 2px ${elevationPenumbra}, 0 5px 24px 4px ${elevationAmbient}`,
+            14: `0 7px 9px -4px ${elevationUmbra}, 0 14px 21px 2px ${elevationPenumbra}, 0 5px 26px 4px ${elevationAmbient}`,
+            15: `0 8px 9px -5px ${elevationUmbra}, 0 15px 22px 2px ${elevationPenumbra}, 0 6px 28px 5px ${elevationAmbient}`,
+            16: `0 8px 10px -5px ${elevationUmbra}, 0 16px 24px 2px ${elevationPenumbra}, 0 6px 30px 5px ${elevationAmbient}`,
+            17: `0 8px 11px -5px ${elevationUmbra}, 0 17px 26px 2px ${elevationPenumbra}, 0 6px 32px 5px ${elevationAmbient}`,
+            18: `0 9px 11px -5px ${elevationUmbra}, 0 18px 28px 2px ${elevationPenumbra}, 0 7px 34px 6px ${elevationAmbient}`,
+            19: `0 9px 12px -6px ${elevationUmbra}, 0 19px 29px 2px ${elevationPenumbra}, 0 7px 36px 6px ${elevationAmbient}`,
+            20: `0 10px 13px -6px ${elevationUmbra}, 0 20px 31px 3px ${elevationPenumbra}, 0 8px 38px 7px ${elevationAmbient}`,
+            21: `0 10px 13px -6px ${elevationUmbra}, 0 21px 33px 3px ${elevationPenumbra}, 0 8px 40px 7px ${elevationAmbient}`,
+            22: `0 10px 14px -6px ${elevationUmbra}, 0 22px 35px 3px ${elevationPenumbra}, 0 8px 42px 7px ${elevationAmbient}`,
+            23: `0 11px 14px -7px ${elevationUmbra}, 0 23px 36px 3px ${elevationPenumbra}, 0 9px 44px 8px ${elevationAmbient}`,
+            24: `0 11px 15px -7px ${elevationUmbra}, 0 24px 38px 3px ${elevationPenumbra}, 0 9px 46px 8px ${elevationAmbient}`,
+            up: {
+                0: `0 0 0 ${elevationUmbra}, 0 0 0 ${elevationPenumbra}, 0 0 0 ${elevationAmbient}`,
+                1: `0 -1px 3px ${elevationUmbra}, 0 -1px 1px ${elevationPenumbra}, 0 -2px 1px -1px ${elevationAmbient}`,
+                2: `0 -1px 5px ${elevationUmbra}, 0 -2px 2px ${elevationPenumbra}, 0 -3px 1px -2px ${elevationAmbient}`,
+                3: `0 -1px 8px ${elevationUmbra}, 0 -3px 4px ${elevationPenumbra}, 0 -3px 3px -2px ${elevationAmbient}`,
+                4: `0 -2px 4px -1px ${elevationUmbra}, 0 -4px 5px ${elevationPenumbra}, 0 -1px 10px ${elevationAmbient}`,
+                5: `0 -3px 5px -1px ${elevationUmbra}, 0 -5px 8px ${elevationPenumbra}, 0 -1px 14px ${elevationAmbient}`,
+                6: `0 -3px 5px -1px ${elevationUmbra}, 0 -6px 10px ${elevationPenumbra}, 0 -1px 18px ${elevationAmbient}`,
+                7: `0 -4px 5px -2px ${elevationUmbra}, 0 -7px 10px 1px ${elevationPenumbra}, 0 -2px 16px 1px ${elevationAmbient}`,
+                8: `0 -5px 5px -3px ${elevationUmbra}, 0 -8px 10px 1px ${elevationPenumbra}, 0 -3px 14px 2px ${elevationAmbient}`,
+                9: `0 -5px 6px -3px ${elevationUmbra}, 0 -9px 12px 1px ${elevationPenumbra}, 0 -3px 16px 2px ${elevationAmbient}`,
+                10: `0 -6px 6px -3px ${elevationUmbra}, 0 -10px 14px 1px ${elevationPenumbra}, 0 -4px 18px 3px ${elevationAmbient}`,
+                11: `0 -6px 7px -4px ${elevationUmbra}, 0 -11px 15px 1px ${elevationPenumbra}, 0 -4px 20px 3px ${elevationAmbient}`,
+                12: `0 -7px 8px -4px ${elevationUmbra}, 0 -12px 17px 2px ${elevationPenumbra}, 0 -5px 22px 4px ${elevationAmbient}`,
+                13: `0 -7px 8px -4px ${elevationUmbra}, 0 -13px 19px 2px ${elevationPenumbra}, 0 -5px 24px 4px ${elevationAmbient}`,
+                14: `0 -7px 9px -4px ${elevationUmbra}, 0 -14px 21px 2px ${elevationPenumbra}, 0 -5px 26px 4px ${elevationAmbient}`,
+                15: `0 -8px 9px -5px ${elevationUmbra}, 0 -15px 22px 2px ${elevationPenumbra}, 0 -6px 28px 5px ${elevationAmbient}`,
+                16: `0 -8px 10px -5px ${elevationUmbra}, 0 -16px 24px 2px ${elevationPenumbra}, 0 -6px 30px 5px ${elevationAmbient}`,
+                17: `0 -8px 11px -5px ${elevationUmbra}, 0 -17px 26px 2px ${elevationPenumbra}, 0 -6px 32px 5px ${elevationAmbient}`,
+                18: `0 -9px 11px -5px ${elevationUmbra}, 0 -18px 28px 2px ${elevationPenumbra}, 0 -7px 34px 6px ${elevationAmbient}`,
+                19: `0 -9px 12px -6px ${elevationUmbra}, 0 -19px 29px 2px ${elevationPenumbra}, 0 -7px 36px 6px ${elevationAmbient}`,
+                20: `0 -10px 13px -6px ${elevationUmbra}, 0 -20px 31px 3px ${elevationPenumbra}, 0 -8px 38px 7px ${elevationAmbient}`,
+                21: `0 -10px 13px -6px ${elevationUmbra}, 0 -21px 33px 3px ${elevationPenumbra}, 0 -8px 40px 7px ${elevationAmbient}`,
+                22: `0 -10px 14px -6px ${elevationUmbra}, 0 -22px 35px 3px ${elevationPenumbra}, 0 -8px 42px 7px ${elevationAmbient}`,
+                23: `0 -11px 14px -7px ${elevationUmbra}, 0 -23px 36px 3px ${elevationPenumbra}, 0 -9px 44px 8px ${elevationAmbient}`,
+                24: `0 -11px 15px -7px ${elevationUmbra}, 0 -24px 38px 3px ${elevationPenumbra}, 0 -9px 46px 8px ${elevationAmbient}`
+            },
+            dark: {
+                0: `0 0 0 ${elevationDarkUmbra}, 0 0 0 ${elevationDarkPenumbra}, 0 0 0 ${elevationDarkAmbient}`,
+                1: `0 1px 3px ${elevationDarkUmbra}, 0 1px 1px ${elevationDarkPenumbra}, 0 2px 1px -1px ${elevationDarkAmbient}`,
+                2: `0 1px 5px ${elevationDarkUmbra}, 0 2px 2px ${elevationDarkPenumbra}, 0 3px 1px -2px ${elevationDarkAmbient}`,
+                3: `0 1px 8px ${elevationDarkUmbra}, 0 3px 4px ${elevationDarkPenumbra}, 0 3px 3px -2px ${elevationDarkAmbient}`,
+                4: `0 2px 4px -1px ${elevationDarkUmbra}, 0 4px 5px ${elevationDarkPenumbra}, 0 1px 10px ${elevationDarkAmbient}`,
+                5: `0 3px 5px -1px ${elevationDarkUmbra}, 0 5px 8px ${elevationDarkPenumbra}, 0 1px 14px ${elevationDarkAmbient}`,
+                6: `0 3px 5px -1px ${elevationDarkUmbra}, 0 6px 10px ${elevationDarkPenumbra}, 0 1px 18px ${elevationDarkAmbient}`,
+                7: `0 4px 5px -2px ${elevationDarkUmbra}, 0 7px 10px 1px ${elevationDarkPenumbra}, 0 2px 16px 1px ${elevationDarkAmbient}`,
+                8: `0 5px 5px -3px ${elevationDarkUmbra}, 0 8px 10px 1px ${elevationDarkPenumbra}, 0 3px 14px 2px ${elevationDarkAmbient}`,
+                9: `0 5px 6px -3px ${elevationDarkUmbra}, 0 9px 12px 1px ${elevationDarkPenumbra}, 0 3px 16px 2px ${elevationDarkAmbient}`,
+                10: `0 6px 6px -3px ${elevationDarkUmbra}, 0 10px 14px 1px ${elevationDarkPenumbra}, 0 4px 18px 3px ${elevationDarkAmbient}`,
+                11: `0 6px 7px -4px ${elevationDarkUmbra}, 0 11px 15px 1px ${elevationDarkPenumbra}, 0 4px 20px 3px ${elevationDarkAmbient}`,
+                12: `0 7px 8px -4px ${elevationDarkUmbra}, 0 12px 17px 2px ${elevationDarkPenumbra}, 0 5px 22px 4px ${elevationDarkAmbient}`,
+                13: `0 7px 8px -4px ${elevationDarkUmbra}, 0 13px 19px 2px ${elevationDarkPenumbra}, 0 5px 24px 4px ${elevationDarkAmbient}`,
+                14: `0 7px 9px -4px ${elevationDarkUmbra}, 0 14px 21px 2px ${elevationDarkPenumbra}, 0 5px 26px 4px ${elevationDarkAmbient}`,
+                15: `0 8px 9px -5px ${elevationDarkUmbra}, 0 15px 22px 2px ${elevationDarkPenumbra}, 0 6px 28px 5px ${elevationDarkAmbient}`,
+                16: `0 8px 10px -5px ${elevationDarkUmbra}, 0 16px 24px 2px ${elevationDarkPenumbra}, 0 6px 30px 5px ${elevationDarkAmbient}`,
+                17: `0 8px 11px -5px ${elevationDarkUmbra}, 0 17px 26px 2px ${elevationDarkPenumbra}, 0 6px 32px 5px ${elevationDarkAmbient}`,
+                18: `0 9px 11px -5px ${elevationDarkUmbra}, 0 18px 28px 2px ${elevationDarkPenumbra}, 0 7px 34px 6px ${elevationDarkAmbient}`,
+                19: `0 9px 12px -6px ${elevationDarkUmbra}, 0 19px 29px 2px ${elevationDarkPenumbra}, 0 7px 36px 6px ${elevationDarkAmbient}`,
+                20: `0 10px 13px -6px ${elevationDarkUmbra}, 0 20px 31px 3px ${elevationDarkPenumbra}, 0 8px 38px 7px ${elevationDarkAmbient}`,
+                21: `0 10px 13px -6px ${elevationDarkUmbra}, 0 21px 33px 3px ${elevationDarkPenumbra}, 0 8px 40px 7px ${elevationDarkAmbient}`,
+                22: `0 10px 14px -6px ${elevationDarkUmbra}, 0 22px 35px 3px ${elevationDarkPenumbra}, 0 8px 42px 7px ${elevationDarkAmbient}`,
+                23: `0 11px 14px -7px ${elevationDarkUmbra}, 0 23px 36px 3px ${elevationDarkPenumbra}, 0 9px 44px 8px ${elevationDarkAmbient}`,
+                24: `0 11px 15px -7px ${elevationDarkUmbra}, 0 24px 38px 3px ${elevationDarkPenumbra}, 0 9px 46px 8px ${elevationDarkAmbient}`,
+                // sorry for long line; we need .sass and it doesn't support multi-line list
+                up: {
+                    0: `0 0 0 ${elevationDarkUmbra}, 0 0 0 ${elevationDarkPenumbra}, 0 0 0 ${elevationDarkAmbient}`,
+                    1: `0 -1px 3px ${elevationDarkUmbra}, 0 -1px 1px ${elevationDarkPenumbra}, 0 -2px 1px -1px ${elevationDarkAmbient}`,
+                    2: `0 -1px 5px ${elevationDarkUmbra}, 0 -2px 2px ${elevationDarkPenumbra}, 0 -3px 1px -2px ${elevationDarkAmbient}`,
+                    3: `0 -1px 8px ${elevationDarkUmbra}, 0 -3px 4px ${elevationDarkPenumbra}, 0 -3px 3px -2px ${elevationDarkAmbient}`,
+                    4: `0 -2px 4px -1px ${elevationDarkUmbra}, 0 -4px 5px ${elevationDarkPenumbra}, 0 -1px 10px ${elevationDarkAmbient}`,
+                    5: `0 -3px 5px -1px ${elevationDarkUmbra}, 0 -5px 8px ${elevationDarkPenumbra}, 0 -1px 14px ${elevationDarkAmbient}`,
+                    6: `0 -3px 5px -1px ${elevationDarkUmbra}, 0 -6px 10px ${elevationDarkPenumbra}, 0 -1px 18px ${elevationDarkAmbient}`,
+                    7: `0 -4px 5px -2px ${elevationDarkUmbra}, 0 -7px 10px 1px ${elevationDarkPenumbra}, 0 -2px 16px 1px ${elevationDarkAmbient}`,
+                    8: `0 -5px 5px -3px ${elevationDarkUmbra}, 0 -8px 10px 1px ${elevationDarkPenumbra}, 0 -3px 14px 2px ${elevationDarkAmbient}`,
+                    9: `0 -5px 6px -3px ${elevationDarkUmbra}, 0 -9px 12px 1px ${elevationDarkPenumbra}, 0 -3px 16px 2px ${elevationDarkAmbient}`,
+                    10: `0 -6px 6px -3px ${elevationDarkUmbra}, 0 -10px 14px 1px ${elevationDarkPenumbra}, 0 -4px 18px 3px ${elevationDarkAmbient}`,
+                    11: `0 -6px 7px -4px ${elevationDarkUmbra}, 0 -11px 15px 1px ${elevationDarkPenumbra}, 0 -4px 20px 3px ${elevationDarkAmbient}`,
+                    12: `0 -7px 8px -4px ${elevationDarkUmbra}, 0 -12px 17px 2px ${elevationDarkPenumbra}, 0 -5px 22px 4px ${elevationDarkAmbient}`,
+                    13: `0 -7px 8px -4px ${elevationDarkUmbra}, 0 -13px 19px 2px ${elevationDarkPenumbra}, 0 -5px 24px 4px ${elevationDarkAmbient}`,
+                    14: `0 -7px 9px -4px ${elevationDarkUmbra}, 0 -14px 21px 2px ${elevationDarkPenumbra}, 0 -5px 26px 4px ${elevationDarkAmbient}`,
+                    15: `0 -8px 9px -5px ${elevationDarkUmbra}, 0 -15px 22px 2px ${elevationDarkPenumbra}, 0 -6px 28px 5px ${elevationDarkAmbient}`,
+                    16: `0 -8px 10px -5px ${elevationDarkUmbra}, 0 -16px 24px 2px ${elevationDarkPenumbra}, 0 -6px 30px 5px ${elevationDarkAmbient}`,
+                    17: `0 -8px 11px -5px ${elevationDarkUmbra}, 0 -17px 26px 2px ${elevationDarkPenumbra}, 0 -6px 32px 5px ${elevationDarkAmbient}`,
+                    18: `0 -9px 11px -5px ${elevationDarkUmbra}, 0 -18px 28px 2px ${elevationDarkPenumbra}, 0 -7px 34px 6px ${elevationDarkAmbient}`,
+                    19: `0 -9px 12px -6px ${elevationDarkUmbra}, 0 -19px 29px 2px ${elevationDarkPenumbra}, 0 -7px 36px 6px ${elevationDarkAmbient}`,
+                    20: `0 -10px 13px -6px ${elevationDarkUmbra}, 0 -20px 31px 3px ${elevationDarkPenumbra}, 0 -8px 38px 7px ${elevationDarkAmbient}`,
+                    21: `0 -10px 13px -6px ${elevationDarkUmbra}, 0 -21px 33px 3px ${elevationDarkPenumbra}, 0 -8px 40px 7px ${elevationDarkAmbient}`,
+                    22: `0 -10px 14px -6px ${elevationDarkUmbra}, 0 -22px 35px 3px ${elevationDarkPenumbra}, 0 -8px 42px 7px ${elevationDarkAmbient}`,
+                    23: `0 -11px 14px -7px ${elevationDarkUmbra}, 0 -23px 36px 3px ${elevationDarkPenumbra}, 0 -9px 44px 8px ${elevationDarkAmbient}`,
+                    24: `0 -11px 15px -7px ${elevationDarkUmbra}, 0 -24px 38px 3px ${elevationDarkPenumbra}, 0 -9px 46px 8px ${elevationDarkAmbient}`
+                }
+            }
+        },
+        z: {
+            fab: 990,
+            side: 1000,
+            marginals: 2000,
+            'fixed-drawer': 3000,
+            fullscreen: 6000,
+            menu: 6000,
+            top: 7000,
+            tooltip: 9000,
+            notify: 9500,
+            max: 9998
+        }
+    };
+};
+export default theme;

package/dist/plugins/quasar.js

@@ -48,6 +48,7 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
             config: async (config, env) => {
                 const { vitrify: { urls } = {}, quasar } = config;
                 const globalCss = quasar?.extras?.map((extra) => `@quasar/extras/${extra}/${extra}.css`);
+                // globalCss?.push('@unocss/reset/normalize.css')
                 const localPackages = ['@quasar/extras', 'quasar'];
                 // const localPackages: string[] = []
                 await (async () => {
@@ -113,10 +114,109 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
                             onMounted: onMountedHooks,
                             onRendered: [injectSsrContext]
                         },
-                        sass: {
-                            global: ['quasar/src/css/index.sass']
-                            // additionalData: [`@import 'quasar/src/css/index.sass'`]
-                        }
+                        sass: quasarConf.disableSass
+                            ? undefined
+                            : {
+                                global: ['quasar/src/css/index.sass']
+                                // global: [
+                                //   'quasar/src/css/helpers/string.sass',
+                                //   'quasar/src/css/helpers/math.sass',
+                                //   'quasar/src/css/variables.sass',
+                                //   'quasar/src/css/normalize.sass',
+                                //   // 'quasar/src/components/icon/QIcon.sass',
+                                //   // /* Composables */
+                                //   // 'quasar/src/composables/private.use-panel/use-panel.sass',
+                                //   // /* Components */
+                                //   // 'quasar/src/components/ajax-bar/QAjaxBar.sass',
+                                //   // 'quasar/src/components/avatar/QAvatar.sass',
+                                //   // 'quasar/src/components/badge/QBadge.sass',
+                                //   // 'quasar/src/components/banner/QBanner.sass',
+                                //   // 'quasar/src/components/bar/QBar.sass',
+                                //   // 'quasar/src/components/breadcrumbs/QBreadcrumbs.sass',
+                                //   // 'quasar/src/components/btn/QBtn.sass',
+                                //   // 'quasar/src/components/btn-dropdown/QBtnDropdown.sass',
+                                //   // 'quasar/src/components/btn-group/QBtnGroup.sass',
+                                //   // 'quasar/src/components/btn-toggle/QBtnToggle.sass',
+                                //   // 'quasar/src/components/card/QCard.sass',
+                                //   // 'quasar/src/components/carousel/QCarousel.sass',
+                                //   // 'quasar/src/components/chat/QChatMessage.sass',
+                                //   // 'quasar/src/components/checkbox/QCheckbox.sass',
+                                //   // 'quasar/src/components/chip/QChip.sass',
+                                //   // 'quasar/src/components/circular-progress/QCircularProgress.sass',
+                                //   // 'quasar/src/components/color/QColor.sass',
+                                //   // 'quasar/src/components/date/QDate.sass',
+                                //   // 'quasar/src/components/dialog/QDialog.sass',
+                                //   // 'quasar/src/components/editor/QEditor.sass',
+                                //   // 'quasar/src/components/expansion-item/QExpansionItem.sass',
+                                //   // 'quasar/src/components/fab/QFab.sass',
+                                //   // 'quasar/src/components/field/QField.sass',
+                                //   'quasar/src/components/file/QFile.sass',
+                                //   'quasar/src/components/form/QForm.sass',
+                                //   'quasar/src/components/img/QImg.sass',
+                                //   'quasar/src/components/inner-loading/QInnerLoading.sass',
+                                //   'quasar/src/components/input/QInput.sass',
+                                //   'quasar/src/components/intersection/QIntersection.sass',
+                                //   'quasar/src/components/item/QItem.sass',
+                                //   'quasar/src/components/knob/QKnob.sass',
+                                //   'quasar/src/components/layout/QLayout.sass',
+                                //   'quasar/src/components/linear-progress/QLinearProgress.sass',
+                                //   'quasar/src/components/menu/QMenu.sass',
+                                //   'quasar/src/components/option-group/QOptionGroup.sass',
+                                //   'quasar/src/components/pagination/QPagination.sass',
+                                //   'quasar/src/components/parallax/QParallax.sass',
+                                //   'quasar/src/components/popup-edit/QPopupEdit.sass',
+                                //   'quasar/src/components/pull-to-refresh/QPullToRefresh.sass',
+                                //   'quasar/src/components/radio/QRadio.sass',
+                                //   'quasar/src/components/rating/QRating.sass',
+                                //   'quasar/src/components/responsive/QResponsive.sass',
+                                //   'quasar/src/components/scroll-area/QScrollArea.sass',
+                                //   'quasar/src/components/select/QSelect.sass',
+                                //   'quasar/src/components/separator/QSeparator.sass',
+                                //   'quasar/src/components/skeleton/QSkeleton.sass',
+                                //   'quasar/src/components/slide-item/QSlideItem.sass',
+                                //   'quasar/src/components/slider/QSlider.sass',
+                                //   'quasar/src/components/space/QSpace.sass',
+                                //   'quasar/src/components/spinner/QSpinner.sass',
+                                //   'quasar/src/components/splitter/QSplitter.sass',
+                                //   'quasar/src/components/stepper/QStepper.sass',
+                                //   'quasar/src/components/tab-panels/QTabPanel.sass',
+                                //   'quasar/src/components/table/QTable.sass',
+                                //   'quasar/src/components/tabs/QTabs.sass',
+                                //   'quasar/src/components/time/QTime.sass',
+                                //   'quasar/src/components/timeline/QTimeline.sass',
+                                //   'quasar/src/components/toggle/QToggle.sass',
+                                //   'quasar/src/components/toolbar/QToolbar.sass',
+                                //   'quasar/src/components/tooltip/QTooltip.sass',
+                                //   'quasar/src/components/tree/QTree.sass',
+                                //   'quasar/src/components/uploader/QUploader.sass',
+                                //   'quasar/src/components/video/QVideo.sass',
+                                //   'quasar/src/components/virtual-scroll/QVirtualScroll.sass',
+                                //   /* Directives */
+                                //   'quasar/src/directives/ripple/Ripple.sass',
+                                //   'quasar/src/directives/morph/Morph.sass',
+                                //   /* Plugins */
+                                //   'quasar/src/plugins/bottom-sheet/component/BottomSheetComponent.sass',
+                                //   'quasar/src/plugins/dialog/component/DialogPluginComponent.sass',
+                                //   'quasar/src/plugins/loading/Loading.sass',
+                                //   'quasar/src/plugins/notify/Notify.sass',
+                                //   /* Core */
+                                //   'quasar/src/css/core/animations.sass',
+                                //   'quasar/src/css/core/colors.sass',
+                                //   'quasar/src/css/core/elevation.sass',
+                                //   'quasar/src/css/core/flex.sass',
+                                //   'quasar/src/css/core/helpers.sass',
+                                //   'quasar/src/css/core/mouse.sass',
+                                //   'quasar/src/css/core/orientation.sass',
+                                //   'quasar/src/css/core/positioning.sass',
+                                //   'quasar/src/css/core/size.sass',
+                                //   'quasar/src/css/core/touch.sass',
+                                //   'quasar/src/css/core/transitions.sass',
+                                //   'quasar/src/css/core/typography.sass',
+                                //   'quasar/src/css/core/visibility.sass',
+                                //   'quasar/src/css/core/dark.sass'
+                                // ]
+                                // additionalData: [`@import 'quasar/src/css/index.sass'`]
+                            }
                     },
                     resolve: {
                         alias: [

package/dist/types/frameworks/vue/server.d.ts

@@ -1,13 +1,13 @@
 import type { FastifyInstance } from 'fastify';
-import type { OnRenderedHook } from '../../vitrify-config.js';
+import type { OnRenderedHook, OnSetupHook } from '../../vitrify-config.js';
 import type { FastifyCsrPlugin } from './fastify-csr-plugin.js';
 import type { FastifySsrPlugin } from './fastify-ssr-plugin.js';
 export declare const createApp: ({ onSetup, appDir, baseUrl, fastifyPlugin, onRendered, vitrifyDir, mode }: {
-    onSetup: ((fastify: FastifyInstance) => void)[];
+    onSetup: OnSetupHook[];
     appDir: URL;
     baseUrl?: string;
     fastifyPlugin: FastifySsrPlugin | FastifyCsrPlugin;
-    onRendered: OnRenderedHook[];
+    onRendered?: OnRenderedHook[];
     vitrifyDir?: URL;
     mode: string;
 }) => FastifyInstance<import("http").Server<typeof import("http").IncomingMessage, typeof import("http").ServerResponse>, import("http").IncomingMessage, import("http").ServerResponse<import("http").IncomingMessage>, import("fastify").FastifyBaseLogger, import("fastify").FastifyTypeProviderDefault> & PromiseLike<FastifyInstance<import("http").Server<typeof import("http").IncomingMessage, typeof import("http").ServerResponse>, import("http").IncomingMessage, import("http").ServerResponse<import("http").IncomingMessage>, import("fastify").FastifyBaseLogger, import("fastify").FastifyTypeProviderDefault>> & {

package/dist/types/index.d.ts

@@ -2,6 +2,7 @@ import type { InlineConfig } from 'vite';
 import type { BootFunction, VitrifyConfig, VitrifyConfigAsync, VitrifyCommands, VitrifyModes, VitrifyUIFrameworks, VitrifySSRModes } from './vitrify-config.js';
 import type { VitrifyContext } from './bin/run.js';
 import type { VitrifyPlugin } from './plugins/index.js';
+import QuasarPreset from './plugins/quasar/unocss/index.js';
 export declare const VIRTUAL_MODULES: string[];
 export declare const baseConfig: ({ ssr, appDir, publicDir, base, command, mode, framework, debug, productName }: {
     ssr?: VitrifySSRModes;
@@ -16,4 +17,5 @@ export declare const baseConfig: ({ ssr, appDir, publicDir, base, command, mode,
 }) => Promise<InlineConfig>;
 export declare const vitrifyDir: URL;
 export { prerender } from './frameworks/vue/prerender.js';
+export { QuasarPreset };
 export type { VitrifyConfig, VitrifyConfigAsync, VitrifyPlugin, VitrifyContext, BootFunction };

package/dist/types/plugins/quasar/unocss/components/QAjaxBar.unocss.d.ts

@@ -0,0 +1,4 @@
+import type { UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../theme.js';
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { shortcuts };

package/dist/types/plugins/quasar/unocss/components/QAvatar.unocss.d.ts

@@ -0,0 +1,4 @@
+import type { UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../theme.js';
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { shortcuts };

package/dist/types/plugins/quasar/unocss/components/QBadge.unocss.d.ts

@@ -0,0 +1,4 @@
+import type { UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../theme.js';
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { shortcuts };

package/dist/types/plugins/quasar/unocss/components/QBanner.unocss.d.ts

@@ -0,0 +1,4 @@
+import type { UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../theme.js';
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { shortcuts };

package/dist/types/plugins/quasar/unocss/components/QBar.unocss.d.ts

@@ -0,0 +1,4 @@
+import type { UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../theme.js';
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { shortcuts };

package/dist/types/plugins/quasar/unocss/components/QBreadcrumbs.unocss.d.ts

@@ -0,0 +1,5 @@
+import type { Preflight, UserShortcuts } from '@unocss/core';
+import type { QuasarTheme } from '../theme.js';
+declare const preflights: Preflight<QuasarTheme>[];
+declare const shortcuts: UserShortcuts<QuasarTheme>;
+export { preflights, shortcuts };