@arbor-css/classes 0.0.1

package/dist/_test.d.ts

@@ -0,0 +1,278 @@
+export declare const testBaseMode: import("@arbor-css/core").ModeInstance<{
+    colors: {
+        main: {
+            paper: "color";
+            wash: "color";
+            lighter: "color";
+            light: "color";
+            mid: "color";
+            heavy: "color";
+            heavier: "color";
+            ink: "color";
+        };
+        neutral: {
+            paper: "color";
+            wash: "color";
+            lighter: "color";
+            light: "color";
+            mid: "color";
+            heavy: "color";
+            heavier: "color";
+            ink: "color";
+        };
+    };
+    action: {
+        primary: {
+            fg: "color";
+            bg: "color";
+            border: "color";
+        };
+        secondary: {
+            fg: "color";
+            bg: "color";
+            border: "color";
+        };
+        ambient: {
+            fg: "color";
+            bg: "color";
+            border: "color";
+        };
+    };
+    control: {
+        fg: "color";
+        bg: "color";
+        border: "color";
+    };
+    surface: {
+        primary: {
+            fg: "color";
+            bg: "color";
+            border: "color";
+        };
+        secondary: {
+            fg: "color";
+            bg: "color";
+            border: "color";
+        };
+        ambient: {
+            fg: "color";
+            bg: "color";
+            border: "color";
+        };
+    };
+    text: {
+        primary: {
+            size: "font-size";
+            weight: "font-weight";
+            lineHeight: "line-height";
+            font: "other";
+        };
+        secondary: {
+            size: "font-size";
+            weight: "font-weight";
+            lineHeight: "line-height";
+            font: "other";
+        };
+        ambient: {
+            size: "font-size";
+            weight: "font-weight";
+            lineHeight: "line-height";
+            font: "other";
+        };
+    };
+    density: "other";
+    spacing: {
+        xs: "spacing";
+        sm: "spacing";
+        md: "spacing";
+        lg: "spacing";
+        xl: "spacing";
+    };
+    borderWidth: {
+        sm: "border-width";
+        md: "border-width";
+        lg: "border-width";
+    };
+    borderRadius: {
+        sm: "border-radius";
+        md: "border-radius";
+        lg: "border-radius";
+    };
+    shadow: {
+        color: "color";
+        sm: {
+            x: "shadow-x";
+            y: "shadow-y";
+            blur: "shadow-blur";
+            spread: "shadow-spread";
+            color: "shadow-color";
+            compiled: "shadow";
+        };
+        md: {
+            x: "shadow-x";
+            y: "shadow-y";
+            blur: "shadow-blur";
+            spread: "shadow-spread";
+            color: "shadow-color";
+            compiled: "shadow";
+        };
+        lg: {
+            x: "shadow-x";
+            y: "shadow-y";
+            blur: "shadow-blur";
+            spread: "shadow-spread";
+            color: "shadow-color";
+            compiled: "shadow";
+        };
+        xl: {
+            x: "shadow-x";
+            y: "shadow-y";
+            blur: "shadow-blur";
+            spread: "shadow-spread";
+            color: "shadow-color";
+            compiled: "shadow";
+        };
+    };
+}>;
+export declare const testArbor: import("@arbor-css/core").ArborConfig<{
+    colors: {
+        main: {
+            paper: "color";
+            wash: "color";
+            lighter: "color";
+            light: "color";
+            mid: "color";
+            heavy: "color";
+            heavier: "color";
+            ink: "color";
+        };
+        neutral: {
+            paper: "color";
+            wash: "color";
+            lighter: "color";
+            light: "color";
+            mid: "color";
+            heavy: "color";
+            heavier: "color";
+            ink: "color";
+        };
+    };
+    action: {
+        primary: {
+            fg: "color";
+            bg: "color";
+            border: "color";
+        };
+        secondary: {
+            fg: "color";
+            bg: "color";
+            border: "color";
+        };
+        ambient: {
+            fg: "color";
+            bg: "color";
+            border: "color";
+        };
+    };
+    control: {
+        fg: "color";
+        bg: "color";
+        border: "color";
+    };
+    surface: {
+        primary: {
+            fg: "color";
+            bg: "color";
+            border: "color";
+        };
+        secondary: {
+            fg: "color";
+            bg: "color";
+            border: "color";
+        };
+        ambient: {
+            fg: "color";
+            bg: "color";
+            border: "color";
+        };
+    };
+    text: {
+        primary: {
+            size: "font-size";
+            weight: "font-weight";
+            lineHeight: "line-height";
+            font: "other";
+        };
+        secondary: {
+            size: "font-size";
+            weight: "font-weight";
+            lineHeight: "line-height";
+            font: "other";
+        };
+        ambient: {
+            size: "font-size";
+            weight: "font-weight";
+            lineHeight: "line-height";
+            font: "other";
+        };
+    };
+    density: "other";
+    spacing: {
+        xs: "spacing";
+        sm: "spacing";
+        md: "spacing";
+        lg: "spacing";
+        xl: "spacing";
+    };
+    borderWidth: {
+        sm: "border-width";
+        md: "border-width";
+        lg: "border-width";
+    };
+    borderRadius: {
+        sm: "border-radius";
+        md: "border-radius";
+        lg: "border-radius";
+    };
+    shadow: {
+        color: "color";
+        sm: {
+            x: "shadow-x";
+            y: "shadow-y";
+            blur: "shadow-blur";
+            spread: "shadow-spread";
+            color: "shadow-color";
+            compiled: "shadow";
+        };
+        md: {
+            x: "shadow-x";
+            y: "shadow-y";
+            blur: "shadow-blur";
+            spread: "shadow-spread";
+            color: "shadow-color";
+            compiled: "shadow";
+        };
+        lg: {
+            x: "shadow-x";
+            y: "shadow-y";
+            blur: "shadow-blur";
+            spread: "shadow-spread";
+            color: "shadow-color";
+            compiled: "shadow";
+        };
+        xl: {
+            x: "shadow-x";
+            y: "shadow-y";
+            blur: "shadow-blur";
+            spread: "shadow-spread";
+            color: "shadow-color";
+            compiled: "shadow";
+        };
+    };
+}, import("@arbor-css/core").CompiledColors<{
+    brand: {
+        hue: number;
+    };
+}, Record<string, import("@arbor-css/core").SchemeDefinition<import("@arbor-css/core").ColorRangeConfig<"light" | "paper" | "wash" | "lighter" | "mid" | "heavy" | "heavier" | "ink">>>>, import("@arbor-css/typography").CompiledTypography<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl">, import("@arbor-css/spacing").CompiledSpacing<"sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "3xl" | "2xs">, import("@arbor-css/shadows").CompiledShadows<"sm" | "md" | "lg" | "xl" | "xs">, import("@arbor-css/tokens").TokenSchema>;
+export declare const testTheme: import("./theme/types.js").Theme;
+//# sourceMappingURL=_test.d.ts.map

