@arbor-css/core 0.0.74 → 0.0.76

package/dist/presets/arborPreset/preset.d.ts

@@ -0,0 +1,470 @@
+import { ColorRangeConfig, CompiledColors, SchemeDefinition } from '@arbor-css/colors';
+import { GlobalContextConfig } from '@arbor-css/globals';
+import { ShadowConfig } from '@arbor-css/shadows';
+import { SpacingConfig } from '@arbor-css/spacing';
+import { TypographyConfig } from '@arbor-css/typography';
+export interface ArborPresetConfig<TRanges extends Record<string, ColorRangeConfig<any>>, TSchemes extends Record<string, SchemeDefinition>> {
+    config?: GlobalContextConfig;
+    color: {
+        ranges: TRanges;
+        schemes?: TSchemes;
+        mainColor: keyof TRanges;
+        defaultScheme?: keyof CompiledColors<TRanges, TSchemes>;
+    };
+    typography?: Omit<TypographyConfig, 'context'>;
+    spacing?: Omit<SpacingConfig, 'context'>;
+    shadow?: Omit<ShadowConfig, 'context'>;
+    easing?: Record<string, string>;
+    duration?: Record<string, string>;
+}
+/**
+ * Adds opinionated primitive tokens and a full-featured mode
+ * schema on top of the basic preset's utility mixins and functions.
+ */
+export declare const presetArbor: <TRanges extends Record<string, ColorRangeConfig<any>>, TSchemes extends Record<string, SchemeDefinition>>(config: ArborPresetConfig<TRanges, TSchemes>) => import("@arbor-css/preset").ArborPreset<Record<never, never> & {
+    color: {
+        main: {
+            $root: {
+                purpose: "color";
+                description: string;
+            };
+            paper: {
+                purpose: "color";
+                description: "A very light shade, good for backgrounds and surfaces";
+            };
+            wash: {
+                purpose: "color";
+                description: "A very faint but colorful shade, good for backgrounds and surfaces";
+            };
+            light: {
+                purpose: "color";
+                description: "A light shade of the mode's main color, good for emphasized surfaces.";
+            };
+            mid: {
+                purpose: "color";
+                description: "The main shade of the mode's main color, good for primary actions and decoration.";
+            };
+            heavy: {
+                purpose: "color";
+                description: "A heavy shade of the mode's main color, good for text emphasis and accents.";
+            };
+            ink: {
+                purpose: "color";
+                description: "A very dark but still colorful shade of the mode's main color, good for text and high contrast elements.";
+            };
+        };
+        neutral: {
+            $root: {
+                purpose: "color";
+                description: string;
+            };
+            paper: {
+                purpose: "color";
+                description: "A very light neutral shade, good for backgrounds and surfaces";
+            };
+            wash: {
+                purpose: "color";
+                description: "A faint neutral shade, good for backgrounds and surfaces";
+            };
+            light: {
+                purpose: "color";
+                description: "A light neutral shade, good for emphasized surfaces";
+            };
+            mid: {
+                purpose: "color";
+                description: "The main neutral shade, good for primary actions and decoration";
+            };
+            heavy: {
+                purpose: "color";
+                description: "A heavy neutral shade, good for low-emphasis text and accents";
+            };
+            ink: {
+                purpose: "color";
+                description: "A very dark neutral shade, good for text and high contrast elements";
+            };
+        };
+    };
+    action: {
+        padding: {
+            $root: {
+                purpose: "other";
+                description: string;
+            };
+            inline: {
+                purpose: "spacing";
+                description: "Inline (horizontal, usually) padding";
+            };
+            block: {
+                purpose: "spacing";
+                description: "Block (vertical, usually) padding";
+            };
+        };
+        roundness: {
+            purpose: "scalar";
+            description: "This token controls the overall roundness of actions and stacks with the root roundness token";
+        };
+        radius: {
+            purpose: "border-radius";
+            description: "This token captures the border-radius of actions, taking into account the overall roundness";
+        };
+        primary: {
+            fg: {
+                purpose: "color";
+                description: "Intended for use as the foreground color";
+            };
+            bg: {
+                purpose: "color";
+                description: "Intended for use as the background color";
+            };
+            border: {
+                purpose: "color";
+                description: "Intended for use as the border color, if desired";
+            };
+        };
+        secondary: {
+            fg: {
+                purpose: "color";
+                description: "Intended for use as the foreground color";
+            };
+            bg: {
+                purpose: "color";
+                description: "Intended for use as the background color";
+            };
+            border: {
+                purpose: "color";
+                description: "Intended for use as the border color, if desired";
+            };
+        };
+        ambient: {
+            fg: {
+                purpose: "color";
+                description: "Intended for use as the foreground color";
+            };
+            bg: {
+                purpose: "color";
+                description: "Intended for use as the background color";
+            };
+            border: {
+                purpose: "color";
+                description: "Intended for use as the border color, if desired";
+            };
+        };
+    };
+    control: {
+        fg: {
+            purpose: "color";
+            description: "Intended for use as the foreground color";
+        };
+        bg: {
+            purpose: "color";
+            description: "Intended for use as the background color";
+        };
+        border: {
+            purpose: "color";
+            description: "Intended for use as the border color, if desired";
+        };
+        padding: {
+            $root: {
+                purpose: "other";
+                description: string;
+            };
+            inline: {
+                purpose: "spacing";
+                description: "Inline (horizontal, usually) padding";
+            };
+            block: {
+                purpose: "spacing";
+                description: "Block (vertical, usually) padding";
+            };
+        };
+        roundness: {
+            purpose: "scalar";
+            description: "This token controls the overall roundness of controls and stacks with the root roundness token";
+        };
+        radius: {
+            purpose: "border-radius";
+            description: "This token captures the border-radius of controls, taking into account the overall roundness";
+        };
+    };
+    surface: {
+        padding: {
+            $root: {
+                purpose: "other";
+                description: string;
+            };
+            inline: {
+                purpose: "spacing";
+                description: "Inline (horizontal, usually) padding";
+            };
+            block: {
+                purpose: "spacing";
+                description: "Block (vertical, usually) padding";
+            };
+        };
+        roundness: {
+            purpose: "scalar";
+            description: "This token controls the overall roundness of surfaces and stacks with the root roundness token";
+        };
+        radius: {
+            purpose: "border-radius";
+            description: "This token captures the border-radius of surfaces, taking into account the overall roundness";
+        };
+        primary: {
+            fg: {
+                purpose: "color";
+                description: "Intended for use as the foreground color";
+            };
+            bg: {
+                purpose: "color";
+                description: "Intended for use as the background color";
+            };
+            border: {
+                purpose: "color";
+                description: "Intended for use as the border color, if desired";
+            };
+        };
+        secondary: {
+            fg: {
+                purpose: "color";
+                description: "Intended for use as the foreground color";
+            };
+            bg: {
+                purpose: "color";
+                description: "Intended for use as the background color";
+            };
+            border: {
+                purpose: "color";
+                description: "Intended for use as the border color, if desired";
+            };
+        };
+        ambient: {
+            fg: {
+                purpose: "color";
+                description: "Intended for use as the foreground color";
+            };
+            bg: {
+                purpose: "color";
+                description: "Intended for use as the background color";
+            };
+            border: {
+                purpose: "color";
+                description: "Intended for use as the border color, if desired";
+            };
+        };
+    };
+    text: {
+        primary: {
+            size: "font-size";
+            weight: "font-weight";
+            lineHeight: "line-height";
+            font: "font-family";
+        };
+        secondary: {
+            size: "font-size";
+            weight: "font-weight";
+            lineHeight: "line-height";
+            font: "font-family";
+        };
+        ambient: {
+            size: "font-size";
+            weight: "font-weight";
+            lineHeight: "line-height";
+            font: "font-family";
+        };
+    };
+    density: {
+        purpose: "scalar";
+        description: "A scaling factor for density. Higher density means smaller, tighter spacing and size";
+    };
+    spacing: {
+        $root: {
+            purpose: "spacing";
+            description: string;
+        };
+        xs: "spacing";
+        sm: "spacing";
+        md: "spacing";
+        lg: "spacing";
+        xl: "spacing";
+    };
+    lineWidth: {
+        $root: {
+            purpose: "border-width";
+            description: string;
+        };
+        sm: {
+            purpose: "border-width";
+            description: "A hairline border width. Always >= 1px. If the global border width is small, this may be the same as \"md\"";
+        };
+        md: {
+            purpose: "border-width";
+            description: "A general-purpose border width";
+        };
+        lg: {
+            purpose: "border-width";
+            description: "A thicker border, good for emphasis";
+        };
+    };
+    radius: {
+        $root: {
+            purpose: "border-radius";
+            description: string;
+        };
+        xs: "border-radius";
+        sm: "border-radius";
+        md: "border-radius";
+        lg: "border-radius";
+        xl: "border-radius";
+    };
+    shadow: {
+        $root: {
+            purpose: "shadow";
+            description: string;
+        };
+        color: {
+            purpose: "color";
+            description: "If specified, this token overrides shadow colors from primitives";
+        };
+        sm: {
+            x: {
+                purpose: "size";
+                description: "Horizontal offset of the shadow";
+            };
+            y: {
+                purpose: "size";
+                description: "Vertical offset of the shadow";
+            };
+            blur: {
+                purpose: "size";
+                description: "Blur radius of the shadow";
+            };
+            spread: {
+                purpose: "size";
+                description: "Spread radius of the shadow";
+            };
+            color: {
+                purpose: "color";
+                description: "Color of the shadow";
+            };
+            $root: {
+                purpose: "shadow";
+                description: string;
+            };
+        };
+        md: {
+            x: {
+                purpose: "size";
+                description: "Horizontal offset of the shadow";
+            };
+            y: {
+                purpose: "size";
+                description: "Vertical offset of the shadow";
+            };
+            blur: {
+                purpose: "size";
+                description: "Blur radius of the shadow";
+            };
+            spread: {
+                purpose: "size";
+                description: "Spread radius of the shadow";
+            };
+            color: {
+                purpose: "color";
+                description: "Color of the shadow";
+            };
+            $root: {
+                purpose: "shadow";
+                description: string;
+            };
+        };
+        lg: {
+            x: {
+                purpose: "size";
+                description: "Horizontal offset of the shadow";
+            };
+            y: {
+                purpose: "size";
+                description: "Vertical offset of the shadow";
+            };
+            blur: {
+                purpose: "size";
+                description: "Blur radius of the shadow";
+            };
+            spread: {
+                purpose: "size";
+                description: "Spread radius of the shadow";
+            };
+            color: {
+                purpose: "color";
+                description: "Color of the shadow";
+            };
+            $root: {
+                purpose: "shadow";
+                description: string;
+            };
+        };
+        xl: {
+            x: {
+                purpose: "size";
+                description: "Horizontal offset of the shadow";
+            };
+            y: {
+                purpose: "size";
+                description: "Vertical offset of the shadow";
+            };
+            blur: {
+                purpose: "size";
+                description: "Blur radius of the shadow";
+            };
+            spread: {
+                purpose: "size";
+                description: "Spread radius of the shadow";
+            };
+            color: {
+                purpose: "color";
+                description: "Color of the shadow";
+            };
+            $root: {
+                purpose: "shadow";
+                description: string;
+            };
+        };
+    };
+    easing: {
+        $root: {
+            purpose: "easing-function";
+            description: string;
+        };
+        tight: {
+            purpose: "easing-function";
+            description: "A short, snappy easing, good for tight interactions";
+        };
+        medium: {
+            purpose: "easing-function";
+            description: "A medium easing, good for general use";
+        };
+        loose: {
+            purpose: "easing-function";
+            description: "A long, relaxed easing, good for slow interactions and animations";
+        };
+    };
+    duration: {
+        $root: {
+            purpose: "duration";
+            description: string;
+        };
+        fast: {
+            purpose: "duration";
+            description: "A short, snappy duration, good for fast interactions and large animations";
+        };
+        medium: {
+            purpose: "duration";
+            description: "A medium duration, good for general use, fast enough for interactions";
+        };
+        slow: {
+            purpose: "duration";
+            description: "A long, relaxed duration, good for slow interactions and animations";
+        };
+    };
+}, CompiledColors<any, any>, import("@arbor-css/typography").CompiledTypography<any>, import("@arbor-css/spacing").CompiledSpacing<any>, import("@arbor-css/shadows").CompiledShadows<any>, Record<string, string>, Record<string, string>, import("@arbor-css/functions").PresetFunctions, import("@arbor-css/functions").PresetMixins>;
+//# sourceMappingURL=preset.d.ts.map

