@arbor-css/core 0.0.1 → 0.0.7

package/dist/primitives/systemProps.d.ts

@@ -1,329 +0,0 @@
-export declare const $labelProps: {
-    mode: {
-        "@@TOKEN@@": true;
-        name: string;
-        type: import("@arbor-css/tokens").PropertyType;
-        fallback: string | number | undefined;
-        var: string;
-        varFallback: (fallbackOverride?: string | number) => string;
-        assign: (value?: string | number) => string;
-        definition: string;
-        suffixed: (suffix: string) => /*elided*/ any;
-        prefixed: (prefix: string) => /*elided*/ any;
-    };
-    scheme: {
-        "@@TOKEN@@": true;
-        name: string;
-        type: import("@arbor-css/tokens").PropertyType;
-        fallback: string | number | undefined;
-        var: string;
-        varFallback: (fallbackOverride?: string | number) => string;
-        assign: (value?: string | number) => string;
-        definition: string;
-        suffixed: (suffix: string) => /*elided*/ any;
-        prefixed: (prefix: string) => /*elided*/ any;
-    };
-};
-export declare const $systemProps: {
-    labels: {
-        mode: {
-            "@@TOKEN@@": true;
-            name: string;
-            type: import("@arbor-css/tokens").PropertyType;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            definition: string;
-            suffixed: (suffix: string) => /*elided*/ any;
-            prefixed: (prefix: string) => /*elided*/ any;
-        };
-        scheme: {
-            "@@TOKEN@@": true;
-            name: string;
-            type: import("@arbor-css/tokens").PropertyType;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            definition: string;
-            suffixed: (suffix: string) => /*elided*/ any;
-            prefixed: (prefix: string) => /*elided*/ any;
-        };
-    };
-    fg: {
-        applied: {
-            "@@TOKEN@@": true;
-            name: string;
-            type: import("@arbor-css/tokens").PropertyType;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            definition: string;
-            suffixed: (suffix: string) => /*elided*/ any;
-            prefixed: (prefix: string) => /*elided*/ any;
-        };
-        opacity: {
-            "@@TOKEN@@": true;
-            name: string;
-            type: import("@arbor-css/tokens").PropertyType;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            definition: string;
-            suffixed: (suffix: string) => /*elided*/ any;
-            prefixed: (prefix: string) => /*elided*/ any;
-        };
-    };
-    bg: {
-        applied: {
-            "@@TOKEN@@": true;
-            name: string;
-            type: import("@arbor-css/tokens").PropertyType;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            definition: string;
-            suffixed: (suffix: string) => /*elided*/ any;
-            prefixed: (prefix: string) => /*elided*/ any;
-        };
-        opacity: {
-            "@@TOKEN@@": true;
-            name: string;
-            type: import("@arbor-css/tokens").PropertyType;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            definition: string;
-            suffixed: (suffix: string) => /*elided*/ any;
-            prefixed: (prefix: string) => /*elided*/ any;
-        };
-    };
-    borderColor: {
-        all: {
-            applied: {
-                "@@TOKEN@@": true;
-                name: string;
-                type: import("@arbor-css/tokens").PropertyType;
-                fallback: string | number | undefined;
-                var: string;
-                varFallback: (fallbackOverride?: string | number) => string;
-                assign: (value?: string | number) => string;
-                definition: string;
-                suffixed: (suffix: string) => /*elided*/ any;
-                prefixed: (prefix: string) => /*elided*/ any;
-            };
-            opacity: {
-                "@@TOKEN@@": true;
-                name: string;
-                type: import("@arbor-css/tokens").PropertyType;
-                fallback: string | number | undefined;
-                var: string;
-                varFallback: (fallbackOverride?: string | number) => string;
-                assign: (value?: string | number) => string;
-                definition: string;
-                suffixed: (suffix: string) => /*elided*/ any;
-                prefixed: (prefix: string) => /*elided*/ any;
-            };
-        };
-        top: {
-            applied: {
-                "@@TOKEN@@": true;
-                name: string;
-                type: import("@arbor-css/tokens").PropertyType;
-                fallback: string | number | undefined;
-                var: string;
-                varFallback: (fallbackOverride?: string | number) => string;
-                assign: (value?: string | number) => string;
-                definition: string;
-                suffixed: (suffix: string) => /*elided*/ any;
-                prefixed: (prefix: string) => /*elided*/ any;
-            };
-            opacity: {
-                "@@TOKEN@@": true;
-                name: string;
-                type: import("@arbor-css/tokens").PropertyType;
-                fallback: string | number | undefined;
-                var: string;
-                varFallback: (fallbackOverride?: string | number) => string;
-                assign: (value?: string | number) => string;
-                definition: string;
-                suffixed: (suffix: string) => /*elided*/ any;
-                prefixed: (prefix: string) => /*elided*/ any;
-            };
-        };
-        right: {
-            applied: {
-                "@@TOKEN@@": true;
-                name: string;
-                type: import("@arbor-css/tokens").PropertyType;
-                fallback: string | number | undefined;
-                var: string;
-                varFallback: (fallbackOverride?: string | number) => string;
-                assign: (value?: string | number) => string;
-                definition: string;
-                suffixed: (suffix: string) => /*elided*/ any;
-                prefixed: (prefix: string) => /*elided*/ any;
-            };
-            opacity: {
-                "@@TOKEN@@": true;
-                name: string;
-                type: import("@arbor-css/tokens").PropertyType;
-                fallback: string | number | undefined;
-                var: string;
-                varFallback: (fallbackOverride?: string | number) => string;
-                assign: (value?: string | number) => string;
-                definition: string;
-                suffixed: (suffix: string) => /*elided*/ any;
-                prefixed: (prefix: string) => /*elided*/ any;
-            };
-        };
-        bottom: {
-            applied: {
-                "@@TOKEN@@": true;
-                name: string;
-                type: import("@arbor-css/tokens").PropertyType;
-                fallback: string | number | undefined;
-                var: string;
-                varFallback: (fallbackOverride?: string | number) => string;
-                assign: (value?: string | number) => string;
-                definition: string;
-                suffixed: (suffix: string) => /*elided*/ any;
-                prefixed: (prefix: string) => /*elided*/ any;
-            };
-            opacity: {
-                "@@TOKEN@@": true;
-                name: string;
-                type: import("@arbor-css/tokens").PropertyType;
-                fallback: string | number | undefined;
-                var: string;
-                varFallback: (fallbackOverride?: string | number) => string;
-                assign: (value?: string | number) => string;
-                definition: string;
-                suffixed: (suffix: string) => /*elided*/ any;
-                prefixed: (prefix: string) => /*elided*/ any;
-            };
-        };
-        left: {
-            applied: {
-                "@@TOKEN@@": true;
-                name: string;
-                type: import("@arbor-css/tokens").PropertyType;
-                fallback: string | number | undefined;
-                var: string;
-                varFallback: (fallbackOverride?: string | number) => string;
-                assign: (value?: string | number) => string;
-                definition: string;
-                suffixed: (suffix: string) => /*elided*/ any;
-                prefixed: (prefix: string) => /*elided*/ any;
-            };
-            opacity: {
-                "@@TOKEN@@": true;
-                name: string;
-                type: import("@arbor-css/tokens").PropertyType;
-                fallback: string | number | undefined;
-                var: string;
-                varFallback: (fallbackOverride?: string | number) => string;
-                assign: (value?: string | number) => string;
-                definition: string;
-                suffixed: (suffix: string) => /*elided*/ any;
-                prefixed: (prefix: string) => /*elided*/ any;
-            };
-        };
-    };
-    ring: {
-        target: {
-            "@@TOKEN@@": true;
-            name: string;
-            type: import("@arbor-css/tokens").PropertyType;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            definition: string;
-            suffixed: (suffix: string) => /*elided*/ any;
-            prefixed: (prefix: string) => /*elided*/ any;
-        };
-        applied: {
-            "@@TOKEN@@": true;
-            name: string;
-            type: import("@arbor-css/tokens").PropertyType;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            definition: string;
-            suffixed: (suffix: string) => /*elided*/ any;
-            prefixed: (prefix: string) => /*elided*/ any;
-        };
-        opacity: {
-            "@@TOKEN@@": true;
-            name: string;
-            type: import("@arbor-css/tokens").PropertyType;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            definition: string;
-            suffixed: (suffix: string) => /*elided*/ any;
-            prefixed: (prefix: string) => /*elided*/ any;
-        };
-    };
-    placeholder: {
-        applied: {
-            "@@TOKEN@@": true;
-            name: string;
-            type: import("@arbor-css/tokens").PropertyType;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            definition: string;
-            suffixed: (suffix: string) => /*elided*/ any;
-            prefixed: (prefix: string) => /*elided*/ any;
-        };
-        opacity: {
-            "@@TOKEN@@": true;
-            name: string;
-            type: import("@arbor-css/tokens").PropertyType;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            definition: string;
-            suffixed: (suffix: string) => /*elided*/ any;
-            prefixed: (prefix: string) => /*elided*/ any;
-        };
-    };
-    accent: {
-        applied: {
-            "@@TOKEN@@": true;
-            name: string;
-            type: import("@arbor-css/tokens").PropertyType;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            definition: string;
-            suffixed: (suffix: string) => /*elided*/ any;
-            prefixed: (prefix: string) => /*elided*/ any;
-        };
-        opacity: {
-            "@@TOKEN@@": true;
-            name: string;
-            type: import("@arbor-css/tokens").PropertyType;
-            fallback: string | number | undefined;
-            var: string;
-            varFallback: (fallbackOverride?: string | number) => string;
-            assign: (value?: string | number) => string;
-            definition: string;
-            suffixed: (suffix: string) => /*elided*/ any;
-            prefixed: (prefix: string) => /*elided*/ any;
-        };
-    };
-};
-//# sourceMappingURL=systemProps.d.ts.map

