@arbor-css/core 0.0.102 → 0.0.104

package/dist/runtime/components/MixinsList.js

@@ -0,0 +1,123 @@
+import { css, html, LitElement } from 'lit-element';
+import { getPreset } from '../registration.js';
+class MixinsList extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.preset = getPreset();
+    }
+    static get styles() {
+        return css `
+			:host {
+				display: block;
+				box-sizing: border-box;
+				width: 100%;
+			}
+			.root {
+				display: flex;
+				flex-direction: column;
+				width: 100%;
+				box-sizing: border-box;
+			}
+
+			h2 {
+				font-size: var(
+					--functionsList-title-size,
+					var(--m-text-primary-size, 1.5rem)
+				);
+				font-weight: var(
+					--functionsList-title-weight,
+					var(--m-text-primary-weight, bold)
+				);
+				font-family: var(
+					--functionsList-title-font,
+					var(--m-text-primary-font, sans-serif)
+				);
+				margin-bottom: var(
+					--functionsList-title-margin-bottom,
+					var(--m-spacing-md, 8px)
+				);
+			}
+
+			ul {
+				display: flex;
+				flex-direction: column;
+				align-items: stretch;
+				gap: var(--functionsList-item-gap, var(--m-spacing-sm, 4px));
+				list-style: none;
+				margin: 0;
+				padding: 0;
+				width: 100%;
+			}
+
+			li {
+				display: flex;
+				flex-direction: column;
+				width: 100%;
+				padding: var(
+					--functionsList-item-padding,
+					var(--m-surface-padding, 8px)
+				);
+				border: var(
+					--functionsList-item-border,
+					1px solid var(--m-border-color, #ccc)
+				);
+				border-radius: var(--functionsList-item-border-radius, 4px)
+				font-size: var(
+					--functionsList-item-size,
+					var(--m-primitive-typography-size, 1rem)
+				);
+				font-weight: var(
+					--functionsList-item-weight,
+					var(--m-primitive-typography-weight, normal)
+				);
+				background-color: var(
+					--functionsList-item-bg,
+					var(--m-surface-ambient-bg, white)
+				);
+				color: var(
+					--functionsList-item-color,
+					var(--m-surface-ambient-fg, black)
+				);
+
+				.name {
+					font-weight: var(
+						--functionsList-item-name-weight,
+						var(--m-primitive-typography-weight-bold, bold)
+					);
+					font-family: var(
+						--functionsList-item-name-font,
+						var(--m-primitive-typography-font, sans-serif)
+					);
+				}
+				.description {
+					font-size: var(
+						--functionsList-item-description-size,
+						var(--m-text-secondary-size, 0.875rem)
+					);
+					color: var(
+						--functionsList-item-description-color,
+						var(--m-color-neutral-heavy, darkgray)
+					);
+				}
+			}
+		`;
+    }
+    render() {
+        const mixins = Object.values(this.preset.mixins).sort((a, b) => a.name.localeCompare(b.name));
+        return html `
+			<div class="root">
+				<h2>Mixins</h2>
+				<ul>
+					${mixins.map((mx) => html `<li>
+								<span class="name">${mx.signature}</span>
+								<span class="description">${mx.description}</span>
+							</li>`)}
+				</ul>
+			</div>
+		`;
+    }
+}
+export default function register() {
+    customElements.define('arbor-mixins-list', MixinsList);
+}
+//# sourceMappingURL=MixinsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MixinsList.js","sourceRoot":"","sources":["../../../src/runtime/components/MixinsList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAmGC,WAAM,GAAG,SAAS,EAAE,CAAC;IAqBtB,CAAC;IAvHA,MAAM,KAAK,MAAM;QAChB,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8FT,CAAC;IACH,CAAC;IAID,MAAM;QACL,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAC9D,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAC5B,CAAC;QACF,OAAO,IAAI,CAAA;;;;OAIN,MAAM,CAAC,GAAG,CACX,CAAC,EAAE,EAAE,EAAE,CACN,IAAI,CAAA;6BACkB,EAAE,CAAC,SAAS;oCACL,EAAE,CAAC,WAAW;aACrC,CACP;;;GAGH,CAAC;IACH,CAAC;CACD;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ;IAC/B,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC;AACxD,CAAC"}

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

