@a-type/ui 0.1.2 → 0.1.4

package/{src/uno.preset.ts → dist/esm/uno.preset.js}

@@ -1,137 +1,135 @@
-import { Preset, presetUno } from 'unocss';
-
-export default function presetAglio(): Preset {
-	return {
-		name: 'aglio',
-		enforce: 'post',
-		theme: {
-			colors: {
-				none: '',
-				black: 'var(--color-black)',
-				white: 'var(--color-white)',
-				wash: 'var(--color-wash)',
-				attentionLight: 'var(--color-attention-light)',
-				'attention-light': 'var(--color-attention-light)',
-				attention: 'var(--color-attention)',
-				attentionDark: 'var(--color-attention-dark)',
-				'attention-dark': 'var(--color-attention-dark)',
-				accent: 'var(--color-accent)',
-				accentWash: 'var(--color-accent-wash)',
-				'accent-wash': 'var(--color-accent-wash)',
-				accentLight: 'var(--color-accent-light)',
-				'accent-light': 'var(--color-accent-light)',
-				accentDark: 'var(--color-accent-dark)',
-				'accent-dark': 'var(--color-accent-dark)',
-				primary: 'var(--color-primary)',
-				primaryLight: 'var(--color-primary-light)',
-				'primary-light': 'var(--color-primary-light)',
-				primaryDark: 'var(--color-primary-dark)',
-				'primary-dark': 'var(--color-primary-dark)',
-				primaryWash: 'var(--color-primary-wash)',
-				'primary-wash': 'var(--color-primary-wash)',
-				gray: {
-					1: 'var(--color-gray-1)',
-					2: 'var(--color-gray-2)',
-					3: 'var(--color-gray-3)',
-					4: 'var(--color-gray-4)',
-					5: 'var(--color-gray-5)',
-					6: 'var(--color-gray-6)',
-					7: 'var(--color-gray-7)',
-					8: 'var(--color-gray-8)',
-					9: 'var(--color-gray-9)',
-					0: 'var(--color-gray-0)',
-				},
-				grayBlend: 'var(--color-gray-blend)',
-				'gray-blend': 'var(--color-gray-blend)',
-				grayDarkBlend: 'var(--color-gray-dark-blend)',
-				'gray-dark-blend': 'var(--color-gray-dark-blend)',
-				darkBlend: 'var(--color-dark-blend)',
-				'dark-blend': 'var(--color-dark-blend)',
-				lightBlend: 'var(--color-light-blend)',
-				'light-blend': 'var(--color-light-blend)',
-				overlay: 'var(--color-overlay)',
-			},
-			fontFamily: {
-				sans: '"Inter", sans-serif',
-				serif: '"Domine", serif',
-				title: '"Inter", sans-serif',
-			},
-			fontSize: {
-				xxs: ['0.625rem', '0.75rem'],
-				xs: ['0.75rem', '1rem'],
-				sm: ['1rem', '1.25rem'],
-				md: ['1.125rem', '1.5rem'],
-				lg: ['1.25rem', '1.75rem'],
-				xl: ['1.5rem', '2rem'],
-				'2xl': ['1.75rem', '2.25rem'],
-				'3xl': ['2rem', '2.5rem'],
-				'4xl': ['2.5rem', '3rem'],
-				'5xl': ['3rem', '3.5rem'],
-				'6xl': ['4rem', '4.5rem'],
-				'7xl': ['5rem', '5.5rem'],
-				'8xl': ['6rem', '6.5rem'],
-				'9xl': ['7rem', '7.5rem'],
-			},
-			spacing: {
-				0: '0',
-				1: '0.25rem',
-				2: '0.5rem',
-				3: '0.75rem',
-				4: '1rem',
-				5: '1.25rem',
-				6: '1.5rem',
-				7: '1.75rem',
-				8: '2rem',
-				9: '2.25rem',
-				10: '2.5rem',
-				11: '2.75rem',
-				12: '3rem',
-				20: '5rem',
-			},
-			borderRadius: {
-				sm: '0.25rem',
-				md: '0.5rem',
-				lg: '0.75rem',
-				xl: '1rem',
-			},
-			width: {
-				content: '700px',
-				full: '100%',
-				'min-content': 'min-content',
-				'max-content': 'max-content',
-			},
-			height: {
-				'min-content': 'min-content',
-				'max-content': 'max-content',
-			},
-			boxShadow: {
-				sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
-				md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
-				lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
-				xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
-
-				// focus outlines
-				focus: `0 0 0 3px var(--color-primary-light)`,
-			},
-			easing: {
-				springy: 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-				default: 'ease',
-				linear: 'linear',
-			},
-			animation: {
-				keyframes: {
-					'progress-bar': `{0% { width: 0% } 100% { width: 100% }}`,
-					'pop-up': `{from { opacity: 0; transform: translateY(30px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); }}`,
-					'item-disappear': `{
+import { presetUno } from 'unocss';
+export default function presetAglio() {
+    return {
+        name: 'aglio',
+        enforce: 'post',
+        theme: {
+            colors: {
+                none: '',
+                black: 'var(--color-black)',
+                white: 'var(--color-white)',
+                wash: 'var(--color-wash)',
+                attentionLight: 'var(--color-attention-light)',
+                'attention-light': 'var(--color-attention-light)',
+                attention: 'var(--color-attention)',
+                attentionDark: 'var(--color-attention-dark)',
+                'attention-dark': 'var(--color-attention-dark)',
+                accent: 'var(--color-accent)',
+                accentWash: 'var(--color-accent-wash)',
+                'accent-wash': 'var(--color-accent-wash)',
+                accentLight: 'var(--color-accent-light)',
+                'accent-light': 'var(--color-accent-light)',
+                accentDark: 'var(--color-accent-dark)',
+                'accent-dark': 'var(--color-accent-dark)',
+                primary: 'var(--color-primary)',
+                primaryLight: 'var(--color-primary-light)',
+                'primary-light': 'var(--color-primary-light)',
+                primaryDark: 'var(--color-primary-dark)',
+                'primary-dark': 'var(--color-primary-dark)',
+                primaryWash: 'var(--color-primary-wash)',
+                'primary-wash': 'var(--color-primary-wash)',
+                gray: {
+                    1: 'var(--color-gray-1)',
+                    2: 'var(--color-gray-2)',
+                    3: 'var(--color-gray-3)',
+                    4: 'var(--color-gray-4)',
+                    5: 'var(--color-gray-5)',
+                    6: 'var(--color-gray-6)',
+                    7: 'var(--color-gray-7)',
+                    8: 'var(--color-gray-8)',
+                    9: 'var(--color-gray-9)',
+                    0: 'var(--color-gray-0)',
+                },
+                grayBlend: 'var(--color-gray-blend)',
+                'gray-blend': 'var(--color-gray-blend)',
+                grayDarkBlend: 'var(--color-gray-dark-blend)',
+                'gray-dark-blend': 'var(--color-gray-dark-blend)',
+                darkBlend: 'var(--color-dark-blend)',
+                'dark-blend': 'var(--color-dark-blend)',
+                lightBlend: 'var(--color-light-blend)',
+                'light-blend': 'var(--color-light-blend)',
+                overlay: 'var(--color-overlay)',
+            },
+            fontFamily: {
+                sans: '"Inter", sans-serif',
+                serif: '"Domine", serif',
+                title: '"Inter", sans-serif',
+            },
+            fontSize: {
+                xxs: ['0.625rem', '0.75rem'],
+                xs: ['0.75rem', '1rem'],
+                sm: ['1rem', '1.25rem'],
+                md: ['1.125rem', '1.5rem'],
+                lg: ['1.25rem', '1.75rem'],
+                xl: ['1.5rem', '2rem'],
+                '2xl': ['1.75rem', '2.25rem'],
+                '3xl': ['2rem', '2.5rem'],
+                '4xl': ['2.5rem', '3rem'],
+                '5xl': ['3rem', '3.5rem'],
+                '6xl': ['4rem', '4.5rem'],
+                '7xl': ['5rem', '5.5rem'],
+                '8xl': ['6rem', '6.5rem'],
+                '9xl': ['7rem', '7.5rem'],
+            },
+            spacing: {
+                0: '0',
+                1: '0.25rem',
+                2: '0.5rem',
+                3: '0.75rem',
+                4: '1rem',
+                5: '1.25rem',
+                6: '1.5rem',
+                7: '1.75rem',
+                8: '2rem',
+                9: '2.25rem',
+                10: '2.5rem',
+                11: '2.75rem',
+                12: '3rem',
+                20: '5rem',
+            },
+            borderRadius: {
+                sm: '0.25rem',
+                md: '0.5rem',
+                lg: '0.75rem',
+                xl: '1rem',
+            },
+            width: {
+                content: '700px',
+                full: '100%',
+                'min-content': 'min-content',
+                'max-content': 'max-content',
+            },
+            height: {
+                'min-content': 'min-content',
+                'max-content': 'max-content',
+            },
+            boxShadow: {
+                sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
+                md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
+                lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
+                xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
+                // focus outlines
+                focus: `0 0 0 3px var(--color-primary-light)`,
+            },
+            easing: {
+                springy: 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
+                default: 'ease',
+                linear: 'linear',
+            },
+            animation: {
+                keyframes: {
+                    'progress-bar': `{0% { width: 0% } 100% { width: 100% }}`,
+                    'pop-up': `{from { opacity: 0; transform: translateY(30px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); }}`,
+                    'item-disappear': `{
 					0% {opacity:1;transform:translateY(0);height:var(--height);}
 					25% {opacity:1;transform:translateY(0);height:var(--height);}
 					100% {opacity:0;transform:translateY(30px);height:0;marginTop:0;}
 				}`,
-					'expand-scale-x': `{
+                    'expand-scale-x': `{
 					from { transform: scaleX(0) }
 					to { transform: scaleX(1) }
 				}`,
-					pop: `{
+                    pop: `{
 					0% {
 						transform: translate(-50%, -50%) scale(0);
 						opacity: 1;
@@ -145,58 +143,58 @@ export default function presetAglio(): Preset {
 						opacity: 0;
 					}
 				}`,
-					'scan-line': `{
+                    'scan-line': `{
 					0% { top: 0% }
 					30% { top: 100% }
 					70% { top: 100% }
 					100% { top: 0% }
 				}`,
-					'pop-in-from-half': `{
+                    'pop-in-from-half': `{
 					0% { opacity: 0; transform: scale(0.5) }
 					100% { opacity: 1; transform: scale(1) }
 				}`,
-					'radix-collapsible-open-vertical': `{
+                    'radix-collapsible-open-vertical': `{
             from { height: 0 }
             to { height: var(--radix-collapsible-content-height) }
           }`,
-					'radix-collapsible-close-vertical': `{
+                    'radix-collapsible-close-vertical': `{
             from { height: var(--radix-collapsible-content-height) }
             to { height: 0 }
           }`,
-					'radix-collapsible-open-horizontal': `{
+                    'radix-collapsible-open-horizontal': `{
             from { width: 0 }
             to { width: var(--radix-collapsible-content-width) }
           }`,
-					'radix-collapsible-close-horizontal': `{
+                    'radix-collapsible-close-horizontal': `{
             from { width: var(--radix-collapsible-content-width) }
             to { width: 0 }
           }`,
-					'radix-collapsible-open-both': `{
+                    'radix-collapsible-open-both': `{
 						from { width: 0; height: 0 }
 						to { width: var(--radix-collapsible-content-width); height: var(--radix-collapsible-content-height) }
 					}`,
-					'radix-collapsible-close-both': `{
+                    'radix-collapsible-close-both': `{
 						from { width: var(--radix-collapsible-content-width); height: var(--radix-collapsible-content-height) }
 						to { width: 0; height: 0 }
 					}`,
-					'peek-close': `{
+                    'peek-close': `{
 						from { height: calc(var(--collapsible-height) + 80px); max-height: none; }
 						to { height: min(var(--peek-height, 120px), var(--collapsible-height)); max-height: var(--peek-height, 120px); }
 					}`,
-					'peek-open': `{
+                    'peek-open': `{
 						from { height: min(var(--peek-height, 120px), var(--collapsible-height)); }
 						to { height: calc(var(--collapsible-height) + 80px); }
 					}`,
-					skeleton: `{
+                    skeleton: `{
 						from { background-position: 0% 50%; }
 						to { background-position: 100% 50%; }
 					}`,
-					'spinner-stroke': `{
+                    'spinner-stroke': `{
 						0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; }
 						50% { stroke-dasharray: 100, 200; stroke-dashoffset: -15; }
 						100% { stroke-dasharray: 100, 200; stroke-dashoffset: -125; }
 					}`,
-					'fade-and-pop': `{
+                    'fade-and-pop': `{
 						0% { opacity: 0.2; transform: scale(0.6); }
 						40% { opacity: 0.5; transform: scale(0.7); }
 						50% { opacity: 1; transform: scale(1.1) rotate(2deg); }
@@ -204,104 +202,96 @@ export default function presetAglio(): Preset {
 						70% { opacity: 1; transform: scale(1); }
 						100% { opacity: 0.2; transform: scale(0.6); }
 					}`,
-				},
-				timingFns: {
-					linear: 'linear',
-					springy: 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-					'ease-out': 'ease-out',
-					'fade-in-up': 'ease-out',
-					'fade-in-down': 'ease-out',
-					'fade-in-left': 'ease-out',
-					'fade-in-right': 'ease-out',
-					'fade-out-up': 'ease-in',
-					'fade-out-down': 'ease-in',
-					'fade-out-left': 'ease-in',
-					'fade-out-right': 'ease-in',
-					'fade-in-up-big': 'ease-out',
-					'fade-in-down-big': 'ease-out',
-					'fade-in-left-big': 'ease-out',
-					'fade-in-right-big': 'ease-out',
-					'fade-in': 'ease-out',
-					'fade-out': 'ease-in',
-					'scan-line': 'linear',
-					'radix-collapsible-open-vertical':
-						'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-					'radix-collapsible-close-vertical':
-						'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-					'radix-collapsible-open-horizontal':
-						'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-					'radix-collapsible-close-horizontal':
-						'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-					'radix-collapsible-open-both': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-					'radix-collapsible-close-both': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-				},
-				durations: {
-					'fade-in-up': '300ms',
-					'fade-in-down': '300ms',
-					'fade-in-left': '300ms',
-					'fade-in-right': '300ms',
-					'fade-out-up': '300ms',
-					'fade-out-down': '300ms',
-					'fade-out-left': '300ms',
-					'fade-out-right': '300ms',
-					'fade-in-up-big': '400ms',
-					'fade-in-down-big': '400ms',
-					'fade-in-left-big': '400ms',
-					'fade-in-right-big': '400ms',
-					'fade-in': '200ms',
-					'fade-out': '200ms',
-					'scan-line': '1.5s',
-					'radix-collapsible-open-vertical': '300ms',
-					'radix-collapsible-close-vertical': '300ms',
-					'radix-collapsible-open-horizontal': '300ms',
-					'radix-collapsible-close-horizontal': '300ms',
-					'radix-collapsible-open-both': '300ms',
-					'radix-collapsible-close-both': '300ms',
-				},
-			},
-		},
-
-		rules: [
-			[
-				/^gutter-bottom$/,
-				(_, { theme }) => ({ 'margin-bottom': (theme as any).spacing[2] }),
-			],
-		],
-
-		variants: [
-			/** Selects &+&, good for top borders */
-			(matcher) => {
-				if (!matcher.startsWith('repeated:')) return matcher;
-				return {
-					matcher: matcher.slice('repeated:'.length),
-					selector: (s) => `${s} + ${s}`,
-				};
-			},
-		],
-
-		shortcuts: {
-			'border-default': 'border border-solid border-black',
-			'border-light': 'border border-solid border-gray5',
-			'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',
-			'hidden-input':
-				'op-0 absolute z--1 pointer-events-none [&::webkit-file-upload-button]:display-none',
-			center: 'left-50% top-50%',
-			'z-nav': 'z-[var(--z-nav)]',
-			'z-menu': 'z-[var(--z-menu)]',
-			'z-dialog': 'z-[var(--z-dialog)]',
-			'z-dialog-backdrop': 'z-[var(--z-dialogBackdrop)]',
-			'z-tooltip': 'z-[var(--z-tooltip)]',
-			'z-overdraw': 'z-[var(--z-overdraw)]',
-			'outline-off': '[outline:none]',
-			'bg-wash': 'bg-[var(--color-wash)]',
-			unset: '[all:unset]',
-		},
-
-		preflights: [
-			{
-				// TODO: other themes...
-				getCSS: (ctx) => `
+                },
+                timingFns: {
+                    linear: 'linear',
+                    springy: 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
+                    'ease-out': 'ease-out',
+                    'fade-in-up': 'ease-out',
+                    'fade-in-down': 'ease-out',
+                    'fade-in-left': 'ease-out',
+                    'fade-in-right': 'ease-out',
+                    'fade-out-up': 'ease-in',
+                    'fade-out-down': 'ease-in',
+                    'fade-out-left': 'ease-in',
+                    'fade-out-right': 'ease-in',
+                    'fade-in-up-big': 'ease-out',
+                    'fade-in-down-big': 'ease-out',
+                    'fade-in-left-big': 'ease-out',
+                    'fade-in-right-big': 'ease-out',
+                    'fade-in': 'ease-out',
+                    'fade-out': 'ease-in',
+                    'scan-line': 'linear',
+                    'radix-collapsible-open-vertical': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
+                    'radix-collapsible-close-vertical': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
+                    'radix-collapsible-open-horizontal': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
+                    'radix-collapsible-close-horizontal': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
+                    'radix-collapsible-open-both': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
+                    'radix-collapsible-close-both': 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
+                },
+                durations: {
+                    'fade-in-up': '300ms',
+                    'fade-in-down': '300ms',
+                    'fade-in-left': '300ms',
+                    'fade-in-right': '300ms',
+                    'fade-out-up': '300ms',
+                    'fade-out-down': '300ms',
+                    'fade-out-left': '300ms',
+                    'fade-out-right': '300ms',
+                    'fade-in-up-big': '400ms',
+                    'fade-in-down-big': '400ms',
+                    'fade-in-left-big': '400ms',
+                    'fade-in-right-big': '400ms',
+                    'fade-in': '200ms',
+                    'fade-out': '200ms',
+                    'scan-line': '1.5s',
+                    'radix-collapsible-open-vertical': '300ms',
+                    'radix-collapsible-close-vertical': '300ms',
+                    'radix-collapsible-open-horizontal': '300ms',
+                    'radix-collapsible-close-horizontal': '300ms',
+                    'radix-collapsible-open-both': '300ms',
+                    'radix-collapsible-close-both': '300ms',
+                },
+            },
+        },
+        rules: [
+            [
+                /^gutter-bottom$/,
+                (_, { theme }) => ({ 'margin-bottom': theme.spacing[2] }),
+            ],
+        ],
+        variants: [
+            /** Selects &+&, good for top borders */
+            (matcher) => {
+                if (!matcher.startsWith('repeated:'))
+                    return matcher;
+                return {
+                    matcher: matcher.slice('repeated:'.length),
+                    selector: (s) => `${s} + ${s}`,
+                };
+            },
+        ],
+        shortcuts: {
+            'border-default': 'border border-solid border-black',
+            'border-light': 'border border-solid border-gray5',
+            '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',
+            'hidden-input': 'op-0 absolute z--1 pointer-events-none [&::webkit-file-upload-button]:display-none',
+            center: 'left-50% top-50%',
+            'z-nav': 'z-[var(--z-nav)]',
+            'z-menu': 'z-[var(--z-menu)]',
+            'z-dialog': 'z-[var(--z-dialog)]',
+            'z-dialog-backdrop': 'z-[var(--z-dialogBackdrop)]',
+            'z-tooltip': 'z-[var(--z-tooltip)]',
+            'z-overdraw': 'z-[var(--z-overdraw)]',
+            'outline-off': '[outline:none]',
+            'bg-wash': 'bg-[var(--color-wash)]',
+            unset: '[all:unset]',
+        },
+        preflights: [
+            {
+                // TODO: other themes...
+                getCSS: (ctx) => `
 				@layer components, variants, utilities;
 
 				:root {
@@ -649,42 +639,29 @@ export default function presetAglio(): Preset {
 					}
 				}
 			`,
-			},
-		],
-
-		presets: [presetUno({})],
-	};
+            },
+        ],
+        presets: [presetUno({})],
+    };
 }
-
 const themeColors = ['red', 'green', 'yellow', 'blue', 'purple'];
-function roundTens(num: number) {
-	return Math.round(num / 10) * 10;
+function roundTens(num) {
+    return Math.round(num / 10) * 10;
 }
-function asPaletteValue(num: number) {
-	return roundTens(num).toString().padStart(2, '0');
+function asPaletteValue(num) {
+    return roundTens(num).toString().padStart(2, '0');
 }
-function generateColors(from: number, to: number) {
-	const increment = (to - from) / 3;
-	const map = themeColors.reduce((acc, color) => {
-		acc[`--color-${color}-wash`] = `var(--palette-${color}-${asPaletteValue(
-			from,
-		)})`;
-		acc[`--color-${color}-light`] = `var(--palette-${color}-${asPaletteValue(
-			from + roundTens(increment),
-		)})`;
-		acc[`--color-${color}`] = `var(--palette-${color}-${asPaletteValue(
-			from + roundTens(increment * 2),
-		)})`;
-		acc[`--color-${color}-dark`] = `var(--palette-${color}-${asPaletteValue(
-			from + roundTens(increment * 3),
-		)})`;
-		return acc;
-	}, {} as Record<string, string>);
-	return Object.entries(map).reduce(
-		(str, [key, value]) => str + `${key}: ${value};\n`,
-		'',
-	);
+function generateColors(from, to) {
+    const increment = (to - from) / 3;
+    const map = themeColors.reduce((acc, color) => {
+        acc[`--color-${color}-wash`] = `var(--palette-${color}-${asPaletteValue(from)})`;
+        acc[`--color-${color}-light`] = `var(--palette-${color}-${asPaletteValue(from + roundTens(increment))})`;
+        acc[`--color-${color}`] = `var(--palette-${color}-${asPaletteValue(from + roundTens(increment * 2))})`;
+        acc[`--color-${color}-dark`] = `var(--palette-${color}-${asPaletteValue(from + roundTens(increment * 3))})`;
+        return acc;
+    }, {});
+    return Object.entries(map).reduce((str, [key, value]) => str + `${key}: ${value};\n`, '');
 }
-
 const lightColors = generateColors(90, 40);
 const darkColors = generateColors(0, 60);
+//# sourceMappingURL=uno.preset.js.map

package/dist/esm/uno.preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uno.preset.js","sourceRoot":"","sources":["../../src/uno.preset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,WAAW;IAClC,OAAO;QACN,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,MAAM;QACf,KAAK,EAAE;YACN,MAAM,EAAE;gBACP,IAAI,EAAE,EAAE;gBACR,KAAK,EAAE,oBAAoB;gBAC3B,KAAK,EAAE,oBAAoB;gBAC3B,IAAI,EAAE,mBAAmB;gBACzB,cAAc,EAAE,8BAA8B;gBAC9C,iBAAiB,EAAE,8BAA8B;gBACjD,SAAS,EAAE,wBAAwB;gBACnC,aAAa,EAAE,6BAA6B;gBAC5C,gBAAgB,EAAE,6BAA6B;gBAC/C,MAAM,EAAE,qBAAqB;gBAC7B,UAAU,EAAE,0BAA0B;gBACtC,aAAa,EAAE,0BAA0B;gBACzC,WAAW,EAAE,2BAA2B;gBACxC,cAAc,EAAE,2BAA2B;gBAC3C,UAAU,EAAE,0BAA0B;gBACtC,aAAa,EAAE,0BAA0B;gBACzC,OAAO,EAAE,sBAAsB;gBAC/B,YAAY,EAAE,4BAA4B;gBAC1C,eAAe,EAAE,4BAA4B;gBAC7C,WAAW,EAAE,2BAA2B;gBACxC,cAAc,EAAE,2BAA2B;gBAC3C,WAAW,EAAE,2BAA2B;gBACxC,cAAc,EAAE,2BAA2B;gBAC3C,IAAI,EAAE;oBACL,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;iBACxB;gBACD,SAAS,EAAE,yBAAyB;gBACpC,YAAY,EAAE,yBAAyB;gBACvC,aAAa,EAAE,8BAA8B;gBAC7C,iBAAiB,EAAE,8BAA8B;gBACjD,SAAS,EAAE,yBAAyB;gBACpC,YAAY,EAAE,yBAAyB;gBACvC,UAAU,EAAE,0BAA0B;gBACtC,aAAa,EAAE,0BAA0B;gBACzC,OAAO,EAAE,sBAAsB;aAC/B;YACD,UAAU,EAAE;gBACX,IAAI,EAAE,qBAAqB;gBAC3B,KAAK,EAAE,iBAAiB;gBACxB,KAAK,EAAE,qBAAqB;aAC5B;YACD,QAAQ,EAAE;gBACT,GAAG,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC;gBAC5B,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;gBACvB,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC;gBACvB,EAAE,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;gBAC1B,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;gBAC1B,EAAE,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC;gBACtB,KAAK,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;gBAC7B,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;gBACzB,KAAK,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC;gBACzB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;gBACzB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;gBACzB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;gBACzB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;gBACzB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;aACzB;YACD,OAAO,EAAE;gBACR,CAAC,EAAE,GAAG;gBACN,CAAC,EAAE,SAAS;gBACZ,CAAC,EAAE,QAAQ;gBACX,CAAC,EAAE,SAAS;gBACZ,CAAC,EAAE,MAAM;gBACT,CAAC,EAAE,SAAS;gBACZ,CAAC,EAAE,QAAQ;gBACX,CAAC,EAAE,SAAS;gBACZ,CAAC,EAAE,MAAM;gBACT,CAAC,EAAE,SAAS;gBACZ,EAAE,EAAE,QAAQ;gBACZ,EAAE,EAAE,SAAS;gBACb,EAAE,EAAE,MAAM;gBACV,EAAE,EAAE,MAAM;aACV;YACD,YAAY,EAAE;gBACb,EAAE,EAAE,SAAS;gBACb,EAAE,EAAE,QAAQ;gBACZ,EAAE,EAAE,SAAS;gBACb,EAAE,EAAE,MAAM;aACV;YACD,KAAK,EAAE;gBACN,OAAO,EAAE,OAAO;gBAChB,IAAI,EAAE,MAAM;gBACZ,aAAa,EAAE,aAAa;gBAC5B,aAAa,EAAE,aAAa;aAC5B;YACD,MAAM,EAAE;gBACP,aAAa,EAAE,aAAa;gBAC5B,aAAa,EAAE,aAAa;aAC5B;YACD,SAAS,EAAE;gBACV,EAAE,EAAE,iCAAiC;gBACrC,EAAE,EAAE,uEAAuE;gBAC3E,EAAE,EAAE,yEAAyE;gBAC7E,EAAE,EAAE,2EAA2E;gBAE/E,iBAAiB;gBACjB,KAAK,EAAE,sCAAsC;aAC7C;YACD,MAAM,EAAE;gBACP,OAAO,EAAE,qCAAqC;gBAC9C,OAAO,EAAE,MAAM;gBACf,MAAM,EAAE,QAAQ;aAChB;YACD,SAAS,EAAE;gBACV,SAAS,EAAE;oBACV,cAAc,EAAE,yCAAyC;oBACzD,QAAQ,EAAE,uHAAuH;oBACjI,gBAAgB,EAAE;;;;MAIjB;oBACD,gBAAgB,EAAE;;;MAGjB;oBACD,GAAG,EAAE;;;;;;;;;;;;;MAaJ;oBACD,WAAW,EAAE;;;;;MAKZ;oBACD,kBAAkB,EAAE;;;MAGnB;oBACD,iCAAiC,EAAE;;;YAG5B;oBACP,kCAAkC,EAAE;;;YAG7B;oBACP,mCAAmC,EAAE;;;YAG9B;oBACP,oCAAoC,EAAE;;;YAG/B;oBACP,6BAA6B,EAAE;;;OAG7B;oBACF,8BAA8B,EAAE;;;OAG9B;oBACF,YAAY,EAAE;;;OAGZ;oBACF,WAAW,EAAE;;;OAGX;oBACF,QAAQ,EAAE;;;OAGR;oBACF,gBAAgB,EAAE;;;;OAIhB;oBACF,cAAc,EAAE;;;;;;;OAOd;iBACF;gBACD,SAAS,EAAE;oBACV,MAAM,EAAE,QAAQ;oBAChB,OAAO,EAAE,qCAAqC;oBAC9C,UAAU,EAAE,UAAU;oBACtB,YAAY,EAAE,UAAU;oBACxB,cAAc,EAAE,UAAU;oBAC1B,cAAc,EAAE,UAAU;oBAC1B,eAAe,EAAE,UAAU;oBAC3B,aAAa,EAAE,SAAS;oBACxB,eAAe,EAAE,SAAS;oBAC1B,eAAe,EAAE,SAAS;oBAC1B,gBAAgB,EAAE,SAAS;oBAC3B,gBAAgB,EAAE,UAAU;oBAC5B,kBAAkB,EAAE,UAAU;oBAC9B,kBAAkB,EAAE,UAAU;oBAC9B,mBAAmB,EAAE,UAAU;oBAC/B,SAAS,EAAE,UAAU;oBACrB,UAAU,EAAE,SAAS;oBACrB,WAAW,EAAE,QAAQ;oBACrB,iCAAiC,EAChC,qCAAqC;oBACtC,kCAAkC,EACjC,qCAAqC;oBACtC,mCAAmC,EAClC,qCAAqC;oBACtC,oCAAoC,EACnC,qCAAqC;oBACtC,6BAA6B,EAAE,qCAAqC;oBACpE,8BAA8B,EAAE,qCAAqC;iBACrE;gBACD,SAAS,EAAE;oBACV,YAAY,EAAE,OAAO;oBACrB,cAAc,EAAE,OAAO;oBACvB,cAAc,EAAE,OAAO;oBACvB,eAAe,EAAE,OAAO;oBACxB,aAAa,EAAE,OAAO;oBACtB,eAAe,EAAE,OAAO;oBACxB,eAAe,EAAE,OAAO;oBACxB,gBAAgB,EAAE,OAAO;oBACzB,gBAAgB,EAAE,OAAO;oBACzB,kBAAkB,EAAE,OAAO;oBAC3B,kBAAkB,EAAE,OAAO;oBAC3B,mBAAmB,EAAE,OAAO;oBAC5B,SAAS,EAAE,OAAO;oBAClB,UAAU,EAAE,OAAO;oBACnB,WAAW,EAAE,MAAM;oBACnB,iCAAiC,EAAE,OAAO;oBAC1C,kCAAkC,EAAE,OAAO;oBAC3C,mCAAmC,EAAE,OAAO;oBAC5C,oCAAoC,EAAE,OAAO;oBAC7C,6BAA6B,EAAE,OAAO;oBACtC,8BAA8B,EAAE,OAAO;iBACvC;aACD;SACD;QAED,KAAK,EAAE;YACN;gBACC,iBAAiB;gBACjB,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,eAAe,EAAG,KAAa,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;aAClE;SACD;QAED,QAAQ,EAAE;YACT,wCAAwC;YACxC,CAAC,OAAO,EAAE,EAAE;gBACX,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC;oBAAE,OAAO,OAAO,CAAC;gBACrD,OAAO;oBACN,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;oBAC1C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;iBAC9B,CAAC;YACH,CAAC;SACD;QAED,SAAS,EAAE;YACV,gBAAgB,EAAE,kCAAkC;YACpD,cAAc,EAAE,kCAAkC;YAClD,YAAY,EAAE,wCAAwC;YACtD,eAAe,EAAE,2CAA2C;YAC5D,cAAc,EACb,oFAAoF;YACrF,MAAM,EAAE,kBAAkB;YAC1B,OAAO,EAAE,kBAAkB;YAC3B,QAAQ,EAAE,mBAAmB;YAC7B,UAAU,EAAE,qBAAqB;YACjC,mBAAmB,EAAE,6BAA6B;YAClD,WAAW,EAAE,sBAAsB;YACnC,YAAY,EAAE,uBAAuB;YACrC,aAAa,EAAE,gBAAgB;YAC/B,SAAS,EAAE,wBAAwB;YACnC,KAAK,EAAE,aAAa;SACpB;QAED,UAAU,EAAE;YACX;gBACC,wBAAwB;gBACxB,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4Fd,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA2CV,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA4BV,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;QA2BX,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6Jd;aACA;SACD;QAED,OAAO,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;KACxB,CAAC;AACH,CAAC;AAED,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;AACjE,SAAS,SAAS,CAAC,GAAW;IAC7B,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;AAClC,CAAC;AACD,SAAS,cAAc,CAAC,GAAW;IAClC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;AACnD,CAAC;AACD,SAAS,cAAc,CAAC,IAAY,EAAE,EAAU;IAC/C,MAAM,SAAS,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;IAClC,MAAM,GAAG,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QAC7C,GAAG,CAAC,WAAW,KAAK,OAAO,CAAC,GAAG,iBAAiB,KAAK,IAAI,cAAc,CACtE,IAAI,CACJ,GAAG,CAAC;QACL,GAAG,CAAC,WAAW,KAAK,QAAQ,CAAC,GAAG,iBAAiB,KAAK,IAAI,cAAc,CACvE,IAAI,GAAG,SAAS,CAAC,SAAS,CAAC,CAC3B,GAAG,CAAC;QACL,GAAG,CAAC,WAAW,KAAK,EAAE,CAAC,GAAG,iBAAiB,KAAK,IAAI,cAAc,CACjE,IAAI,GAAG,SAAS,CAAC,SAAS,GAAG,CAAC,CAAC,CAC/B,GAAG,CAAC;QACL,GAAG,CAAC,WAAW,KAAK,OAAO,CAAC,GAAG,iBAAiB,KAAK,IAAI,cAAc,CACtE,IAAI,GAAG,SAAS,CAAC,SAAS,GAAG,CAAC,CAAC,CAC/B,GAAG,CAAC;QACL,OAAO,GAAG,CAAC;IACZ,CAAC,EAAE,EAA4B,CAAC,CAAC;IACjC,OAAO,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,CAChC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,GAAG,GAAG,KAAK,KAAK,KAAK,EAClD,EAAE,CACF,CAAC;AACH,CAAC;AAED,MAAM,WAAW,GAAG,cAAc,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;AAC3C,MAAM,UAAU,GAAG,cAAc,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC"}

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "@a-type/ui",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "type": "module",
+  "files": [
+    "/dist"
+  ],
   "exports": {
     "./components/*": {
       "types": "./dist/esm/components/*.d.ts",

package/.changeset/README.md

@@ -1,8 +0,0 @@
-# Changesets
-
-Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
-with multi-package repos, or single-package repos to help you version and publish your code. You can
-find the full documentation for it [in our repository](https://github.com/changesets/changesets)
-
-We have a quick list of common questions to get you started engaging with this project in
-[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)