package/dist/primitives/systemProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"systemProps.d.ts","sourceRoot":"","sources":["../../src/primitives/systemProps.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;CAGvB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBxB,CAAC"}

package/dist/primitives/systemProps.js

@@ -1,45 +0,0 @@
-import { createToken } from '@arbor-css/tokens';
-export const $labelProps = {
-    mode: createToken('ℹ️-mode', { type: 'string' }),
-    scheme: createToken('ℹ️-scheme', { type: 'string' }),
-};
-export const $systemProps = {
-    labels: $labelProps,
-    // System color tokens are well-known properties you can
-    // assign colors to which are used by util classes for
-    // color mixing and other things...
-    // TODO: move these to `classes`? Not sure they're relevant
-    // outside that package.
-    fg: makeSystemColorTokens('fg'),
-    bg: makeSystemColorTokens('bg'),
-    borderColor: {
-        all: makeSystemColorTokens('borderColor-all'),
-        top: makeSystemColorTokens('borderColor-top'),
-        right: makeSystemColorTokens('borderColor-right'),
-        bottom: makeSystemColorTokens('borderColor-bottom'),
-        left: makeSystemColorTokens('borderColor-left'),
-    },
-    ring: {
-        ...makeSystemColorTokens('ring'),
-        target: createToken(`💲-ring-target`, {
-            type: 'color',
-            inherits: false,
-        }),
-    },
-    placeholder: makeSystemColorTokens('placeholder'),
-    accent: makeSystemColorTokens('accent'),
-};
-function makeSystemColorTokens(name) {
-    return {
-        applied: createToken(`💲-${name}`, {
-            type: 'color',
-            inherits: true,
-        }),
-        opacity: createToken(`💲-${name}-op`, {
-            type: 'number',
-            inherits: false,
-            fallback: '100%',
-        }),
-    };
-}
-//# sourceMappingURL=systemProps.js.map