@@ -0,0 +1,3 @@
+declare const _default: () => void;
+export default _default;
+//# sourceMappingURL=ModeGraph.d.ts.map

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

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

package/dist/runtime/components/ModeGraph.js

@@ -0,0 +1,325 @@
+import { isCalcEquation, printEquation } from '@arbor-css/calc';
+import { getInternals } from '@arbor-css/preset';
+import { css, html, LitElement } from 'lit-element';
+import { buildModeTokenGraph, } from '../../util/buildModeTokenGraph.js';
+import { getPreset } from '../registration.js';
+const graphCache = new Map();
+function memoizedTokenGraph(modeName, preset) {
+    const cacheKey = `${modeName}`;
+    if (graphCache.has(cacheKey)) {
+        return graphCache.get(cacheKey);
+    }
+    const modeInstance = modeName === 'base' ?
+        preset.baseMode
+        : getInternals(preset).modes[modeName];
+    if (!modeInstance) {
+        throw new Error(`Mode "${modeName}" not found in preset.`);
+    }
+    const graph = buildModeTokenGraph(modeInstance, preset, {
+        skipBaking: false,
+    });
+    graphCache.set(cacheKey, graph);
+    return graph;
+}
+class ModeGraph extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.mode = '';
+        this.preset = getPreset();
+    }
+    static get properties() {
+        return {
+            mode: { type: String },
+        };
+    }
+    static get styles() {
+        return css `
+			.root {
+				display: flex;
+				flex-direction: column;
+				width: 100%;
+				box-sizing: border-box;
+			}
+
+			.header {
+				display: flex;
+				flex-direction: row;
+				justify-content: space-between;
+				align-items: center;
+				gap: var(--modeGraph-header-gap, var(--m-spacing-md, 12px));
+				padding-block: var(
+					--modeGraph-header-padding,
+					var(--m-surface-padding, 8px)
+				);
+			}
+			.mode-name {
+				font-weight: var(
+					--modeGraph-mode-name-font-weight,
+					var(--m-primitive-typography-weight-bold, bold)
+				);
+				font-family: monospace;
+			}
+
+			.tokens {
+				display: flex;
+				flex-direction: column;
+				font-family: monospace;
+			}
+		`;
+    }
+    render() {
+        const graph = memoizedTokenGraph(this.mode, this.preset);
+        return html `
+			<div class="root">
+				<div class="header">
+					<span class="mode-name">@mode-${this.mode}</span>
+					<span class="mode-summary">
+						${graph.roots.length} token${graph.roots.length === 1 ? '' : 's'}
+					</span>
+				</div>
+				<div class="tokens">
+					${graph.roots.map((tokenName) => {
+            return html `<arbor-mode-graph-token
+							.mode=${this.mode}
+							.name=${tokenName}
+						></arbor-mode-graph-token>`;
+        })}
+				</div>
+			</div>
+		`;
+    }
+}
+class ModeGraphToken extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.name = '';
+        this.mode = '';
+        this.preset = getPreset();
+    }
+    static get properties() {
+        return {
+            mode: { type: String },
+            name: { type: String },
+        };
+    }
+    static get styles() {
+        return css `
+			details {
+				padding: var(--modeGraph-token-padding, var(--m-surface-padding, 8px));
+				border: var(
+					--modeGraph-token-border,
+					var(--m-lineWidth, 1) solid var(--m-surface-ambient-border, gray)
+				);
+				border-radius: var(
+					--modeGraph-token-border-radius,
+					var(--m-surface-radius, 4px)
+				);
+				background-color: var(
+					--modeGraph-token-bg,
+					var(--m-surface-ambient-bg, white)
+				);
+				color: var(--modeGraph-token-color, var(--m-surface-ambient-fg, black));
+				width: 100%;
+				box-sizing: border-box;
+			}
+
+			summary {
+				cursor: pointer;
+				display: flex;
+				flex-direction: column;
+			}
+			.summary-line {
+				display: flex;
+				flex-direction: row;
+				justify-content: space-between;
+				align-items: start;
+			}
+			.sub-line {
+				color: var(
+					--modeGraph-token-sub-line-color,
+					var(--m-color-neutral-heavy, gray)
+				);
+				font-size: var(
+					--modeGraph-token-sub-line-font-size,
+					var(--m-text-ambient-size, 12px)
+				);
+			}
+
+			.name {
+				font-weight: var(
+					--modeGraph-token-name-font-weight,
+					var(--m-primitive-typography-weight-bold, bold)
+				);
+			}
+
+			.value {
+				display: inline-flex;
+				flex-direction: row;
+				align-items: center;
+				gap: var(--modeGraph-token-value-gap, var(--m-spacing-sm, 4px));
+			}
+
+			.computed,
+			.base-computed {
+				color: var(
+					--modeGraph-token-computed-color,
+					var(--m-surface-ambient-fg, black)
+				);
+			}
+			.base-computed {
+				opacity: 0.6;
+				&::after {
+					content: '→';
+					margin-inline: 4px;
+				}
+			}
+			.computed {
+				font-weight: var(
+					--modeGraph-token-computed-font-weight,
+					var(--m-primitive-typography-weight-bold, bold)
+				);
+			}
+
+			.caret {
+				display: inline-block;
+				transition: transform 0.2s ease;
+				font-family: monospace;
+			}
+			details[open] .caret {
+				transform: rotate(90deg);
+			}
+
+			details::details-content {
+				max-height: 0;
+				transition: max-height var(--m-duration, 0.2s) var(--m-easing, ease);
+			}
+			details[open]::details-content {
+				overflow-y: auto;
+				max-height: 400px;
+			}
+
+			.dependents {
+				padding-left: var(
+					--modeGraph-token-dependents-indent,
+					var(--m-spacing-md, 12px)
+				);
+				display: flex;
+				flex-direction: column;
+				gap: var(--modeGraph-token-dependents-gap, var(--m-spacing-sm, 4px));
+				list-style: none;
+				margin: 0;
+			}
+
+			.dependent {
+				color: var(
+					--modeGraph-token-dependent-color,
+					var(--m-surface-ambient-fg, black)
+				);
+				font-size: var(
+					--modeGraph-token-dependent-font-size,
+					var(--m-primitive-typography-size, 14px)
+				);
+				display: flex;
+				flex-direction: column;
+			}
+			.dependent-summary {
+				display: flex;
+				flex-direction: row;
+				justify-content: space-between;
+				flex-wrap: wrap;
+			}
+			.dependent-definition {
+				width: 100%;
+				overflow-x: auto;
+				text-align: left;
+				color: var(
+					--modeGraph-token-dependent-definition-color,
+					var(--m-color-neutral-heavy, darkgray)
+				);
+				font-size: var(
+					--modeGraph-token-dependent-definition-font-size,
+					var(--m-text-ambient-size, 12px)
+				);
+				font-family: var(
+					--modeGraph-token-dependent-definition-font-family,
+					var(--m-primitive-typography-font-mono, monospace)
+				);
+			}
+			.dependent-reference {
+				color: var(
+					--modeGraph-token-dependent-reference-color,
+					var(--m-color-main-heavy, black)
+				);
+				font-weight: var(
+					--modeGraph-token-dependent-reference-font-weight,
+					var(--m-primitive-typography-weight-bold, bold)
+				);
+			}
+		`;
+    }
+    render() {
+        const baseGraph = memoizedTokenGraph('base', this.preset);
+        const graph = memoizedTokenGraph(this.mode, this.preset);
+        const tokenNode = graph.nodes[this.name];
+        if (!tokenNode) {
+            return html `<div>
+				Token "${this.name}" not found in mode "${this.mode}".
+			</div>`;
+        }
+        return html `
+			<details>
+				<summary>
+					<div class="summary-line">
+						<span class="name">${this.name}</span>
+						<span class="value">
+							<span class="base-computed"
+								>${baseGraph.nodes[this.name]?.computed ?? 'n/a'}</span
+							>
+							<span class="computed">${tokenNode.computed}</span>
+						</span>
+					</div>
+					<div class="summary-line sub-line">
+						<span>
+							<div class="caret">&gt;</div>
+							<span>${tokenNode.dependents.length} dependents</span>
+						</span>
+					</div>
+				</summary>
+				<ul class="dependents">
+					${tokenNode.dependents.map((dep) => {
+            const depNode = graph.nodes[dep];
+            const definitionRaw = isCalcEquation(depNode.raw) ?
+                printEquation(depNode.raw)
+                : depNode.raw.toString();
+            // replace reference to the referenced token with a span so it's highlighted in the definition
+            const definitionRest = definitionRaw.split(this.name);
+            const definitionInterleaved = [];
+            for (let i = 0; i < definitionRest.length; i++) {
+                definitionInterleaved.push(definitionRest[i]);
+                if (i < definitionRest.length - 1) {
+                    definitionInterleaved.push(html `<span class="dependent-reference">${this.name}</span>`);
+                }
+            }
+            return html `<li class="dependent">
+							<div class="dependent-summary">
+								<span class="name">${dep}</span>
+								<span class="value">
+									<span class="base-computed"
+										>${baseGraph.nodes[dep]?.computed ?? 'n/a'}</span
+									>
+									<span class="computed">${depNode.computed}</span>
+								</span>
+							</div>
+							<div class="dependent-definition">${definitionInterleaved}</div>
+						</li> `;
+        })}
+				</ul>
+			</details>
+		`;
+    }
+}
+export default () => {
+    customElements.define('arbor-mode-graph', ModeGraph);
+    customElements.define('arbor-mode-graph-token', ModeGraphToken);
+};
+//# sourceMappingURL=ModeGraph.js.map

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

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

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

