@jsekulowicz/ds-tokens 0.1.0

package/dist/base.css

@@ -0,0 +1,127 @@
+@layer ds.base, ds.theme, ds.components, ds.utilities;
+/* Generated by @jsekulowicz/ds-tokens — do not edit by hand. */
+/* Run `pnpm --filter @jsekulowicz/ds-tokens build` to regenerate. */
+
+@layer ds.base {
+  :root {
+    --ds-border-hairline: 1px;
+    --ds-border-regular: 1.5px;
+    --ds-border-heavy: 2px;
+    --ds-breakpoint-sm: 480px;
+    --ds-breakpoint-md: 768px;
+    --ds-breakpoint-lg: 1024px;
+    --ds-breakpoint-xl: 1280px;
+    --ds-breakpoint-2xl: 1536px;
+    --ds-color-ink-0: #0B0B0C;
+    --ds-color-ink-50: #1A1A1C;
+    --ds-color-ink-100: #2B2B2E;
+    --ds-color-ink-200: #3F3F43;
+    --ds-color-ink-300: #56565B;
+    --ds-color-ink-400: #6B6B6E;
+    --ds-color-ink-500: #86868A;
+    --ds-color-ink-600: #A6A6A9;
+    --ds-color-ink-700: #C5C5C7;
+    --ds-color-ink-800: #E2E2E3;
+    --ds-color-ink-900: #F2EFEA;
+    --ds-color-ink-1000: #FAF8F5;
+    --ds-color-vermilion-100: #FBEAE7;
+    --ds-color-vermilion-300: #F1988C;
+    --ds-color-vermilion-500: #E2341D;
+    --ds-color-vermilion-600: #C12613;
+    --ds-color-vermilion-700: #9A1B0C;
+    --ds-color-cobalt-100: #E8EEF9;
+    --ds-color-cobalt-300: #95AEDD;
+    --ds-color-cobalt-500: #4A72CC;
+    --ds-color-cobalt-600: #3860B8;
+    --ds-color-cobalt-700: #2750A2;
+    --ds-color-success-100: #E4F1EA;
+    --ds-color-success-500: #1F7A48;
+    --ds-color-warning-100: #FBF0DA;
+    --ds-color-warning-500: #A6620B;
+    --ds-color-danger-100: #FBE7E4;
+    --ds-color-danger-500: #B21A0A;
+    --ds-color-alpha-ink-hairline: rgba(11, 11, 12, 0.12);
+    --ds-color-alpha-ink-subtle: rgba(11, 11, 12, 0.06);
+    --ds-color-alpha-paper-hairline: rgba(242, 239, 234, 0.14);
+    --ds-color-alpha-paper-subtle: rgba(242, 239, 234, 0.06);
+    --ds-color-alpha-focus-ring: rgba(74, 114, 204, 0.35);
+    --ds-container-xs: 20rem;
+    --ds-container-sm: 30rem;
+    --ds-container-md: 48rem;
+    --ds-container-lg: 64rem;
+    --ds-container-xl: 80rem;
+    --ds-duration-instant: 80ms;
+    --ds-duration-fast: 120ms;
+    --ds-duration-normal: 180ms;
+    --ds-duration-slow: 240ms;
+    --ds-duration-slower: 320ms;
+    --ds-easing-standard: cubic-bezier(0.2, 0, 0, 1);
+    --ds-easing-emphasized: cubic-bezier(0.2, 0, 0.1, 1.1);
+    --ds-easing-enter: cubic-bezier(0, 0, 0, 1);
+    --ds-easing-exit: cubic-bezier(0.4, 0, 1, 1);
+    --ds-font-family-display: 'Fraunces', 'Times New Roman', Georgia, serif;
+    --ds-font-family-body: 'General Sans', 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
+    --ds-font-family-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
+    --ds-font-size-3xs: 0.6875rem;
+    --ds-font-size-2xs: 0.75rem;
+    --ds-font-size-xs: 0.8125rem;
+    --ds-font-size-sm: 0.875rem;
+    --ds-font-size-md: 1rem;
+    --ds-font-size-lg: 1.125rem;
+    --ds-font-size-xl: 1.375rem;
+    --ds-font-size-2xl: 1.75rem;
+    --ds-font-size-3xl: 2.25rem;
+    --ds-font-size-4xl: 3rem;
+    --ds-font-size-5xl: 4rem;
+    --ds-font-weight-regular: 400;
+    --ds-font-weight-medium: 500;
+    --ds-font-weight-semibold: 600;
+    --ds-font-weight-bold: 700;
+    --ds-letter-spacing-tight: -0.02em;
+    --ds-letter-spacing-normal: 0;
+    --ds-letter-spacing-wide: 0.04em;
+    --ds-letter-spacing-display: -0.01em;
+    --ds-line-height-tight: 1.1;
+    --ds-line-height-snug: 1.25;
+    --ds-line-height-normal: 1.45;
+    --ds-line-height-relaxed: 1.6;
+    --ds-radius-none: 0;
+    --ds-radius-xs: 2px;
+    --ds-radius-sm: 4px;
+    --ds-radius-md: 8px;
+    --ds-radius-lg: 12px;
+    --ds-radius-full: 9999px;
+    --ds-shadow-none: none;
+    --ds-shadow-sm: 0 1px 2px rgba(11, 11, 12, 0.06);
+    --ds-shadow-md: 0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04);
+    --ds-shadow-lg: 0 12px 32px rgba(11, 11, 12, 0.10), 0 4px 8px rgba(11, 11, 12, 0.06);
+    --ds-shadow-focus: 0 0 0 3px rgba(74, 114, 204, 0.35);
+    --ds-size-xs: 1.75rem;
+    --ds-size-sm: 2rem;
+    --ds-size-md: 2.5rem;
+    --ds-size-lg: 3rem;
+    --ds-size-xl: 3.5rem;
+    --ds-space-0: 0;
+    --ds-space-1: 0.25rem;
+    --ds-space-2: 0.5rem;
+    --ds-space-3: 0.75rem;
+    --ds-space-4: 1rem;
+    --ds-space-5: 1.25rem;
+    --ds-space-6: 1.5rem;
+    --ds-space-8: 2rem;
+    --ds-space-10: 2.5rem;
+    --ds-space-12: 3rem;
+    --ds-space-16: 4rem;
+    --ds-space-20: 5rem;
+    --ds-space-24: 6rem;
+    --ds-space-32: 8rem;
+    --ds-z-index-base: 0;
+    --ds-z-index-raised: 10;
+    --ds-z-index-dropdown: 100;
+    --ds-z-index-sticky: 200;
+    --ds-z-index-overlay: 300;
+    --ds-z-index-modal: 400;
+    --ds-z-index-toast: 500;
+    --ds-z-index-tooltip: 600;
+  }
+}

