@arbor-css/core 0.0.145 → 0.0.146

package/dist/presets/v2/values/color/ranges.d.ts

@@ -1,75 +0,0 @@
-import { Css, CssInterpolation, CssResolutionContext } from '@arbor-css/css-eval';
-import { Token } from '@arbor-css/tokens';
-import { OklchCssRepresentation } from './color.js';
-export declare const defaultRangeNames: readonly ["ink", "heavy", "mid", "light", "wash", "paper"];
-export type DefaultRangeName = (typeof defaultRangeNames)[number];
-export interface ColorRangeConfig<RangeNames extends string = DefaultRangeName> {
-    /** 0-360ish, OKLCH "H" hue. Can also be a var() reference! */
-    hue: CssInterpolation;
-    /**
-     * 0-1, a local multiplier for chroma, stacks on global and computed value. Can also be a var() reference!
-     */
-    saturation?: CssInterpolation;
-    rangeNames?: readonly RangeNames[];
-    defaultLevel?: RangeNames;
-}
-export interface ColorRangeCalculations {
-    /** A computation for lightness at each step - resolve 0-1 */
-    lightness: (details: {
-        step: number;
-        rangeSize: number;
-        midpoint: number;
-    }) => Css;
-    /** A computation for chroma at each step - resolve 0-1 */
-    chroma: (details: {
-        step: number;
-        rangeSize: number;
-        midpoint: number;
-    }) => Css;
-    hue?: (details: {
-        sourceHue: CssInterpolation;
-        step: number;
-        rangeSize: number;
-        midpoint: number;
-    }) => Css;
-}
-export type InferRangeNames<Config> = Config extends ColorRangeConfig<infer RangeNames> ? '!!!do_not_use_this_name' extends RangeNames ? DefaultRangeName : RangeNames : never;
-export interface ColorRangeItem<TRangeNames extends string = string> {
-    equation: OklchCssRepresentation;
-    name: TRangeNames;
-}
-export type UncompiledColorRange<TRangeNames extends string = DefaultRangeName> = {
-    [K in TRangeNames]: ColorRangeItem;
-} & {
-    $root: ColorRangeItem;
-};
-export type CompiledColorRange<TRangeNames extends string = DefaultRangeName> = {
-    [K in TRangeNames]: string | Css;
-} & {
-    $root: string | Css;
-};
-export declare function createColorRange<RangeNames extends string = DefaultRangeName>(config: ColorRangeConfig<RangeNames>, calcs: ColorRangeCalculations, tokens: {
-    saturation: Token;
-}): UncompiledColorRange<RangeNames>;
-export declare function createColorLightModeRange(config: ColorRangeConfig & {
-    base?: number;
-    scale?: number;
-    hueShift?: CssInterpolation;
-}, $: {
-    saturation: Token;
-}): UncompiledColorRange<"light" | "paper" | "wash" | "mid" | "heavy" | "ink">;
-export declare function createColorDarkModeRange(config: ColorRangeConfig & {
-    base?: number;
-    scale?: number;
-    hueShift?: CssInterpolation;
-}, $: {
-    saturation: Token;
-}): UncompiledColorRange<"light" | "paper" | "wash" | "mid" | "heavy" | "ink">;
-export declare function createNeutralDerivedRange(sourceRange: UncompiledColorRange<string>, tokens: {
-    saturation: Token;
-}, options?: {
-    /** Adjust saturation relative to source range. Stacks with saturation token. */
-    saturationFactor?: CssInterpolation;
-}): UncompiledColorRange<string>;
-export declare function compileRange<R extends string>(range: UncompiledColorRange<R>, context: CssResolutionContext): CompiledColorRange<R>;
-//# sourceMappingURL=ranges.d.ts.map

package/dist/presets/v2/values/color/ranges.js

