@a-type/ui 4.1.8 → 5.0.1

package/src/uno/theme/colors.ts

@@ -1,30 +1,51 @@
 import { Theme } from '@unocss/preset-mini';
-import { palettes } from '../logic/palettes.js';
+import { PROPS } from '../logic/properties.js';
+import { PreflightConfig } from '../preflights/index.js';
 
 const contrastClamp = 'clamp(0, (0.36 / y - 1) * infinity, 1)';
 
-export const colors = {
-	none: 'transparent',
-	transparent: 'transparent',
-	current: 'currentColor',
+export function makeThemeColors(options: PreflightConfig): Theme['colors'] {
+	return {
+		none: 'transparent',
+		transparent: 'transparent',
+		current: 'currentColor',
 
-	black: palettes['high-contrast'].styles.ink,
-	white: palettes['high-contrast'].styles.wash,
-	wash: palettes.gray.styles.wash,
+		black: `var(${PROPS.PALETTE.NAMED_SHADES('high-contrast').INK})`,
+		white: `var(${PROPS.PALETTE.NAMED_SHADES('high-contrast').WASH})`,
+		wash: `var(${PROPS.PALETTE.GRAY_SHADES.WASH})`,
 
-	// magic tokens
-	contrast: `color(from var(--l-contrast-bg,var(--v-bg-altered,var(--v-bg,var(--mode-white)))) xyz-d65 ${contrastClamp} ${contrastClamp} ${contrastClamp})`,
-	bg: 'var(--v-bg-altered, var(--v-bg, transparent))',
-	fg: 'var(--v-color-altered, var(--v-color, var(--mode-black)))',
-	color: 'var(--v-color-altered, var(--v-color, var(--mode-black)))',
-	border: 'var(--v-border-altered, var(--v-border, transparent))',
+		// magic tokens
+		contrast: `color(from var(${PROPS.BACKGROUND_COLOR.CONTRAST},var(${PROPS.BACKGROUND_COLOR.FINAL},var(${PROPS.BACKGROUND_COLOR.INHERITED},var(${PROPS.MODE.WHITE})))) xyz-d65 ${contrastClamp} ${contrastClamp} ${contrastClamp})`,
+		bg: `var(${PROPS.BACKGROUND_COLOR.FINAL}, var(${PROPS.BACKGROUND_COLOR.INHERITED}, transparent))`,
+		fg: `var(${PROPS.COLOR.FINAL}, var(${PROPS.COLOR.INHERITED}, var(${PROPS.MODE.BLACK})))`,
+		color: `var(${PROPS.COLOR.FINAL}, var(${PROPS.COLOR.INHERITED}, var(${PROPS.MODE.BLACK})))`,
+		border: `var(${PROPS.BORDER_COLOR.ALL.FINAL}, var(${PROPS.BORDER_COLOR.ALL.INHERITED}, transparent))`,
 
-	primary: palettes.primary.styles,
-	accent: palettes.accent.styles,
-	attention: palettes.attention.styles,
-	success: palettes.success.styles,
+		primary: shadesOf(PROPS.PALETTE.NAMED_SHADES('primary')),
+		accent: shadesOf(PROPS.PALETTE.NAMED_SHADES('accent')),
+		attention: shadesOf(PROPS.PALETTE.NAMED_SHADES('attention')),
+		success: shadesOf(PROPS.PALETTE.NAMED_SHADES('success')),
 
-	main: palettes.main.styles,
+		main: shadesOf(PROPS.PALETTE.SHADES),
+		gray: shadesOf(PROPS.PALETTE.GRAY_SHADES),
 
-	gray: palettes.gray.styles,
-} satisfies Record<string, string | Theme['colors']>;
+		...(options.namedHues
+			? Object.fromEntries(
+					Object.keys(options.namedHues).map(([name]) => [
+						name,
+						shadesOf(PROPS.PALETTE.NAMED_SHADES(name)),
+					]),
+			  )
+			: {}),
+	};
+}
+
+function shadesOf(entries: typeof PROPS.PALETTE.SHADES) {
+	return {
+		wash: `var(${entries.WASH})`,
+		light: `var(${entries.LIGHT})`,
+		DEFAULT: `var(${entries.MID})`,
+		dark: `var(${entries.DARK})`,
+		ink: `var(${entries.INK})`,
+	};
+}