package/dist/build/emit.d.ts

@@ -0,0 +1,11 @@
+import type { FlatTokens } from './flatten.js';
+export interface BlockOptions {
+    selector: string;
+    layer?: string;
+    mediaQuery?: string;
+    extraProps?: Record<string, string>;
+}
+export declare function renderBlock(tokens: FlatTokens, options: BlockOptions): string;
+export declare function renderFile(header: string, blocks: string[]): string;
+export declare const FILE_HEADER = "/* Generated by @jsekulowicz/ds-tokens \u2014 do not edit by hand. */\n/* Run `pnpm --filter @jsekulowicz/ds-tokens build` to regenerate. */";
+//# sourceMappingURL=emit.d.ts.map

package/dist/build/emit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emit.d.ts","sourceRoot":"","sources":["../../src/build/emit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACrC;AAQD,wBAAgB,WAAW,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,GAAG,MAAM,CAc7E;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAEnE;AAED,eAAO,MAAM,WAAW,iJACmH,CAAC"}

package/dist/build/emit.js

@@ -0,0 +1,25 @@
+function renderVars(tokens, indent) {
+    return Object.entries(tokens)
+        .map(([name, value]) => `${indent}${name}: ${value};`)
+        .join('\n');
+}
+export function renderBlock(tokens, options) {
+    const { selector, layer, mediaQuery, extraProps } = options;
+    const extras = extraProps
+        ? Object.entries(extraProps)
+            .map(([k, v]) => `    ${k}: ${v};`)
+            .join('\n') + '\n'
+        : '';
+    const inner = extras + renderVars(tokens, '    ');
+    const rule = `  ${selector} {\n${inner}\n  }`;
+    const layered = layer ? `@layer ${layer} {\n${rule}\n}` : rule.replace(/^ {2}/gm, '');
+    if (!mediaQuery) {
+        return layered;
+    }
+    return `@media ${mediaQuery} {\n${layered.replace(/^/gm, '  ')}\n}`;
+}
+export function renderFile(header, blocks) {
+    return `${header}\n\n${blocks.join('\n\n')}\n`;
+}
+export const FILE_HEADER = '/* Generated by @jsekulowicz/ds-tokens — do not edit by hand. */\n/* Run `pnpm --filter @jsekulowicz/ds-tokens build` to regenerate. */';
+//# sourceMappingURL=emit.js.map