@@ -1,128 +0,0 @@
-import { css, } from '@arbor-css/css-eval';
-import { oklchBuilder } from './color.js';
-export const defaultRangeNames = [
-    'ink',
-    'heavy',
-    'mid',
-    'light',
-    'wash',
-    'paper',
-];
-export function createColorRange(config, calcs, tokens) {
-    const { hue: sourceHue, rangeNames = defaultRangeNames, defaultLevel, } = config;
-    const { lightness, chroma } = calcs;
-    const size = rangeNames.length;
-    const rootName = rangeNames.find((name) => name === defaultLevel) ??
-        rangeNames.find((name) => name === 'mid') ??
-        rangeNames[Math.floor(size / 2)];
-    const midpoint = rangeNames.indexOf(rootName);
-    const range = rangeNames.reduce((acc, name, i) => {
-        const equation = oklchBuilder(() => ({
-            l: css `clamp(0, calc(${lightness({ step: i, rangeSize: size, midpoint })}), 1)`,
-            c: css `clamp(0, calc(${config.saturation ?? 1} * 0.4 * ${chroma({ step: i, rangeSize: size, midpoint })} * ${tokens.saturation}), 0.4)`,
-            h: css `calc(${calcs.hue?.({ sourceHue, step: i, rangeSize: size, midpoint }) ?? sourceHue})`,
-        }));
-        acc[name] = { name, equation };
-        return acc;
-    }, {});
-    range.$root = range[rootName];
-    return range;
-}
-function lightnessEq(config) {
-    return ({ step, rangeSize, midpoint, }) => {
-        const rangeDir = step < midpoint ? -1 : 1;
-        // Math.max - avoid divide by 0
-        const rangeMax = Math.max(1, step < midpoint ? midpoint : rangeSize - midpoint - 1);
-        const rangeProgress = (Math.abs(step - midpoint) / rangeMax) **
-            (config.midpointDifferentiation ?? 1.2);
-        return css `calc(${config.baseline} + (${rangeDir} * ${rangeProgress} * ${step < midpoint ? config.rangeDown : config.rangeUp}))`;
-    };
-}
-function chromaEq(config) {
-    return ({ step, rangeSize, midpoint, }) => {
-        const rangeDir = step < midpoint ? -1 : 1;
-        // Math.max - avoid divide by 0
-        const rangeMax = Math.max(1, step < midpoint ? midpoint : rangeSize - midpoint - 1);
-        const rangeProgress = (Math.abs(step - midpoint) / rangeMax) **
-            (config.midpointDifferentiation ?? 1.2);
-        return css `calc(${config.baseline} + (${rangeDir} * ${rangeProgress} * ${step < midpoint ? config.rangeDown : config.rangeUp}))`;
-    };
-}
-function hueEq(config) {
-    return ({ step, rangeSize, midpoint, sourceHue, }) => {
-        const rangeDir = step < midpoint ? -1 : 1;
-        // Math.max - avoid divide by 0
-        const rangeMax = Math.max(1, step < midpoint ? midpoint : rangeSize - midpoint - 1);
-        const rangeProgress = (Math.abs(step - midpoint) / rangeMax) ** 1.2;
-        return css `calc(${sourceHue} + (${rangeDir} * ${rangeProgress} * ${config.hueShift}))`;
-    };
-}
-export function createColorLightModeRange(config, $) {
-    const lightness = lightnessEq({
-        rangeUp: 0.3,
-        rangeDown: 0.7,
-        baseline: 0.9,
-    });
-    const chroma = chromaEq({
-        baseline: 0.75,
-        rangeUp: -0.7,
-        rangeDown: 0.2,
-    });
-    const hue = config.hueShift ? hueEq({ hueShift: config.hueShift }) : undefined;
-    return createColorRange(config, {
-        lightness,
-        chroma,
-        hue,
-    }, $);
-}
-export function createColorDarkModeRange(config, $) {
-    const lightness = lightnessEq({
-        rangeUp: -0.4,
-        rangeDown: -0.85,
-        baseline: 0.55,
-    });
-    const chroma = chromaEq({
-        baseline: 0.8,
-        rangeUp: -0.6,
-        rangeDown: 0.48,
-    });
-    const hue = config.hueShift ?
-        hueEq({ hueShift: css `calc(-1 * ${config.hueShift})` })
-        : undefined;
-    return createColorRange(config, {
-        lightness,
-        chroma,
-        hue,
-    }, $);
-}
-export function createNeutralDerivedRange(sourceRange, tokens, options) {
-    function lightness(source) {
-        return css `calc(${source.l} - pow(${source.c}, 1.7))`;
-    }
-    function chroma(source) {
-        const saturationFactor = options?.saturationFactor ?? 0.15;
-        return css `calc(${source.c} * ${tokens.saturation} * ${saturationFactor})`;
-    }
-    return Object.fromEntries(Object.keys(sourceRange).map((sourceName) => {
-        const sourceCss = sourceRange[sourceName].equation;
-        const equation = oklchBuilder(() => ({
-            l: css `clamp(0, ${lightness(sourceCss)}, 1)`,
-            c: css `clamp(0, ${chroma(sourceCss)}, 0.4)`,
-            h: sourceCss.h,
-        }));
-        return [
-            sourceName,
-            {
-                name: sourceName,
-                equation,
-            },
-        ];
-    }));
-}
-export function compileRange(range, context) {
-    return Object.fromEntries(Object.keys(range).map((name) => [
-        name,
-        range[name].equation.printComputed(context),
-    ]));
-}
-//# sourceMappingURL=ranges.js.map