package/dist/_test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_test.d.ts","sourceRoot":"","sources":["../src/_test.ts"],"names":[],"mappings":"AAgCA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKxB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;whBAKpB,CAAC;AAEH,eAAO,MAAM,SAAS,kCAAyB,CAAC"}

package/dist/_test.js

@@ -0,0 +1,30 @@
+import { arborModeSchema, compileColors, compileShadows, compileSpacing, compileTypography, createArborModeValues, createConfig, createGlobals, createPrimitives, } from '@arbor-css/core';
+import { createTheme } from './theme/index.js';
+const globals = createGlobals({});
+const primitives = createPrimitives({
+    colors: compileColors({
+        ranges: {
+            brand: {
+                hue: 200,
+            },
+        },
+        globals,
+    }),
+    shadows: compileShadows({ globals }),
+    spacing: compileSpacing({ globals }),
+    typography: compileTypography({ globals }),
+    globals,
+});
+const modeSchema = arborModeSchema;
+export const testBaseMode = modeSchema.createBase(createArborModeValues({
+    primitives,
+    mainColor: 'brand',
+}));
+export const testArbor = createConfig({
+    primitives,
+    modes: {
+        base: testBaseMode,
+    },
+});
+export const testTheme = createTheme(testArbor);
+//# sourceMappingURL=_test.js.map

package/dist/_test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_test.js","sourceRoot":"","sources":["../src/_test.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,eAAe,EACf,aAAa,EACb,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,qBAAqB,EACrB,YAAY,EACZ,aAAa,EACb,gBAAgB,GAChB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,OAAO,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;AAElC,MAAM,UAAU,GAAG,gBAAgB,CAAC;IACnC,MAAM,EAAE,aAAa,CAAC;QACrB,MAAM,EAAE;YACP,KAAK,EAAE;gBACN,GAAG,EAAE,GAAG;aACR;SACD;QACD,OAAO;KACP,CAAC;IACF,OAAO,EAAE,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC;IACpC,OAAO,EAAE,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC;IACpC,UAAU,EAAE,iBAAiB,CAAC,EAAE,OAAO,EAAE,CAAC;IAC1C,OAAO;CACP,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,eAAe,CAAC;AAEnC,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAAC,UAAU,CAChD,qBAAqB,CAAC;IACrB,UAAU;IACV,SAAS,EAAE,OAAO;CAClB,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,YAAY,CAAC;IACrC,UAAU;IACV,KAAK,EAAE;QACN,IAAI,EAAE,YAAY;KAClB;CACD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC"}