package/dist/build/emit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emit.js","sourceRoot":"","sources":["../../src/build/emit.ts"],"names":[],"mappings":"AASA,SAAS,UAAU,CAAC,MAAkB,EAAE,MAAc;IACpD,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC;SAC1B,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,GAAG,IAAI,KAAK,KAAK,GAAG,CAAC;SACrD,IAAI,CAAC,IAAI,CAAC,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,MAAkB,EAAE,OAAqB;IACnE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAC5D,MAAM,MAAM,GAAG,UAAU;QACvB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC;aACvB,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;aAClC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI;QACtB,CAAC,CAAC,EAAE,CAAC;IACP,MAAM,KAAK,GAAG,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClD,MAAM,IAAI,GAAG,KAAK,QAAQ,OAAO,KAAK,OAAO,CAAC;IAC9C,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,UAAU,KAAK,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IACtF,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,OAAO,CAAC;IACjB,CAAC;IACD,OAAO,UAAU,UAAU,OAAO,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC;AACtE,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,MAAc,EAAE,MAAgB;IACzD,OAAO,GAAG,MAAM,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;AACjD,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GACtB,yIAAyI,CAAC"}

package/dist/build/flatten.d.ts

@@ -0,0 +1,6 @@
+export type TokenTree = {
+    [key: string]: string | number | TokenTree;
+};
+export type FlatTokens = Record<string, string>;
+export declare function flatten(tree: TokenTree, prefix?: string): FlatTokens;
+//# sourceMappingURL=flatten.d.ts.map

package/dist/build/flatten.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flatten.d.ts","sourceRoot":"","sources":["../../src/build/flatten.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CAAE,CAAC;AACvE,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAShD,wBAAgB,OAAO,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,SAAS,GAAG,UAAU,CAYpE"}

package/dist/build/flatten.js

@@ -0,0 +1,21 @@
+function kebab(key) {
+    return String(key)
+        .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+        .replace(/\./g, '-')
+        .toLowerCase();
+}
+export function flatten(tree, prefix = '--ds') {
+    const out = {};
+    for (const [rawKey, value] of Object.entries(tree)) {
+        const key = kebab(rawKey);
+        const path = `${prefix}-${key}`;
+        if (value !== null && typeof value === 'object') {
+            Object.assign(out, flatten(value, path));
+        }
+        else {
+            out[path] = String(value);
+        }
+    }
+    return out;
+}
+//# sourceMappingURL=flatten.js.map

package/dist/build/flatten.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flatten.js","sourceRoot":"","sources":["../../src/build/flatten.ts"],"names":[],"mappings":"AAGA,SAAS,KAAK,CAAC,GAAW;IACxB,OAAO,MAAM,CAAC,GAAG,CAAC;SACf,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC;SACtC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC;SACnB,WAAW,EAAE,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,IAAe,EAAE,MAAM,GAAG,MAAM;IACtD,MAAM,GAAG,GAAe,EAAE,CAAC;IAC3B,KAAK,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QACnD,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;QAC1B,MAAM,IAAI,GAAG,GAAG,MAAM,IAAI,GAAG,EAAE,CAAC;QAChC,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAChD,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,KAAkB,EAAE,IAAI,CAAC,CAAC,CAAC;QACxD,CAAC;aAAM,CAAC;YACN,GAAG,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/build.d.ts

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

package/dist/build.d.ts.map

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

package/dist/build.js