package/dist/presets/v2/values/color/schemes.d.ts

@@ -1,16 +0,0 @@
-import { CssInterpolation } from '@arbor-css/css-eval';
-import { Token } from '@arbor-css/tokens';
-import { ColorRangeConfig, DefaultRangeName, UncompiledColorRange } from './ranges.js';
-export interface SchemeDefinition<TRangeConfig extends ColorRangeConfig<TRangeNames>, TRangeNames extends string = DefaultRangeName> {
-    getColorRange: (config: TRangeConfig & {
-        hueShift?: CssInterpolation;
-    }, tokens: {
-        saturation: Token;
-    }) => UncompiledColorRange<TRangeNames>;
-    tag: string;
-    isDark: boolean;
-}
-export declare function createScheme<RangeConfig extends ColorRangeConfig = ColorRangeConfig>(def: SchemeDefinition<RangeConfig>): SchemeDefinition<RangeConfig, "light" | "paper" | "wash" | "mid" | "heavy" | "ink">;
-export declare const defaultLightScheme: SchemeDefinition<ColorRangeConfig<DefaultRangeName>, DefaultRangeName>;
-export declare const defaultDarkScheme: SchemeDefinition<ColorRangeConfig<DefaultRangeName>, DefaultRangeName>;
-//# sourceMappingURL=schemes.d.ts.map

package/dist/presets/v2/values/color/schemes.js

@@ -1,15 +0,0 @@
-import { createColorDarkModeRange, createColorLightModeRange, } from './ranges.js';
-export function createScheme(def) {
-    return def;
-}
-export const defaultLightScheme = {
-    tag: 'light',
-    getColorRange: createColorLightModeRange,
-    isDark: false,
-};
-export const defaultDarkScheme = {
-    tag: 'dark',
-    getColorRange: createColorDarkModeRange,
-    isDark: true,
-};
-//# sourceMappingURL=schemes.js.map

package/dist/presets/v2/values/intents.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"intents.d.ts","sourceRoot":"","sources":["../../../../src/presets/v2/values/intents.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC,wBAAgB,wBAAwB,CAAC,WAAW,SAAS,MAAM,EAClE,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyFtB;AAED,wBAAgB,yBAAyB,CAAC,WAAW,SAAS,MAAM,EACnE,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2FtB;AAED,wBAAgB,yBAAyB,CAAC,WAAW,SAAS,MAAM,EACnE,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;EAmDtB;AAED,wBAAgB,uBAAuB,CAAC,WAAW,SAAS,MAAM,EACjE,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;0BAlDT,CAAA;;;;;;;;;;;;;;;;8BAwBG,CAAC;;;;;;;;;;;;;;;;;;;8BAsCN,CAAC;;;;;;;;;;;;;;;;;;;;0BA9DC,CAAA;;;;;;;;;;;;;;;;8BAwBG,CAAC;;;;;;;;;;;;;;;;;;;8BAsCN,CAAC;;;;;;;;;;;;;;;;;;;;0BA9DC,CAAA;;;;;;;;;;;;;;;;8BAwBG,CAAC;;;;;;;;;;;;;;;;;;;8BAsCN,CAAC;;;;;;;;;;;;;;;;;;;;0BA9DC,CAAA;;;;;;;;;;;;;;;;8BAwBG,CAAC;;;;;;;;;;;;;;;;;;;8BAsCN,CAAC;;;;;;;;;;;;;;;;;;;;;;;0BA9DC,CAAA;;;;;;;;;;;;;;;;8BAwBG,CAAC;;;;;;;;;;;;;;;;;;;8BAsCN,CAAC;;;;;;;;;;;;;;;;;;;;0BA9DC,CAAA;;;;;;;;;;;;;;;;8BAwBG,CAAC;;;;;;;;;;;;;;;;;;;8BAsCN,CAAC;;;;;;;;;;;;;;;;;;;;0BA9DC,CAAA;;;;;;;;;;;;;;;;8BAwBG,CAAC;;;;;;;;;;;;;;;;;;;8BAsCN,CAAC;;;;;;;;;;;;;;;;;;;;0BA9DC,CAAA;;;;;;;;;;;;;;;;8BAwBG,CAAC;;;;;;;;;;;;;;;;;;;8BAsCN,CAAC;;;;;;;;;;;;;;;;;;;;;;;0BA9DC,CAAA;;;;;;;;;;;;;;;;8BAwBG,CAAC;;;;;;;;;;;;;;;;;;;8BAsCN,CAAC;;;;;;;;;;;;;;;;;;;;0BA9DC,CAAA;;;;;;;;;;;;;;;;8BAwBG,CAAC;;;;;;;;;;;;;;;;;;;8BAsCN,CAAC;;;;;;;;;;;;;;;;;;;;0BA9DC,CAAA;;;;;;;;;;;;;;;;8BAwBG,CAAC;;;;;;;;;;;;;;;;;;;8BAsCN,CAAC;;;;;;;;;;;;;;;;;;;;0BA9DC,CAAA;;;;;;;;;;;;;;;;8BAwBG,CAAC;;;;;;;;;;;;;;;;;;;8BAsCN,CAAC;;;;;;;;EAaZ;AAED,wBAAgB,oBAAoB,CAAC,WAAW,SAAS,MAAM,EAC9D,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC;;;;;;;;;EAyBtB;AAED,wBAAgB,oBAAoB,CAAC,WAAW,SAAS,MAAM,EAC9D,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC;;;;;;;;;;;;;EAoCtB"}