package/dist/primitives/systemProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"systemProps.js","sourceRoot":"","sources":["../../src/primitives/systemProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,CAAC,MAAM,WAAW,GAAG;IAC1B,IAAI,EAAE,WAAW,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;IAChD,MAAM,EAAE,WAAW,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;CACpD,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC3B,MAAM,EAAE,WAAW;IACnB,wDAAwD;IACxD,sDAAsD;IACtD,mCAAmC;IACnC,2DAA2D;IAC3D,wBAAwB;IACxB,EAAE,EAAE,qBAAqB,CAAC,IAAI,CAAC;IAC/B,EAAE,EAAE,qBAAqB,CAAC,IAAI,CAAC;IAC/B,WAAW,EAAE;QACZ,GAAG,EAAE,qBAAqB,CAAC,iBAAiB,CAAC;QAC7C,GAAG,EAAE,qBAAqB,CAAC,iBAAiB,CAAC;QAC7C,KAAK,EAAE,qBAAqB,CAAC,mBAAmB,CAAC;QACjD,MAAM,EAAE,qBAAqB,CAAC,oBAAoB,CAAC;QACnD,IAAI,EAAE,qBAAqB,CAAC,kBAAkB,CAAC;KAC/C;IACD,IAAI,EAAE;QACL,GAAG,qBAAqB,CAAC,MAAM,CAAC;QAChC,MAAM,EAAE,WAAW,CAAC,gBAAgB,EAAE;YACrC,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,KAAK;SACf,CAAC;KACF;IACD,WAAW,EAAE,qBAAqB,CAAC,aAAa,CAAC;IACjD,MAAM,EAAE,qBAAqB,CAAC,QAAQ,CAAC;CACvC,CAAC;AAEF,SAAS,qBAAqB,CAAC,IAAY;IAC1C,OAAO;QACN,OAAO,EAAE,WAAW,CAAC,MAAM,IAAI,EAAE,EAAE;YAClC,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,IAAI;SACd,CAAC;QACF,OAAO,EAAE,WAAW,CAAC,MAAM,IAAI,KAAK,EAAE;YACrC,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,MAAM;SAChB,CAAC;KACF,CAAC;AACH,CAAC"}

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

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

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

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

