@arbor-css/core 0.0.1

package/dist/runtime/components/TokenValues.js

@@ -0,0 +1,105 @@
+import { groupTokens } from '../tokenGroups.js';
+import { ArborElement } from './BaseElement.js';
+class TokenValues extends ArborElement {
+    constructor() {
+        super();
+        const config = this.config;
+        const schemaPath = this.getAttribute('schema-path');
+        const schemaPathParts = schemaPath ? schemaPath.split('.') : [];
+        const tokenSchema = schemaPathParts.reduce((acc, part) => acc?.[part], config);
+        const tokens = groupTokens(tokenSchema);
+        this.shadowRoot.innerHTML = `
+			<div class="root">
+				${Object.entries(tokens.simple)
+            .map(([purpose, tokens]) => {
+            // subgroup by group if exists
+            const subgroups = tokens.reduce((groups, token) => {
+                const group = token.group ?? '';
+                if (!groups[group]) {
+                    groups[group] = [];
+                }
+                groups[group].push(token);
+                return groups;
+            }, {});
+            return `<div class="token-group">
+								<h3>${purpose}</h3>
+								<div class="token-values">
+								${Object.entries(subgroups)
+                .map(([group, tokens]) => {
+                return `
+										<div class="token-subgroup">
+											<h4>${group}</h4>
+											${tokens
+                    .map((token) => {
+                    return `
+													<div class="token-value">
+														<strong>${token.name}</strong>
+														<arbor-token-value-preview value="${token.var}" purpose="${token.purpose}"></arbor-token-value-preview>
+													</div>`;
+                })
+                    .join('\n')}
+										</div>`;
+            })
+                .join('\n')}
+								</div>
+							</div>`;
+        })
+            .join('\n')}
+				<div class="token-group">
+					<h3>Typography</h3>
+					<div class="token-values">
+						${Object.entries(tokens.typography)
+            .map(([level, { size, weight, lineHeight }]) => {
+            const sizeVar = size ? size.var : 'unknown';
+            const weightVar = weight ? weight.var : 'unknown';
+            const lineHeightVar = lineHeight ? lineHeight.var : 'unknown';
+            return `
+									<div class="token-value">
+										<div>
+											<strong>${level}</strong>
+											<div>size: ${sizeVar}</div>
+											<div>weight: ${weightVar}</div>
+											<div>line-height: ${lineHeightVar}</div>
+										</div>
+										<arbor-token-font-values-preview size="${sizeVar}" weight="${weightVar}" line-height="${lineHeightVar}"></arbor-token-font-values-preview>
+									</div>
+								`;
+        })
+            .join('\n')}
+					</div>
+				</div>
+			</div>
+			<style>
+			.root {
+				display: flex;
+				flex-direction: column;
+				gap: 0.25rem;
+			}
+				.token-group {
+					margin-bottom: 2rem;
+					background-color: white;
+					border: 1px solid black;
+					padding: 0.25rem;
+				}
+					.token-subgroup {
+						margin-bottom: 1rem;
+						padding-left: 0.5rem;
+					}
+					.token-values {
+						display: grid;
+						grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+						gap: 0.125rem;
+					}
+				.token-value {
+					display: flex;
+					flex-direction: row;
+					align-items: center;
+					justify-content: space-between;
+					padding: 0.2rem;
+				}
+			</style>
+		`;
+    }
+}
+customElements.define('arbor-token-values', TokenValues);
+//# sourceMappingURL=TokenValues.js.map

package/dist/runtime/components/TokenValues.js.map

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

package/dist/runtime/components/Typography.d.ts

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

package/dist/runtime/components/Typography.d.ts.map

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

package/dist/runtime/components/Typography.js