package/dist/presets/v2/values/shadow/index.js

@@ -1,62 +0,0 @@
-import { css } from '@arbor-css/css-eval';
-export const defaultShadowLevels = ['xs', 'sm', 'md', 'lg', 'xl'];
-export function isCompiledShadowLevel(value) {
-    return (value &&
-        typeof value === 'object' &&
-        ['x', 'y', 'blur', 'spread', 'color'].every((prop) => prop in value));
-}
-const defaultShadowXCss = (step) => css `0px`;
-const defaultShadowYCss = (step) => css `calc(1px * pow(2, ${step} - 1))`;
-const defaultShadowBlurCss = (step, $) => css `
-	calc(${[$.shadow.blur, '0.5']} * ${[
-    $.space.baseSize,
-    '0.5rem',
-]} * 0.25 * pow(2, ${step} - 1))
-`;
-const defaultShadowSpreadCss = (step, $) => css `
-	calc(${[$.shadow.spread, '0.5']} * 1px)
-`;
-const defaultShadowColorCss = (step, $) => css `
-	${$.shadow.color}
-`;
-export function compileShadows(config, tokens) {
-    const levelNames = config.levels ?
-        Object.keys(config.levels)
-        : defaultShadowLevels;
-    const levels = levelNames.reduce((acc, name, i) => {
-        const nameCast = name;
-        const levelConfig = config.levels?.[nameCast];
-        const x = levelConfig?.x ?? defaultShadowXCss(i);
-        const y = levelConfig?.y ?? defaultShadowYCss(i);
-        const blur = levelConfig?.blur ?? defaultShadowBlurCss(i, tokens);
-        const spread = levelConfig?.spread ?? defaultShadowSpreadCss(i, tokens);
-        const color = levelConfig?.color ?? defaultShadowColorCss(i, tokens);
-        const $root = css `
-				${x} ${y} ${blur} ${spread} ${color}
-			`;
-        acc[nameCast] = {
-            $root,
-            x,
-            y,
-            blur,
-            spread,
-            color,
-            ...levelConfig,
-        };
-        return acc;
-    }, {});
-    levels['none'] = {
-        $root: '0 0 0 0 transparent',
-        x: '0',
-        y: '0',
-        blur: '0',
-        spread: '0',
-        color: 'transparent',
-        ...config.levels?.['none'],
-    };
-    levels['none'].$root = css `
-		${levels['none'].x} ${levels['none'].y} ${levels['none'].blur} ${levels['none'].spread} ${levels['none'].color}
-	`;
-    return levels;
-}
-//# sourceMappingURL=index.js.map

package/dist/presets/v2/values/spacing/index.js