package/dist/presets/arborPreset/preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../../src/presets/arborPreset/preset.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,gBAAgB,EAEhB,cAAc,EACd,gBAAgB,EAChB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAO,EAAkB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClE,OAAO,EAAkB,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAqB,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAK5E,MAAM,WAAW,iBAAiB,CACjC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAC,EACrD,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEjD,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,KAAK,EAAE;QACN,MAAM,EAAE,OAAO,CAAC;QAChB,OAAO,CAAC,EAAE,QAAQ,CAAC;QACnB,SAAS,EAAE,MAAM,OAAO,CAAC;QACzB,aAAa,CAAC,EAAE,MAAM,cAAc,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;KACxD,CAAC;IACF,UAAU,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,GACvB,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAC,EACrD,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,EAEjD,QAAQ,iBAAiB,CAAC,OAAO,EAAE,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wUAwC5C,CAAC"}

package/dist/presets/arborPreset/preset.js

@@ -0,0 +1,51 @@
+import { compileColors, } from '@arbor-css/colors';
+import { definePreset } from '@arbor-css/preset';
+import { compileShadows } from '@arbor-css/shadows';
+import { compileSpacing } from '@arbor-css/spacing';
+import { compileTypography } from '@arbor-css/typography';
+import { presetBasic } from '../basicPreset/preset.js';
+import { createArborModeValues } from './baseModeValues.js';
+import { arborModeSchema } from './modeSchema.js';
+/**
+ * Adds opinionated primitive tokens and a full-featured mode
+ * schema on top of the basic preset's utility mixins and functions.
+ */
+export const presetArbor = (config) => {
+    const preset = definePreset({
+        name: 'arbor',
+        modeSchema: arborModeSchema,
+        baseMode: ($) => createArborModeValues({
+            tokens: $,
+            mainColor: config.color.mainColor,
+        }),
+        primitives: (ctx) => ({
+            color: compileColors({ ...config.color, context: ctx }),
+            typography: compileTypography({
+                ...config.typography,
+                context: ctx,
+            }),
+            spacing: compileSpacing({
+                ...config.spacing,
+                context: ctx,
+            }),
+            shadow: compileShadows({
+                ...config.shadow,
+                context: ctx,
+            }),
+            easing: config.easing || {
+                tight: `cubic-bezier(0.4, 0, 0.2, 1)`,
+                medium: `cubic-bezier(0.4, 0, 0.2, 1)`,
+                loose: `cubic-bezier(0.4, 0, 0.2, 1)`,
+            },
+            duration: config.duration || {
+                fast: `100ms`,
+                medium: `250ms`,
+                slow: `500ms`,
+            },
+        }),
+        config: config.config,
+        extends: [presetBasic],
+    });
+    return preset;
+};
+//# sourceMappingURL=preset.js.map

