@a-type/ui 5.0.21 → 6.0.0

package/src/uno/rules/clipPath.ts

@@ -1,44 +0,0 @@
-import { Rule } from 'unocss';
-
-export const clipPathRules: Rule[] = [
-	[
-		/^clip-(.+)$/,
-		([, path]) => ({
-			'clip-path': `url(#${path})`,
-		}),
-	],
-	[
-		/^clip-none$/,
-		() => ({
-			'clip-path': 'none',
-		}),
-	],
-	[
-		/^clip-inset-(.+)$/,
-		([, value]) => {
-			const parts = value.split(']-[');
-			const unbracketed = parts
-				.map((part) => part.trim())
-				.map((part) => {
-					if (part.startsWith('[') && part.endsWith(']')) {
-						return part.slice(1, -1);
-					} else if (part.startsWith('[')) {
-						return part.slice(1);
-					} else if (part.endsWith(']')) {
-						return part.slice(0, -1);
-					}
-					return part;
-				})
-				.map((part) => part.replace(/_/g, ' '));
-			return {
-				'clip-path': `inset(${unbracketed.join(' ')})`,
-			};
-		},
-	],
-	[
-		/^clip-circle-(.+)$/,
-		([, value]) => ({
-			'clip-path': `circle(${value})`,
-		}),
-	],
-];

package/src/uno/rules/color.ts