@@ -0,0 +1,7 @@
+import { LitElement } from 'lit-element';
+export declare class ArborOutputs extends LitElement {
+    preset: import("@arbor-css/preset").ArborPreset<import("@arbor-css/tokens").SimpleTokenSchema, import("@arbor-css/functions").PresetFunctions, import("@arbor-css/functions").PresetMixins>;
+    render(): import("lit-element").TemplateResult<1>;
+}
+export default function register(): void;
+//# sourceMappingURL=Outputs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Outputs.d.ts","sourceRoot":"","sources":["../../../src/runtime/components/Outputs.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,UAAU,EAAE,MAAM,aAAa,CAAC;AAI/C,qBAAa,YAAa,SAAQ,UAAU;IAC3C,MAAM,sLAAe;IACrB,MAAM;CAwCN;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,SAE/B"}

package/dist/runtime/components/Outputs.js

@@ -0,0 +1,39 @@
+import { isToken } from '@arbor-css/tokens';
+import { convertStructure } from '@arbor-css/util';
+import { html, LitElement } from 'lit-element';
+import { generateStylesheet } from '../../stylesheet/generateStylesheet.js';
+import { getPreset } from '../registration.js';
+export class ArborOutputs extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.preset = getPreset();
+    }
+    render() {
+        return html `
+			<details>
+				<summary>Primitive Tokens</summary>
+				<pre>
+${JSON.stringify(convertStructure(this.preset.$.mode.primitive, isToken, (token) => token.name), null, 2)}</pre
+				>
+			</details>
+			<details>
+				<summary>Mode Tokens</summary>
+				<pre>
+${JSON.stringify(convertStructure(this.preset.$.mode, isToken, (token) => token.name), null, 2)}</pre
+				>
+			</details>
+			<details>
+				<summary>Generated CSS</summary>
+				<pre>
+${generateStylesheet(this.preset, {
+            skipBaking: false,
+        })}</pre
+				>
+			</details>
+		`;
+    }
+}
+export default function register() {
+    customElements.define('arbor-outputs', ArborOutputs);
+}
+//# sourceMappingURL=Outputs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Outputs.js","sourceRoot":"","sources":["../../../src/runtime/components/Outputs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,OAAO,YAAa,SAAQ,UAAU;IAA5C;;QACC,WAAM,GAAG,SAAS,EAAE,CAAC;IAyCtB,CAAC;IAxCA,MAAM;QACL,OAAO,IAAI,CAAA;;;;EAIX,IAAI,CAAC,SAAS,CACV,gBAAgB,CACf,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAC5B,OAAO,EACP,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CACrB,EACD,IAAI,EACJ,CAAC,CACD;;;;;;EAMJ,IAAI,CAAC,SAAS,CACV,gBAAgB,CACf,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAClB,OAAO,EACP,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CACrB,EACD,IAAI,EACJ,CAAC,CACD;;;;;;EAMJ,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE;YAC5B,UAAU,EAAE,KAAK;SACjB,CAAC;;;GAGJ,CAAC;IACH,CAAC;CACD;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ;IAC/B,cAAc,CAAC,MAAM,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;AACtD,CAAC"}

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