@@ -0,0 +1,30 @@
+import { isToken } from '@arbor-css/tokens';
+import { getConfig } from '../registration.js';
+class Typography extends HTMLElement {
+    constructor() {
+        super();
+        const config = getConfig();
+        const typography = config.primitives.$tokens.typography;
+        if (isToken(typography)) {
+            throw new Error(`Typography is not a valid token range (it's an individual token)`);
+        }
+        this.attachShadow({ mode: 'open' }).innerHTML = `
+			<div>
+				${Object.keys(typography)
+            .map((key) => {
+            const value = typography[key];
+            // we expect these values on typography tokens...
+            const { size, weight, lineHeight } = value;
+            if (!size || !weight || !lineHeight) {
+                throw new Error(`Typography level "${key}" is missing expected properties (size, weight, lineHeight)`);
+            }
+            console.log(value);
+            return `<div class="type-sample" style="font-size: ${size.var}; font-weight: ${weight.var}; line-height: ${lineHeight.var};">${key}: The quick brown fox jumps over the lazy dog.</div>`;
+        })
+            .join('\n')}
+			</div>
+		`;
+    }
+}
+customElements.define('arbor-typography', Typography);
+//# sourceMappingURL=Typography.js.map

package/dist/runtime/components/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/runtime/components/Typography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,UAAW,SAAQ,WAAW;IACnC;QACC,KAAK,EAAE,CAAC;QAER,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,UAAU,CAAC;QAExD,IAAI,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;YACzB,MAAM,IAAI,KAAK,CACd,kEAAkE,CAClE,CAAC;QACH,CAAC;QAED,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,SAAS,GAAG;;MAE5C,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC;aACvB,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACZ,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;YAC9B,iDAAiD;YACjD,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAY,CAAC;YAClD,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;gBACrC,MAAM,IAAI,KAAK,CACd,qBAAqB,GAAG,6DAA6D,CACrF,CAAC;YACH,CAAC;YACD,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACnB,OAAO,8CAA8C,IAAI,CAAC,GAAG,kBAAkB,MAAM,CAAC,GAAG,kBAAkB,UAAU,CAAC,GAAG,MAAM,GAAG,sDAAsD,CAAC;QAC1L,CAAC,CAAC;aACD,IAAI,CAAC,IAAI,CAAC;;GAEb,CAAC;IACH,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC"}

package/dist/runtime/components/index.d.ts

@@ -0,0 +1,11 @@
+import './GlobalsEditor.js';
+import './ModeSelector.js';
+import './SchemeSelector.js';
+import './SystemDemo.js';
+import './TokenColorValuePreview.js';
+import './TokenFontValuesPreview.js';
+import './TokenShadowValuePreview.js';
+import './TokenSizeValuePreview.js';
+import './TokenValuePreview.js';
+import './TokenValues.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/runtime/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/runtime/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,iBAAiB,CAAC;AACzB,OAAO,6BAA6B,CAAC;AACrC,OAAO,6BAA6B,CAAC;AACrC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,kBAAkB,CAAC"}

package/dist/runtime/components/index.js

@@ -0,0 +1,11 @@
+import './GlobalsEditor.js';
+import './ModeSelector.js';
+import './SchemeSelector.js';
+import './SystemDemo.js';
+import './TokenColorValuePreview.js';
+import './TokenFontValuesPreview.js';
+import './TokenShadowValuePreview.js';
+import './TokenSizeValuePreview.js';
+import './TokenValuePreview.js';
+import './TokenValues.js';
+//# sourceMappingURL=index.js.map

package/dist/runtime/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/runtime/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,iBAAiB,CAAC;AACzB,OAAO,6BAA6B,CAAC;AACrC,OAAO,6BAA6B,CAAC;AACrC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,kBAAkB,CAAC"}

package/dist/runtime/index.d.ts

@@ -0,0 +1,3 @@
+import './components/index.js';
+export { connect } from './registration.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/runtime/index.js

@@ -0,0 +1,3 @@
+import './components/index.js';
+export { connect } from './registration.js';
+//# sourceMappingURL=index.js.map

package/dist/runtime/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/runtime/readProperties.d.ts

@@ -0,0 +1,3 @@
+import { TokenSchema } from '@arbor-css/tokens';
+export declare function readProperties(tokens: TokenSchema, target?: HTMLElement): Record<string, any>;
+//# sourceMappingURL=readProperties.d.ts.map

package/dist/runtime/readProperties.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"readProperties.d.ts","sourceRoot":"","sources":["../../src/runtime/readProperties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGzD,wBAAgB,cAAc,CAC7B,MAAM,EAAE,WAAW,EACnB,MAAM,cAA2B,GAC/B,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAIrB"}

package/dist/runtime/readProperties.js