package/src/uno/theme/index.ts

@@ -1,41 +1,45 @@
-import { Theme } from '@unocss/preset-mini';
+import { Theme, theme as baseTheme } from '@unocss/preset-wind3';
+import { PreflightConfig } from '../preflights/index.js';
 import { animation, easing } from './animations.js';
 import { borderRadius, lineWidth } from './borders.js';
-import { colors } from './colors.js';
+import { makeThemeColors } from './colors.js';
 import { boxShadow } from './shadows.js';
 import { height, width } from './sizes.js';
 import { spacing } from './spacing.js';
 import { fontFamily, fontSize } from './typography.js';
 
-export const theme: Theme = {
-	colors,
-	fontSize,
-	fontFamily,
-	spacing,
-	borderRadius,
-	lineWidth,
-	width,
-	height,
-	minWidth: width,
-	minHeight: height,
-	boxShadow,
-	easing,
-	animation,
-	blur: {
-		sm: '2px',
-		md: '4px',
-		lg: '8px',
-		xl: '16px',
-		'2xl': '24px',
-		'3xl': '40px',
-	},
-	zIndex: {
-		nav: 'var(--z-nav)',
-		menu: 'var(--z-menu)',
-		dialog: 'var(--z-dialog)',
-		backdrop: 'var(--z-backdrop)',
-		tooltip: 'var(--z-tooltip)',
-		overdraw: 'var(--z-overdraw)',
-		'now-playing': 'var(--z-now-playing)',
-	},
-};
+export function makeTheme(options: PreflightConfig): Theme {
+	return {
+		...baseTheme,
+		colors: makeThemeColors(options),
+		fontSize,
+		fontFamily,
+		spacing,
+		borderRadius,
+		lineWidth,
+		width,
+		height,
+		minWidth: width,
+		minHeight: height,
+		boxShadow,
+		easing,
+		animation,
+		blur: {
+			sm: '2px',
+			md: '4px',
+			lg: '8px',
+			xl: '16px',
+			'2xl': '24px',
+			'3xl': '40px',
+		},
+		zIndex: {
+			nav: 'var(--z-nav)',
+			menu: 'var(--z-menu)',
+			dialog: 'var(--z-dialog)',
+			backdrop: 'var(--z-backdrop)',
+			tooltip: 'var(--z-tooltip)',
+			overdraw: 'var(--z-overdraw)',
+			'now-playing': 'var(--z-now-playing)',
+		},
+	};
+}

package/src/uno/theme/shadows.ts

@@ -1,15 +1,16 @@
 import { Theme } from '@unocss/preset-mini';
+import { PROPS } from '../logic/properties.js';
 
