@arbor-css/classes 0.0.1

package/dist/rules/color.test.js

@@ -0,0 +1,104 @@
+import { $systemProps } from '@arbor-css/core';
+import { describe, it } from 'vitest';
+import { testBaseMode } from '../_test.js';
+import { colorAlters } from '../util/alters.js';
+import { testRules } from './_test.js';
+import { colorRules } from './color.js';
+describe('fg color', () => {
+    it('matches colors from theme', async () => {
+        await testRules(colorRules, 'color-main-mid', {
+            color: $systemProps.fg.applied.var,
+            [$systemProps.fg.applied.name]: testBaseMode.schema.$tokens.colors.main.mid.var,
+            [$systemProps.fg.opacity.name]: '1',
+        });
+    });
+    it('matches literal colors', async () => {
+        await testRules(colorRules, 'color-[red]', {
+            color: $systemProps.fg.applied.var,
+            [$systemProps.fg.applied.name]: 'red',
+            [$systemProps.fg.opacity.name]: '1',
+        });
+    });
+    it('matches bracketed colors', async () => {
+        await testRules(colorRules, 'color-[rgba(255,0,0,0.5)]', {
+            color: $systemProps.fg.applied.var,
+            [$systemProps.fg.applied.name]: 'rgba(255,0,0,0.5)',
+            [$systemProps.fg.opacity.name]: '1',
+        });
+    });
+    it('maps color with opacity to system props', async () => {
+        await testRules(colorRules, 'color-[red]/50', {
+            color: `rgb(from ${$systemProps.fg.applied.var} r g b / ${$systemProps.fg.opacity.var})`,
+            [$systemProps.fg.applied.name]: 'red',
+            [$systemProps.fg.opacity.name]: '0.5',
+        });
+    });
+    it('maps color without opacity to system props', async () => {
+        await testRules(colorRules, 'color-[red]', {
+            color: $systemProps.fg.applied.var,
+            [$systemProps.fg.applied.name]: 'red',
+            [$systemProps.fg.opacity.name]: '1',
+        });
+    });
+    it('handles inherit keyword', async () => {
+        await testRules(colorRules, 'color-inherit', {
+            color: $systemProps.fg.applied.var,
+            [$systemProps.fg.applied.name]: 'unset',
+            [$systemProps.fg.opacity.name]: '1',
+        });
+    });
+    it('handles inherit with opacity', async () => {
+        await testRules(colorRules, 'color-inherit/50', {
+            color: `rgb(from ${$systemProps.fg.applied.var} r g b / ${$systemProps.fg.opacity.var})`,
+            [$systemProps.fg.applied.name]: 'unset',
+            [$systemProps.fg.opacity.name]: '0.5',
+        });
+    });
+    it('handles mode theme tokens without extraneous bits', async () => {
+        await testRules(colorRules, 'color-action-primary', {
+            color: $systemProps.fg.applied.var,
+            [$systemProps.fg.applied.name]: testBaseMode.schema.$tokens.action.primary.fg.var,
+            [$systemProps.fg.opacity.name]: '1',
+        });
+    });
+    it('doesnt just toss anything in there, it only matches theme tokens if no brackets', async () => {
+        await testRules(colorRules, 'color-foo', null);
+    });
+    describe('lighten and darken', () => {
+        it('lightens a color', async () => {
+            await testRules(colorRules, 'color-lighten-2', {
+                color: colorAlters.lighten($systemProps.fg.applied.varFallback('currentColor'), '2'),
+            });
+        });
+        it('darkens a color', async () => {
+            await testRules(colorRules, 'color-darken-2', {
+                color: colorAlters.darken($systemProps.fg.applied.varFallback('currentColor'), '2'),
+            });
+        });
+    });
+});
+describe('bg color', () => {
+    it('maps color to system props, includes contrast prop', async () => {
+        await testRules(colorRules, 'bg-[red]', {
+            'background-color': $systemProps.bg.applied.var,
+            [$systemProps.bg.applied.name]: 'red',
+            [$systemProps.bg.opacity.name]: '1',
+            [$systemProps.bg.contrast.name]: 'red',
+        });
+    });
+    it('handles nested mode tokens without suffixes', async () => {
+        await testRules(colorRules, 'bg-surface-primary', {
+            'background-color': $systemProps.bg.applied.var,
+            [$systemProps.bg.applied.name]: testBaseMode.schema.$tokens.surface.primary.bg.var,
+            [$systemProps.bg.opacity.name]: '1',
+            [$systemProps.bg.contrast.name]: testBaseMode.schema.$tokens.surface.primary.bg.var,
+        });
+    });
+    it('lightens a background color along with contrast prop', async () => {
+        await testRules(colorRules, 'bg-lighten-2', {
+            'background-color': colorAlters.lighten($systemProps.bg.applied.varFallback('currentColor'), '2'),
+            [$systemProps.bg.contrast.name]: colorAlters.lighten($systemProps.bg.applied.varFallback('currentColor'), '2'),
+        });
+    });
+});
+//# sourceMappingURL=color.test.js.map