package/dist/presets/arborPreset/preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.js","sourceRoot":"","sources":["../../../src/presets/arborPreset/preset.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,aAAa,GAGb,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAgB,MAAM,oBAAoB,CAAC;AAClE,OAAO,EAAE,cAAc,EAAiB,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAoB,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAoBlD;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAI1B,MAA4C,EAC3C,EAAE;IACH,MAAM,MAAM,GAAG,YAAY,CAAC;QAC3B,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,eAAe;QAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CACf,qBAAqB,CAAC;YACrB,MAAM,EAAE,CAAC;YACT,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,SAAgB;SACxC,CAAC;QACH,UAAU,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YACrB,KAAK,EAAE,aAAa,CAAC,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC;YACvD,UAAU,EAAE,iBAAiB,CAAC;gBAC7B,GAAG,MAAM,CAAC,UAAU;gBACpB,OAAO,EAAE,GAAG;aACZ,CAAC;YACF,OAAO,EAAE,cAAc,CAAC;gBACvB,GAAG,MAAM,CAAC,OAAO;gBACjB,OAAO,EAAE,GAAG;aACZ,CAAC;YACF,MAAM,EAAE,cAAc,CAAC;gBACtB,GAAG,MAAM,CAAC,MAAM;gBAChB,OAAO,EAAE,GAAG;aACZ,CAAC;YACF,MAAM,EAAE,MAAM,CAAC,MAAM,IAAI;gBACxB,KAAK,EAAE,8BAA8B;gBACrC,MAAM,EAAE,8BAA8B;gBACtC,KAAK,EAAE,8BAA8B;aACrC;YACD,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI;gBAC5B,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE,OAAO;gBACf,IAAI,EAAE,OAAO;aACb;SACD,CAAC;QACF,MAAM,EAAE,MAAM,CAAC,MAAM;QACrB,OAAO,EAAE,CAAC,WAAW,CAAC;KACtB,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AACf,CAAC,CAAC"}