-const opacity1 = `calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0)))`;
-const opacity2 = `calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0)))`;
-const opacity3 = `calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) / 2 * (1 + var(--dyn-source-mode-adjust, 0)))`;
+const opacity1 = `calc(var(${PROPS.BUILT_IN.SHADOW_OPACITY},0.1)*(1 + var(${PROPS.USER.SHADOW_SPREAD},1) * 0.5) * 2)`;
+const opacity2 = `calc(var(${PROPS.BUILT_IN.SHADOW_OPACITY},0.1)*(1 + var(${PROPS.USER.SHADOW_SPREAD},1) * 0.5))`;
+const opacity3 = `calc(var(${PROPS.BUILT_IN.SHADOW_OPACITY},0.1)*(1 + var(${PROPS.USER.SHADOW_SPREAD},1) * 0.5) / 2)`;
 export const boxShadow: Theme['boxShadow'] = {
-	sm: `var(--un-shadow-inset) 0 calc(0px * var(--v-shadow-y-mult,1)) calc(1px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / ${opacity1}),
-			var(--un-shadow-inset) 0 calc(1px * var(--v-shadow-y-mult,1)) calc(2px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / ${opacity1})`,
-	md: `var(--un-shadow-inset) 0 calc(4px * var(--v-shadow-y-mult,1)) calc(8px * var(--global-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / ${opacity2}),
-			var(--un-shadow-inset) 0 calc(2px * var(--v-shadow-y-mult,1)) calc(4px * var(--global-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / ${opacity1})`,
-	lg: `var(--un-shadow-inset) 0 calc(8px * var(--v-shadow-y-mult,1)) calc(16px * var(--global-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / ${opacity2}),
-			var(--un-shadow-inset) 0 calc(5px * var(--v-shadow-y-mult,1)) calc(10px * var(--global-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / ${opacity2})`,
-	xl: `var(--un-shadow-inset) 0 calc(20px * var(--v-shadow-y-mult,1)) calc(40px * (0.1 + var(--global-shadow-spread,1))) -0px rgb(from var(--un-shadow-color) r g b / ${opacity2}),
-			var(--un-shadow-inset) 0 calc(15px * var(--v-shadow-y-mult,1)) calc(30px * (0.05 + var(--global-shadow-spread,1))) -6px rgb(from var(--un-shadow-color) r g b / ${opacity3})`,
+	sm: `var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(0px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(1px * var(${PROPS.USER.SHADOW_SPREAD},1)) 0 rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity1}),
+			var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(1px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(2px * var(${PROPS.USER.SHADOW_SPREAD},1)) 0 rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity1})`,
+	md: `var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(4px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(8px * var(${PROPS.USER.SHADOW_SPREAD},1)) -1px rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity2}),
+			var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(2px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(4px * var(${PROPS.USER.SHADOW_SPREAD},1)) -1px rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity1})`,
+	lg: `var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(8px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(16px * var(${PROPS.USER.SHADOW_SPREAD},1)) 0px rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity2}),
+			var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(5px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(10px * var(${PROPS.USER.SHADOW_SPREAD},1)) 0px rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity2})`,
+	xl: `var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(20px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(40px * (0.1 + var(${PROPS.USER.SHADOW_SPREAD},1))) -0px rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity2}),
+			var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(15px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(30px * (0.05 + var(${PROPS.USER.SHADOW_SPREAD},1))) -6px rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity3})`,
 };

package/src/uno/theme/spacing.ts

@@ -1,9 +1,14 @@
 import { Theme } from '@unocss/preset-mini';