package/dist/rules/color.test.js.map

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

package/dist/rules/colors.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=colors.d.ts.map

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

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

package/dist/rules/colors.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=colors.js.map

package/dist/rules/colors.js.map

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

package/dist/rules/index.d.ts

@@ -0,0 +1,4 @@
+import { Rule } from 'unocss';
+import { Theme } from '../theme/types.js';
+export declare const rules: Rule<Theme>[];
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/rules/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAO1C,eAAO,MAAM,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAO9B,CAAC"}

package/dist/rules/index.js

@@ -0,0 +1,15 @@
+import { rules as baseRules } from '@unocss/preset-mini/rules';
+import { borderRules } from './border.js';
+import { colorRules } from './color.js';
+import { shadowRules } from './shadow.js';
+import { spacingRules } from './spacing.js';
+import { typographyRules } from './typography.js';
+export const rules = [
+    ...baseRules,
+    ...shadowRules,
+    ...colorRules,
+    ...spacingRules,
+    ...borderRules,
+    ...typographyRules,
+];
+//# sourceMappingURL=index.js.map

package/dist/rules/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/rules/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAG/D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,CAAC,MAAM,KAAK,GAAkB;IACnC,GAAI,SAAiB;IACrB,GAAG,WAAW;IACd,GAAG,UAAU;IACb,GAAG,YAAY;IACf,GAAG,WAAW;IACd,GAAG,eAAe;CAClB,CAAC"}

package/dist/rules/shadow.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.d.ts","sourceRoot":"","sources":["../../src/rules/shadow.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAI1C,eAAO,MAAM,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,EAyDpC,CAAC"}

package/dist/rules/shadow.js

@@ -0,0 +1,51 @@
+import { $systemProps } from '@arbor-css/core';
+import { colorableShadows } from '@unocss/preset-mini/utils';
+import { h } from '../util/h.js';
+import { getFromTheme } from '../util/themeOrLiteral.js';
+export const shadowRules = [
+    // shadow sizes
+    [
+        /^shadow(?:-(.+))?$/,
+        ([, size], { theme }) => {
+            const asLiteral = h.bracket(size);
+            if (asLiteral) {
+                return {
+                    '--🍂-shadow': colorableShadows(asLiteral, $systemProps.dynamic.shadowColor.name).join(','),
+                    'box-shadow': 'var(--🍂-ring-offset-shadow), var(--🍂-ring-shadow), var(--🍂-shadow)',
+                };
+            }
+            const x = getFromTheme(size, theme, {
+                startFrom: 'shadow-x',
+                trySuffixes: ['x', 'offsetX', 'xOffset'],
+            });
+            const y = getFromTheme(size, theme, {
+                startFrom: 'shadow-y',
+                trySuffixes: ['y', 'offsetY', 'yOffset'],
+            });
+            const blur = getFromTheme(size, theme, {
+                startFrom: 'shadow-blur',
+                trySuffixes: ['blur'],
+            });
+            const spread = getFromTheme(size, theme, {
+                startFrom: 'shadow-spread',
+                trySuffixes: ['spread'],
+            });
+            const color = getFromTheme(size, theme, {
+                startFrom: 'shadow-color',
+                trySuffixes: ['color'],
+            });
+            if (!(x && y && blur && spread && color)) {
+                return;
+            }
+            const shadowValue = colorableShadows(`var(--🍂-shadow-inset) ${x ?? '0'} ${y ?? '0'} ${blur} ${spread} ${color}`, $systemProps.dynamic.shadowColor.name).join(',');
+            return {
+                '--🍂-shadow': shadowValue,
+                'box-shadow': 'var(--🍂-ring-offset-shadow), var(--🍂-ring-shadow), var(--🍂-shadow)',
+            };
+        },
+        {
+            autocomplete: ['shadow-$shadows'],
+        },
+    ],
+];
+//# sourceMappingURL=shadow.js.map

