vitrify 0.16.4 → 0.17.1

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

@@ -0,0 +1,18 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-video$/,
+    ([, c], { theme }) =>
+      `relative overflow-hidden [border-radius:inherit] [&_iframe]:(w-full h-full) [&_object]:(w-full h-full) [&_embed]:(w-full h-full)`
+  ],
+
+  [
+    /^q-video--responsive$/,
+    ([, c], { theme }) =>
+      `h-[0] [&_iframe]:(absolute top-0 left-0) [&_object]:(absolute top-0 left-0) [&_embed]:(absolute top-0 left-0)`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,26 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-virtual-scroll:focus$/, ([, c], { theme }) => `focus:outline-0`],
+
+  [
+    /^q-virtual-scroll__content$/,
+    ([, c], { theme }) =>
+      `outline-[none] [&_>_*]:([overflow-anchor:none]) [&_>_[data-q-vs-anchor]]:([overflow-anchor:auto])`
+  ],
+
+  [
+    /^q-virtual-scroll__padding$/,
+    ([, c], { theme }) =>
+      `bg-[linear-gradient(_rgba(255,_255,_255,_0),_rgba(255,_255,_255,_0)_20%,_rgba(128,_128,_128,_0.03)_20%,_rgba(128,_128,_128,_0.08)_50%,_rgba(128,_128,_128,_0.03)_80%,_rgba(255,_255,_255,_0)_80%,_rgba(255,_255,_255,_0)_)] [background-size:var(--q-virtual-scroll-item-width,_100%)_var(--q-virtual-scroll-item-height,_50px)]`
+  ],
+
+  [
+    /^q-virtual-scroll--horizontal$/,
+    ([, c], { theme }) =>
+      `flex flex-row flex-nowrap items-stretch [&_.q-virtual-scroll\\_\\_content]:(flex flex-row flex-nowrap) [&_.q-virtual-scroll\\_\\_padding]:(flex-[0_0_auto]) [&_.q-virtual-scroll\\_\\_content]:(flex-[0_0_auto]) [&_.q-virtual-scroll\\_\\_content_>_*]:(flex-[0_0_auto]) [&_.q-virtual-scroll\\_\\_padding]:(bg-[linear-gradient(_to_left,_rgba(255,_255,_255,_0),_rgba(255,_255,_255,_0)_20%,_rgba(128,_128,_128,_0.03)_20%,_rgba(128,_128,_128,_0.08)_50%,_rgba(128,_128,_128,_0.03)_80%,_rgba(255,_255,_255,_0)_80%,_rgba(255,_255,_255,_0)_)] [background-size:var(--q-virtual-scroll-item-width,_50px)_var(--q-virtual-scroll-item-height,_100%)])`
+  ]
+]
+
+export { shortcuts }

package/src/node/plugins/quasar/unocss/composables/panel.unocss.ts

@@ -0,0 +1,9 @@
+import type { UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-panel$/, ([, c], { theme }) => `h-full w-full [&_div]:(h-full w-full)`],
+  [/^q-panel-parent$/, ([, c], { theme }) => `overflow-hidden relative`]
+]
+
+export { shortcuts }

package/src/node/plugins/quasar/unocss/core/colors.unocss.ts

@@ -0,0 +1,21 @@
+import { type Preflight } from '@unocss/core'
+import { type QuasarTheme } from '../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+:root {
+  --q-primary: ${theme.colors.primary};
+  --q-secondary: ${theme.colors.secondary};
+  --q-accent: ${theme.colors.accent};
+  --q-positive: ${theme.colors.positive};
+  --q-negative: ${theme.colors.negative};
+  --q-info: ${theme.colors.info};
+  --q-warning: ${theme.colors.warning};
+  --q-dark: ${theme.colors['q-dark']};
+  --q-dark-page: ${theme.colors['dark-page']};
+}`
+  }
+]
+
+export { preflights }

package/src/node/plugins/quasar/unocss/core/dark.unocss.ts

@@ -0,0 +1,19 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+body.body--dark {
+  color: #fff;
+  background: ${theme.colors['dark-page']};
+}
+    `
+  }
+]
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-dark$/, ([, c], { theme }) => `text-white bg-dark`]
+]
+
+export { preflights, shortcuts }

package/src/node/plugins/quasar/unocss/core/elevation.unocss.ts