+import { PROPS } from '../logic/properties.js';
 
 export const spacing: Theme['spacing'] = {
-	xs: 'calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1))',
-	sm: 'calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1))',
-	md: 'calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1))',
-	lg: 'calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1))',
-	xl: 'calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1))',
+	0: '0px',
+	none: 'none',
+	'2xs': `calc(0.125rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
+	xs: `calc(0.25rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
+	sm: `calc(0.5rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
+	md: `calc(1rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
+	lg: `calc(2rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
+	xl: `calc(3rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
+	'2xl': `calc(4rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
 };

package/src/uno/theme/typography.ts

@@ -1,10 +1,11 @@
 import { Theme } from '@unocss/preset-mini';
+import { PROPS } from '../logic/properties.js';
 
 export const fontFamily: Theme['fontFamily'] = {
-	default: 'var(--font-default, sans-serif)',
-	sans: 'var(--font-sans, sans-serif)',
-	serif: 'var(--font-serif, serif)',
-	title: 'var(--font-title, var(--font-default))',
+	default: `var(${PROPS.USER.FONTS.DEFAULT}, sans-serif)`,
+	sans: `var(${PROPS.USER.FONTS.SANS}, sans-serif)`,
+	serif: `var(${PROPS.USER.FONTS.SERIF}, serif)`,
+	title: `var(${PROPS.USER.FONTS.TITLE}, var(${PROPS.USER.FONTS.DEFAULT}))`,
 };
 export const fontSize: Theme['fontSize'] = {
 	xxs: ['0.625rem', '0.75rem'],

package/src/uno/uno.preset.ts

@@ -1,24 +1,19 @@
 import presetWind3 from '@unocss/preset-wind3';
 import { Preset } from 'unocss';
-import { ThemeCustomizationConfig } from './preflights/customization.js';
-import { FontsPreflightOptions } from './preflights/fonts.js';
-import { GlobalsPreflightConfig } from './preflights/globals.js';
-import { preflights } from './preflights/index.js';
+import { presetFunctionCompletion } from 'unocss-preset-completion';
+import { defaultPresetHues } from './defaults.js';
+import { PreflightConfig, preflights } from './preflights/index.js';
 import { rules } from './rules/index.js';
 import { shortcuts } from './shortcuts/index.js';
-import { theme } from './theme/index.js';
+import { makeTheme } from './theme/index.js';
 import { variants } from './variants/index.js';
 
 export default function presetAtype(
-	config: ThemeCustomizationConfig &
-		FontsPreflightOptions &
-		GlobalsPreflightConfig & {
-			noPreflight?: boolean;
-		} = {
-		interFontLocation:
-			'https://resources.biscuits.club/fonts/Inter-VariableFont_slnt,wght.ttf',
-	},
+	config: PreflightConfig & {
+		noPreflight?: boolean;
+	} = {},
 ): Preset {
+	const theme = makeTheme(config);
 	return {
 		name: 'atype',
 		enforce: 'post',
@@ -35,12 +30,30 @@ export default function presetAtype(
 		rules,
 		variants,
 		shortcuts,
-		preflights: config.noPreflight ? [] : preflights(config),
+		preflights: config.noPreflight
+			? []
+			: preflights({
+					primaryHue: defaultPresetHues.lemon.sourceHue,
+					accentHue: defaultPresetHues.leek.sourceHue,
+					namedHues: defaultPresetHues,
+					interFontLocation:
+						'https://resources.biscuits.club/fonts/Inter-VariableFont_slnt,wght.ttf',
+					...config,
+			  }),
 
 		presets: [
 			presetWind3({
 				preflight: false,
 			}),
+			presetFunctionCompletion({
+				autocompleteFunctions: [
+					'css',
+					'clsx',
+					'classNames',
+					'cx',
+					'withClassName',
+				],
+			}),
 		],
 	};
 }

package/dist/cjs/__tests__/setup.d.ts

@@ -1 +0,0 @@
-import 'virtual:uno.css';

package/dist/cjs/__tests__/setup.js

@@ -1,5 +0,0 @@
-// @unocss-include
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("virtual:uno.css");
-//# sourceMappingURL=setup.js.map

package/dist/cjs/__tests__/setup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"setup.js","sourceRoot":"","sources":["../../../src/__tests__/setup.ts"],"names":[],"mappings":";;AAAA,2BAAyB"}

package/dist/cjs/colorMode.d.ts

@@ -1,6 +0,0 @@
-export declare function setColorMode(mode: 'system' | 'light' | 'dark'): void;
-export declare function getColorMode(): 'system' | 'light' | 'dark';
-export declare function getResolvedColorMode(): 'light' | 'dark';
-export declare function subscribeToColorModeChange(callback: (mode: 'system' | 'light' | 'dark') => void): () => void;
-export declare function useColorMode(): string;
-export declare function useResolvedColorMode(): string;

package/dist/cjs/colorMode.js

@@ -1,87 +0,0 @@
-// @unocss-include
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setColorMode = setColorMode;
-exports.getColorMode = getColorMode;
-exports.getResolvedColorMode = getResolvedColorMode;
-exports.subscribeToColorModeChange = subscribeToColorModeChange;
-exports.useColorMode = useColorMode;
-exports.useResolvedColorMode = useResolvedColorMode;
-const react_1 = require("react");
-function setColorMode(mode) {
-    if (typeof window === 'undefined')
-        return;
-    if (mode === 'system') {
-        window.localStorage.removeItem('colorMode');
-    }
-    else {
-        window.localStorage.setItem('colorMode', mode);
-    }
-    window.dispatchEvent(new Event('colorModeChanged'));
-}
-const updateMode = () => {
-    if (typeof window === 'undefined')
-        return;
-    const mode = window.localStorage.getItem('colorMode');
-    document.documentElement.classList.remove('override-light', 'override-dark');
-    if (mode) {
-        document.documentElement.classList.add('override-' + mode);
-    }
-    // determine final mode, even if it's system
-    const finalMode = mode ||
-        (window.matchMedia('(prefers-color-scheme: dark)').matches
-            ? 'dark'
-            : 'light');
-    // set the status bar color in pwas
-    const iosStatusBarColor = document.querySelector('meta[name=apple-mobile-web-app-status-bar-style]');
-    const androidStatusBarColor = document.querySelector('meta[name=theme-color]');
-    const root = document.body;
-    const cssVar = 'background-color';
-    const color = getComputedStyle(root).getPropertyValue(cssVar);
-    if (finalMode === 'dark') {
-        iosStatusBarColor === null || iosStatusBarColor === void 0 ? void 0 : iosStatusBarColor.setAttribute('content', 'black');
-        androidStatusBarColor === null || androidStatusBarColor === void 0 ? void 0 : androidStatusBarColor.setAttribute('content', color);
-    }
-    if (finalMode === 'light') {
-        iosStatusBarColor === null || iosStatusBarColor === void 0 ? void 0 : iosStatusBarColor.setAttribute('content', 'white');
-        androidStatusBarColor === null || androidStatusBarColor === void 0 ? void 0 : androidStatusBarColor.setAttribute('content', color);
-    }
-};
-updateMode();
-// listen for changes and apply an override-mode to the html
-if (typeof window !== 'undefined') {
-    window.addEventListener('colorModeChanged', updateMode);
-}
-function getColorMode() {
-    if (typeof window === 'undefined')
-        return 'system';
-    return window.localStorage.getItem('colorMode') || 'system';
-}
-function getResolvedColorMode() {
-    const mode = getColorMode();
-    if (mode === 'system') {
-        return window.matchMedia('(prefers-color-scheme: dark)').matches
-            ? 'dark'
-            : 'light';
-    }
-    return mode;
-}
-function subscribeToColorModeChange(callback) {
-    if (typeof window === 'undefined')
-        return () => { };
-    const update = () => callback(getColorMode());
-    window.addEventListener('colorModeChanged', update);
-    return () => {
-        window.removeEventListener('colorModeChanged', update);
-    };
-}
-if (typeof window !== 'undefined') {
-    window.setColorMode = setColorMode;
-}
-function useColorMode() {
-    return (0, react_1.useSyncExternalStore)(subscribeToColorModeChange, getColorMode, () => 'system');
-}
-function useResolvedColorMode() {
-    return (0, react_1.useSyncExternalStore)(subscribeToColorModeChange, getResolvedColorMode, () => 'light');
-}
-//# sourceMappingURL=colorMode.js.map

package/dist/cjs/colorMode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colorMode.js","sourceRoot":"","sources":["../../src/colorMode.ts"],"names":[],"mappings":"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"}

package/dist/cjs/colors.stories.d.ts

@@ -1,28 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    argTypes: {
-        customHue: {
-            control: {
-                type: "number";
-                min: number;
-                max: number;
-            };
-        };
-    };
-    args: {
-        customHue: number;
-    };
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj;
-export declare const Default: Story;
-export declare const Modifiers: Story;
-export declare const Inheritance: Story;
-export declare const TweakOpacity: Story;
-export declare const ComputedColors: Story;

package/dist/cjs/colors.stories.js

@@ -1,91 +0,0 @@
-// @unocss-include
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComputedColors = exports.TweakOpacity = exports.Inheritance = exports.Modifiers = exports.Default = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
-const index_js_1 = require("./components/index.js");
-const color_js_1 = require("./uno/logic/color.js");
-const palettes_js_1 = require("./uno/logic/palettes.js");
-const meta = {
-    title: 'System/Colors',
-    argTypes: {
-        customHue: {
-            control: {
-                type: 'number',
-                min: 0,
-                max: 360,
-            },
-        },
-    },
-    args: {
-        customHue: 0,
-    },
-    parameters: {
-        controls: { expanded: true },
-    },
-};
-exports.default = meta;
-exports.Default = {
-    render(args) {
-        const style = args.customHue
-            ? {
-                '--p-primary-hue': args.customHue,
-            }
-            : {};
-        const ranges = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Range, { className: "theme", style: style }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-lemon" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-leek" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-tomato" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-eggplant" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-blueberry" }), (0, jsx_runtime_1.jsx)(Range, { className: "palette-attention" }), (0, jsx_runtime_1.jsx)(Range, { className: "palette-success" }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { className: "h-100px", children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-wash" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-light" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-dark" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-ink" })] }), (0, jsx_runtime_1.jsx)(Range, { className: "palette-high-contrast" }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { className: "h-100px", children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-black" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-wash" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-white" })] })] }));
-        return ((0, jsx_runtime_1.jsxs)(index_js_1.Box, { col: true, children: [(0, jsx_runtime_1.jsx)("input", { type: "color", className: "sticky top-0 z-1" }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { full: true, children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { d: "col", grow: true, p: true, surface: true, children: ranges }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { d: "col", className: "override-dark theme", grow: true, p: true, children: ranges })] })] }));
-    },
-};
-function Swatch({ className, children, style, }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)(className, 'color-contrast'), style: Object.assign({ height: '100px', display: 'flex', justifyContent: 'center', alignItems: 'center', flex: '1' }, style), children: children }));
-}
-function Range({ className, style }) {
-    return ((0, jsx_runtime_1.jsxs)(index_js_1.Box, { className: className, style: style, children: [(0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main-wash" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main-light" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main-dark" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main-ink" })] }));
-}
-exports.Modifiers = {
-    render(args) {
-        const style = args.customHue
-            ? {
-                '--p-primary-hue': args.customHue,
-            }
-            : {};
-        return ((0, jsx_runtime_1.jsxs)(index_js_1.Box, { col: true, children: [(0, jsx_runtime_1.jsx)(ModifierRange, { className: "theme-salt" }), (0, jsx_runtime_1.jsx)(ModifierRange, { className: "theme-lemon" }), (0, jsx_runtime_1.jsx)(ModifierRange, { className: "theme-leek" }), (0, jsx_runtime_1.jsx)(ModifierRange, { className: "theme-tomato" }), (0, jsx_runtime_1.jsx)(ModifierRange, { className: "theme-eggplant" }), (0, jsx_runtime_1.jsx)(ModifierRange, { className: "theme-blueberry" }), (0, jsx_runtime_1.jsx)(ModifierRange, { style: style, className: "theme" })] }));
-    },
-};
-function ModifierRange({ className, style, }) {
-    return ((0, jsx_runtime_1.jsxs)(index_js_1.Box, { className: className, style: style, children: [(0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main-wash", children: "W" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main-light bg-lighten-2", children: "L+2" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main-light", children: "L" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main bg-lighten-2", children: "P+2" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main bg-lighten-1", children: "P+1" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main", children: "P" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main bg-darken-1", children: "P-1" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main bg-darken-2", children: "P-2" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main-dark", children: "D" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main-dark bg-darken-2", children: "D-2" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main-ink", children: "I" })] }));
-}
-exports.Inheritance = {
-    render(args) {
-        const style = args.customHue
-            ? {
-                '--p-primary-hue': args.customHue,
-            }
-            : {};
-        return ((0, jsx_runtime_1.jsx)(index_js_1.Box, { color: "primary", surface: true, p: "xl", className: "theme", style: style, children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "color-bg color-darken-5 border-bg border-darken-5", border: true, p: "xl", children: "Inherits and darkens" }) }));
-    },
-};
-exports.TweakOpacity = {
-    render() {
-        // none of these elements have root opacity; all opacity is done through colors
-        return ((0, jsx_runtime_1.jsxs)(index_js_1.Box, { color: "accent", surface: true, className: "h-32", full: "width", p: true, gap: true, children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "h-full border ring color-primary-dark/100 bg-primary/100 border-black/100 ring-primary-light/100", grow: true, children: "100" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "h-full border ring color-primary-dark/90 bg-primary/90 border-black/90 ring-primary-light/90", grow: true, children: "90" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "h-full border ring color-primary-dark/80 bg-primary/80 border-black/80 ring-primary-light/80", grow: true, children: "80" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "h-full border ring color-primary-dark/70 bg-primary/70 border-black/70 ring-primary-light/70", grow: true, children: "70" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "h-full border ring color-primary-dark/60 bg-primary/60 border-black/60 ring-primary-light/60", grow: true, children: "60" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "h-full border ring color-primary-dark/50 bg-primary/50 border-black/50 ring-primary-light/50", grow: true, children: "50" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "h-full border ring color-primary-dark/40 bg-primary/40 border-black/40 ring-primary-light/40", grow: true, children: "40" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "h-full border ring color-primary-dark/30 bg-primary/30 border-black/30 ring-primary-light/30", grow: true, children: "30" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "h-full border ring color-primary-dark/20 bg-primary/20 border-black/20 ring-primary-light/20", grow: true, children: "20" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "h-full border ring color-primary-dark/10 bg-primary/10 border-black/10 ring-primary-light/10", grow: true, children: "10" })] }));
-    },
-};
-exports.ComputedColors = {
-    render() {
-        const ctx = (0, color_js_1.snapshotColorContext)('primary');
-        const oklchValues = [
-            palettes_js_1.palettes.primary.definitions.wash.computeOklch(ctx),
-            palettes_js_1.palettes.primary.definitions.light.computeOklch(ctx),
-            palettes_js_1.palettes.primary.definitions.default.computeOklch(ctx),
-            palettes_js_1.palettes.primary.definitions.dark.computeOklch(ctx),
-            palettes_js_1.palettes.primary.definitions.ink.computeOklch(ctx),
-        ];
-        return ((0, jsx_runtime_1.jsxs)(index_js_1.Box, { col: true, children: [(0, jsx_runtime_1.jsx)(Range, { className: "theme" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "h-100px", children: oklchValues.map((oklch) => ((0, jsx_runtime_1.jsx)(Swatch, { style: { backgroundColor: oklch }, children: "OK" }))) })] }));
-    },
-};
-//# sourceMappingURL=colors.stories.js.map

package/dist/cjs/colors.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors.stories.js","sourceRoot":"","sources":["../../src/colors.stories.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/actions/ActionBar.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-export interface ActionBarProps {
-    children: ReactNode;
-    className?: string;
-    wrap?: boolean;
-    disableShadow?: boolean;
-}
-export declare function ActionBar({ children, className, wrap, disableShadow, ...rest }: ActionBarProps): import("react/jsx-runtime.js").JSX.Element;

package/dist/cjs/components/actions/ActionBar.js

@@ -1,27 +0,0 @@
-// @unocss-include
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionBar = ActionBar;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
-const react_1 = require("react");
-const ScrollArea_js_1 = require("../scrollArea/ScrollArea.js");
-function ActionBar(_a) {
-    var { children, className, wrap, disableShadow } = _a, rest = __rest(_a, ["children", "className", "wrap", "disableShadow"]);
-    return ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)('layer-components:springy layer-components:relative layer-components:h-[max-content] layer-components:w-full layer-components:flex layer-components:flex-row layer-components:items-center layer-components:justify-start layer-components:overflow-hidden layer-components:transition-[height]', 'layer-components:[&:empty]:height-0', className) }, rest, { children: (0, jsx_runtime_1.jsx)(ScrollArea_js_1.ScrollArea, { disableFades: disableShadow, className: "layer-components:h-full layer-components:w-full layer-components:flex-grow", children: (0, jsx_runtime_1.jsx)(ScrollArea_js_1.ScrollArea.Content, { className: (0, clsx_1.default)('layer-composed:relative layer-composed:h-full layer-composed:flex layer-composed:flex-row layer-composed:items-center layer-composed:justify-start', wrap && 'layer-variants:flex-wrap'), children: children }) }) })) }));
-}
-//# sourceMappingURL=ActionBar.js.map

package/dist/cjs/components/actions/ActionBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionBar.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAWA,8BAiCC;;AA5CD,gDAA8B;AAC9B,iCAA4C;AAC5C,+DAAyD;AASzD,SAAgB,SAAS,CAAC,EAMT;QANS,EACzB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,aAAa,OAEG,EADb,IAAI,cALkB,kDAMzB,CADO;IAEP,OAAO,CACN,uBAAC,gBAAQ,IAAC,QAAQ,EAAE,IAAI,YACvB,8CACC,SAAS,EAAE,IAAA,cAAU,EACpB,0JAA0J,EAC1J,qCAAqC,EACrC,SAAS,CACT,IACG,IAAI,cAER,uBAAC,0BAAU,IACV,YAAY,EAAE,aAAa,EAC3B,SAAS,EAAC,4CAA4C,YAEtD,uBAAC,0BAAU,CAAC,OAAO,IAClB,SAAS,EAAE,IAAA,cAAU,EACpB,2EAA2E,EAC3E,IAAI,IAAI,0BAA0B,CAClC,YAEA,QAAQ,GACW,GACT,IACR,GACI,CACX,CAAC;AACH,CAAC"}

package/dist/cjs/components/actions/ActionBar.stories.d.ts

@@ -1,19 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { ActionBar } from './ActionBar.js';
-declare const meta: {
-    title: string;
-    component: typeof ActionBar;
-    argTypes: {};
-    args: {
-        children: import("react/jsx-runtime.js").JSX.Element[];
-    };
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof ActionBar>;
-export declare const Default: Story;
-export declare const OnBackground: Story;