@@ -1,372 +0,0 @@
-import { parseColor } from '@unocss/preset-mini/utils';
-import { Rule, symbols } from 'unocss';
-import { darken, lighten } from '../logic/color.js';
-import { PROPS } from '../logic/properties.js';
-
-export const colorRules: Rule[] = [
-	[
-		/^color-(.*)$/,
-		(match, { theme }) => {
-			if (match[1] === 'inherit') {
-				return {
-					color: `var(${PROPS.COLOR.FINAL},var(${PROPS.COLOR.INHERITED}))`,
-					[PROPS.COLOR.INHERITED]: 'unset',
-				};
-			}
-			const parsed = parseColor(match[1], theme);
-			if (!parsed?.color) {
-				return undefined;
-			}
-			return {
-				color: parsed.opacity
-					? `rgb(from var(${PROPS.COLOR.FINAL},var(${PROPS.COLOR.INHERITED})) r g b / var(${PROPS.COLOR.OPACITY},100%))`
-					: `var(${PROPS.COLOR.FINAL},var(${PROPS.COLOR.INHERITED}))`,
-				[PROPS.COLOR.INHERITED]: parsed.color,
-				[PROPS.COLOR.OPACITY]: (parsed.opacity || 100) + '%',
-			};
-		},
-		{
-			autocomplete: `color-$colors`,
-		},
-	],
-	[
-		/^color-l(?:ighten)?-(\d+\.?\d*)$/,
-		(match) => ({
-			[PROPS.COLOR.FINAL]: lighten(
-				`var(${PROPS.COLOR.INHERITED},currentColor)`,
-				match[1],
-			),
-		}),
-		{
-			autocomplete: 'color-(l|lighten)-<number>',
-		},
-	],
-	[
-		/^color-d(?:arken)?-(\d+\.?\d*)$/,
-		(match) => ({
-			[PROPS.COLOR.FINAL]: darken(
-				`var(${PROPS.COLOR.INHERITED},currentColor)`,
-				match[1],
-			),
-		}),
-		{
-			autocomplete: 'color-(d|darken)-<number>',
-		},
-	],
-	[
-		/^bg-(.*)$/,
-		(match, ctx) => {
-			const { theme } = ctx;
-			if (match[1] === 'inherit') {
-				return {
-					'background-color': `rgb(from var(${PROPS.BACKGROUND_COLOR.FINAL},var(${PROPS.BACKGROUND_COLOR.INHERITED})) r g b / var(${PROPS.BACKGROUND_COLOR.OPACITY},100%))`,
-					[PROPS.BACKGROUND_COLOR.INHERITED]: 'unset',
-				};
-			}
-			if (match[1] === 'transparent') {
-				return {
-					'background-color': 'transparent',
-					[PROPS.BACKGROUND_COLOR.INHERITED]: 'unset',
-				};
-			}
-			const parsed = parseColor(match[1], theme);
-			if (!parsed?.color) {
-				return undefined;
-			}
-
-			const base = {
-				'background-color': parsed.opacity
-					? `rgb(from var(${PROPS.BACKGROUND_COLOR.FINAL},var(${PROPS.BACKGROUND_COLOR.INHERITED})) r g b / var(${PROPS.BACKGROUND_COLOR.OPACITY},100%))`
-					: `var(${PROPS.BACKGROUND_COLOR.FINAL},var(${PROPS.BACKGROUND_COLOR.INHERITED}))`,
-				[PROPS.BACKGROUND_COLOR.INHERITED]: parsed.color,
-				[PROPS.BACKGROUND_COLOR.OPACITY]: (parsed.opacity || 100) + '%',
-			};
-
-			return base;
-		},
-		{
-			autocomplete: `bg-$colors`,
-		},
-	],
-	[
-		/^bg-l(?:ighten)?-(\d+\.?\d*)$/,
-		(match) => ({
-			[PROPS.BACKGROUND_COLOR.FINAL]: lighten(
-				`var(${PROPS.BACKGROUND_COLOR.INHERITED},var(${PROPS.MODE.WHITE}))`,
-				match[1],
-			),
-		}),
-		{
-			autocomplete: 'bg-(l|lighten)-<number>',
-		},
-	],
-	[
-		/^bg-d(?:arken)?-(\d+\.?\d*)$/,
-		(match) => ({
-			[PROPS.BACKGROUND_COLOR.FINAL]: darken(
-				`var(${PROPS.BACKGROUND_COLOR.INHERITED},var(${PROPS.MODE.WHITE}))`,
-				match[1],
-			),
-		}),
-		{
-			autocomplete: 'bg-(d|darken)-<number>',
-		},
-	],
-	[
-		/^(?:border|b)-(.*)$/,
-		function* (match, { theme, symbols }) {
-			if (match[1] === 'none') {
-				return undefined;
-			}
-			const parsed = parseColor(match[1], theme);
-			if (!parsed?.color) {
-				return undefined;
-			}
-			const thisColor = parsed.opacity
-				? `rgb(from var(${PROPS.BORDER_COLOR.ALL.FINAL},var(${PROPS.BORDER_COLOR.ALL.INHERITED})) r g b / var(${PROPS.BORDER_COLOR.ALL.OPACITY},100%))`
-				: `var(${PROPS.BORDER_COLOR.ALL.FINAL},var(${PROPS.BORDER_COLOR.ALL.INHERITED}))`;
-			yield {
-				[symbols.selector]: (selector) => `:where(${selector})`,
-				[PROPS.BORDER_COLOR.RIGHT
-					.INHERITED]: `var(${PROPS.BORDER_COLOR.RIGHT.FINAL},var(${PROPS.BORDER_COLOR.RIGHT.INHERITED},${thisColor}))`,
-				'border-right-color': `var(${PROPS.BORDER_COLOR.RIGHT.FINAL},var(${PROPS.BORDER_COLOR.RIGHT.INHERITED},${thisColor}))`,
-				[PROPS.BORDER_COLOR.LEFT
-					.INHERITED]: `var(${PROPS.BORDER_COLOR.LEFT.FINAL},var(${PROPS.BORDER_COLOR.LEFT.INHERITED},${thisColor}))`,
-				'border-left-color': `var(${PROPS.BORDER_COLOR.LEFT.FINAL},var(${PROPS.BORDER_COLOR.LEFT.INHERITED},${thisColor}))`,
-				[PROPS.BORDER_COLOR.TOP
-					.INHERITED]: `var(${PROPS.BORDER_COLOR.TOP.FINAL},var(${PROPS.BORDER_COLOR.TOP.INHERITED},${thisColor}))`,
-				'border-top-color': `var(${PROPS.BORDER_COLOR.TOP.FINAL},var(${PROPS.BORDER_COLOR.TOP.INHERITED},${thisColor}))`,
-				[PROPS.BORDER_COLOR.BOTTOM
-					.INHERITED]: `var(${PROPS.BORDER_COLOR.BOTTOM.FINAL},var(${PROPS.BORDER_COLOR.BOTTOM.INHERITED},${thisColor}))`,
-				'border-bottom-color': `var(${PROPS.BORDER_COLOR.BOTTOM.FINAL},var(${PROPS.BORDER_COLOR.BOTTOM.INHERITED},${thisColor}))`,
-			};
-			yield {
-				[PROPS.BORDER_COLOR.ALL.INHERITED]: parsed.color,
-				[PROPS.BORDER_COLOR.ALL.OPACITY]: (parsed.opacity || 100) + '%',
-			};
-		},
-		{
-			autocomplete: `(border|b)-$colors`,
-		},
-	],
-	[
-		/^(?:border|b)-l(?:ighten)?-(\d+\.?\d*)$/,
-		(match) => ({
-			[PROPS.BORDER_COLOR.ALL.FINAL]: lighten(
-				`var(${PROPS.BORDER_COLOR.ALL.INHERITED},currentColor)`,
-				match[1],
-			),
-		}),
-		{
-			autocomplete: '(border|b)-l(?:ighten)?-<number>',
-		},
-	],
-	[
-		/^(?:border|b)-d(?:arken)?-(\d+\.?\d*)$/,
-		(match) => ({
-			[PROPS.BORDER_COLOR.ALL.FINAL]: darken(
-				`var(${PROPS.BORDER_COLOR.ALL.INHERITED},currentColor)`,
-				match[1],
-			),
-		}),
-		{
-			autocomplete: '(border|b)-(d|darken)-<number>',
-		},
-	],
-	...(<const>['RIGHT', 'LEFT', 'TOP', 'BOTTOM']).flatMap((DIR) => {
-		const shorthand = DIR[0].toLowerCase();
-		return [
-			[
-				new RegExp(`^(?:border-|b-)${shorthand}-(.*)$`),
-				(match, { theme }) => {
-					if (match[1] === 'none') {
-						return undefined;
-					}
-					const parsed = parseColor(match[1], theme);
-					if (!parsed?.color) {
-						return undefined;
-					}
-					const thisColor = parsed.opacity
-						? `rgb(from var(${PROPS.BORDER_COLOR[DIR].FINAL},var(${PROPS.BORDER_COLOR[DIR].INHERITED})) r g b / var(${PROPS.BORDER_COLOR[DIR].OPACITY},100%))`
-						: `var(${PROPS.BORDER_COLOR[DIR].FINAL},var(${PROPS.BORDER_COLOR[DIR].INHERITED}))`;
-					return {
-						[`border-${dirnames[DIR]}-color`]: thisColor,
-						[`${PROPS.BORDER_COLOR[DIR].INHERITED}`]: parsed.color,
-						[`${PROPS.BORDER_COLOR[DIR].OPACITY}`]:
-							(parsed.opacity || 100) + '%',
-					};
-				},
-				{
-					autocomplete: `b-${shorthand}-$colors`,
-				},
-			],
-			[
-				new RegExp(`^(?:border|b)-${shorthand}-l(?:ighten)?-(\\d+\\.?\\d*)$`),
-				(match) => ({
-					[`${PROPS.BORDER_COLOR[DIR].FINAL}`]: lighten(
-						`var(${PROPS.BORDER_COLOR[DIR].INHERITED},currentColor)`,
-						match[1],
-					),
-				}),
-				{
-					autocomplete: `(?:border|b)-${shorthand}-(l|lighten)-<number>`,
-				},
-			],
-			[
-				new RegExp(`^(?:border|b)-${shorthand}-d(?:arken)?-(\\d+\\.?\\d*)$`),
-				(match) => ({
-					[`${PROPS.BORDER_COLOR[DIR].FINAL}`]: darken(
-						`var(${PROPS.BORDER_COLOR[DIR].INHERITED},currentColor)`,
-						match[1],
-					),
-				}),
-				{
-					autocomplete: `(border|b)${shorthand}-(d|darken)-<number>`,
-				},
-			],
-		] as Rule[];
-	}),
-	[
-		/^ring-(.*)$/,
-		(match, { theme }) => {
-			const parsed = parseColor(match[1], theme);
-			if (!parsed?.color) {
-				return undefined;
-			}
-			return {
-				[PROPS.BUILT_IN.RING_COLOR]: parsed.opacity
-					? `rgb(from var(${PROPS.RING_COLOR.FINAL},var(${PROPS.RING_COLOR.INHERITED})) r g b / var(${PROPS.RING_COLOR.OPACITY},100%))`
-					: `var(${PROPS.RING_COLOR.FINAL},var(${PROPS.RING_COLOR.INHERITED}))`,
-				[PROPS.RING_COLOR.INHERITED]: parsed.color,
-				[PROPS.RING_COLOR.OPACITY]: (parsed.opacity || 100) + '%',
-			};
-		},
-		{
-			autocomplete: `ring-$colors`,
-		},
-	],
-	[
-		/^ring-l(:?ighten)?-(\d+\.?\d*)$/,
-		(match) => ({
-			[PROPS.RING_COLOR.FINAL]: lighten(
-				`var(${PROPS.RING_COLOR.INHERITED},currentColor)`,
-				match[1],
-			),
-		}),
-		{
-			autocomplete: 'ring-(l|lighten)-<number>',
-		},
-	],
-	[
-		/^ring-d(?:arken)?-(\d+\.?\d*)$/,
-		(match) => ({
-			[PROPS.RING_COLOR.FINAL]: darken(
-				`var(${PROPS.RING_COLOR.INHERITED},currentColor)`,
-				match[1],
-			),
-		}),
-		{
-			autocomplete: 'ring-(d|darken)-<number>',
-		},
-	],
-	[
-		/^placeholder-(.*)$/,
-		function* (match, { theme }) {
-			const parsed = parseColor(match[1], theme);
-			if (!parsed?.color) {
-				return;
-			}
-			yield {
-				[symbols.selector]: (selector) => `${selector}::placeholder`,
-				color: parsed.opacity
-					? `rgb(from var(${PROPS.PLACEHOLDER_COLOR.FINAL},var(${PROPS.PLACEHOLDER_COLOR.INHERITED})) r g b / var(${PROPS.PLACEHOLDER_COLOR.OPACITY},100%))`
-					: `var(${PROPS.PLACEHOLDER_COLOR.FINAL},var(${PROPS.PLACEHOLDER_COLOR.INHERITED}))`,
-				[PROPS.PLACEHOLDER_COLOR.INHERITED]: parsed.color,
-				[PROPS.PLACEHOLDER_COLOR.OPACITY]: (parsed.opacity || 100) + '%',
-			};
-		},
-		{
-			autocomplete: `placeholder-$colors`,
-		},
-	],
-	[
-		/^placeholder-l(?:ighten)?-(\d+\.?\d*)$/,
-		function* (match) {
-			yield {
-				[symbols.selector]: (selector) => `${selector}::placeholder`,
-				[PROPS.PLACEHOLDER_COLOR.FINAL]: lighten(
-					`var(${PROPS.PLACEHOLDER_COLOR.INHERITED},currentColor)`,
-					match[1],
-				),
-			};
-		},
-		{
-			autocomplete: 'placeholder-(l|lighten)-<number>',
-		},
-	],
-	[
-		/^placeholder-d(?:arken)?-(\d+\.?\d*)$/,
-		function* (match) {
-			yield {
-				[symbols.selector]: (selector) => `${selector}::placeholder`,
-				[PROPS.PLACEHOLDER_COLOR.FINAL]: darken(
-					`var(${PROPS.PLACEHOLDER_COLOR.INHERITED},currentColor)`,
-					match[1],
-				),
-			};
-		},
-		{
-			autocomplete: 'placeholder-(d|darken)-<number>',
-		},
-	],
-	[
-		/^accent-(.*)$/,
-		(match, { theme }) => {
-			const parsed = parseColor(match[1], theme);
-			if (!parsed?.color) {
-				return undefined;
-			}
-			return {
-				'accent-color': parsed.opacity
-					? `rgb(from var(${PROPS.ACCENT_COLOR.FINAL},var(${PROPS.ACCENT_COLOR.INHERITED})) r g b / var(${PROPS.ACCENT_COLOR.OPACITY},100%))`
-					: `var(${PROPS.ACCENT_COLOR.FINAL},var(${PROPS.ACCENT_COLOR.INHERITED}))`,
-				[PROPS.ACCENT_COLOR.INHERITED]: parsed.color,
-				[PROPS.ACCENT_COLOR.OPACITY]: (parsed.opacity || 100) + '%',
-			};
-		},
-		{
-			autocomplete: `accent-$colors`,
-		},
-	],
-	[
-		/^accent-l(?:ighten)?-(\d+\.?\d*)$/,
-		(match) => ({
-			[PROPS.ACCENT_COLOR.FINAL]: lighten(
-				`var(${PROPS.ACCENT_COLOR.INHERITED},currentColor)`,
-				match[1],
-			),
-		}),
-		{
-			autocomplete: 'accent-(l|lighten)-<number>',
-		},
-	],
-	[
-		/^accent-d(?:arken)?-(\d+\.?\d*)$/,
-		(match) => ({
-			[PROPS.ACCENT_COLOR.FINAL]: darken(
-				`var(${PROPS.ACCENT_COLOR.INHERITED},currentColor)`,
-				match[1],
-			),
-		}),
-		{
-			autocomplete: 'accent-(d|darken)-<number>',
-		},
-	],
-];
-
-const dirnames: Record<string, string> = {
-	RIGHT: 'right',
-	LEFT: 'left',
-	TOP: 'top',
-	BOTTOM: 'bottom',
-};