@@ -0,0 +1,94 @@
+import type { Rule } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+type Enumerate<
+  N extends number,
+  Acc extends number[] = []
+> = Acc['length'] extends N
+  ? Acc[number]
+  : Enumerate<N, [...Acc, Acc['length']]>
+
+type IntRange<F extends number, T extends number> = Exclude<
+  Enumerate<T>,
+  Enumerate<F>
+>
+
+const shadows = (mode: 'light' | 'dark') => [
+  ...Array.from({ length: 24 }, (_, i) => i + 1).reduce((acc, z) => {
+    acc.push([
+      new RegExp(`shadow-${z}`),
+      ([, c], { symbols, theme }) => ({
+        [symbols.parent]: mode === 'dark' ? 'body.body--dark' : undefined,
+        'box-shadow': theme['shadows'][z as IntRange<0, 24>]
+      })
+    ])
+    acc.push([
+      new RegExp(`shadow-up-${z}`),
+      ([, c], { symbols, theme }) => ({
+        [symbols.parent]: mode === 'dark' ? 'body.body--dark' : undefined,
+
+        'box-shadow': theme['shadows']['up'][z as IntRange<0, 24>]
+      })
+    ])
+    return acc
+  }, [] as Rule<QuasarTheme>[]),
+  [
+    /^.inset-shadow$/,
+    function* ([, color], { symbols, theme }) {
+      yield {
+        [symbols.parent]: mode === 'dark' ? 'body.body--dark' : undefined,
+        'box-shadow': theme['insetShadow']
+      }
+    }
+  ] as Rule<QuasarTheme>,
+  [
+    /^.inset-shadow-down$/,
+    function* ([, color], { symbols, theme }) {
+      yield {
+        [symbols.parent]: mode === 'dark' ? 'body.body--dark' : undefined,
+        'box-shadow': theme['insetShadowDown']
+      }
+    }
+  ] as Rule<QuasarTheme>
+]
+
+const rules: Rule<QuasarTheme>[] = [
+  [
+    /^.shadow-transition$/,
+    function* ([, color], { theme }) {
+      yield {
+        transition: `${theme['shadowTransition']} !important`
+      }
+    }
+  ],
+  ...shadows('light'),
+  ...shadows('dark'),
+  ...['no-shadow', 'shadow-0'].map(
+    (c) =>
+      [
+        new RegExp(`${c}`),
+        function* ([, color], { theme }) {
+          yield {
+            'box-shadow': `none !important`
+          }
+        }
+      ] as Rule<QuasarTheme>
+  ),
+  ...(['z-marginals', 'z-notify', 'z-fullscreen', 'z-inherit'] as const).map(
+    (c) =>
+      [
+        new RegExp(`${c}`),
+        function* ([, color], { theme }) {
+          const selector = c.replace('z-', '') as
+            | 'marginals'
+            | 'notify'
+            | 'fullscreen'
+          yield {
+            'z-index': c === 'z-inherit' ? 'inherit' : theme['z'][selector]
+          }
+        }
+      ] as Rule<QuasarTheme>
+  )
+]
+
+export { rules }

package/src/node/plugins/quasar/unocss/core/flex.unocss.ts