@@ -0,0 +1,8 @@
+import { isToken } from '@arbor-css/tokens';
+import { convertStructure } from '../util/convertStructure.js';
+export function readProperties(tokens, target = document.documentElement) {
+    return convertStructure(tokens, isToken, (token) => {
+        return getComputedStyle(target).getPropertyValue(token.name).trim();
+    });
+}
+//# sourceMappingURL=readProperties.js.map

package/dist/runtime/readProperties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"readProperties.js","sourceRoot":"","sources":["../../src/runtime/readProperties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAe,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE/D,MAAM,UAAU,cAAc,CAC7B,MAAmB,EACnB,MAAM,GAAG,QAAQ,CAAC,eAAe;IAEjC,OAAO,gBAAgB,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;QAClD,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;IACrE,CAAC,CAAC,CAAC;AACJ,CAAC"}

package/dist/runtime/registration.d.ts

@@ -0,0 +1,5 @@
+import { ArborConfig } from '../config.js';
+export declare function getConfig(): ArborConfig<any>;
+export declare function getStyleSheet(): CSSStyleSheet;
+export declare function connect(arbor: ArborConfig<any>): void;
+//# sourceMappingURL=registration.d.ts.map

package/dist/runtime/registration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registration.d.ts","sourceRoot":"","sources":["../../src/runtime/registration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM3C,wBAAgB,SAAS,IAAI,WAAW,CAAC,GAAG,CAAC,CAO5C;AAED,wBAAgB,aAAa,IAAI,aAAa,CAO7C;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,QAO9C"}

package/dist/runtime/registration.js

@@ -0,0 +1,24 @@
+import { generateStylesheet } from '../stylesheet/generateStylesheet.js';
+let config = undefined;
+let styleSheet = undefined;
+export function getConfig() {
+    if (!config) {
+        throw new Error('Arbor configuration has not been set. Please call connect() first.');
+    }
+    return config;
+}
+export function getStyleSheet() {
+    if (!styleSheet) {
+        throw new Error('Arbor stylesheet has not been generated. Please call connect() first.');
+    }
+    return styleSheet;
+}
+export function connect(arbor) {
+    config = arbor;
+    // by turning off layers, we make the generated CSS take precedence over any existing pregenerated stylesheet.
+    const styles = generateStylesheet(config, { layer: false });
+    styleSheet = new CSSStyleSheet();
+    styleSheet.replaceSync(styles);
+    document.adoptedStyleSheets = [...document.adoptedStyleSheets, styleSheet];
+}
+//# sourceMappingURL=registration.js.map

package/dist/runtime/registration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registration.js","sourceRoot":"","sources":["../../src/runtime/registration.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAEzE,IAAI,MAAM,GAAiC,SAAS,CAAC;AACrD,IAAI,UAAU,GAA8B,SAAS,CAAC;AAEtD,MAAM,UAAU,SAAS;IACxB,IAAI,CAAC,MAAM,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACd,oEAAoE,CACpE,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAC;AACf,CAAC;AAED,MAAM,UAAU,aAAa;IAC5B,IAAI,CAAC,UAAU,EAAE,CAAC;QACjB,MAAM,IAAI,KAAK,CACd,uEAAuE,CACvE,CAAC;IACH,CAAC;IACD,OAAO,UAAU,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,KAAuB;IAC9C,MAAM,GAAG,KAAK,CAAC;IACf,8GAA8G;IAC9G,MAAM,MAAM,GAAG,kBAAkB,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IAC5D,UAAU,GAAG,IAAI,aAAa,EAAE,CAAC;IACjC,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,QAAQ,CAAC,kBAAkB,GAAG,CAAC,GAAG,QAAQ,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;AAC5E,CAAC"}

package/dist/runtime/tokenGroups.d.ts

@@ -0,0 +1,24 @@
+import { Token, TokenSchema } from '@arbor-css/tokens';
+export declare function groupTokens(tokens: TokenSchema): {
+    simple: Record<string, {
+        "@@TOKEN@@": true;
+        name: string;
+        type: import("@arbor-css/tokens").PropertyType;
+        tag: string | undefined;
+        purpose: import("@arbor-css/tokens").TokenPurpose;
+        group: string | undefined;
+        fallback: string | number | undefined;
+        var: string;
+        varFallback: (fallbackOverride?: string | number) => string;
+        assign: (value?: string | number) => string;
+        readonly definition: string;
+        suffixed: (suffix: string) => /*elided*/ any;
+        prefixed: (prefix: string) => /*elided*/ any;
+    }[]>;
+    typography: Record<string, {
+        size?: Token;
+        weight?: Token;
+        lineHeight?: Token;
+    }>;
+};
+//# sourceMappingURL=tokenGroups.d.ts.map