package/dist/_util.d.ts

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

package/dist/_util.d.ts.map

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

package/dist/_util.js

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

package/dist/_util.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+import { ArborConfig } from '@arbor-css/core';
+import { Preset } from 'unocss';
+import { ThemeConfig } from './theme/index.js';
+export declare function presetArbor(arbor: ArborConfig<any, any>, options?: {
+    preflight?: 'on-demand' | boolean;
+    theme?: ThemeConfig;
+}): Preset<any>;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAsB,MAAM,iBAAiB,CAAC;AAOlE,OAAO,EAAgB,MAAM,EAA2B,MAAM,QAAQ,CAAC;AAEvE,OAAO,EAAe,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG5D,wBAAgB,WAAW,CAC1B,KAAK,EAAE,WAAW,CAAC,GAAG,EAAE,GAAG,CAAC,EAC5B,OAAO,CAAC,EAAE;IACT,SAAS,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IAClC,KAAK,CAAC,EAAE,WAAW,CAAC;CACpB,GACC,MAAM,CAAC,GAAG,CAAC,CA2Cb"}

package/dist/index.js

@@ -0,0 +1,49 @@
+import { generateStylesheet } from '@arbor-css/core';
+import { extractorArbitraryVariants } from '@unocss/extractor-arbitrary-variants';
+import { boxShadowsBase, ringBase, transformBase, } from '@unocss/preset-mini/rules';
+import { entriesToCss, transformerVariantGroup } from 'unocss';
+import { rules } from './rules/index.js';
+import { createTheme } from './theme/index.js';
+import { variants } from './variants/index.js';
+export function presetArbor(arbor, options) {
+    return {
+        name: 'arbor',
+        rules,
+        theme: createTheme(arbor, options?.theme),
+        variants,
+        transformers: [transformerVariantGroup()],
+        extractorDefault: extractorArbitraryVariants(),
+        preflights: [
+            {
+                layer: 'preflights',
+                getCSS({ generator }) {
+                    let entries = Object.entries({
+                        ...transformBase,
+                        ...boxShadowsBase,
+                        ...ringBase,
+                    });
+                    if (options?.preflight === 'on-demand') {
+                        const keys = new Set(Array.from(generator.activatedRules)
+                            .map((r) => r[2]?.custom?.preflightKeys)
+                            .filter(Boolean)
+                            .flat());
+                        entries = entries.filter(([k]) => keys.has(k));
+                    }
+                    if (entries.length > 0) {
+                        let css = entriesToCss(entries);
+                        css = css.replace(/--un-/g, `--🍂-`);
+                        const roots = ['*,::before,::after', '::backdrop'];
+                        return roots.map((root) => `${root}{${css}}`).join('');
+                    }
+                },
+            },
+            {
+                layer: 'base',
+                getCSS: () => {
+                    return generateStylesheet(arbor);
+                },
+            },
+        ],
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EACN,cAAc,EACd,QAAQ,EACR,aAAa,GACb,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAU,uBAAuB,EAAE,MAAM,QAAQ,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAe,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,UAAU,WAAW,CAC1B,KAA4B,EAC5B,OAGC;IAED,OAAO;QACN,IAAI,EAAE,OAAO;QACb,KAAK;QACL,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC;QACzC,QAAQ;QACR,YAAY,EAAE,CAAC,uBAAuB,EAAE,CAAC;QACzC,gBAAgB,EAAE,0BAA0B,EAAE;QAC9C,UAAU,EAAE;YACX;gBACC,KAAK,EAAE,YAAY;gBACnB,MAAM,CAAC,EAAE,SAAS,EAAE;oBACnB,IAAI,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;wBAC5B,GAAG,aAAa;wBAChB,GAAG,cAAc;wBACjB,GAAG,QAAQ;qBACX,CAAC,CAAC;oBACH,IAAI,OAAO,EAAE,SAAS,KAAK,WAAW,EAAE,CAAC;wBACxC,MAAM,IAAI,GAAG,IAAI,GAAG,CACnB,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC;6BAClC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC;6BACvC,MAAM,CAAC,OAAO,CAAC;6BACf,IAAI,EAAE,CACR,CAAC;wBACF,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;oBAChD,CAAC;oBAED,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;wBACxB,IAAI,GAAG,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;wBAChC,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;wBACrC,MAAM,KAAK,GAAG,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;wBACnD,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,IAAI,IAAI,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;oBACxD,CAAC;gBACF,CAAC;aACD;YACD;gBACC,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,GAAG,EAAE;oBACZ,OAAO,kBAAkB,CAAC,KAAK,CAAC,CAAC;gBAClC,CAAC;aACD;SACD;KACD,CAAC;AACH,CAAC"}

package/dist/props.d.ts

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

package/dist/props.d.ts.map

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

package/dist/props.js

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

package/dist/props.js.map

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

package/dist/rules/_test.d.ts

@@ -0,0 +1,4 @@
+import { Rule } from 'unocss';
+import { Theme } from '../theme/types.js';
+export declare function testRules(rules: Rule<Theme>[], className: string, output: Record<string, string> | null): Promise<void>;
+//# sourceMappingURL=_test.d.ts.map

package/dist/rules/_test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_test.d.ts","sourceRoot":"","sources":["../../src/rules/_test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,IAAI,EAAE,MAAM,QAAQ,CAAC;AAGhE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAI1C,wBAAsB,SAAS,CAC9B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACpB,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,iBAwBrC"}

package/dist/rules/_test.js

@@ -0,0 +1,60 @@
+import { expect } from 'vitest';
+import { testTheme as theme } from '../_test.js';
+export async function testRules(rules, className, output) {
+    let match = null;
+    for (const rule of rules.toReversed()) {
+        // only dynamic rules are supported
+        if (typeof rule[0] === 'string' || typeof rule[1] !== 'function') {
+            continue;
+        }
+        const [testInput, runRule] = rule;
+        const extract = testInput.exec(className);
+        if (!!extract) {
+            const result = await runRule(extract, { theme });
+            if (result) {
+                match = { rule, result };
+                break;
+            }
+        }
+    }
+    if (output === null) {
+        expect(match, 'Expected no rules to match').toBeNull();
+        return;
+    }
+    expect(match, 'No rules matched').not.toBeNull();
+    expect(await coerceResult(match?.result)).toEqual(output);
+}
+async function coerceResult(result) {
+    if (result instanceof Promise) {
+        return coerceResult(await result);
+    }
+    if (result === undefined) {
+        return {};
+    }
+    if (typeof result === 'string') {
+        throw new Error(`String results not supported yet`);
+    }
+    // handle generators
+    if (Symbol.iterator in Object(result)) {
+        const entries = {};
+        for (const item of result) {
+            Object.assign(entries, await coerceResult(item));
+        }
+        return entries;
+    }
+    if (Array.isArray(result)) {
+        const entries = {};
+        for (const item of result) {
+            if (typeof item === 'number') {
+                continue;
+            }
+            if (Array.isArray(item)) {
+                continue;
+            }
+            Object.assign(entries, await coerceResult(item));
+        }
+        return entries;
+    }
+    return result;
+}
+//# sourceMappingURL=_test.js.map

package/dist/rules/_test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_test.js","sourceRoot":"","sources":["../../src/rules/_test.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,SAAS,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAKjD,MAAM,CAAC,KAAK,UAAU,SAAS,CAC9B,KAAoB,EACpB,SAAiB,EACjB,MAAqC;IAErC,IAAI,KAAK,GAAqD,IAAI,CAAC;IACnE,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC;QACvC,mCAAmC;QACnC,IAAI,OAAO,IAAI,CAAC,CAAC,CAAC,KAAK,QAAQ,IAAI,OAAO,IAAI,CAAC,CAAC,CAAC,KAAK,UAAU,EAAE,CAAC;YAClE,SAAS;QACV,CAAC;QACD,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;QAClC,MAAM,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC1C,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC;YACf,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,OAAQ,EAAE,EAAE,KAAK,EAAS,CAAC,CAAC;YACzD,IAAI,MAAM,EAAE,CAAC;gBACZ,KAAK,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gBACzB,MAAM;YACP,CAAC;QACF,CAAC;IACF,CAAC;IACD,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;QACrB,MAAM,CAAC,KAAK,EAAE,4BAA4B,CAAC,CAAC,QAAQ,EAAE,CAAC;QACvD,OAAO;IACR,CAAC;IACD,MAAM,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IACjD,MAAM,CAAC,MAAM,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;AAC3D,CAAC;AAED,KAAK,UAAU,YAAY,CAAC,MAA6B;IACxD,IAAI,MAAM,YAAY,OAAO,EAAE,CAAC;QAC/B,OAAO,YAAY,CAAC,MAAM,MAAM,CAAC,CAAC;IACnC,CAAC;IACD,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QAC1B,OAAO,EAAE,CAAC;IACX,CAAC;IACD,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;QAChC,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC,CAAC;IACrD,CAAC;IACD,oBAAoB;IACpB,IAAI,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;QACvC,MAAM,OAAO,GAA2B,EAAE,CAAC;QAC3C,KAAK,MAAM,IAAI,IAAI,MAAa,EAAE,CAAC;YAClC,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;QAClD,CAAC;QACD,OAAO,OAAO,CAAC;IAChB,CAAC;IACD,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QAC3B,MAAM,OAAO,GAA2B,EAAE,CAAC;QAC3C,KAAK,MAAM,IAAI,IAAI,MAAM,EAAE,CAAC;YAC3B,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;gBAC9B,SAAS;YACV,CAAC;YACD,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;gBACzB,SAAS;YACV,CAAC;YACD,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;QAClD,CAAC;QACD,OAAO,OAAO,CAAC;IAChB,CAAC;IACD,OAAO,MAAa,CAAC;AACtB,CAAC"}

package/dist/rules/_util.d.ts

@@ -0,0 +1,29 @@
+export declare const directionMapEntries: [string, unknown][];
+export declare function getBracketedValue(value: string): string | undefined;
+/**
+ * Parses a color value as if it were a literal (non-theme match).
+ * Supports / syntax to apply opacity.
+ * Opacity is returned as 0-1.
+ * Supports system token mapping.
+ */
+export declare function parseColor(value: string): {
+    color: string;
+    opacity?: string;
+} | undefined;
+export declare function lighten(base: string, level: string): string;
+export declare function darken(base: string, level: string): string;
+export declare const colorAlters: Record<string, (base: string, level: string) => string>;
+export declare const colorAltersMatch = "(l|lighten|d|darken)";
+export declare function dirRegex(suffix: string): string;
+/**
+ * Best guess at whether something is a CSS color...
+ * - matching color functions like rgb() or hsl()
+ * - matching hex colors like #fff or #123456
+ * - matching named CSS colors like "red" (really just any lowercase word)
+ * This is not perfect, but should be sufficient for distinguishing between theme keys and literal colors in most cases.
+ */
+export declare function isColorLiteral(value: string): boolean;
+export declare function isNumericUnitLiteral(value: string): boolean;
+export declare function isNumericLiteral(value: string): boolean;
+export declare const NO_NEGATIVE = "no-negative";
+//# sourceMappingURL=_util.d.ts.map

package/dist/rules/_util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_util.d.ts","sourceRoot":"","sources":["../../src/rules/_util.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,qBAK9B,CAAC;AAEH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,sBAG9C;AASD;;;;;GAKG;AACH,wBAAgB,UAAU,CACzB,KAAK,EAAE,MAAM,GACX;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAUjD;AAQD,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAElD;AAED,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAEjD;AAED,eAAO,MAAM,WAAW,EAAE,MAAM,CAC/B,MAAM,EACN,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAMvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBAAyB,CAAC;AAEvD,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,UAGtC;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,WAM3C;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,WAEjD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,WAE7C;AAED,eAAO,MAAM,WAAW,gBAAgB,CAAC"}

package/dist/rules/_util.js

@@ -0,0 +1,79 @@
+import { $systemProps } from '@arbor-css/core';
+export const directionMapEntries = Object.entries(directionMap).sort((a, b) => {
+    // "" should be first, so it doesn't interfere with more specific matches
+    if (a[0] === '')
+        return -1;
+    if (b[0] === '')
+        return 1;
+    return b[0].length - a[0].length;
+});
+export function getBracketedValue(value) {
+    const match = value.match(/^\[(.+)\]$/);
+    return match ? match[1] : undefined;
+}
+const systemTokenMap = {
+    '@fg': $systemProps.fg.applied.var,
+    '@bg': $systemProps.bg.applied.var,
+    '@border': $systemProps.borderColor[''].applied.var,
+    '@fill': $systemProps.fill.applied.var,
+    '@stroke': $systemProps.stroke.applied.var,
+};
+/**
+ * Parses a color value as if it were a literal (non-theme match).
+ * Supports / syntax to apply opacity.
+ * Opacity is returned as 0-1.
+ * Supports system token mapping.
+ */
+export function parseColor(value) {
+    const [color, opacity] = value.split('/');
+    const opacityValueRaw = opacity ? parseInt(opacity, 10) : undefined;
+    return {
+        color: systemTokenMap[color] || color,
+        opacity: opacityValueRaw !== undefined ?
+            (opacityValueRaw / 100).toString()
+            : undefined,
+    };
+}
+function mod(base, level, sign) {
+    // TODO: not hardcode white/black... figure out how to interpret these
+    // with schemes/modes
+    return `color-mix(in oklch, ${base} ${50 + level * sign * 10}%, ${sign === 1 ? 'white' : 'black'})`;
+}
+export function lighten(base, level) {
+    return mod(base, parseInt(level, 10), 1);
+}
+export function darken(base, level) {
+    return mod(base, parseInt(level, 10), -1);
+}
+export const colorAlters = {
+    l: lighten,
+    lighten,
+    d: darken,
+    darken,
+};
+export const colorAltersMatch = '(l|lighten|d|darken)';
+export function dirRegex(suffix) {
+    if (!suffix)
+        return '';
+    return `(?:-${suffix})`;
+}
+/**
+ * Best guess at whether something is a CSS color...
+ * - matching color functions like rgb() or hsl()
+ * - matching hex colors like #fff or #123456
+ * - matching named CSS colors like "red" (really just any lowercase word)
+ * This is not perfect, but should be sufficient for distinguishing between theme keys and literal colors in most cases.
+ */
+export function isColorLiteral(value) {
+    return (/^(?:rgb|hsl|oklch|color)\(.+\)$/.test(value) ||
+        /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i.test(value) ||
+        /^[a-z]+$/.test(value));
+}
+export function isNumericUnitLiteral(value) {
+    return /^\d+(\w{1,3}|%)$/.test(value);
+}
+export function isNumericLiteral(value) {
+    return /^\d+$/.test(value);
+}
+export const NO_NEGATIVE = 'no-negative';
+//# sourceMappingURL=_util.js.map

package/dist/rules/_util.js.map

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

package/dist/rules/align.d.ts

@@ -0,0 +1,5 @@
+import type { Rule } from '@unocss/core';
+import { Theme } from '../theme/types.js';
+export declare const verticalAlignRules: Rule<Theme>[];
+export declare const textAlignRules: Rule<Theme>[];
+//# sourceMappingURL=align.d.ts.map

package/dist/rules/align.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"align.d.ts","sourceRoot":"","sources":["../../src/rules/align.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAqB1C,eAAO,MAAM,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,EAc3C,CAAC;AAIF,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,EAOvC,CAAC"}

package/dist/rules/align.js

@@ -0,0 +1,38 @@
+import { h } from '../util/h.js';
+import { globalKeywords } from '../util/mappings.js';
+const verticalAlignAlias = {
+    mid: 'middle',
+    base: 'baseline',
+    btm: 'bottom',
+    baseline: 'baseline',
+    top: 'top',
+    start: 'top',
+    middle: 'middle',
+    bottom: 'bottom',
+    end: 'bottom',
+    'text-top': 'text-top',
+    'text-bottom': 'text-bottom',
+    sub: 'sub',
+    super: 'super',
+    ...Object.fromEntries(globalKeywords.map((x) => [x, x])),
+};
+export const verticalAlignRules = [
+    [
+        /^(?:vertical|align|v)-(.+)$/,
+        ([, v], { theme }) => ({
+            'vertical-align': verticalAlignAlias[v] ?? h.bracket.cssvar.numberWithUnit(v, theme),
+        }),
+        {
+            autocomplete: [
+                `(vertical|align|v)-(${Object.keys(verticalAlignAlias).join('|')})`,
+                '(vertical|align|v)-<percentage>',
+            ],
+        },
+    ],
+];
+const textAlignValues = ['center', 'left', 'right', 'justify', 'start', 'end'];
+export const textAlignRules = [
+    ...textAlignValues.map((v) => [`text-${v}`, { 'text-align': v }]),
+    ...[...globalKeywords, ...textAlignValues].map((v) => [`text-align-${v}`, { 'text-align': v }]),
+];
+//# sourceMappingURL=align.js.map