@@ -0,0 +1,99 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const cols = 12
+const grid = Array.from({ length: cols }, (_, i) => i + 1)
+
+const colGutter = {
+  none: 0,
+  xs: 1,
+  sm: 2,
+  md: 4,
+  lg: 6,
+  xl: 12
+} as const
+
+const sizes = ['sm', 'md', 'lg', 'xl']
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^row$/,
+    ([, c], { theme }) => `flex flex-row flex-wrap
+    [&_>_.col]:(grow)
+    ${sizes
+      .map((size) => `[&_>_.col-${size}]:(${size}:basis-auto ${size}:grow)`)
+      .join(' ')}
+    ${grid.map((nr) => `[&_>_.col-${nr}]:(basis-${nr}/12)`).join(' ')}
+    ${sizes
+      .map((size) =>
+        grid
+          .map((nr) => `[&_>_.col-${size}-${nr}]:(${size}:basis-${nr}/12)`)
+          .join(' ')
+      )
+      .join(' ')}
+  `
+  ],
+  [
+    /^column$/,
+    ([, c], { theme }) => `flex flex-col flex-wrap
+      [&_>_.col]:(grow)
+      ${sizes
+        .map((size) => `[&_>_.col-${size}]:(${size}:basis-auto ${size}:grow)`)
+        .join(' ')}
+      ${grid.map((nr) => `[&_>_.col-${nr}]:(basis-${nr}/12)`).join(' ')}
+    ${sizes
+      .map((size) =>
+        grid
+          .map((nr) => `[&_>_.col-${size}-${nr}]:(${size}:basis-${nr}/12)`)
+          .join(' ')
+      )
+      .join(' ')}
+  `
+  ],
+  [
+    /^q-col-gutter-(none|xs|sm|md|lg|xl)$/,
+    ([, size], { theme }) =>
+      `gap-${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']}`
+  ],
+  [
+    /^q-col-gutter-x-(none|xs|sm|md|lg|xl)$/,
+    ([, size], { theme }) =>
+      `gap-x-${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']}`
+  ],
+  [
+    /^q-col-gutter-y-(none|xs|sm|md|lg|xl)$/,
+    ([, size], { theme }) =>
+      `gap-y-${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']}`
+  ],
+  [
+    /^q-gutter-(none|xs|sm|md|lg|xl)$/,
+    ([, size], { theme }) =>
+      `mt-${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']}
+        ml-${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']}
+        [&_>_*]:(mt-${
+          colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']
+        }
+        pl-${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']})`
+  ],
+  [
+    /^q-gutter-x-(none|xs|sm|md|lg|xl)$/,
+    ([, size], { theme }) =>
+      `ml-${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']}
+    [&_>_*]:(pl-${
+      colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']
+    })`
+  ],
+  [
+    /^q-gutter-y-(none|xs|sm|md|lg|xl)$/,
+    ([, size], { theme }) =>
+      `mt-${colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']}
+      [&_>_*]:(mt-${
+        colGutter[size as 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl']
+      })`
+  ],
+  [/^wrap$/, ([, size], { theme }) => `flex-wrap`],
+  [/^no-wrap$/, ([, size], { theme }) => `flex-nowrap`],
+  [/^reverse-wrap$/, ([, size], { theme }) => `flex-wrap-reverse`]
+]
+
+export { shortcuts }

package/src/node/plugins/quasar/unocss/core/helpers.unocss.ts

@@ -0,0 +1,78 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+body.electron .q-electron-drag {
+  -webkit-user-select: none;
+  -webkit-app-region: drag;
+}
+body.electron .q-electron-drag .q-btn-item, body.electron .q-electron-drag--exception {
+  -webkit-app-region: no-drag;
+}
+
+img.responsive {
+  max-width: 100%;
+  height: auto;
+}`
+  }
+]
+
+const rules: Rule[] = [
+  [
+    /^content-empty$/,
+    function* ([, color]) {
+      yield {
+        content: '""'
+      }
+    }
+  ]
+]
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^rounded-borders$/, ([, c], { theme }) => `rounded-[4px]`],
+
+  [/^border-radius-inherit$/, ([, c], { theme }) => `[border-radius:inherit]`],
+
+  [/^no-transition$/, ([, c], { theme }) => `transition-none`],
+
+  [/^transition-0$/, ([, c], { theme }) => `[transition:0s!important]`],
+
+  [
+    /^glossy$/,
+    ([, c], { theme }) =>
+      `!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-placeholder::placeholder$/,
+    ([, c], { theme }) => `[color:inherit] opacity-70`
+  ],
+
+  [/^q-body--fullscreen-mixin$/, ([, c], { theme }) => `!fixed`],
+
+  [/^q-body--prevent-scroll$/, ([, c], { theme }) => `!fixed`],
+
+  [/^q-body--force-scrollbar-x$/, ([, c], { theme }) => `overflow-x-scroll`],
+
+  [/^q-body--force-scrollbar-y$/, ([, c], { theme }) => `overflow-y-scroll`],
+
+  [/^q-no-input-spinner$/, ([, c], { theme }) => ``],
+
+  [
+    /^q-no-input-spinner::-webkit-outer-spin-button$/,
+    ([, c], { theme }) => `m-0`
+  ],
+
+  [
+    /^q-no-input-spinner::-webkit-inner-spin-button$/,
+    ([, c], { theme }) => `m-0`
+  ],
+
+  [/^q-link$/, ([, c], { theme }) => `outline-0 no-underline`],
+
+  [/^q-link--focusable:focus-visible$/, ([, c], { theme }) => ``]
+]
+
+export { rules, preflights, shortcuts }

package/src/node/plugins/quasar/unocss/core/mouse.unocss.ts