package/dist/runtime/tokenGroups.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenGroups.d.ts","sourceRoot":"","sources":["../../src/runtime/tokenGroups.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAqB,MAAM,mBAAmB,CAAC;AAE1E,wBAAgB,WAAW,CAAC,MAAM,EAAE,WAAW;;;;;;;;;;;;;;;;;eA2CnC,KAAK;iBACH,KAAK;qBACD,KAAK;;EAMtB"}

package/dist/runtime/tokenGroups.js

@@ -0,0 +1,37 @@
+import { tokenSchemaToList } from '@arbor-css/tokens';
+export function groupTokens(tokens) {
+    const asList = tokenSchemaToList(tokens);
+    const groupedSimpleTokens = asList.reduce((groups, token) => {
+        const purpose = token.purpose;
+        if (purpose.startsWith('font') || purpose === 'line-height') {
+            // fonts handled separately
+            return groups;
+        }
+        if (!groups[purpose]) {
+            groups[purpose] = [];
+        }
+        groups[purpose].push(token);
+        return groups;
+    }, {});
+    const typographyTokens = asList
+        .filter((token) => token.purpose.startsWith('font') || token.purpose === 'line-height')
+        .reduce((levels, token) => {
+        // this is kind of an assumption, structure of token ends with level
+        const level = token.group ?? 'unknown';
+        if (!levels[level]) {
+            levels[level] = {};
+        }
+        if (token.purpose === 'font-size') {
+            levels[level].size = token;
+        }
+        else if (token.purpose === 'font-weight') {
+            levels[level].weight = token;
+        }
+        else if (token.purpose === 'line-height') {
+            levels[level].lineHeight = token;
+        }
+        return levels;
+    }, {});
+    return { simple: groupedSimpleTokens, typography: typographyTokens };
+}
+//# sourceMappingURL=tokenGroups.js.map

package/dist/runtime/tokenGroups.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenGroups.js","sourceRoot":"","sources":["../../src/runtime/tokenGroups.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE1E,MAAM,UAAU,WAAW,CAAC,MAAmB;IAC9C,MAAM,MAAM,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAEzC,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CACxC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QACjB,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;QAC9B,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,OAAO,KAAK,aAAa,EAAE,CAAC;YAC7D,2BAA2B;YAC3B,OAAO,MAAM,CAAC;QACf,CAAC;QACD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;YACtB,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;QACtB,CAAC;QACD,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5B,OAAO,MAAM,CAAC;IACf,CAAC,EACD,EAA6B,CAC7B,CAAC;IAEF,MAAM,gBAAgB,GAAG,MAAM;SAC7B,MAAM,CACN,CAAC,KAAK,EAAE,EAAE,CACT,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,OAAO,KAAK,aAAa,CACpE;SACA,MAAM,CACN,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QACjB,oEAAoE;QACpE,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,SAAS,CAAC;QACvC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;YACpB,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;QACpB,CAAC;QACD,IAAI,KAAK,CAAC,OAAO,KAAK,WAAW,EAAE,CAAC;YACnC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,KAAK,CAAC;QAC5B,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,KAAK,aAAa,EAAE,CAAC;YAC5C,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,KAAK,CAAC;QAC9B,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,KAAK,aAAa,EAAE,CAAC;YAC5C,MAAM,CAAC,KAAK,CAAC,CAAC,UAAU,GAAG,KAAK,CAAC;QAClC,CAAC;QACD,OAAO,MAAM,CAAC;IACf,CAAC,EACD,EAOC,CACD,CAAC;IAEH,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC;AACtE,CAAC"}

package/dist/stylesheet/generateStylesheet.d.ts