package/dist/rules/shadow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../src/rules/shadow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,MAAM,CAAC,MAAM,WAAW,GAAkB;IACzC,eAAe;IACf;QACC,oBAAoB;QACpB,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;YACvB,MAAM,SAAS,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAClC,IAAI,SAAS,EAAE,CAAC;gBACf,OAAO;oBACN,aAAa,EAAE,gBAAgB,CAC9B,SAAS,EACT,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CACrC,CAAC,IAAI,CAAC,GAAG,CAAC;oBACX,YAAY,EACX,uEAAuE;iBACxE,CAAC;YACH,CAAC;YAED,MAAM,CAAC,GAAG,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE;gBACnC,SAAS,EAAE,UAAU;gBACrB,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,EAAE,SAAS,CAAC;aACxC,CAAC,CAAC;YACH,MAAM,CAAC,GAAG,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE;gBACnC,SAAS,EAAE,UAAU;gBACrB,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,EAAE,SAAS,CAAC;aACxC,CAAC,CAAC;YACH,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE;gBACtC,SAAS,EAAE,aAAa;gBACxB,WAAW,EAAE,CAAC,MAAM,CAAC;aACrB,CAAC,CAAC;YACH,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE;gBACxC,SAAS,EAAE,eAAe;gBAC1B,WAAW,EAAE,CAAC,QAAQ,CAAC;aACvB,CAAC,CAAC;YACH,MAAM,KAAK,GAAG,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE;gBACvC,SAAS,EAAE,cAAc;gBACzB,WAAW,EAAE,CAAC,OAAO,CAAC;aACtB,CAAC,CAAC;YAEH,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,MAAM,IAAI,KAAK,CAAC,EAAE,CAAC;gBAC1C,OAAO;YACR,CAAC;YAED,MAAM,WAAW,GAAG,gBAAgB,CACnC,0BAA0B,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,IAAI,MAAM,IAAI,KAAK,EAAE,EAC3E,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CACrC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAEZ,OAAO;gBACN,aAAa,EAAE,WAAW;gBAC1B,YAAY,EACX,uEAAuE;aACxE,CAAC;QACH,CAAC;QACD;YACC,YAAY,EAAE,CAAC,iBAAiB,CAAC;SACjC;KACD;CACD,CAAC"}

package/dist/rules/spacing.d.ts

@@ -0,0 +1,4 @@
+import { Rule } from 'unocss';
+import { Theme } from '../theme/types.js';
+export declare const spacingRules: Rule<Theme>[];
+//# sourceMappingURL=spacing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/rules/spacing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AA2B1C,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,EAMrC,CAAC"}

package/dist/rules/spacing.js

@@ -0,0 +1,27 @@
+import { dashConcat } from '../util/concat.js';
+import { directionMapEntries } from '../util/mappings.js';
+import { dirRegex } from '../util/matchers.js';
+import { themeOrLiteral } from '../util/themeOrLiteral.js';
+function makeSpacingRules(shorthand, cssPropGroup, themeKey) {
+    return directionMapEntries.map(([dirSuffix, cssProps]) => {
+        return [
+            new RegExp(`^${shorthand}${dirRegex(dirSuffix)}-(.+)$`),
+            ([, size], { theme }) => {
+                const [value] = themeOrLiteral(size, theme, {
+                    startFrom: themeKey,
+                });
+                if (!value)
+                    return;
+                return Object.fromEntries(cssProps.map((prop) => [dashConcat(cssPropGroup, prop), value]));
+            },
+        ];
+    });
+}
+export const spacingRules = [
+    ...makeSpacingRules('p', 'padding', 'spacing'),
+    ...makeSpacingRules('m', 'margin', 'spacing'),
+    ...makeSpacingRules('gap', 'gap', 'spacing'),
+    ...makeSpacingRules('gap-row', 'row-gap', 'spacing'),
+    ...makeSpacingRules('gap-col', 'column-gap', 'spacing'),
+];
+//# sourceMappingURL=spacing.js.map

package/dist/rules/spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../src/rules/spacing.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,SAAS,gBAAgB,CACxB,SAAiB,EACjB,YAAoB,EACpB,QAAqB;IAErB,OAAO,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,EAAE;QACxD,OAAO;YACN,IAAI,MAAM,CAAC,IAAI,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC;YACvD,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;gBACvB,MAAM,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE;oBAC3C,SAAS,EAAE,QAAQ;iBACnB,CAAC,CAAC;gBACH,IAAI,CAAC,KAAK;oBAAE,OAAO;gBACnB,OAAO,MAAM,CAAC,WAAW,CACxB,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,CAC/D,CAAC;YACH,CAAC;SACc,CAAC;IAClB,CAAC,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAkB;IAC1C,GAAG,gBAAgB,CAAC,GAAG,EAAE,SAAS,EAAE,SAAS,CAAC;IAC9C,GAAG,gBAAgB,CAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,CAAC;IAC7C,GAAG,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC;IAC5C,GAAG,gBAAgB,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IACpD,GAAG,gBAAgB,CAAC,SAAS,EAAE,YAAY,EAAE,SAAS,CAAC;CACvD,CAAC"}