@@ -0,0 +1,46 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+[aria-busy=true] {
+  cursor: progress;
+}
+
+[aria-controls] {
+  cursor: pointer;
+}
+
+[aria-disabled=true] {
+  cursor: default;
+}`
+  }
+]
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^non-selectable$/, ([, c], { theme }) => `!select-none`],
+
+  [/^scroll$/, ([, c], { theme }) => `overflow-auto `],
+
+  [/^scroll-x$/, ([, c], { theme }) => ` overflow-x-auto`],
+
+  [/^scroll-y$/, ([, c], { theme }) => ` overflow-y-auto`],
+
+  [/^no-scroll$/, ([, c], { theme }) => `!overflow-hidden`],
+
+  [/^no-pointer-events$/, ([, c], { theme }) => `!pointer-events-none`],
+
+  [
+    /^no-pointer-events--children$/,
+    ([, c], { theme }) => `!pointer-events-none [&_*]:(!pointer-events-none)`
+  ],
+
+  [/^all-pointer-events$/, ([, c], { theme }) => ``],
+
+  [/^cursor-inherit$/, ([, c], { theme }) => `[cursor:inherit!important]`],
+
+  [/^cursor-none$/, ([, c], { theme }) => ``]
+]
+
+export { preflights, shortcuts }

package/src/node/plugins/quasar/unocss/core/orientation.unocss.ts

@@ -0,0 +1,10 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^flip-horizontal$/, ([, c], { theme }) => `scale-x-[-1]`],
+
+  [/^flip-vertical$/, ([, c], { theme }) => `scale-y-[-1]`]
+]
+
+export { shortcuts }

package/src/node/plugins/quasar/unocss/core/position.unocss.ts

@@ -0,0 +1,81 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^fixed-full$/, ([, c], { theme }) => `fixed top-0 right-0 bottom-0 left-0`],
+
+  [
+    /^fullscreen$/,
+    ([, c], { theme }) =>
+      `fixed !rounded-none max-w-[100vw] max-h-screen top-0 right-0 bottom-0 left-0`
+  ],
+
+  [
+    /^fixed-center$/,
+    ([, c], { theme }) =>
+      `fixed top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2`
+  ],
+
+  [/^fixed-bottom$/, ([, c], { theme }) => `fixed right-0 bottom-0 left-0`],
+
+  [/^fixed-left$/, ([, c], { theme }) => `fixed top-0 bottom-0 left-0`],
+
+  [/^fixed-right$/, ([, c], { theme }) => `fixed top-0 right-0 bottom-0`],
+
+  [/^fixed-top$/, ([, c], { theme }) => `fixed top-0 left-0 right-0`],
+
+  [/^fixed-top-left$/, ([, c], { theme }) => `fixed top-0 left-0`],
+
+  [/^fixed-top-right$/, ([, c], { theme }) => `fixed top-0 right-0`],
+
+  [/^fixed-bottom-left$/, ([, c], { theme }) => `fixed bottom-0 left-0`],
+
+  [/^fixed-bottom-right$/, ([, c], { theme }) => `fixed bottom-0 right-0`],
+
+  [
+    /^absolute-full$/,
+    ([, c], { theme }) => `absolute top-0 right-0 bottom-0 left-0`
+  ],
+
+  [
+    /^absolute-center$/,
+    ([, c], { theme }) =>
+      `absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2`
+  ],
+
+  [
+    /^absolute-bottom$/,
+    ([, c], { theme }) => `absolute right-0 bottom-0 left-0`
+  ],
+
+  [/^absolute-left$/, ([, c], { theme }) => `absolute top-0 bottom-0 left-0`],
+
+  [/^absolute-right$/, ([, c], { theme }) => `absolute top-0 right-0 bottom-0`],
+
+  [/^absolute-top$/, ([, c], { theme }) => `absolute top-0 left-0 right-0`],
+
+  [/^absolute-top-left$/, ([, c], { theme }) => `absolute top-0 left-0`],
+
+  [/^absolute-top-right$/, ([, c], { theme }) => `absolute top-0 right-0`],
+
+  [/^absolute-bottom-left$/, ([, c], { theme }) => `absolute bottom-0 left-0`],
+
+  [
+    /^absolute-bottom-right$/,
+    ([, c], { theme }) => `absolute bottom-0 right-0`
+  ],
+
+  [/^vertical-top$/, ([, c], { theme }) => `!align-top`],
+
+  [/^vertical-middle$/, ([, c], { theme }) => `!align-middle`],
+
+  [/^vertical-bottom$/, ([, c], { theme }) => `!align-bottom`],
+
+  [/^on-left$/, ([, c], { theme }) => `mr-[12px]`],
+
+  [/^on-right$/, ([, c], { theme }) => `ml-[12px]`],
+
+  [/^q-position-engine$/, ([, c], { theme }) => `!mt-0 !ml-0`]
+]
+
+export { shortcuts }