@@ -0,0 +1,10 @@
+import { CompiledColors } from '@arbor-css/colors';
+import { ModeSchemaLevel } from '@arbor-css/modes';
+import { TokenSchema } from '@arbor-css/tokens';
+import { CompiledTypography } from '@arbor-css/typography';
+import { ArborConfig } from '../config.js';
+import { CompiledShadows, CompiledSpacing } from '../index.js';
+export declare function generateStylesheet<TModeShape extends ModeSchemaLevel, TCompiledColors extends CompiledColors<any, any>, TTypography extends CompiledTypography<any>, TSpacing extends CompiledSpacing<any>, TShadows extends CompiledShadows<any>, TOtherTokens extends TokenSchema>(config: ArborConfig<TModeShape, TCompiledColors, TTypography, TSpacing, TShadows, TOtherTokens>, { layer: cascadeLayerName, }?: {
+    layer?: string | false;
+}): string;
+//# sourceMappingURL=generateStylesheet.d.ts.map

package/dist/stylesheet/generateStylesheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateStylesheet.d.ts","sourceRoot":"","sources":["../../src/stylesheet/generateStylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAEN,eAAe,EAEf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAIN,WAAW,EAEX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAgB,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAQ7E,wBAAgB,kBAAkB,CACjC,UAAU,SAAS,eAAe,EAClC,eAAe,SAAS,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC,EAChD,WAAW,SAAS,kBAAkB,CAAC,GAAG,CAAC,EAC3C,QAAQ,SAAS,eAAe,CAAC,GAAG,CAAC,EACrC,QAAQ,SAAS,eAAe,CAAC,GAAG,CAAC,EACrC,YAAY,SAAS,WAAW,EAEhC,MAAM,EAAE,WAAW,CAClB,UAAU,EACV,eAAe,EACf,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,YAAY,CACZ,EACD,EACC,KAAK,EAAE,gBAA0B,GACjC,GAAE;IACF,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAClB,GACJ,MAAM,CAmIR"}

package/dist/stylesheet/generateStylesheet.js