package/dist/rules/spacing.test.d.ts

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

package/dist/rules/spacing.test.d.ts.map

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

package/dist/rules/spacing.test.js

@@ -0,0 +1,44 @@
+import { describe, it } from 'vitest';
+import { testBaseMode } from '../_test.js';
+import { testRules } from './_test.js';
+import { spacingRules } from './spacing.js';
+describe('padding', () => {
+    it('matches padding from theme', async () => {
+        await testRules(spacingRules, 'p-lg', {
+            padding: testBaseMode.schema.$tokens.spacing.lg.var,
+        });
+    });
+    it('matches literal padding values', async () => {
+        await testRules(spacingRules, 'p-[10px]', {
+            padding: '10px',
+        });
+    });
+});
+describe('gap', () => {
+    it('matches gap from theme', async () => {
+        await testRules(spacingRules, 'gap-lg', {
+            gap: testBaseMode.schema.$tokens.spacing.lg.var,
+        });
+    });
+    it('matches literal gap values', async () => {
+        await testRules(spacingRules, 'gap-[10px]', {
+            gap: '10px',
+        });
+    });
+    it('matches bracketed gap values', async () => {
+        await testRules(spacingRules, 'gap-[10px]', {
+            gap: '10px',
+        });
+    });
+    it('matches row-gap from theme', async () => {
+        await testRules(spacingRules, 'gap-row-lg', {
+            'row-gap': testBaseMode.schema.$tokens.spacing.lg.var,
+        });
+    });
+    it('matches col-gap from theme', async () => {
+        await testRules(spacingRules, 'gap-col-lg', {
+            'column-gap': testBaseMode.schema.$tokens.spacing.lg.var,
+        });
+    });
+});
+//# sourceMappingURL=spacing.test.js.map

package/dist/rules/spacing.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.test.js","sourceRoot":"","sources":["../../src/rules/spacing.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,SAAS,CAAC,YAAY,EAAE,MAAM,EAAE;YACrC,OAAO,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG;SACnD,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,SAAS,CAAC,YAAY,EAAE,UAAU,EAAE;YACzC,OAAO,EAAE,MAAM;SACf,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE;IACpB,EAAE,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,SAAS,CAAC,YAAY,EAAE,QAAQ,EAAE;YACvC,GAAG,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG;SAC/C,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,SAAS,CAAC,YAAY,EAAE,YAAY,EAAE;YAC3C,GAAG,EAAE,MAAM;SACX,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,SAAS,CAAC,YAAY,EAAE,YAAY,EAAE;YAC3C,GAAG,EAAE,MAAM;SACX,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,SAAS,CAAC,YAAY,EAAE,YAAY,EAAE;YAC3C,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG;SACrD,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,SAAS,CAAC,YAAY,EAAE,YAAY,EAAE;YAC3C,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG;SACxD,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/rules/typography.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/rules/typography.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,IAAI,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAI1C,eAAO,MAAM,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,EAmIxC,CAAC"}

package/dist/rules/typography.js