@@ -0,0 +1,54 @@
+import { mkdir, writeFile } from 'node:fs/promises';
+import { dirname, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import * as primitive from './primitive/index.js';
+import { semanticLight } from './semantic/light.js';
+import { semanticDark } from './semantic/dark.js';
+import { flatten } from './build/flatten.js';
+import { renderBlock, renderFile, FILE_HEADER } from './build/emit.js';
+const here = dirname(fileURLToPath(import.meta.url));
+const distDir = resolve(here);
+async function writeOut(filename, contents) {
+    const target = resolve(distDir, filename);
+    await mkdir(dirname(target), { recursive: true });
+    await writeFile(target, contents, 'utf8');
+}
+function buildBaseCss() {
+    const tokens = flatten(primitive);
+    const block = renderBlock(tokens, { selector: ':root', layer: 'ds.base' });
+    return renderFile(FILE_HEADER, [block]);
+}
+function buildThemeCss(name) {
+    const semantic = name === 'light' ? semanticLight : semanticDark;
+    const tokens = flatten(semantic);
+    const colorScheme = name === 'light' ? 'light' : 'dark';
+    const root = renderBlock(tokens, {
+        selector: name === 'light' ? ':root, [data-ds-theme="light"]' : '[data-ds-theme="dark"]',
+        layer: 'ds.theme',
+        extraProps: { 'color-scheme': colorScheme },
+    });
+    if (name !== 'dark') {
+        return renderFile(FILE_HEADER, [root]);
+    }
+    const prefersDark = renderBlock(tokens, {
+        selector: ':root:not([data-ds-theme])',
+        layer: 'ds.theme',
+        mediaQuery: '(prefers-color-scheme: dark)',
+        extraProps: { 'color-scheme': 'dark' },
+    });
+    return renderFile(FILE_HEADER, [root, prefersDark]);
+}
+function buildLayerDeclaration() {
+    return '@layer ds.base, ds.theme, ds.components, ds.utilities;\n';
+}
+async function run() {
+    await writeOut('base.css', buildLayerDeclaration() + buildBaseCss());
+    await writeOut('theme-default-light.css', buildThemeCss('light'));
+    await writeOut('theme-default-dark.css', buildThemeCss('dark'));
+    await writeOut('theme-default.css', `@import './base.css';\n@import './theme-default-light.css';\n@import './theme-default-dark.css';\n`);
+}
+run().catch((error) => {
+    console.error(error);
+    process.exitCode = 1;
+});
+//# sourceMappingURL=build.js.map

package/dist/build.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './primitive/index.js';
+export { semanticLight, semanticDark, type SemanticTokens } from './semantic/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from './primitive/index.js';
+export { semanticLight, semanticDark } from './semantic/index.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAuB,MAAM,qBAAqB,CAAC"}

package/dist/primitive/breakpoints.d.ts

@@ -0,0 +1,28 @@
+export declare const breakpoint: {
+    readonly sm: "480px";
+    readonly md: "768px";
+    readonly lg: "1024px";
+    readonly xl: "1280px";
+    readonly '2xl': "1536px";
+};
+export declare const container: {
+    readonly xs: "20rem";
+    readonly sm: "30rem";
+    readonly md: "48rem";
+    readonly lg: "64rem";
+    readonly xl: "80rem";
+};
+export declare const zIndex: {
+    readonly base: "0";
+    readonly raised: "10";
+    readonly dropdown: "100";
+    readonly sticky: "200";
+    readonly overlay: "300";
+    readonly modal: "400";
+    readonly toast: "500";
+    readonly tooltip: "600";
+};
+export type BreakpointTokens = typeof breakpoint;
+export type ContainerTokens = typeof container;
+export type ZIndexTokens = typeof zIndex;
+//# sourceMappingURL=breakpoints.d.ts.map

package/dist/primitive/breakpoints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../src/primitive/breakpoints.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;CAMb,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;CAMZ,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;;;;;CAST,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,OAAO,UAAU,CAAC;AACjD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC;AAC/C,MAAM,MAAM,YAAY,GAAG,OAAO,MAAM,CAAC"}

package/dist/primitive/breakpoints.js

@@ -0,0 +1,25 @@
+export const breakpoint = {
+    sm: '480px',
+    md: '768px',
+    lg: '1024px',
+    xl: '1280px',
+    '2xl': '1536px',
+};
+export const container = {
+    xs: '20rem',
+    sm: '30rem',
+    md: '48rem',
+    lg: '64rem',
+    xl: '80rem',
+};
+export const zIndex = {
+    base: '0',
+    raised: '10',
+    dropdown: '100',
+    sticky: '200',
+    overlay: '300',
+    modal: '400',
+    toast: '500',
+    tooltip: '600',
+};
+//# sourceMappingURL=breakpoints.js.map

package/dist/primitive/breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.js","sourceRoot":"","sources":["../../src/primitive/breakpoints.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,KAAK,EAAE,QAAQ;CACP,CAAC;AAEX,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;CACH,CAAC;AAEX,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,IAAI;IACZ,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,KAAK;CACN,CAAC"}

package/dist/primitive/color.d.ts

@@ -0,0 +1,51 @@
+export declare const color: {
+    readonly ink: {
+        readonly 0: "#0B0B0C";
+        readonly 50: "#1A1A1C";
+        readonly 100: "#2B2B2E";
+        readonly 200: "#3F3F43";
+        readonly 300: "#56565B";
+        readonly 400: "#6B6B6E";
+        readonly 500: "#86868A";
+        readonly 600: "#A6A6A9";
+        readonly 700: "#C5C5C7";
+        readonly 800: "#E2E2E3";
+        readonly 900: "#F2EFEA";
+        readonly 1000: "#FAF8F5";
+    };
+    readonly vermilion: {
+        readonly 100: "#FBEAE7";
+        readonly 300: "#F1988C";
+        readonly 500: "#E2341D";
+        readonly 600: "#C12613";
+        readonly 700: "#9A1B0C";
+    };
+    readonly cobalt: {
+        readonly 100: "#E8EEF9";
+        readonly 300: "#95AEDD";
+        readonly 500: "#4A72CC";
+        readonly 600: "#3860B8";
+        readonly 700: "#2750A2";
+    };
+    readonly success: {
+        readonly 100: "#E4F1EA";
+        readonly 500: "#1F7A48";
+    };
+    readonly warning: {
+        readonly 100: "#FBF0DA";
+        readonly 500: "#A6620B";
+    };
+    readonly danger: {
+        readonly 100: "#FBE7E4";
+        readonly 500: "#B21A0A";
+    };
+    readonly alpha: {
+        readonly inkHairline: "rgba(11, 11, 12, 0.12)";
+        readonly inkSubtle: "rgba(11, 11, 12, 0.06)";
+        readonly paperHairline: "rgba(242, 239, 234, 0.14)";
+        readonly paperSubtle: "rgba(242, 239, 234, 0.06)";
+        readonly focusRing: "rgba(74, 114, 204, 0.35)";
+    };
+};
+export type ColorTokens = typeof color;
+//# sourceMappingURL=color.d.ts.map

package/dist/primitive/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/primitive/color.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDR,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,OAAO,KAAK,CAAC"}

package/dist/primitive/color.js

@@ -0,0 +1,50 @@
+export const color = {
+    ink: {
+        0: '#0B0B0C',
+        50: '#1A1A1C',
+        100: '#2B2B2E',
+        200: '#3F3F43',
+        300: '#56565B',
+        400: '#6B6B6E',
+        500: '#86868A',
+        600: '#A6A6A9',
+        700: '#C5C5C7',
+        800: '#E2E2E3',
+        900: '#F2EFEA',
+        1000: '#FAF8F5',
+    },
+    vermilion: {
+        100: '#FBEAE7',
+        300: '#F1988C',
+        500: '#E2341D',
+        600: '#C12613',
+        700: '#9A1B0C',
+    },
+    cobalt: {
+        100: '#E8EEF9',
+        300: '#95AEDD',
+        500: '#4A72CC',
+        600: '#3860B8',
+        700: '#2750A2',
+    },
+    success: {
+        100: '#E4F1EA',
+        500: '#1F7A48',
+    },
+    warning: {
+        100: '#FBF0DA',
+        500: '#A6620B',
+    },
+    danger: {
+        100: '#FBE7E4',
+        500: '#B21A0A',
+    },
+    alpha: {
+        inkHairline: 'rgba(11, 11, 12, 0.12)',
+        inkSubtle: 'rgba(11, 11, 12, 0.06)',
+        paperHairline: 'rgba(242, 239, 234, 0.14)',
+        paperSubtle: 'rgba(242, 239, 234, 0.06)',
+        focusRing: 'rgba(74, 114, 204, 0.35)',
+    },
+};
+//# sourceMappingURL=color.js.map

package/dist/primitive/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/primitive/color.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,GAAG,EAAE;QACH,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,SAAS;QACb,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB;IACD,SAAS,EAAE;QACT,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,MAAM,EAAE;QACN,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,OAAO,EAAE;QACP,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,OAAO,EAAE;QACP,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,MAAM,EAAE;QACN,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,KAAK,EAAE;QACL,WAAW,EAAE,wBAAwB;QACrC,SAAS,EAAE,wBAAwB;QACnC,aAAa,EAAE,2BAA2B;QAC1C,WAAW,EAAE,2BAA2B;QACxC,SAAS,EAAE,0BAA0B;KACtC;CACO,CAAC"}

package/dist/primitive/index.d.ts

@@ -0,0 +1,7 @@
+export { color, type ColorTokens } from './color.js';
+export { space, size, type SpaceTokens, type SizeTokens } from './spacing.js';
+export { fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, type FontFamilyTokens, type FontSizeTokens, } from './typography.js';
+export { radius, border, shadow, type RadiusTokens, type BorderTokens, type ShadowTokens, } from './shape.js';
+export { duration, easing, type DurationTokens, type EasingTokens } from './motion.js';
+export { breakpoint, container, zIndex, type BreakpointTokens, type ContainerTokens, type ZIndexTokens, } from './breakpoints.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/primitive/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAC9E,OAAO,EACL,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,aAAa,EACb,KAAK,gBAAgB,EACrB,KAAK,cAAc,GACpB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,YAAY,GAClB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AACvF,OAAO,EACL,UAAU,EACV,SAAS,EACT,MAAM,EACN,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,YAAY,GAClB,MAAM,kBAAkB,CAAC"}

package/dist/primitive/index.js

@@ -0,0 +1,7 @@
+export { color } from './color.js';
+export { space, size } from './spacing.js';
+export { fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, } from './typography.js';
+export { radius, border, shadow, } from './shape.js';
+export { duration, easing } from './motion.js';
+export { breakpoint, container, zIndex, } from './breakpoints.js';
+//# sourceMappingURL=index.js.map

package/dist/primitive/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/primitive/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAoB,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAqC,MAAM,cAAc,CAAC;AAC9E,OAAO,EACL,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,aAAa,GAGd,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,MAAM,EACN,MAAM,EACN,MAAM,GAIP,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,QAAQ,EAAE,MAAM,EAA0C,MAAM,aAAa,CAAC;AACvF,OAAO,EACL,UAAU,EACV,SAAS,EACT,MAAM,GAIP,MAAM,kBAAkB,CAAC"}

package/dist/primitive/motion.d.ts

@@ -0,0 +1,16 @@
+export declare const duration: {
+    readonly instant: "80ms";
+    readonly fast: "120ms";
+    readonly normal: "180ms";
+    readonly slow: "240ms";
+    readonly slower: "320ms";
+};
+export declare const easing: {
+    readonly standard: "cubic-bezier(0.2, 0, 0, 1)";
+    readonly emphasized: "cubic-bezier(0.2, 0, 0.1, 1.1)";
+    readonly enter: "cubic-bezier(0, 0, 0, 1)";
+    readonly exit: "cubic-bezier(0.4, 0, 1, 1)";
+};
+export type DurationTokens = typeof duration;
+export type EasingTokens = typeof easing;
+//# sourceMappingURL=motion.d.ts.map

package/dist/primitive/motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../src/primitive/motion.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;CAMX,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;CAKT,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,OAAO,QAAQ,CAAC;AAC7C,MAAM,MAAM,YAAY,GAAG,OAAO,MAAM,CAAC"}

package/dist/primitive/motion.js

@@ -0,0 +1,14 @@
+export const duration = {
+    instant: '80ms',
+    fast: '120ms',
+    normal: '180ms',
+    slow: '240ms',
+    slower: '320ms',
+};
+export const easing = {
+    standard: 'cubic-bezier(0.2, 0, 0, 1)',
+    emphasized: 'cubic-bezier(0.2, 0, 0.1, 1.1)',
+    enter: 'cubic-bezier(0, 0, 0, 1)',
+    exit: 'cubic-bezier(0.4, 0, 1, 1)',
+};
+//# sourceMappingURL=motion.js.map

package/dist/primitive/motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.js","sourceRoot":"","sources":["../../src/primitive/motion.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,OAAO;IACb,MAAM,EAAE,OAAO;IACf,IAAI,EAAE,OAAO;IACb,MAAM,EAAE,OAAO;CACP,CAAC;AAEX,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,4BAA4B;IACtC,UAAU,EAAE,gCAAgC;IAC5C,KAAK,EAAE,0BAA0B;IACjC,IAAI,EAAE,4BAA4B;CAC1B,CAAC"}

package/dist/primitive/shape.d.ts

@@ -0,0 +1,24 @@
+export declare const radius: {
+    readonly none: "0";
+    readonly xs: "2px";
+    readonly sm: "4px";
+    readonly md: "8px";
+    readonly lg: "12px";
+    readonly full: "9999px";
+};
+export declare const border: {
+    readonly hairline: "1px";
+    readonly regular: "1.5px";
+    readonly heavy: "2px";
+};
+export declare const shadow: {
+    readonly none: "none";
+    readonly sm: "0 1px 2px rgba(11, 11, 12, 0.06)";
+    readonly md: "0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04)";
+    readonly lg: "0 12px 32px rgba(11, 11, 12, 0.10), 0 4px 8px rgba(11, 11, 12, 0.06)";
+    readonly focus: "0 0 0 3px rgba(74, 114, 204, 0.35)";
+};
+export type RadiusTokens = typeof radius;
+export type BorderTokens = typeof border;
+export type ShadowTokens = typeof shadow;
+//# sourceMappingURL=shape.d.ts.map

package/dist/primitive/shape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shape.d.ts","sourceRoot":"","sources":["../../src/primitive/shape.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;CAOT,CAAC;AAEX,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,OAAO,MAAM,CAAC;AACzC,MAAM,MAAM,YAAY,GAAG,OAAO,MAAM,CAAC;AACzC,MAAM,MAAM,YAAY,GAAG,OAAO,MAAM,CAAC"}

package/dist/primitive/shape.js

@@ -0,0 +1,21 @@
+export const radius = {
+    none: '0',
+    xs: '2px',
+    sm: '4px',
+    md: '8px',
+    lg: '12px',
+    full: '9999px',
+};
+export const border = {
+    hairline: '1px',
+    regular: '1.5px',
+    heavy: '2px',
+};
+export const shadow = {
+    none: 'none',
+    sm: '0 1px 2px rgba(11, 11, 12, 0.06)',
+    md: '0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04)',
+    lg: '0 12px 32px rgba(11, 11, 12, 0.10), 0 4px 8px rgba(11, 11, 12, 0.06)',
+    focus: '0 0 0 3px rgba(74, 114, 204, 0.35)',
+};
+//# sourceMappingURL=shape.js.map

package/dist/primitive/shape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shape.js","sourceRoot":"","sources":["../../src/primitive/shape.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE,GAAG;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,QAAQ;CACN,CAAC;AAEX,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,OAAO;IAChB,KAAK,EAAE,KAAK;CACJ,CAAC;AAEX,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,kCAAkC;IACtC,EAAE,EAAE,qEAAqE;IACzE,EAAE,EAAE,sEAAsE;IAC1E,KAAK,EAAE,oCAAoC;CACnC,CAAC"}

package/dist/primitive/spacing.d.ts

@@ -0,0 +1,26 @@
+export declare const space: {
+    readonly 0: "0";
+    readonly 1: "0.25rem";
+    readonly 2: "0.5rem";
+    readonly 3: "0.75rem";
+    readonly 4: "1rem";
+    readonly 5: "1.25rem";
+    readonly 6: "1.5rem";
+    readonly 8: "2rem";
+    readonly 10: "2.5rem";
+    readonly 12: "3rem";
+    readonly 16: "4rem";
+    readonly 20: "5rem";
+    readonly 24: "6rem";
+    readonly 32: "8rem";
+};
+export declare const size: {
+    readonly xs: "1.75rem";
+    readonly sm: "2rem";
+    readonly md: "2.5rem";
+    readonly lg: "3rem";
+    readonly xl: "3.5rem";
+};
+export type SpaceTokens = typeof space;
+export type SizeTokens = typeof size;
+//# sourceMappingURL=spacing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/primitive/spacing.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;CAeR,CAAC;AAEX,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,OAAO,KAAK,CAAC;AACvC,MAAM,MAAM,UAAU,GAAG,OAAO,IAAI,CAAC"}