@@ -0,0 +1,109 @@
+import { $globalProps } from '@arbor-css/globals';
+import { flattenToPropsList, modeToCss, } from '@arbor-css/modes';
+import { createToken, isToken, selfReferencedProps, tokenSchemaToList, } from '@arbor-css/tokens';
+import { $systemProps } from '../index.js';
+import { convertStructure } from '../util/convertStructure.js';
+import { flattenAndApplyTokenValues } from '../util/flattenAndApplyTokenValues.js';
+import { formatObjectToCss } from '../util/formatObjectToCss.js';
+import { printTokens } from '../util/printTokens.js';
+const noPreference = `, (prefers-color-scheme: no-preference)`;
+export function generateStylesheet(config, { layer: cascadeLayerName = 'arbor', } = {}) {
+    const defaultScheme = config.primitives.defaultScheme ?? 'light';
+    const baseMode = config.modes.base;
+    /**
+     * Each scheme generates a full set of CSS color properties
+     * which are prefixed with its tag. The application of a scheme
+     * then sets the "official" version of each property to the
+     * tagged one when it is applied.
+     */
+    function getSchemeRootPropertiesCss(schemeName) {
+        const values = flattenAndApplyTokenValues(config.primitives.$tokens.colors, config.primitives.colors[schemeName].colors, { prefix: config.primitives.schemeTags[schemeName] ?? schemeName });
+        return formatObjectToCss(values);
+    }
+    function schemeApplicationCss(schemeName) {
+        const values = selfReferencedProps(config.primitives.$tokens.colors, {
+            valuePrefix: config.primitives.schemeTags[schemeName] ?? schemeName,
+        });
+        return `${$systemProps.labels.scheme.assign(schemeName)}
+	${$systemProps.scheme.invertMultiplier.assign(config.primitives.colors[schemeName].isDark ? -1 : 1)}
+	${$systemProps.scheme.whenDark.assign(schemeName === 'dark' ? 1 : 0)}
+	${$systemProps.scheme.whenLight.assign(schemeName === 'light' ? 1 : 0)}
+	${formatObjectToCss(values)}
+	`;
+    }
+    const allModeProps = Array.from(new Set(Object.values(config.modes).flatMap((mode) => {
+        const shape = mode.schema.$tokens;
+        return flattenToPropsList(shape);
+    })));
+    // replace scheme names with their tags if they are provided
+    const schemeColorsWithTags = Object.keys(config.primitives.colors).reduce((acc, scheme) => {
+        const key = config.primitives.schemeTags[scheme] ?? scheme;
+        acc[key] = config.primitives.colors[scheme].colors;
+        return acc;
+    }, {});
+    // convert all tagged scheme colors to Tokens
+    const allColorTokens = tokenSchemaToList(convertStructure(schemeColorsWithTags, isToken, (_, path) => createToken(path.join('-'), { type: 'color' })));
+    return `/* Auto-generated CSS - do not edit directly */
+${cascadeLayerName ? `@layer ${cascadeLayerName} {` : ''}
+:root {
+	/* Assign user globals */
+	${printTokens($globalProps, config.primitives.globals)}
+	/* By default we set the font size */
+	font-size: ${$globalProps.baseFontSize.var};
+
+	/* Raw scheme ranges */
+	${Object.keys(config.primitives.colors)
+        .map((schemeName) => getSchemeRootPropertiesCss(schemeName))
+        .join('\n')}
+
+	/* Dark/Light schemes are assigned to built-in device preferences */
+	@media (prefers-color-scheme: light)${defaultScheme === 'light' ? noPreference : ''} {
+		${schemeApplicationCss('light')}
+	}
+
+	@media (prefers-color-scheme: dark)${defaultScheme === 'dark' ? noPreference : ''} {
+		${schemeApplicationCss('dark')}
+	}
+
+	/* Other primitives */
+	${printTokens(config.primitives.$tokens.typography, config.primitives.typography.levels)}
+	${printTokens(config.primitives.$tokens.spacing, config.primitives.spacing.levels)}
+	${printTokens(config.primitives.$tokens.shadows, config.primitives.shadows.levels)}
+}
+
+/* Scheme classes */
+${Object.keys(config.primitives.colors)
+        .map((schemeName) => `.\\@scheme-${schemeName}, [data-scheme-${schemeName}=""] {
+	${schemeApplicationCss(schemeName)}
+}`)
+        .join('\n\n')}
+
+${Object.entries(config.modes)
+        .map(([modeName, modeValue]) => {
+        return `/* Mode: ${modeName} */
+${modeName === 'base' ? ':root,' : ''} .\\@mode-${modeName}, [data-mode-${modeName}=""], ${Object.keys(config.primitives.colors)
+            .map((schemeName) => [
+            `:where(.\\@mode-${modeName}) .\\@scheme-${schemeName}`,
+            `:where([data-mode-${modeName}=""]) .\\@scheme-${schemeName}`,
+            modeName === 'base' ? `:root .\\@scheme-${schemeName}` : null,
+        ]
+            .filter((s) => !!s)
+            .join(', '))
+            .join(', ')} {
+	${$systemProps.labels.mode.assign(modeName)}
+	${modeToCss(modeValue, baseMode)}
+}
+`;
+    })
+        .join('\n\n')}
+
+/* Custom properties for each primitive color */
+${allColorTokens.map((token) => token.definition).join('\n')}
+
+/* Custom properties for each mode property */
+${allModeProps.map((PROP) => PROP.definition).join('\n\n')}
+
+${cascadeLayerName ? `}` : ''}
+`.trim();
+}
+//# sourceMappingURL=generateStylesheet.js.map

package/dist/stylesheet/generateStylesheet.js.map

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

package/dist/util/convertStructure.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Walk an object structure and convert matching items using the supplied
+ * function.
+ */
+export declare function convertStructure<In, Out>(input: any, matchConvertedItem: (item: any, path: (string | number)[]) => item is In, convert: (item: In, path: (string | number)[]) => Out, { path, ...options }?: {
+    path?: (string | number)[];
+}): any;
+//# sourceMappingURL=convertStructure.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"convertStructure.d.ts","sourceRoot":"","sources":["../../src/util/convertStructure.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,GAAG,EACvC,KAAK,EAAE,GAAG,EACV,kBAAkB,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,IAAI,EAAE,EACxE,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,GAAG,EACrD,EACC,IAAS,EACT,GAAG,OAAO,EACV,GAAE;IACF,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;CACtB,GACJ,GAAG,CAuBL"}

package/dist/util/convertStructure.js