package/dist/runtime/components/ColorRange.js

@@ -1,52 +0,0 @@
-import { getContrastColor } from '@arbor-css/colors';
-import { isToken } from '@arbor-css/tokens';
-import { getConfig } from '../registration.js';
-class ColorRange extends HTMLElement {
-    constructor() {
-        super();
-        const colorName = this.getAttribute('color');
-        if (!colorName) {
-            throw new Error('ColorRange component requires a "color" attribute.');
-        }
-        const config = getConfig();
-        const colorRange = config.primitives.$tokens.colors[colorName];
-        if (!colorRange) {
-            throw new Error(`Color "${colorName}" not found in configuration.`);
-        }
-        if (isToken(colorRange)) {
-            throw new Error(`Color "${colorName}" is not a valid color range (it's an individual token)`);
-        }
-        this.attachShadow({ mode: 'closed' }).innerHTML = `
-			<div class="range-wrapper">
-				<h2>${colorName}</h2>
-				<div class="range">
-					${Object.keys(colorRange)
-            .map((key) => {
-            const color = colorRange[key];
-            if (!isToken(color)) {
-                // ignore
-                return '';
-            }
-            const value = color.var;
-            return `<div class="color" style="background-color: ${value}; color: ${getContrastColor(value)}">
-								<div>${key}</div>
-							</div>`;
-        })
-            .join('\n')}
-				</div>
-			</div>
-			<style>
-				.range {
-					display: flex;
-				}
-				.color {
-					flex: 1;
-					text-align: center;
-					padding: 1rem;
-				}
-			</style>
-		`;
-    }
-}
-customElements.define('arbor-color-range', ColorRange);
-//# sourceMappingURL=ColorRange.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ColorRange.js","sourceRoot":"","sources":["../../../src/runtime/components/ColorRange.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,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,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAC7C,IAAI,CAAC,SAAS,EAAE,CAAC;YAChB,MAAM,IAAI,KAAK,CAAC,oDAAoD,CAAC,CAAC;QACvE,CAAC;QAED,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAC/D,IAAI,CAAC,UAAU,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,UAAU,SAAS,+BAA+B,CAAC,CAAC;QACrE,CAAC;QAED,IAAI,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;YACzB,MAAM,IAAI,KAAK,CACd,UAAU,SAAS,yDAAyD,CAC5E,CAAC;QACH,CAAC;QAED,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,SAAS,GAAG;;UAE1C,SAAS;;OAEZ,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC;aACvB,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACZ,MAAM,KAAK,GAAG,UAAU,CAAC,GAA8B,CAAC,CAAC;YACzD,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;gBACrB,SAAS;gBACT,OAAO,EAAE,CAAC;YACX,CAAC;YACD,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC;YACxB,OAAO,+CAA+C,KAAK,YAAY,gBAAgB,CAAC,KAAK,CAAC;eACtF,GAAG;cACJ,CAAC;QACT,CAAC,CAAC;aACD,IAAI,CAAC,IAAI,CAAC;;;;;;;;;;;;;GAad,CAAC;IACH,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC"}

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

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

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

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