package/src/uno/rules/container.ts

@@ -1,28 +0,0 @@
-import type { Rule } from '@unocss/core';
-
-const containerTypes = [
-	'normal',
-	'inline-size',
-	'size',
-	'style',
-	'scroll-state',
-] as const;
-
-export const containerRules: Rule[] = [
-	[
-		new RegExp(`^@container(?:-(\\w+))?(?:/(${containerTypes.join('|')}))?$`),
-		([, l, v]) => {
-			return {
-				'container-type': v ?? 'inline-size',
-				'container-name': l,
-			};
-		},
-		{
-			autocomplete: [
-				`@container-<name>`,
-				`@container-<name>/<type>`,
-				`@container/<type>`,
-			],
-		},
-	],
-];

package/src/uno/rules/focus.ts

@@ -1,46 +0,0 @@
-import { Theme } from '@unocss/preset-mini';
-import { Rule } from 'unocss';
-import { PROPS } from '../logic/properties.js';
-
-export const focusRules: Rule<Theme>[] = [
-	[
-		/^foc(?:-effect)?(-lg)?$/,
-		function* ([, size], { symbols }) {
-			yield {
-				[symbols.selector]: (selector) =>
-					`${selector}:focus-visible:not([data-focus-clicked]), ${selector}[data-focus-visible]`,
-				[PROPS.BUILT_IN.RING_COLOR]: `var(${PROPS.USER.FOCUS_COLOR})`,
-				[PROPS.BUILT_IN.RING_WIDTH]: size === '-lg' ? '4px' : '2px',
-				[PROPS.BUILT_IN.RING_STYLE]: 'solid',
-				[PROPS.BUILT_IN
-					.RING_SHADOW]: `var(${PROPS.BUILT_IN.RING_INSET}) 0 0 0 var(${PROPS.BUILT_IN.RING_WIDTH}) var(${PROPS.BUILT_IN.RING_COLOR})`,
-				outline: 'none',
-				'box-shadow': `var(${PROPS.BUILT_IN.RING_OFFSET_SHADOW}), var(${PROPS.BUILT_IN.RING_SHADOW}), var(${PROPS.BUILT_IN.SHADOW})`,
-			};
-			yield {
-				[symbols.selector]: (selector) => `${selector}:focus`,
-				outline: 'none',
-			};
-		},
-	],
-	[
-		/^foc-contained(-lg)?$/,
-		function* ([, size], { symbols }) {
-			yield {
-				[symbols.selector]: (selector) =>
-					`${selector}:has(:focus-visible:not([data-focus-clicked])), ${selector}:has([data-focus-visible])`,
-				[PROPS.BUILT_IN.RING_COLOR]: `var(${PROPS.USER.FOCUS_COLOR})`,
-				[PROPS.BUILT_IN.RING_WIDTH]: size === '-lg' ? '4px' : '2px',
-				[PROPS.BUILT_IN.RING_STYLE]: 'solid',
-				[PROPS.BUILT_IN
-					.RING_SHADOW]: `0 0 0 var(${PROPS.BUILT_IN.RING_WIDTH}) var(${PROPS.BUILT_IN.RING_COLOR})`,
-				outline: 'none',
-				'box-shadow': `var(${PROPS.BUILT_IN.RING_OFFSET_SHADOW}), var(${PROPS.BUILT_IN.RING_SHADOW})`,
-			};
-			yield {
-				[symbols.selector]: (selector) => `${selector}>*:focus`,
-				outline: 'none',
-			};
-		},
-	],
-];