@@ -0,0 +1,30 @@
+/**
+ * Walk an object structure and convert matching items using the supplied
+ * function.
+ */
+export function convertStructure(input, matchConvertedItem, convert, { path = [], ...options } = {}) {
+    path ?? (path = []);
+    if (matchConvertedItem(input, path)) {
+        return convert(input, path);
+    }
+    else if (Array.isArray(input)) {
+        return input.map((item, index) => convertStructure(item, matchConvertedItem, convert, {
+            path: [...path, index],
+            ...options,
+        }));
+    }
+    else if (typeof input === 'object' && input !== null) {
+        const output = {};
+        for (const key in input) {
+            output[key] = convertStructure(input[key], matchConvertedItem, convert, {
+                path: [...path, key],
+                ...options,
+            });
+        }
+        return output;
+    }
+    else {
+        return input;
+    }
+}
+//# sourceMappingURL=convertStructure.js.map

package/dist/util/convertStructure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertStructure.js","sourceRoot":"","sources":["../../src/util/convertStructure.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAC/B,KAAU,EACV,kBAAwE,EACxE,OAAqD,EACrD,EACC,IAAI,GAAG,EAAE,EACT,GAAG,OAAO,KAGP,EAAE;IAEN,IAAI,KAAJ,IAAI,GAAK,EAAE,EAAC;IACZ,IAAI,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC;QACrC,OAAO,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC7B,CAAC;SAAM,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACjC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAChC,gBAAgB,CAAC,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE;YACnD,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC;YACtB,GAAG,OAAO;SACV,CAAC,CACF,CAAC;IACH,CAAC;SAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACxD,MAAM,MAAM,GAAwB,EAAE,CAAC;QACvC,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;YACzB,MAAM,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,kBAAkB,EAAE,OAAO,EAAE;gBACvE,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,CAAC;gBACpB,GAAG,OAAO;aACV,CAAC,CAAC;QACJ,CAAC;QACD,OAAO,MAAM,CAAC;IACf,CAAC;SAAM,CAAC;QACP,OAAO,KAAK,CAAC;IACd,CAAC;AACF,CAAC"}

package/dist/util/flattenAndApplyTokenValues.d.ts

@@ -0,0 +1,5 @@
+import { TokenSchema } from '@arbor-css/tokens';
+export declare function flattenAndApplyTokenValues(tokens: TokenSchema, values: Record<string, any>, { prefix }?: {
+    prefix?: string;
+}): Record<string, string>;
+//# sourceMappingURL=flattenAndApplyTokenValues.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flattenAndApplyTokenValues.d.ts","sourceRoot":"","sources":["../../src/util/flattenAndApplyTokenValues.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEzD,wBAAgB,0BAA0B,CACzC,MAAM,EAAE,WAAW,EACnB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,EAAE,MAAM,EAAE,GAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAO,0BAoCpC"}

package/dist/util/flattenAndApplyTokenValues.js

@@ -0,0 +1,32 @@
+import { isToken } from '@arbor-css/tokens';
+export function flattenAndApplyTokenValues(tokens, values, { prefix } = {}) {
+    const result = {};
+    function walk(tokenNode, valueNode, path = []) {
+        for (const key in tokenNode) {
+            const tokenCurrent = tokenNode[key];
+            if (valueNode[key] === undefined) {
+                throw new Error(`Missing value for token ${tokenCurrent.name} at path ${[...path, key].join('.')} (values: ${JSON.stringify(valueNode)})`);
+            }
+            const valueCurrent = valueNode[key];
+            const currentPath = [...path, key];
+            if (isToken(tokenCurrent)) {
+                const tokenValue = valueCurrent;
+                if (tokenValue === undefined) {
+                    throw new Error(`Missing value for token ${tokenCurrent.name} at ${currentPath.join('.')} (values: ${JSON.stringify(valueNode)})`);
+                }
+                if (prefix) {
+                    result[tokenCurrent.prefixed(prefix).name] = tokenValue;
+                }
+                else {
+                    result[tokenCurrent.name] = tokenValue;
+                }
+            }
+            else if (typeof tokenCurrent === 'object') {
+                walk(tokenCurrent, valueCurrent, currentPath);
+            }
+        }
+    }
+    walk(tokens, values);
+    return result;
+}
+//# sourceMappingURL=flattenAndApplyTokenValues.js.map

