vitrify 0.16.4 → 0.17.0

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

@@ -0,0 +1,58 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-splitter__panel$/,
+    ([, c], { theme }) => `relative z-0 [&_>_.q-splitter]:(w-full h-full)`
+  ],
+
+  [
+    /^q-splitter__separator$/,
+    ([, c], { theme }) => `bg-[rgba(0,_0,_0,_0.12)] select-none relative`
+  ],
+
+  [
+    /^q-splitter__separator-area$/,
+    ([, c], { theme }) =>
+      `[&_>_*]:(absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2)`
+  ],
+
+  [
+    /^q-splitter--dark$/,
+    ([, c], { theme }) =>
+      `[&_.q-splitter\\_\\_separator]:(bg-[rgba(255,_255,_255,_0.28)])`
+  ],
+
+  [
+    /^q-splitter--vertical$/,
+    ([, c], { theme }) =>
+      `[&_>_.q-splitter\\_\\_panel]:(h-full) [&_>_.q-splitter\\_\\_separator]:(w-px) [&_>_.q-splitter\\_\\_separator_>_div]:(-left-[6px] -right-[6px])`
+  ],
+
+  [/^q-splitter--vertical.q-splitter--active$/, ([, c], { theme }) => ``],
+
+  [
+    /^q-splitter--vertical.q-splitter--workable$/,
+    ([, c], { theme }) => `[&_>_.q-splitter\\_\\_separator]:()`
+  ],
+
+  [
+    /^q-splitter--horizontal$/,
+    ([, c], { theme }) =>
+      `[&_>_.q-splitter\\_\\_panel]:(w-full) [&_>_.q-splitter\\_\\_separator]:(h-px) [&_>_.q-splitter\\_\\_separator_>_div]:(-top-[6px] -bottom-[6px])`
+  ],
+
+  [/^q-splitter--horizontal.q-splitter--active$/, ([, c], { theme }) => ``],
+
+  [
+    /^q-splitter--horizontal.q-splitter--workable$/,
+    ([, c], { theme }) => `[&_>_.q-splitter\\_\\_separator]:()`
+  ],
+
+  [/^q-splitter__before$/, ([, c], { theme }) => `overflow-auto`],
+
+  [/^q-splitter__after$/, ([, c], { theme }) => `overflow-auto`]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,150 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-stepper$/,
+    ([, c], { theme }) =>
+      `[box-shadow:0_1px_5px_rgba(0,_0,_0,_0.2),_0_2px_2px_rgba(0,_0,_0,_0.14),_0_3px_1px_-2px_rgba(0,_0,_0,_0.12)] rounded-[4px] bg-[#fff]`
+  ],
+
+  [
+    /^q-stepper__title$/,
+    ([, c], { theme }) => `text-[14px] leading-[1.285714] tracking-[0.1px]`
+  ],
+
+  [
+    /^q-stepper__caption$/,
+    ([, c], { theme }) => `text-[12px] leading-[1.16667]`
+  ],
+
+  [
+    /^q-stepper__dot$/,
+    ([, c], { theme }) =>
+      `mr-[8px] text-[14px] w-[24px] min-w-[24px] h-[24px] rounded-[50%] bg-current [&_span]:(text-[#fff])`
+  ],
+
+  [
+    /^q-stepper__tab$/,
+    ([, c], { theme }) =>
+      `px-[24px] py-[8px] text-[14px] text-[#9e9e9e] flex-row`
+  ],
+
+  [
+    /^q-stepper--dark$/,
+    ([, c], { theme }) =>
+      `[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-stepper\\_\\_dot_span]:(text-[#000]) [&_.q-stepper\\_\\_header--border]:(border-[rgba(255,_255,_255,_0.28)]) [&_.q-stepper\\_\\_tab--disabled]:(text-[rgba(255,_255,_255,_0.28)]) [&_.q-stepper\\_\\_tab--disabled_.q-stepper\\_\\_dot]:(bg-[rgba(255,_255,_255,_0.28)]) [&_.q-stepper\\_\\_tab--disabled_.q-stepper\\_\\_label]:(text-[rgba(255,_255,_255,_0.54)])`
+  ],
+
+  [
+    /^q-stepper__tab--navigation$/,
+    ([, c], { theme }) => `select-none cursor-pointer`
+  ],
+
+  [
+    /^q-stepper__tab--active$/,
+    ([, c], { theme }) =>
+      ` [&_.q-stepper\\_\\_dot]:([text-shadow:0_0_0_currentColor]) [&_.q-stepper\\_\\_label]:([text-shadow:0_0_0_currentColor]) text-primary`
+  ],
+
+  [
+    /^q-stepper__tab--done$/,
+    ([, c], { theme }) =>
+      ` [&_.q-stepper\\_\\_dot]:([text-shadow:0_0_0_currentColor]) [&_.q-stepper\\_\\_label]:([text-shadow:0_0_0_currentColor]) text-primary`
+  ],
+
+  [
+    /^q-stepper__tab--disabled$/,
+    ([, c], { theme }) =>
+      `[&_.q-stepper\\_\\_dot]:(bg-[rgba(0,_0,_0,_0.22)]) [&_.q-stepper\\_\\_label]:(text-[rgba(0,_0,_0,_0.32)])`
+  ],
+
+  [/^q-stepper__tab--error$/, ([, c], { theme }) => `text-negative`],
+
+  [
+    /^q-stepper__tab--error-with-icon$/,
+    ([, c], { theme }) =>
+      `[&_.q-stepper\\_\\_dot]:(!bg-transparent) [&_.q-stepper\\_\\_dot_span]:(text-current text-[24px])`
+  ],
+
+  [
+    /^q-stepper__header$/,
+    ([, c], { theme }) =>
+      `[border-top-left-radius:inherit] [border-top-right-radius:inherit]`
+  ],
+
+  [
+    /^q-stepper__header--border$/,
+    ([, c], { theme }) => `[border-bottom:1px_solid_rgba(0,_0,_0,_0.12)]`
+  ],
+
+  [
+    /^q-stepper__header--standard-labels$/,
+    ([, c], { theme }) =>
+      `[&_.q-stepper\\_\\_tab]:(min-h-[72px] justify-center) [&_.q-stepper\\_\\_tab:first-child]:(justify-start) [&_.q-stepper\\_\\_tab:last-child]:(justify-end) [&_.q-stepper\\_\\_tab:only-child]:(justify-center) [&_.q-stepper\\_\\_dot:after]:(hidden)`
+  ],
+
+  [
+    /^q-stepper__header--alternative-labels$/,
+    ([, c], { theme }) =>
+      `[&_.q-stepper\\_\\_tab]:(min-h-[104px] px-[32px] py-[24px] flex-col justify-start) [&_.q-stepper\\_\\_dot]:(mr-0) [&_.q-stepper\\_\\_label]:(mt-[8px] text-center) [&_.q-stepper\\_\\_label:before]:(hidden) [&_.q-stepper\\_\\_label:after]:(hidden)`
+  ],
+
+  [
+    /^q-stepper__header--contracted$/,
+    ([, c], { theme }) =>
+      `min-h-[72px] [&_.q-stepper\\_\\_tab]:(px-[0] py-[24px]) [&_.q-stepper\\_\\_tab:first-child_.q-stepper\\_\\_dot]:(translate-x-[24px]) [&_.q-stepper\\_\\_tab:last-child_.q-stepper\\_\\_dot]:(-translate-x-[24px]) [&_.q-stepper\\_\\_dot]:(m-0) [&_.q-stepper\\_\\_label]:(hidden)`
+  ],
+
+  [
+    /^q-stepper__header--contracted.q-stepper__header--alternative-labels$/,
+    ([, c], { theme }) =>
+      `[&__.q-stepper\\_\\_tab]:(min-h-[72px]) [&__.q-stepper\\_\\_tab:first-child]:(items-start) [&__.q-stepper\\_\\_tab:last-child]:(items-end)`
+  ],
+
+  [
+    /^q-stepper__header--contracted$/,
+    ([, c], { theme }) =>
+      `[&__.q-stepper\\_\\_tab:not(:last-child)__.q-stepper\\_\\_dot:after]:(!block)`
+  ],
+
+  [/^q-stepper__nav$/, ([, c], { theme }) => `pt-[24px]`],
+
+  [/^q-stepper--flat$/, ([, c], { theme }) => `[box-shadow:none]`],
+
+  [
+    /^q-stepper--bordered$/,
+    ([, c], { theme }) => `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
+  ],
+
+  [
+    /^q-stepper--horizontal$/,
+    ([, c], { theme }) =>
+      `[&_.q-stepper\\_\\_step-inner]:(p-[24px]) [&_.q-stepper\\_\\_tab:first-child]:([border-top-left-radius:inherit]) [&_.q-stepper\\_\\_tab:last-child]:([border-top-right-radius:inherit]) [&_.q-stepper\\_\\_tab:first-child_.q-stepper\\_\\_dot:before]:(hidden) [&_.q-stepper\\_\\_tab:last-child_.q-stepper\\_\\_label:after]:(hidden) [&_.q-stepper\\_\\_tab:last-child_.q-stepper\\_\\_dot:after]:(hidden) [&_.q-stepper\\_\\_tab]:(overflow-hidden) [&_.q-stepper\\_\\_line]:() [&_.q-stepper\\_\\_line:before]:(absolute top-2/4 h-px w-screen bg-[rgba(0,_0,_0,_0.12)]) [&_.q-stepper\\_\\_line:after]:(absolute top-2/4 h-px w-screen bg-[rgba(0,_0,_0,_0.12)]) [&_.q-stepper\\_\\_label:after]:(content-empty left-full ml-[8px]) [&_.q-stepper\\_\\_dot:after]:(content-empty left-full ml-[8px]) [&_.q-stepper\\_\\_dot:before]:(content-empty right-full mr-[8px]) [&_>_.q-stepper\\_\\_nav]:(pt-[0] px-[24px] pb-[24px])`
+  ],
+
+  [
+    /^q-stepper--vertical$/,
+    ([, c], { theme }) =>
+      `px-[0] py-[16px] [&_.q-stepper\\_\\_tab]:(px-[24px] py-[12px]) [&_.q-stepper\\_\\_title]:(leading-[18px]) [&_.q-stepper\\_\\_step-inner]:(pt-[0] pr-[24px] pb-[32px] pl-[60px]) [&_>_.q-stepper\\_\\_nav]:(pt-[24px] px-[24px] pb-[0]) [&_.q-stepper\\_\\_step]:(overflow-hidden) [&_.q-stepper\\_\\_dot]:(mr-[12px]) [&_.q-stepper\\_\\_dot:before]:(content-empty absolute left-2/4 w-px h-[99999px] bg-[rgba(0,_0,_0,_0.12)]) [&_.q-stepper\\_\\_dot:after]:(content-empty absolute left-2/4 w-px h-[99999px] bg-[rgba(0,_0,_0,_0.12)]) [&_.q-stepper\\_\\_dot:before]:(bottom-full mb-[8px]) [&_.q-stepper\\_\\_dot:after]:(top-full mt-[8px]) [&_.q-stepper\\_\\_step:first-child_.q-stepper\\_\\_dot:before]:(hidden) [&_.q-stepper\\_\\_step:last-child_.q-stepper\\_\\_dot:after]:(hidden) [&_.q-stepper\\_\\_step:last-child_.q-stepper\\_\\_step-inner]:(pb-[8px])`
+  ],
+
+  [
+    /^q-stepper--dark.q-stepper--bordered$/,
+    ([, c], { theme }) => `border-[rgba(255,_255,_255,_0.28)]`
+  ],
+
+  [
+    /^q-stepper--dark.q-stepper--horizontal$/,
+    ([, c], { theme }) =>
+      `[&_.q-stepper\\_\\_line:before]:(bg-[rgba(255,_255,_255,_0.28)]) [&_.q-stepper\\_\\_line:after]:(bg-[rgba(255,_255,_255,_0.28)])`
+  ],
+
+  [
+    /^q-stepper--dark.q-stepper--vertical$/,
+    ([, c], { theme }) =>
+      `[&_.q-stepper\\_\\_dot:before]:(bg-[rgba(255,_255,_255,_0.28)]) [&_.q-stepper\\_\\_dot:after]:(bg-[rgba(255,_255,_255,_0.28)])`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,10 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-tab-panels$/, ([, c], { theme }) => `bg-[#fff]`],
+
+  [/^q-tab-panel$/, ([, c], { theme }) => `p-[16px]`]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,194 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+body.desktop .q-table > tbody > tr:not(.q-tr--no-hover):hover > td:not(.q-td--no-hover):before {
+  content: "";
+}`
+  }
+]
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-markup-table$/, ([, c], { theme }) => `overflow-auto bg-[#fff]`],
+  [
+    /^q-table$/,
+    ([, c], { theme }) =>
+      `w-full max-w-full border-separate [border-spacing:0] [&_thead_tr]:(h-[48px]) [&_tbody_td]:(h-[48px]) [&_th]:(font-medium text-[12px] select-none) [&_th.sortable]:(cursor-pointer) [&_th.sortable:hover_.q-table\\_\\_sort-icon]:(opacity-[0.64]) [&_th.sorted_.q-table\\_\\_sort-icon]:(!opacity-[0.86]) [&_th.sort-desc_.q-table\\_\\_sort-icon]:(rotate-180) [&_th]:(px-[16px] py-[7px] [background-color:inherit]) [&_td]:(px-[16px] py-[7px] [background-color:inherit]) [&_thead]:(border-solid border-0) [&_td]:(border-solid border-0) [&_th]:(border-solid border-0) [&_tbody_td]:(text-[13px]) [&_thead]:(border-[rgba(0,_0,_0,_0.12)]) [&_tr]:(border-[rgba(0,_0,_0,_0.12)]) [&_th]:(border-[rgba(0,_0,_0,_0.12)]) [&_td]:(border-[rgba(0,_0,_0,_0.12)]) [&_tbody_td]:(relative) [&_tbody_td:before]:(absolute top-0 left-0 right-0 bottom-0 pointer-events-none) [&_tbody_td:after]:(absolute top-0 left-0 right-0 bottom-0 pointer-events-none) [&_tbody_td:before]:(bg-[rgba(0,_0,_0,_0.03)]) [&_tbody_td:after]:(bg-[rgba(0,_0,_0,_0.06)]) [&_tbody_tr.selected_td:after]:(content-empty) [&_.q-virtual-scroll\\_\\_padding_tr]:(!h-[0]) [&_.q-virtual-scroll\\_\\_padding_td]:(!p-0)
+    [&_.q-virtual-scroll\\_\\_padding_tr]:(h-0!)
+    [&_.q-virtual-scroll\\_\\_padding_td]:(p-0!)`
+  ],
+
+  [
+    /^q-table__card$/,
+    ([, c], { theme }) =>
+      `text-[#000] bg-[#fff] 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-table\\_\\_middle]:(flex-auto) [&_.q-table\\_\\_top]:(flex-[0_0_auto]) [&_.q-table\\_\\_bottom]:(flex-[0_0_auto])`
+  ],
+
+  [
+    /^q-table__container$/,
+    ([, c], { theme }) =>
+      `relative [&_>_div:first-child]:([border-top-left-radius:inherit] [border-top-right-radius:inherit]) [&_>_div:last-child]:([border-bottom-left-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_.q-inner-loading]:([border-radius:inherit!important])`
+  ],
+
+  [
+    /^q-table__top$/,
+    ([, c], { theme }) =>
+      `px-[16px] py-[12px] [&_.q-table\\_\\_control]:(flex-wrap)`
+  ],
+
+  [
+    /^q-table__title$/,
+    ([, c], { theme }) => `text-[20px] tracking-[0.005em] font-normal`
+  ],
+
+  [/^q-table__separator$/, ([, c], { theme }) => `!min-w-[8px]`],
+
+  [
+    /^q-table__progress$/,
+    ([, c], { theme }) =>
+      `!h-[0] [&_th]:(!p-0 !border-0) [&_.q-linear-progress]:(absolute bottom-0)`
+  ],
+
+  [/^q-table__middle$/, ([, c], { theme }) => `max-w-full`],
+
+  [
+    /^q-table__bottom$/,
+    ([, c], { theme }) =>
+      `min-h-[50px] pl-[16px] pr-[14px] py-[4px] text-[12px] [&_.q-table\\_\\_control]:(min-h-[24px]) [border-top:1px_solid_rgba(0,_0,_0,_0.12)]`
+  ],
+
+  [
+    /^q-table__bottom-nodata-icon$/,
+    ([, c], { theme }) => `text-[200%] mr-[8px]`
+  ],
+
+  [/^q-table__bottom-item$/, ([, c], { theme }) => `mr-[16px]`],
+
+  [/^q-table__control$/, ([, c], { theme }) => `flex items-center`],
+
+  [
+    /^q-table__sort-icon$/,
+    ([, c], { theme }) =>
+      `[transition:transform_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)] opacity-0 text-[120%]`
+  ],
+
+  [/^q-table__sort-icon--left$/, ([, c], { theme }) => `ml-[4px]`],
+
+  [/^q-table__sort-icon--center$/, ([, c], { theme }) => `ml-[4px]`],
+
+  [/^q-table__sort-icon--right$/, ([, c], { theme }) => `mr-[4px]`],
+
+  [/^q-table--col-auto-width$/, ([, c], { theme }) => `w-px`],
+
+  [
+    /^q-table__card--dark$/,
+    ([, c], { theme }) =>
+      `[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)]`
+  ],
+
+  [
+    /^q-table--dark$/,
+    ([, c], { theme }) =>
+      `[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)] [&_.q-table\\_\\_bottom]:(border-[rgba(255,_255,_255,_0.28)]) [&_thead]:(border-[rgba(255,_255,_255,_0.28)]) [&_tr]:(border-[rgba(255,_255,_255,_0.28)]) [&_th]:(border-[rgba(255,_255,_255,_0.28)]) [&_td]:(border-[rgba(255,_255,_255,_0.28)]) [&_tbody_td:before]:(bg-[rgba(255,_255,_255,_0.07)]) [&_tbody_td:after]:(bg-[rgba(255,_255,_255,_0.1)])`
+  ],
+
+  [/^q-table--flat$/, ([, c], { theme }) => `[box-shadow:none]`],
+
+  [
+    /^q-table--bordered$/,
+    ([, c], { theme }) => `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
+  ],
+
+  [/^q-table--square$/, ([, c], { theme }) => `rounded-none`],
+
+  [/^q-table__linear-progress$/, ([, c], { theme }) => `h-[2px]`],
+
+  [
+    /^q-table--no-wrap$/,
+    ([, c], { theme }) =>
+      `[&_th]:(whitespace-nowrap) [&_td]:(whitespace-nowrap)`
+  ],
+
+  [
+    /^q-table--grid$/,
+    ([, c], { theme }) =>
+      `[box-shadow:none] rounded-[4px] [&_.q-table\\_\\_top]:(pb-[4px]) [&_.q-table\\_\\_middle]:(min-h-[2px] mb-[4px]) [&_.q-table\\_\\_middle_thead]:(!border-0) [&_.q-table\\_\\_middle_thead_th]:(!border-0) [&_.q-table\\_\\_linear-progress]:(bottom-0) [&_.q-table\\_\\_bottom]:([border-top:0]) [&_.q-table\\_\\_grid-content]:(flex-auto)`
+  ],
+
+  [/^q-table--grid.fullscreen$/, ([, c], { theme }) => `[background:inherit]`],
+
+  [
+    /^q-table__grid-item-card$/,
+    ([, c], { theme }) =>
+      `align-top p-[12px] [&_.q-separator]:(mx-[0] my-[12px])`
+  ],
+
+  [
+    /^q-table__grid-item-row$/,
+    ([, c], { theme }) => `[&_+_.q-table\\_\\_grid-item-row]:(mt-[8px])`
+  ],
+
+  [
+    /^q-table__grid-item-title$/,
+    ([, c], { theme }) => `opacity-[0.54] font-medium text-[12px]`
+  ],
+
+  [/^q-table__grid-item-value$/, ([, c], { theme }) => `text-[13px]`],
+
+  [
+    /^q-table__grid-item$/,
+    ([, c], { theme }) =>
+      `p-[4px] [transition:transform_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)]`
+  ],
+
+  [/^q-table__grid-item--selected$/, ([, c], { theme }) => `scale-[0.95]`],
+
+  [
+    /^q-table--horizontal-separator$/,
+    ([, c], { theme }) =>
+      `[&_thead_th]:(border-b) [&_tbody_tr:not(:last-child)_>_td]:(border-b)`
+  ],
+
+  [
+    /^q-table--cell-separator$/,
+    ([, c], { theme }) =>
+      `[&_thead_th]:(border-b) [&_tbody_tr:not(:last-child)_>_td]:(border-b) [&_td]:(border-l) [&_th]:(border-l) [&_thead_tr:last-child_th]:(border-b) [&_td:first-child]:([border-left:0]) [&_th:first-child]:([border-left:0]) [&_.q-table\\_\\_top]:([border-bottom:1px_solid_rgba(0,_0,_0,_0.12)])`
+  ],
+
+  [
+    /^q-table--vertical-separator$/,
+    ([, c], { theme }) =>
+      `[&_td]:(border-l) [&_th]:(border-l) [&_thead_tr:last-child_th]:(border-b) [&_td:first-child]:([border-left:0]) [&_th:first-child]:([border-left:0]) [&_.q-table\\_\\_top]:([border-bottom:1px_solid_rgba(0,_0,_0,_0.12)])`
+  ],
+
+  [
+    /^q-table--vertical-separator.q-table--loading$/,
+    ([, c], { theme }) => `[&_tr:nth-last-child(2)_th]:(border-b)`
+  ],
+
+  [
+    /^q-table--cell-separator.q-table--loading$/,
+    ([, c], { theme }) => `[&_tr:nth-last-child(2)_th]:(border-b)`
+  ],
+
+  [
+    /^q-table--dense$/,
+    ([, c], { theme }) =>
+      `[&_.q-table\\_\\_top]:(px-[16px] py-[6px]) [&_.q-table\\_\\_bottom]:(min-h-[33px]) [&_.q-table\\_\\_sort-icon]:(text-[110%]) [&_.q-table_th]:(px-[8px] py-[4px]) [&_.q-table_td]:(px-[8px] py-[4px]) [&_.q-table_thead_tr]:(h-[28px]) [&_.q-table_tbody_tr]:(h-[28px]) [&_.q-table_tbody_td]:(h-[28px]) [&_.q-table_th:first-child]:(pl-[16px]) [&_.q-table_td:first-child]:(pl-[16px]) [&_.q-table_th:last-child]:(pr-[16px]) [&_.q-table_td:last-child]:(pr-[16px]) [&_.q-table\\_\\_bottom-item]:(mr-[8px]) [&_.q-table\\_\\_select_.q-field\\_\\_control]:(min-h-[24px] p-0) [&_.q-table\\_\\_select_.q-field\\_\\_native]:(min-h-[24px] p-0) [&_.q-table\\_\\_select_.q-field\\_\\_marginal]:(h-[24px])`
+  ],
+
+  [
+    /^q-table--dark.q-table--vertical-separator$/,
+    ([, c], { theme }) =>
+      `[&_.q-table\\_\\_top]:(border-[rgba(255,_255,_255,_0.28)])`
+  ],
+
+  [
+    /^q-table--dark.q-table--cell-separator$/,
+    ([, c], { theme }) =>
+      `[&_.q-table\\_\\_top]:(border-[rgba(255,_255,_255,_0.28)])`
+  ]
+]
+
+export { preflights, shortcuts }

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

@@ -0,0 +1,139 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-tab$/,
+    ([, c], { theme }) =>
+      `px-[16px] py-[0] min-h-[48px] [transition:color_0.3s,_background-color_0.3s] uppercase whitespace-nowrap [color:inherit] no-underline [&_.q-badge]:(top-[3px] -right-[12px])`
+  ],
+
+  [/^q-tab--full$/, ([, c], { theme }) => `min-h-[72px]`],
+
+  [/^q-tab--no-caps$/, ([, c], { theme }) => `normal-case`],
+
+  [
+    /^q-tab__content$/,
+    ([, c], { theme }) =>
+      `[height:inherit] px-[0] py-[4px] min-w-[40px] [&_.q-chip--floating]:(top-0 -right-[16px])`
+  ],
+
+  [
+    /^q-tab__content--inline$/,
+    ([, c], { theme }) => `[&_.q-tab\\_\\_icon_+_.q-tab\\_\\_label]:(pl-[8px])`
+  ],
+
+  [/^q-tab__icon$/, ([, c], { theme }) => `w-[24px] h-[24px] text-[24px]`],
+
+  [
+    /^q-tab__label$/,
+    ([, c], { theme }) => `text-[14px] leading-[1.715em] font-medium`
+  ],
+
+  [
+    /^q-tab__alert$/,
+    ([, c], { theme }) =>
+      `absolute top-[7px] -right-[9px] h-[10px] w-[10px] rounded-[50%] bg-current`
+  ],
+
+  [
+    /^q-tab__alert-icon$/,
+    ([, c], { theme }) => `absolute top-[2px] -right-[12px] text-[18px]`
+  ],
+
+  [/^q-tab__indicator$/, ([, c], { theme }) => `opacity-0 h-[2px] bg-current`],
+
+  [
+    /^q-tab--active$/,
+    ([, c], { theme }) => `[&_.q-tab\\_\\_indicator]:(opacity-100 origin-left)`
+  ],
+
+  [/^q-tab--inactive$/, ([, c], { theme }) => `opacity-[0.85]`],
+
+  [
+    /^q-tabs$/,
+    ([, c], { theme }) =>
+      `relative [transition:color_0.3s,_background-color_0.3s]`
+  ],
+
+  [
+    /^q-tabs--scrollable.q-tabs__arrows--outside.q-tabs--horizontal$/,
+    ([, c], { theme }) => `pl-[36px] pr-[36px]`
+  ],
+
+  [
+    /^q-tabs--scrollable.q-tabs__arrows--outside.q-tabs--vertical$/,
+    ([, c], { theme }) => `pt-[36px] pb-[36px]`
+  ],
+
+  [
+    /^q-tabs--scrollable.q-tabs__arrows--outside$/,
+    ([, c], { theme }) =>
+      `[&_.q-tabs\\_\\_arrow--faded]:(opacity-30 pointer-events-none)`
+  ],
+
+  [
+    /^q-tabs--scrollable.q-tabs__arrows--inside$/,
+    ([, c], { theme }) => `[&_.q-tabs\\_\\_arrow--faded]:(hidden)`
+  ],
+
+  [
+    /^q-tabs--not-scrollable.q-tabs__arrows--outside$/,
+    ([, c], { theme }) => `pl-0 pr-0`
+  ],
+
+  [
+    /^q-tabs--not-scrollable$/,
+    ([, c], { theme }) =>
+      `[&_.q-tabs\\_\\_arrow]:(hidden) [&_.q-tabs\\_\\_content]:([border-radius:inherit])`
+  ],
+
+  [
+    /^q-tabs__arrow$/,
+    ([, c], { theme }) =>
+      `cursor-pointer text-[32px] min-w-[36px] [text-shadow:0_0_3px_#fff,_0_0_1px_#fff,_0_0_1px_#000] [transition:opacity_0.3s]`
+  ],
+
+  [/^q-tabs__content$/, ([, c], { theme }) => `overflow-hidden flex-auto`],
+
+  [/^q-tabs__content--align-center$/, ([, c], { theme }) => `justify-center`],
+
+  [/^q-tabs__content--align-right$/, ([, c], { theme }) => `justify-end`],
+
+  [
+    /^q-tabs__content--align-justify$/,
+    ([, c], { theme }) => `[&_.q-tab]:(flex-auto)`
+  ],
+
+  [/^q-tabs__offset$/, ([, c], { theme }) => `hidden`],
+
+  [
+    /^q-tabs--horizontal$/,
+    ([, c], { theme }) =>
+      `[&_.q-tabs\\_\\_arrow]:(h-full) [&_.q-tabs\\_\\_arrow--left]:(top-0 left-0 bottom-0) [&_.q-tabs\\_\\_arrow--right]:(top-0 right-0 bottom-0)`
+  ],
+
+  [
+    /^q-tabs--vertical$/,
+    ([, c], { theme }) =>
+      `!block h-full [&_.q-tabs\\_\\_content]:(!block h-full) [&_.q-tabs\\_\\_arrow]:(w-full h-[36px] text-center) [&_.q-tabs\\_\\_arrow--left]:(top-0 left-0 right-0) [&_.q-tabs\\_\\_arrow--right]:(left-0 right-0 bottom-0) [&_.q-tab]:(px-[8px] py-[0]) [&_.q-tab\\_\\_indicator]:(h-[unset] w-[2px])`
+  ],
+
+  [
+    /^q-tabs--vertical.q-tabs--not-scrollable$/,
+    ([, c], { theme }) => `[&_.q-tabs\\_\\_content]:(h-full)`
+  ],
+
+  [
+    /^q-tabs--vertical.q-tabs--dense$/,
+    ([, c], { theme }) => `[&_.q-tab\\_\\_content]:(min-w-[24px])`
+  ],
+
+  [
+    /^q-tabs--dense$/,
+    ([, c], { theme }) =>
+      `[&_.q-tab]:(min-h-[36px]) [&_.q-tab--full]:(min-h-[52px])`
+  ]
+]
+
+export { shortcuts }