package/dist/presets/basicPreset/commonFunctions.d.ts

@@ -0,0 +1,13 @@
+import { CalcInterpolation, Css } from '@arbor-css/calc';
+import { SystemTokens } from '@arbor-css/globals';
+export declare function lightDarkAlteration(css: Css, systemProps: SystemTokens, { light, dark, step, }: {
+    light: number;
+    dark: number;
+    step: CalcInterpolation;
+}): import("@arbor-css/calc").OperationTree;
+export declare function lightenColorAlteration(css: Css, systemProps: SystemTokens, sourceColor: CalcInterpolation, step: CalcInterpolation): import("@arbor-css/calc").OperationTree;
+export declare function darkenColorAlteration(css: Css, systemProps: SystemTokens, sourceColor: CalcInterpolation, step: CalcInterpolation): import("@arbor-css/calc").OperationTree;
+export declare function saturateColorAlteration(css: Css, systemProps: SystemTokens, sourceColor: CalcInterpolation, step: CalcInterpolation): import("@arbor-css/calc").OperationTree;
+export declare function desaturateColorAlteration(css: Css, systemProps: SystemTokens, sourceColor: CalcInterpolation, step: CalcInterpolation): import("@arbor-css/calc").OperationTree;
+export declare function fadeColorAlteration(css: Css, sourceColor: CalcInterpolation, opacity: CalcInterpolation): import("@arbor-css/calc").OperationTree;
+//# sourceMappingURL=commonFunctions.d.ts.map