package/src/uno/rules/index.ts

@@ -1,26 +0,0 @@
-import { anchorRules } from './anchor.js';
-import { clipPathRules } from './clipPath.js';
-import { colorRules } from './color.js';
-import { containerRules } from './container.js';
-import { focusRules } from './focus.js';
-import { overflowRules } from './overflow.js';
-import { shadowRules } from './shadow.js';
-import { utilRules } from './util.js';
-
-// const textColorRule = fontStyles.find(
-// 	([pattern]) =>
-// 		typeof pattern !== 'string' && pattern.source === '^text-(?:color-)?(.+)$',
-// )!;
-
-// const excluded = new Set<Rule>([...containerParent, textColorRule]);
-
-export const rules = [
-	...colorRules,
-	...anchorRules,
-	...overflowRules,
-	...shadowRules,
-	...utilRules,
-	...clipPathRules,
-	...containerRules,
-	...focusRules,
-];

package/src/uno/rules/overflow.ts

@@ -1,42 +0,0 @@
-import { Rule } from 'unocss';
-import { PROPS } from '../logic/properties.js';
-
-export const overflowRules: Rule[] = [
-	[
-		'overflow-stable',
-		{
-			'scrollbar-gutter': 'stable',
-			'scrollbar-color': `hsl(from var(${PROPS.COLOR.FINAL},var(${PROPS.COLOR.INHERITED},var(${PROPS.MODE.BLACK}))) h calc(s * 0.2) calc(l * 4)) transparent`,
-		},
-	],
-	[
-		'overflow-auto',
-		{
-			overflow: 'auto',
-			'scrollbar-gutter': 'stable',
-			'scrollbar-color': `hsl(from var(${PROPS.COLOR.FINAL},var(${PROPS.COLOR.INHERITED},var(${PROPS.MODE.BLACK}))) h calc(s * 0.2) calc(l * 4)) transparent`,
-		},
-	],
-	[
-		'overflow-y-auto',
-		{
-			'overflow-y': 'auto',
-			'scrollbar-gutter': 'stable',
-			'scrollbar-color': `hsl(from var(${PROPS.COLOR.FINAL},var(${PROPS.COLOR.INHERITED},var(${PROPS.MODE.BLACK}))) h calc(s * 0.2) calc(l * 4)) transparent`,
-		},
-	],
-	[
-		'overflow-x-auto',
-		{
-			'overflow-x': 'auto',
-			'scrollbar-gutter': 'stable',
-			'scrollbar-color': `hsl(from var(${PROPS.COLOR.FINAL},var(${PROPS.COLOR.INHERITED},var(${PROPS.MODE.BLACK}))) h calc(s * 0.2) calc(l * 4)) transparent`,
-		},
-	],
-	[
-		'overflow-unstable',
-		{
-			'scrollbar-gutter': 'auto',
-		},
-	],
-];