@@ -0,0 +1,129 @@
+import { h } from '../util/h.js';
+import { getFromTheme, themeOrLiteral } from '../util/themeOrLiteral.js';
+export const typographyRules = [
+    // text
+    [
+        /^text-(.+)$/,
+        ([, input], { theme }) => {
+            // capable of combining all typography tokens related to one keyword.
+            // if it's a bracketed value, treat it as font-size
+            const asLiteral = h.bracket(input);
+            if (asLiteral) {
+                return {
+                    'font-size': asLiteral,
+                };
+            }
+            const size = getFromTheme(input, theme, {
+                startFrom: 'font-size',
+                trySuffixes: ['fontSize', 'size'],
+            });
+            const lineHeight = getFromTheme(input, theme, {
+                startFrom: 'line-height',
+                trySuffixes: ['lineHeight', 'leading'],
+            });
+            const letterSpacing = getFromTheme(input, theme, {
+                startFrom: 'letter-spacing',
+                trySuffixes: ['letterSpacing', 'tracking'],
+            });
+            const weight = getFromTheme(input, theme, {
+                startFrom: 'font-weight',
+                trySuffixes: ['fontWeight', 'weight'],
+            });
+            const fontFamily = getFromTheme(input, theme, {
+                startFrom: 'font-family',
+                trySuffixes: ['fontFamily', 'family'],
+            });
+            const result = {};
+            if (size)
+                result['font-size'] = size;
+            if (lineHeight)
+                result['line-height'] = lineHeight;
+            if (letterSpacing)
+                result['letter-spacing'] = letterSpacing;
+            if (weight)
+                result['font-weight'] = weight;
+            if (fontFamily)
+                result['font-family'] = fontFamily;
+            return Object.keys(result).length > 0 ? result : undefined;
+        },
+        { autocomplete: 'text-$fontSize' },
+    ],
+    // text size
+    [
+        /^(?:text|font)-size-(.+)$/,
+        ([, s], { theme }) => {
+            const [value] = themeOrLiteral(s, theme, {
+                startFrom: 'font-size',
+                trySuffixes: ['fontSize'],
+            });
+            if (value) {
+                return { 'font-size': value };
+            }
+        },
+        { autocomplete: 'text-size-$fontSize' },
+    ],
+    // weights
+    [
+        /^(?:font|fw)-?([^-]+)$/,
+        ([, s], { theme }) => {
+            const [value] = themeOrLiteral(s, theme, {
+                startFrom: 'font-weight',
+                trySuffixes: ['fontWeight'],
+            });
+            if (value) {
+                return { 'font-weight': value };
+            }
+        },
+        {
+            autocomplete: [
+                '(font|fw)-(100|200|300|400|500|600|700|800|900)',
+                '(font|fw)-$font-weight',
+            ],
+        },
+    ],
+    // leadings
+    [
+        /^(?:font-)?(?:leading|lh|line-height)-(.+)$/,
+        ([, s], { theme }) => {
+            const [value] = themeOrLiteral(s, theme, {
+                startFrom: 'line-height',
+                trySuffixes: ['lineHeight'],
+            });
+            if (value) {
+                return { 'line-height': value };
+            }
+        },
+        { autocomplete: '(leading|lh|line-height)-$line-height' },
+    ],
+    // tracking
+    [
+        /^(?:font-)?tracking-(.+)$/,
+        ([, s], { theme }) => ({
+            'letter-spacing': theme['letter-spacing']?.[s] || h.bracket.cssvar.global.rem(s),
+        }),
+        { autocomplete: 'tracking-$letter-spacing' },
+    ],
+    // word-spacing
+    [
+        /^(?:font-)?word-spacing-(.+)$/,
+        ([, s], { theme }) => ({
+            'word-spacing': theme.wordSpacing?.[s] || h.bracket.cssvar.global.rem(s),
+        }),
+        { autocomplete: 'word-spacing-$wordSpacing' },
+    ],
+    // family
+    [
+        /^font-(.+)$/,
+        ([, d], { theme }) => {
+            const [value] = themeOrLiteral(d, theme, {
+                startFrom: 'font-family',
+                trySuffixes: ['fontFamily', 'family'],
+            });
+            if (value) {
+                return { 'font-family': value };
+            }
+        },
+        { autocomplete: 'font-$font-family' },
+    ],
+];
+//# sourceMappingURL=typography.js.map

package/dist/rules/typography.js.map

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

package/dist/rules/util.d.ts

@@ -0,0 +1,2 @@
+export declare function (): any;
+//# 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":"AAAA,wBACA,AADe,QAAA"}

package/dist/rules/util.js

@@ -0,0 +1,2 @@
+export {};
+//# 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":""}

package/dist/theme/index.d.ts

@@ -0,0 +1,10 @@
+import { ArborConfig } from '@arbor-css/core';
+import { Theme } from './types.js';
+export interface ThemeConfig {
+    breakpoints: Record<string, string>;
+    verticalBreakpoints: Record<string, string>;
+    containers: Record<string, string>;
+}
+export declare const defaultThemeConfig: ThemeConfig;
+export declare function createTheme(arbor: ArborConfig<any, any>, breakpointConfig?: ThemeConfig): Theme;
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAkB,MAAM,iBAAiB,CAAC;AAE9D,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAyCnC,MAAM,WAAW,WAAW;IAC3B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC;AAED,eAAO,MAAM,kBAAkB,EAAE,WAShC,CAAC;AAEF,wBAAgB,WAAW,CAC1B,KAAK,EAAE,WAAW,CAAC,GAAG,EAAE,GAAG,CAAC,EAC5B,gBAAgB,GAAE,WAAgC,GAsC7C,KAAK,CACV"}