@@ -1,42 +0,0 @@
-import { css } from '@arbor-css/css-eval';
-export const defaultSpacingLevels = [
-    '2xs',
-    'xs',
-    'sm',
-    'md',
-    'lg',
-    'xl',
-    '2xl',
-    '3xl',
-];
-/**
- * Given configuration for spacing sizes and the default
- * level name, produces a range of spacing sizes.
- */
-export function compileSpacing(config, $) {
-    const levelNames = config.levels ?
-        Object.keys(config.levels)
-        : defaultSpacingLevels;
-    const baseIndex = 
-    // user supplied explicit default level
-    config.defaultLevel ? levelNames.indexOf(config.defaultLevel)
-        // user did not give us a default level, but did give us custom levels, so we'll pick the middle one as the default
-        : config.levels ? Math.floor(levelNames.length / 2)
-            // user did not give us a default level, and is using the default levels, so we'll use 'md' as the default.
-            : levelNames.indexOf('md');
-    const levels = levelNames.reduce((acc, name, i) => {
-        const nameCast = name;
-        const levelConfig = config.levels?.[nameCast]?.toString();
-        const step = i - baseIndex;
-        acc[nameCast] =
-            levelConfig ??
-                css `calc(${config.roundToPixel ? 'round(' : ''}${$.space.baseSize} * pow(${[$.space.scaleBase, 2]}, ${[$.space.scaleExponentStep, 1]} * ${step})${config.roundToPixel ? ', 1px)' : ''})`;
-        return acc;
-    }, {});
-    const defaultLevel = config.defaultLevel ?? levelNames[baseIndex];
-    return {
-        ...levels,
-        $root: levels[defaultLevel],
-    };
-}
-//# sourceMappingURL=index.js.map

package/dist/presets/v2/values/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/presets/v2/values/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/presets/v2/values/types.ts"],"names":[],"mappings":""}

package/dist/presets/v2/values/typography/index.js

@@ -1,46 +0,0 @@
-import { css } from '@arbor-css/css-eval';
-export function isTypographyLevel(value) {
-    return (value &&
-        'size' in value &&
-        'lineHeight' in value &&
-        'letterSpacing' in value);
-}
-export const defaultTypographyLevels = [
-    'xs',
-    'sm',
-    'md',
-    'lg',
-    'xl',
-    '2xl',
-    '3xl',
-    '4xl',
-    '5xl',
-    '6xl',
-];
-export function compileTypography(config, tokens, systemTokens) {
-    const levelNames = config.levels ?
-        Object.keys(config.levels)
-        : defaultTypographyLevels;
-    const baseIndex = 
-    // user passed an explicit value
-    config.defaultLevel ? levelNames.indexOf(config.defaultLevel)
-        // user did not give us one, but did supply custom levels
-        : config.levels ? Math.floor(levelNames.length / 2)
-            // we're using default levels, and md is the base.
-            : levelNames.indexOf('md');
-    const levels = levelNames.reduce((acc, name, i) => {
-        const nameCast = name;
-        const levelConfig = config.levels?.[nameCast] ?? {};
-        acc[nameCast] = {
-            size: css `calc(${config.roundToPixel ? 'round(' : ''}clamp(${tokens.typography.minFontSize ?? '0.75rem'}, 1rem * pow(${tokens.typography.fontSizeScaleBase ?? 1.125}, (${i - baseIndex} * ${tokens.typography.fontSizeScaleExponentStep ?? 1})) / ${[tokens.space.density, 1]}, ${tokens.typography.maxFontSize ?? '3rem'})${config.roundToPixel ? ', 1px)' : ''})`,
-            lineHeight: css `calc(clamp(${tokens.typography.minLineHeight ?? 0.75}, (${tokens.typography.baseLineHeight ?? 1.5} - ${tokens.typography.lineHeightStep ?? 0.5} * ${i - baseIndex}), ${tokens.typography.maxLineHeight ?? 2}))`,
-            letterSpacing: css `calc(clamp(${tokens.typography.minLetterSpacing ?? 0}, (${tokens.typography.baseLetterSpacing ?? 0} + ${tokens.typography.letterSpacingStep ?? 0} * ${i - baseIndex}), ${tokens.typography.maxLetterSpacing ?? 0}))`,
-            ...levelConfig,
-        };
-        return acc;
-    }, {});
-    return {
-        ...levels,
-    };
-}
-//# sourceMappingURL=index.js.map