@@ -1,11 +1,2 @@
-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';
-export { ArborElement } from './BaseElement.js';
+export default function register(): void;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/runtime/components/index.ts"],"names":[],"mappings":"AAAA,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;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/runtime/components/index.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,QAAQ,SAM/B"}

package/dist/runtime/components/index.js

@@ -1,11 +1,12 @@
-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';
-export { ArborElement } from './BaseElement.js';
+import registerFunctionsList from './FunctionsList.js';
+import registerMixinsList from './MixinsList.js';
+import registerModeGraph from './ModeGraph.js';
+import registerOutputs from './Outputs.js';
+export default function register() {
+    registerModeGraph();
+    registerOutputs();
+    registerFunctionsList();
+    registerMixinsList();
+    console.debug('Arbor Runtime components registered');
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/runtime/components/index.ts"],"names":[],"mappings":"AAAA,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;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/runtime/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,MAAM,oBAAoB,CAAC;AACvD,OAAO,kBAAkB,MAAM,iBAAiB,CAAC;AACjD,OAAO,iBAAiB,MAAM,gBAAgB,CAAC;AAC/C,OAAO,eAAe,MAAM,cAAc,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,QAAQ;IAC/B,iBAAiB,EAAE,CAAC;IACpB,eAAe,EAAE,CAAC;IAClB,qBAAqB,EAAE,CAAC;IACxB,kBAAkB,EAAE,CAAC;IACrB,OAAO,CAAC,KAAK,CAAC,qCAAqC,CAAC,CAAC;AACtD,CAAC"}

package/dist/runtime/componentsOld/BaseElement.d.ts

@@ -0,0 +1,8 @@
+import { ArborPreset } from '@arbor-css/preset';
+export declare class ArborElement extends HTMLElement {
+    shadowRoot: ShadowRoot;
+    config: ArborPreset;
+    constructor();
+    render(): void;
+}
+//# sourceMappingURL=BaseElement.d.ts.map

package/dist/runtime/componentsOld/BaseElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseElement.d.ts","sourceRoot":"","sources":["../../../src/runtime/componentsOld/BaseElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,qBAAa,YAAa,SAAQ,WAAW;IAC5C,UAAU,EAAG,UAAU,CAAC;IACxB,MAAM,EAAG,WAAW,CAAC;;IAWrB,MAAM;CACN"}

package/dist/runtime/componentsOld/BaseElement.js

@@ -0,0 +1,14 @@
+import { getPreset, getStyleSheet, ready } from '../registration.js';
+export class ArborElement extends HTMLElement {
+    constructor() {
+        super();
+        ready.then(() => {
+            this.config = getPreset();
+            this.attachShadow({ mode: 'open' });
+            this.shadowRoot.adoptedStyleSheets.push(getStyleSheet());
+            this.render();
+        });
+    }
+    render() { }
+}
+//# sourceMappingURL=BaseElement.js.map

package/dist/runtime/componentsOld/BaseElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseElement.js","sourceRoot":"","sources":["../../../src/runtime/componentsOld/BaseElement.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAErE,MAAM,OAAO,YAAa,SAAQ,WAAW;IAG5C;QACC,KAAK,EAAE,CAAC;QACR,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE;YACf,IAAI,CAAC,MAAM,GAAG,SAAS,EAAE,CAAC;YAC1B,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;YACpC,IAAI,CAAC,UAAU,CAAC,kBAAkB,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;YACzD,IAAI,CAAC,MAAM,EAAE,CAAC;QACf,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,MAAM,KAAI,CAAC;CACX"}

package/dist/runtime/componentsOld/ModeSelector.d.ts.map

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

package/dist/runtime/componentsOld/ModeSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModeSelector.js","sourceRoot":"","sources":["../../../src/runtime/componentsOld/ModeSelector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,YAAa,SAAQ,YAAY;IACtC;QACC,KAAK,EAAE,CAAC;QAIT,WAAM,GAAG,GAAG,EAAE;YACb,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC5C,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YAC/C,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC;YACzD,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,kBAAkB,QAAQ;;MAElD,SAAS;iBACT,GAAG,CACH,CAAC,QAAQ,EAAE,EAAE,CACZ,kBAAkB,QAAQ,KAAK,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,QAAQ,WAAW,CAC9F;iBACA,IAAI,CAAC,IAAI,CAAC;;;SAGP,CAAC;YACR,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAChD,oBAAoB,CACQ,CAAC;YAC9B,UAAU,EAAE,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;gBAC3C,MAAM,YAAY,GAAG,UAAU,CAAC,KAAK,CAAC;gBACtC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;YAC7C,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC;QAzBD,IAAI,CAAC,MAAM,EAAE,CAAC;IACf,CAAC;IAyBD,MAAM,KAAK,kBAAkB;QAC5B,OAAO,CAAC,UAAU,CAAC,CAAC;IACrB,CAAC;IACD,wBAAwB,CACvB,IAAY,EACZ,QAAuB,EACvB,QAAuB;QAEvB,IAAI,IAAI,KAAK,UAAU,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAClD,IAAI,CAAC,MAAM,EAAE,CAAC;QACf,CAAC;IACF,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC"}

package/dist/runtime/componentsOld/SchemeSelector.d.ts.map

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

package/dist/runtime/componentsOld/SchemeSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemeSelector.js","sourceRoot":"","sources":["../../../src/runtime/componentsOld/SchemeSelector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,cAAe,SAAQ,YAAY;IACxC;QACC,KAAK,EAAE,CAAC;QAIT,WAAM,GAAG,GAAG,EAAE;YACb,MAAM,WAAW,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;YACtC,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC;YACzD,IAAI,CAAC,UAAW,CAAC,SAAS,GAAG,uBAAuB,QAAQ;;MAExD,WAAW;iBACX,GAAG,CACH,CAAC,UAAU,EAAE,EAAE,CACd,kBAAkB,UAAU,KAAK,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,UAAU,WAAW,CACpG;iBACA,IAAI,CAAC,IAAI,CAAC;;;SAGP,CAAC;YACR,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAClD,sBAAsB,CACM,CAAC;YAC9B,YAAY,EAAE,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;gBAC7C,MAAM,YAAY,GAAG,YAAY,CAAC,KAAK,CAAC;gBACxC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;YAC7C,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC;QAxBD,IAAI,CAAC,MAAM,EAAE,CAAC;IACf,CAAC;IAwBD,MAAM,KAAK,kBAAkB;QAC5B,OAAO,CAAC,UAAU,CAAC,CAAC;IACrB,CAAC;IACD,wBAAwB,CACvB,IAAY,EACZ,QAAuB,EACvB,QAAuB;QAEvB,IAAI,IAAI,KAAK,UAAU,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAClD,IAAI,CAAC,MAAM,EAAE,CAAC;QACf,CAAC;IACF,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,cAAc,CAAC,CAAC"}

package/dist/runtime/componentsOld/SystemDemo.d.ts.map

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

package/dist/runtime/componentsOld/SystemDemo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemDemo.js","sourceRoot":"","sources":["../../../src/runtime/componentsOld/SystemDemo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,UAAW,SAAQ,YAAY;IACpC;QACC,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG;;;;YAIlB,IAAI,CAAC,SAAS,CACpB,gBAAgB,CACf,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAC5B,OAAO,EACP,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CACrB,EACD,IAAI,EACJ,CAAC,CACD;;;;YAIM,IAAI,CAAC,SAAS,CACpB,gBAAgB,CACf,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAClB,OAAO,EACP,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CACrB,EACD,IAAI,EACJ,CAAC,CACD;;;;YAIM,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;GAqBxC,CAAC;IACH,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC"}

package/dist/runtime/componentsOld/TokenColorValuePreview.d.ts.map

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

package/dist/runtime/componentsOld/TokenColorValuePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenColorValuePreview.js","sourceRoot":"","sources":["../../../src/runtime/componentsOld/TokenColorValuePreview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,sBAAuB,SAAQ,YAAY;IAChD;QACC,KAAK,EAAE,CAAC;QACR,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,SAAS,CAAC;QACtD,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG;wDAC0B,KAAK;GAC1D,CAAC;IACH,CAAC;CACD;AACD,cAAc,CAAC,MAAM,CACpB,iCAAiC,EACjC,sBAAsB,CACtB,CAAC"}

package/dist/runtime/componentsOld/TokenFontValuesPreview.d.ts.map

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

package/dist/runtime/componentsOld/TokenFontValuesPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenFontValuesPreview.js","sourceRoot":"","sources":["../../../src/runtime/componentsOld/TokenFontValuesPreview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,sBAAuB,SAAQ,YAAY;IAChD;QACC,KAAK,EAAE,CAAC;QACR,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC;QACpD,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC;QACvD,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,QAAQ,CAAC;QAChE,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG;4BACF,IAAI,kBAAkB,MAAM,kBAAkB,UAAU;GACjF,CAAC;IACH,CAAC;CACD;AACD,cAAc,CAAC,MAAM,CACpB,iCAAiC,EACjC,sBAAsB,CACtB,CAAC"}

package/dist/runtime/componentsOld/TokenShadowValuePreview.d.ts.map

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

package/dist/runtime/componentsOld/TokenShadowValuePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenShadowValuePreview.js","sourceRoot":"","sources":["../../../src/runtime/componentsOld/TokenShadowValuePreview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,kBAAmB,SAAQ,YAAY;IAC5C;QACC,KAAK,EAAE,CAAC;QACR,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC;QACrD,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG;;wHAE0F,MAAM;;GAE3H,CAAC;IACH,CAAC;CACD;AACD,cAAc,CAAC,MAAM,CAAC,kCAAkC,EAAE,kBAAkB,CAAC,CAAC"}

package/dist/runtime/componentsOld/TokenSizeValuePreview.d.ts.map

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