package/dist/presets/basicPreset/commonFunctions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commonFunctions.d.ts","sourceRoot":"","sources":["../../../src/presets/basicPreset/commonFunctions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,wBAAgB,mBAAmB,CAClC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,YAAY,EACzB,EACC,KAAK,EACL,IAAI,EACJ,IAAI,GACJ,EAAE;IACF,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,iBAAiB,CAAC;CACxB,2CAGD;AAED,wBAAgB,sBAAsB,CACrC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,YAAY,EACzB,WAAW,EAAE,iBAAiB,EAC9B,IAAI,EAAE,iBAAiB,2CAGvB;AAED,wBAAgB,qBAAqB,CACpC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,YAAY,EACzB,WAAW,EAAE,iBAAiB,EAC9B,IAAI,EAAE,iBAAiB,2CAGvB;AAED,wBAAgB,uBAAuB,CACtC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,YAAY,EACzB,WAAW,EAAE,iBAAiB,EAC9B,IAAI,EAAE,iBAAiB,2CAGvB;AAED,wBAAgB,yBAAyB,CACxC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,YAAY,EACzB,WAAW,EAAE,iBAAiB,EAC9B,IAAI,EAAE,iBAAiB,2CAGvB;AAED,wBAAgB,mBAAmB,CAClC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EAAE,iBAAiB,2CAG1B"}

package/dist/presets/basicPreset/commonFunctions.js

@@ -0,0 +1,19 @@
+export function lightDarkAlteration(css, systemProps, { light, dark, step, }) {
+    return css `calc(1 + ${step} * (${[systemProps.meta.scheme.whenLight, 1]} * ${light}) + (${[systemProps.meta.scheme.whenDark, 1]} * ${dark}))`;
+}
+export function lightenColorAlteration(css, systemProps, sourceColor, step) {
+    return css `oklch(from ${sourceColor} calc(l * ${lightDarkAlteration(css, systemProps, { light: 0.02, dark: -0.07, step })}) calc(c * ${lightDarkAlteration(css, systemProps, { light: -0.1, dark: -0.03, step })}) h)`;
+}
+export function darkenColorAlteration(css, systemProps, sourceColor, step) {
+    return css `oklch(from ${sourceColor} calc(l * ${lightDarkAlteration(css, systemProps, { light: -0.02, dark: 0.12, step })}) calc(c * ${lightDarkAlteration(css, systemProps, { light: 0.01, dark: -0.09, step })}) h)`;
+}
+export function saturateColorAlteration(css, systemProps, sourceColor, step) {
+    return css `oklch(from ${sourceColor} l calc(c * ${lightDarkAlteration(css, systemProps, { light: 0.05, dark: 0.05, step })}) h)`;
+}
+export function desaturateColorAlteration(css, systemProps, sourceColor, step) {
+    return css `oklch(from ${sourceColor} l calc(c * ${lightDarkAlteration(css, systemProps, { light: -0.05, dark: -0.05, step })}) h)`;
+}
+export function fadeColorAlteration(css, sourceColor, opacity) {
+    return css `oklch(from ${sourceColor} l c h / ${opacity})`;
+}
+//# sourceMappingURL=commonFunctions.js.map