package/dist/theme/index.js

@@ -0,0 +1,79 @@
+import { isToken } from '@arbor-css/core';
+import { toFlatKeys } from '@arbor-css/util';
+const extraWords = [
+    'colors',
+    'color',
+    'typography',
+    'spacing',
+    'space',
+    'shadows',
+    'shadow',
+    'text',
+    'font',
+    'leading',
+    'weight',
+    'family',
+    'lineHeight',
+    'size',
+    'width',
+    'radius',
+    'borderWidth',
+    'borderRadius',
+    'x',
+    'y',
+    'offsetX',
+    'offsetY',
+    'blur',
+    'spread',
+];
+function removeExtraWords(key, extraWords) {
+    for (const word of extraWords) {
+        key = key.replaceAll(new RegExp(`-${word}-`, 'g'), '-');
+        key = key.replaceAll(new RegExp(`^${word}-`, 'g'), '');
+        key = key.replaceAll(new RegExp(`-${word}$`, 'g'), '');
+    }
+    key = key
+        .replaceAll(/^-+/g, '')
+        .replaceAll(/-+$/g, '')
+        .replaceAll(/-+/g, '-');
+    return key;
+}
+export const defaultThemeConfig = {
+    breakpoints: {
+        sm: '640px',
+        md: '768px',
+        lg: '1024px',
+        xl: '1280px',
+    },
+    verticalBreakpoints: {},
+    containers: {},
+};
+export function createTheme(arbor, breakpointConfig = defaultThemeConfig) {
+    const flatPrimitiveTokens = toFlatKeys(arbor.primitives.$tokens, isToken, { separator: '-' });
+    const flatModeTokens = toFlatKeys(arbor.modes.base.schema.$tokens, isToken, { separator: '-' });
+    // split into theme categories
+    const theme = {};
+    for (const rawKey in flatPrimitiveTokens) {
+        const token = flatPrimitiveTokens[rawKey];
+        const key = `_${removeExtraWords(rawKey, extraWords)}`;
+        const themeCategory = token.purpose;
+        if (!theme[themeCategory]) {
+            theme[themeCategory] = {};
+        }
+        theme[themeCategory][key] = token.var;
+    }
+    for (const rawKey in flatModeTokens) {
+        const token = flatModeTokens[rawKey];
+        const key = removeExtraWords(rawKey, extraWords);
+        const themeCategory = token.purpose;
+        if (!theme[themeCategory]) {
+            theme[themeCategory] = {};
+        }
+        theme[themeCategory][key] = token.var;
+    }
+    return {
+        ...breakpointConfig,
+        ...theme,
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

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

package/dist/theme/types.d.ts

@@ -0,0 +1,11 @@
+import { TokenPurpose } from '@arbor-css/core';
+export type Theme = {
+    [Purpose in TokenPurpose]: Record<string, string>;
+} & {
+    breakpoints: Record<string, string>;
+    verticalBreakpoints: Record<string, string>;
+    containers: Record<string, string>;
+} & {
+    [K in string]: any;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/theme/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,MAAM,KAAK,GAAG;KAClB,OAAO,IAAI,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;CACjD,GAAG;IACH,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC,GAAG;KACF,CAAC,IAAI,MAAM,GAAG,GAAG;CAClB,CAAC"}

package/dist/theme/types.js

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

package/dist/theme/types.js.map

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

package/dist/util/alters.d.ts

@@ -0,0 +1,7 @@
+export declare function lighten(base: string, level: string): string;
+export declare function darken(base: string, level: string): string;
+export declare function desaturate(base: string, level: string): string;
+export declare function saturate(base: string, level: string): string;
+export declare const colorAlters: Record<string, (base: string, level: string) => string>;
+export declare const colorAltersMatch = "(l|lighten|d|darken|s|saturate|ds|desaturate)";
+//# sourceMappingURL=alters.d.ts.map

package/dist/util/alters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alters.d.ts","sourceRoot":"","sources":["../../src/util/alters.ts"],"names":[],"mappings":"AAgBA,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAYlD;AAED,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAYjD;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAOrD;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAOnD;AAED,eAAO,MAAM,WAAW,EAAE,MAAM,CAC/B,MAAM,EACN,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAUvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,kDAAkD,CAAC"}