package/src/uno/rules/shadow.ts

@@ -1,25 +0,0 @@
-import { Rule } from 'unocss';
-import { PROPS } from '../logic/properties.js';
-
-export const shadowRules: Rule[] = [
-	[
-		/^shadow-up$/,
-		() => ({
-			[PROPS.UTILS.SHADOW_Y_MULT]: '-1',
-		}),
-	],
-	[
-		/^shadow-down$/,
-		() => ({
-			[PROPS.UTILS.SHADOW_Y_MULT]: '1',
-		}),
-	],
-	[
-		/^shadow-none$/,
-		() => ({
-			[PROPS.BUILT_IN.SHADOW]: '0 0 rgb(0 0 0 / 0)',
-			'box-shadow':
-				'var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)',
-		}),
-	],
-];

package/src/uno/rules/util.ts

@@ -1,42 +0,0 @@
-import { Rule } from 'unocss';
-import { PROPS } from '../logic/properties.js';
-
-export const utilRules: Rule[] = [
-	[
-		/^gutter-bottom$/,
-		(_, { theme }) => ({ 'margin-bottom': (theme as any).spacing[2] }),
-	],
-	[
-		/^arrow$/,
-		function* (_, ctx) {
-			yield {
-				fill: `var(${PROPS.BACKGROUND_COLOR.FINAL},var(${PROPS.BACKGROUND_COLOR.INHERITED},var(${PROPS.MODE.WHITE})))`,
-				stroke: `var(${PROPS.BORDER_COLOR.ALL.FINAL},var(${PROPS.BORDER_COLOR.ALL.INHERITED},var(${PROPS.MODE.BLACK})))`,
-				width: `var(${PROPS.UTILS.ARROW_SIZE})`,
-				height: `calc(var(${PROPS.UTILS.ARROW_SIZE}) * 0.5)`,
-				position: 'relative',
-				'z-index': 0,
-			};
-			yield {
-				[ctx.symbols.selector]: (selector) => `${selector}[data-side="top"]`,
-				transform: 'rotate(0deg)',
-				bottom: `calc(-1 * var(${PROPS.UTILS.ARROW_SIZE}) / 2 + 1px)`,
-			};
-			yield {
-				[ctx.symbols.selector]: (selector) => `${selector}[data-side="right"]`,
-				transform: 'rotate(90deg)',
-				left: `calc(-1 * var(${PROPS.UTILS.ARROW_SIZE}) * 0.75)`,
-			};
-			yield {
-				[ctx.symbols.selector]: (selector) => `${selector}[data-side="left"]`,
-				transform: 'rotate(-90deg)',
-				right: `calc(-1 * var(${PROPS.UTILS.ARROW_SIZE}) * 0.75)`,
-			};
-			yield {
-				[ctx.symbols.selector]: (selector) => `${selector}[data-side="bottom"]`,
-				transform: 'rotate(180deg)',
-				top: `calc(-1 * var(${PROPS.UTILS.ARROW_SIZE}) / 2)`,
-			};
-		},
-	],
-];