package/dist/presets/basicPreset/commonFunctions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commonFunctions.js","sourceRoot":"","sources":["../../../src/presets/basicPreset/commonFunctions.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,mBAAmB,CAClC,GAAQ,EACR,WAAyB,EACzB,EACC,KAAK,EACL,IAAI,EACJ,IAAI,GAKJ;IAED,OAAO,GAAG,CAAA,YAAY,IAAI,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC;AAC/I,CAAC;AAED,MAAM,UAAU,sBAAsB,CACrC,GAAQ,EACR,WAAyB,EACzB,WAA8B,EAC9B,IAAuB;IAEvB,OAAO,GAAG,CAAA,cAAc,WAAW,aAAa,mBAAmB,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,cAAc,mBAAmB,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC;AACxN,CAAC;AAED,MAAM,UAAU,qBAAqB,CACpC,GAAQ,EACR,WAAyB,EACzB,WAA8B,EAC9B,IAAuB;IAEvB,OAAO,GAAG,CAAA,cAAc,WAAW,aAAa,mBAAmB,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,cAAc,mBAAmB,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC;AACxN,CAAC;AAED,MAAM,UAAU,uBAAuB,CACtC,GAAQ,EACR,WAAyB,EACzB,WAA8B,EAC9B,IAAuB;IAEvB,OAAO,GAAG,CAAA,cAAc,WAAW,eAAe,mBAAmB,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC;AAClI,CAAC;AAED,MAAM,UAAU,yBAAyB,CACxC,GAAQ,EACR,WAAyB,EACzB,WAA8B,EAC9B,IAAuB;IAEvB,OAAO,GAAG,CAAA,cAAc,WAAW,eAAe,mBAAmB,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC;AACpI,CAAC;AAED,MAAM,UAAU,mBAAmB,CAClC,GAAQ,EACR,WAA8B,EAC9B,OAA0B;IAE1B,OAAO,GAAG,CAAA,cAAc,WAAW,YAAY,OAAO,GAAG,CAAC;AAC3D,CAAC"}

package/dist/presets/basicPreset/functions.d.ts

@@ -0,0 +1,12 @@
+import { CreateFunction } from '@arbor-css/functions';
+import { SystemTokens } from '@arbor-css/globals';
+export declare function createPresetFunctions(systemProps: SystemTokens, createFunctionValue: CreateFunction): {
+    readonly lightenColor: import("@arbor-css/functions").ArborFunction<any>;
+    readonly darkenColor: import("@arbor-css/functions").ArborFunction<any>;
+    readonly desaturateColor: import("@arbor-css/functions").ArborFunction<any>;
+    readonly saturateColor: import("@arbor-css/functions").ArborFunction<any>;
+    readonly fade: import("@arbor-css/functions").ArborFunction<any>;
+    readonly ring: import("@arbor-css/functions").ArborFunction<any>;
+};
+export type BuiltinFunctions = ReturnType<typeof createPresetFunctions>;
+//# sourceMappingURL=functions.d.ts.map

package/dist/presets/basicPreset/functions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"functions.d.ts","sourceRoot":"","sources":["../../../src/presets/basicPreset/functions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AASlD,wBAAgB,qBAAqB,CACpC,WAAW,EAAE,YAAY,EACzB,mBAAmB,EAAE,cAAc;;;;;;;EA+DnC;AAED,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC"}

package/dist/presets/basicPreset/functions.js