package/dist/util/flattenAndApplyTokenValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flattenAndApplyTokenValues.js","sourceRoot":"","sources":["../../src/util/flattenAndApplyTokenValues.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAe,MAAM,mBAAmB,CAAC;AAEzD,MAAM,UAAU,0BAA0B,CACzC,MAAmB,EACnB,MAA2B,EAC3B,EAAE,MAAM,KAA0B,EAAE;IAEpC,MAAM,MAAM,GAA2B,EAAE,CAAC;IAC1C,SAAS,IAAI,CACZ,SAA8B,EAC9B,SAA8B,EAC9B,OAAiB,EAAE;QAEnB,KAAK,MAAM,GAAG,IAAI,SAAS,EAAE,CAAC;YAC7B,MAAM,YAAY,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;YACpC,IAAI,SAAS,CAAC,GAAG,CAAC,KAAK,SAAS,EAAE,CAAC;gBAClC,MAAM,IAAI,KAAK,CACd,2BAA2B,YAAY,CAAC,IAAI,YAAY,CAAC,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CACzH,CAAC;YACH,CAAC;YACD,MAAM,YAAY,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;YACpC,MAAM,WAAW,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC;YACnC,IAAI,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;gBAC3B,MAAM,UAAU,GAAG,YAAsB,CAAC;gBAC1C,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;oBAC9B,MAAM,IAAI,KAAK,CACd,2BAA2B,YAAY,CAAC,IAAI,OAAO,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CACjH,CAAC;gBACH,CAAC;gBACD,IAAI,MAAM,EAAE,CAAC;oBACZ,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC;gBACzD,CAAC;qBAAM,CAAC;oBACP,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC;gBACxC,CAAC;YACF,CAAC;iBAAM,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE,CAAC;gBAC7C,IAAI,CAAC,YAAY,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC;YAC/C,CAAC;QACF,CAAC;IACF,CAAC;IACD,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrB,OAAO,MAAM,CAAC;AACf,CAAC"}

package/dist/util/formatObjectToCss.d.ts

@@ -0,0 +1,2 @@
+export declare function formatObjectToCss(properties: Record<string, string>): string;
+//# sourceMappingURL=formatObjectToCss.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formatObjectToCss.d.ts","sourceRoot":"","sources":["../../src/util/formatObjectToCss.ts"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAI5E"}

package/dist/util/formatObjectToCss.js

@@ -0,0 +1,6 @@
+export function formatObjectToCss(properties) {
+    return Object.entries(properties)
+        .map(([key, value]) => `${key}: ${value};`)
+        .join(' ');
+}
+//# sourceMappingURL=formatObjectToCss.js.map

package/dist/util/formatObjectToCss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatObjectToCss.js","sourceRoot":"","sources":["../../src/util/formatObjectToCss.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,iBAAiB,CAAC,UAAkC;IACnE,OAAO,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC;SAC/B,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,KAAK,GAAG,CAAC;SAC1C,IAAI,CAAC,GAAG,CAAC,CAAC;AACb,CAAC"}

package/dist/util/printTokens.d.ts

@@ -0,0 +1,5 @@
+import { TokenSchema } from '@arbor-css/tokens';
+export declare function printTokens(tokens: TokenSchema, values: Record<string, any>, { prefix }?: {
+    prefix?: string;
+}): string;
+//# sourceMappingURL=printTokens.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"printTokens.d.ts","sourceRoot":"","sources":["../../src/util/printTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD,wBAAgB,WAAW,CAC1B,MAAM,EAAE,WAAW,EACnB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,EAAE,MAAM,EAAE,GAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAO,UAKpC"}

package/dist/util/printTokens.js

@@ -0,0 +1,6 @@
+import { flattenAndApplyTokenValues } from './flattenAndApplyTokenValues.js';
+import { formatObjectToCss } from './formatObjectToCss.js';
+export function printTokens(tokens, values, { prefix } = {}) {
+    return formatObjectToCss(flattenAndApplyTokenValues(tokens, values, { prefix }));
+}
+//# sourceMappingURL=printTokens.js.map

package/dist/util/printTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"printTokens.js","sourceRoot":"","sources":["../../src/util/printTokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,UAAU,WAAW,CAC1B,MAAmB,EACnB,MAA2B,EAC3B,EAAE,MAAM,KAA0B,EAAE;IAEpC,OAAO,iBAAiB,CACvB,0BAA0B,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,CACtD,CAAC;AACH,CAAC"}