package/dist/runtime/components/ModeTokenValues.js

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

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

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

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

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

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

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

package/dist/runtime/components/PrimitiveTokenValues.js

@@ -1,82 +0,0 @@
-import { getConfig } from '../registration.js';
-import { groupTokens } from '../tokenGroups.js';
-class TokenValues extends HTMLElement {
-    constructor() {
-        super();
-        const config = getConfig();
-        const schemaPath = this.getAttribute('schemaPath');
-        const schemaPathParts = schemaPath ? schemaPath.split('.') : [];
-        const tokenSchema = schemaPathParts.reduce((acc, part) => acc?.[part], config);
-        const tokens = groupTokens(tokenSchema);
-        this.attachShadow({ mode: 'open' }).innerHTML = `
-			<div class="root">
-				${Object.entries(tokens.simple)
-            .map(([purpose, tokens]) => `<div class="token-group">
-								<h3>${purpose}</h3>
-								<div class="token-values">
-								${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>
-							</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-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=PrimitiveTokenValues.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PrimitiveTokenValues.js","sourceRoot":"","sources":["../../../src/runtime/components/PrimitiveTokenValues.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,WAAY,SAAQ,WAAW;IACpC;QACC,KAAK,EAAE,CAAC;QAER,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QACnD,MAAM,eAAe,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAChE,MAAM,WAAW,GAAG,eAAe,CAAC,MAAM,CACzC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAC1B,MAAa,CACb,CAAC;QACF,MAAM,MAAM,GAAG,WAAW,CAAC,WAAW,CAAC,CAAC;QAExC,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,SAAS,GAAG;;MAE5C,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC;aAC7B,GAAG,CACH,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,EAAE,CACrB;cACO,OAAO;;UAEX,MAAM;aACN,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YACd,OAAO;;qBAEI,KAAK,CAAC,IAAI;+CACgB,KAAK,CAAC,GAAG,cAAc,KAAK,CAAC,OAAO;iBAClE,CAAC;QACT,CAAC,CAAC;aACD,IAAI,CAAC,IAAI,CAAC;;cAEN,CACR;aACA,IAAI,CAAC,IAAI,CAAC;;;;QAIR,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC;aACjC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE;YAC9C,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;YAC5C,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;YAClD,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;YAC9D,OAAO;;;qBAGM,KAAK;wBACF,OAAO;0BACL,SAAS;+BACJ,aAAa;;mDAEO,OAAO,aAAa,SAAS,kBAAkB,aAAa;;SAEtG,CAAC;QACH,CAAC,CAAC;aACD,IAAI,CAAC,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6Bf,CAAC;IACH,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,WAAW,CAAC,CAAC"}

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

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

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

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

package/dist/runtime/components/Shadows.js

@@ -1,27 +0,0 @@
-import { isToken } from '@arbor-css/tokens';
-import { getConfig } from '../registration.js';
-class Shadows extends HTMLElement {
-    constructor() {
-        super();
-        const config = getConfig();
-        const shadows = config.primitives.$tokens.shadows;
-        if (isToken(shadows)) {
-            throw new Error(`Shadows is not a valid token range (it's an individual token)`);
-        }
-        this.attachShadow({ mode: 'open' }).innerHTML = `
-			<div>
-				${Object.keys(shadows)
-            .map((key) => {
-            const value = shadows[key];
-            if (!isToken(value)) {
-                throw new Error(`Shadow level "${key}" is not a valid token`);
-            }
-            return `<div class="shadow-sample" style="box-shadow: ${value.var}; margin: 1rem; padding: 1rem;">${key}</div>`;
-        })
-            .join('\n')}
-			</div>
-		`;
-    }
-}
-customElements.define('arbor-shadows', Shadows);
-//# sourceMappingURL=Shadows.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Shadows.js","sourceRoot":"","sources":["../../../src/runtime/components/Shadows.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,OAAQ,SAAQ,WAAW;IAChC;QACC,KAAK,EAAE,CAAC;QAER,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC;QAElD,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;YACtB,MAAM,IAAI,KAAK,CACd,+DAA+D,CAC/D,CAAC;QACH,CAAC;QAED,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,SAAS,GAAG;;MAE5C,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;aACpB,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACZ,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;YAC3B,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;gBACrB,MAAM,IAAI,KAAK,CAAC,iBAAiB,GAAG,wBAAwB,CAAC,CAAC;YAC/D,CAAC;YACD,OAAO,iDAAiD,KAAK,CAAC,GAAG,mCAAmC,GAAG,QAAQ,CAAC;QACjH,CAAC,CAAC;aACD,IAAI,CAAC,IAAI,CAAC;;GAEb,CAAC;IACH,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC"}

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

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

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

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

package/dist/runtime/components/Spacing.js

@@ -1,27 +0,0 @@
-import { isToken } from '@arbor-css/tokens';
-import { getConfig } from '../registration.js';
-class Spacing extends HTMLElement {
-    constructor() {
-        super();
-        const config = getConfig();
-        const spacing = config.primitives.$tokens.spacing;
-        if (isToken(spacing)) {
-            throw new Error(`Spacing is not a valid token range (it's an individual token)`);
-        }
-        this.attachShadow({ mode: 'open' }).innerHTML = `
-			<div>
-				${Object.keys(spacing)
-            .map((key) => {
-            const value = spacing[key];
-            if (!isToken(value)) {
-                throw new Error(`Spacing level "${key}" is not a valid token`);
-            }
-            return `<div class="spacing-sample" style="padding: ${value.var}; background-color: #eee; margin-bottom: 0.5rem;">${key}: ${value.var}</div>`;
-        })
-            .join('\n')}
-			</div>
-		`;
-    }
-}
-customElements.define('arbor-spacing', Spacing);
-//# sourceMappingURL=Spacing.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Spacing.js","sourceRoot":"","sources":["../../../src/runtime/components/Spacing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,OAAQ,SAAQ,WAAW;IAChC;QACC,KAAK,EAAE,CAAC;QAER,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC;QAElD,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;YACtB,MAAM,IAAI,KAAK,CACd,+DAA+D,CAC/D,CAAC;QACH,CAAC;QAED,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,SAAS,GAAG;;MAE5C,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;aACpB,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACZ,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;YAC3B,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;gBACrB,MAAM,IAAI,KAAK,CAAC,kBAAkB,GAAG,wBAAwB,CAAC,CAAC;YAChE,CAAC;YACD,OAAO,+CAA+C,KAAK,CAAC,GAAG,qDAAqD,GAAG,KAAK,KAAK,CAAC,GAAG,QAAQ,CAAC;QAC/I,CAAC,CAAC;aACD,IAAI,CAAC,IAAI,CAAC;;GAEb,CAAC;IACH,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC"}

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

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

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

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