package/src/uno/shortcuts/index.ts

@@ -1,21 +0,0 @@
-import { PresetOptions } from 'unocss';
-
-export const shortcuts: PresetOptions['shortcuts'] = {
-	border: 'border-width-thin border-solid',
-	'border-default': 'border border-solid border-black',
-	'border-light': 'border border-solid border-gray border-darken-3',
-	'flex-1-0-0': 'flex-grow-1 flex-shrink-0 flex-basis-0',
-	'flex-0-0-auto': 'flex-grow-0 flex-shrink-0 flex-basis-auto',
-	row: 'layer-components:flex layer-components:flex-row layer-components:gap-sm layer-components:items-center',
-	col: 'layer-components:flex layer-components:flex-col layer-components:gap-sm layer-components:items-center',
-	'hidden-input':
-		'op-0 absolute z--1 pointer-events-none [&::webkit-file-upload-button]:hidden',
-	center: 'left-1/2 top-1/2 translate-x--1/2 translate-y--1/2',
-	'center-x': 'left-1/2 translate-x--1/2',
-	'center-y': 'top-1/2 translate-y--1/2',
-	'outline-off': '[outline:none]',
-	unset: '[all:unset]',
-	'bottom-keyboard':
-		'bottom-[var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px))]',
-	body: 'min-h-screen bg-wash color-black',
-};