@@ -0,0 +1,52 @@
+import { darkenColorAlteration, desaturateColorAlteration, fadeColorAlteration, lightenColorAlteration, saturateColorAlteration, } from './commonFunctions.js';
+export function createPresetFunctions(systemProps, createFunctionValue) {
+    const lightenColor = createFunctionValue('lighten-color', {
+        description: 'Lightens a color by a specified "step" value',
+        parameters: ['--color', '--step'],
+        definition: (css, color, step) => lightenColorAlteration(css, systemProps, color, step),
+    });
+    const darkenColor = createFunctionValue('darken-color', {
+        description: 'Darkens a color by a specified "step" value',
+        parameters: ['--color', '--step'],
+        definition: (css, color, step) => darkenColorAlteration(css, systemProps, color, step),
+    });
+    const desaturateColor = createFunctionValue('desaturate-color', {
+        description: 'Desaturates a color by a specified "step" value',
+        parameters: ['--color', '--step'],
+        definition: (css, color, step) => desaturateColorAlteration(css, systemProps, color, step),
+    });
+    const saturateColor = createFunctionValue('saturate-color', {
+        description: 'Saturates a color by a specified "step" value',
+        parameters: ['--color', '--step'],
+        definition: (css, color, step) => saturateColorAlteration(css, systemProps, color, step),
+    });
+    const fade = createFunctionValue('fade', {
+        description: 'Applies an alpha channel to a source color using CSS relative color syntax.',
+        parameters: ['--color', '--opacity'],
+        definition: (css, color, opacity) => fadeColorAlteration(css, color, opacity),
+    });
+    const ring = createFunctionValue('ring', {
+        description: 'Creates a ring shadow. Should be used with the shadow mixin.',
+        parameters: [
+            '--color',
+            {
+                name: '--size',
+                fallback: '1px',
+            },
+            {
+                name: '--offset',
+                fallback: '0px',
+            },
+        ],
+        definition: (css, color, size, offset) => css `0 0 0 ${offset} ${systemProps.meta.scheme.trueLight}, 0 0 0 calc(${size} + ${offset}) ${color}`,
+    });
+    return {
+        lightenColor,
+        darkenColor,
+        desaturateColor,
+        saturateColor,
+        fade,
+        ring,
+    };
+}
+//# sourceMappingURL=functions.js.map

package/dist/presets/basicPreset/functions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"functions.js","sourceRoot":"","sources":["../../../src/presets/basicPreset/functions.ts"],"names":[],"mappings":"AAEA,OAAO,EACN,qBAAqB,EACrB,yBAAyB,EACzB,mBAAmB,EACnB,sBAAsB,EACtB,uBAAuB,GACvB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,UAAU,qBAAqB,CACpC,WAAyB,EACzB,mBAAmC;IAEnC,MAAM,YAAY,GAAG,mBAAmB,CAAC,eAAe,EAAE;QACzD,WAAW,EAAE,8CAA8C;QAC3D,UAAU,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAU;QAC1C,UAAU,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAChC,sBAAsB,CAAC,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC;KACtD,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,mBAAmB,CAAC,cAAc,EAAE;QACvD,WAAW,EAAE,6CAA6C;QAC1D,UAAU,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAU;QAC1C,UAAU,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAChC,qBAAqB,CAAC,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC;KACrD,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,mBAAmB,CAAC,kBAAkB,EAAE;QAC/D,WAAW,EAAE,iDAAiD;QAC9D,UAAU,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAU;QAC1C,UAAU,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAChC,yBAAyB,CAAC,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC;KACzD,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,mBAAmB,CAAC,gBAAgB,EAAE;QAC3D,WAAW,EAAE,+CAA+C;QAC5D,UAAU,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAU;QAC1C,UAAU,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAChC,uBAAuB,CAAC,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC;KACvD,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,mBAAmB,CAAC,MAAM,EAAE;QACxC,WAAW,EACV,6EAA6E;QAC9E,UAAU,EAAE,CAAC,SAAS,EAAE,WAAW,CAAU;QAC7C,UAAU,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,CACnC,mBAAmB,CAAC,GAAG,EAAE,KAAK,EAAE,OAAO,CAAC;KACzC,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,mBAAmB,CAAC,MAAM,EAAE;QACxC,WAAW,EAAE,8DAA8D;QAC3E,UAAU,EAAE;YACX,SAAS;YACT;gBACC,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,KAAK;aACf;YACD;gBACC,IAAI,EAAE,UAAU;gBAChB,QAAQ,EAAE,KAAK;aACf;SACQ;QACV,UAAU,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CACxC,GAAG,CAAA,SAAS,MAAM,IAAI,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,gBAAgB,IAAI,MAAM,MAAM,KAAK,KAAK,EAAE;KACpG,CAAC,CAAC;IAEH,OAAO;QACN,YAAY;QACZ,WAAW;QACX,eAAe;QACf,aAAa;QACb,IAAI;QACJ,IAAI;KACK,CAAC;AACZ,CAAC"}

package/dist/presets/basicPreset/functions.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=functions.test.d.ts.map

package/dist/presets/basicPreset/functions.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"functions.test.d.ts","sourceRoot":"","sources":["../../../src/presets/basicPreset/functions.test.ts"],"names":[],"mappings":""}