@samva/markup 0.6.0 → 0.8.0

package/dist/theme-6ApjjiBo.d.ts

@@ -1,116 +0,0 @@
-//#region src/theme.d.ts
-interface TextToken {
-  readonly sizePx: number;
-  readonly lineHeightPx: number;
-}
-/** One hosted @font-face: the served woff2 src + its weight/style, and the
- *  css2 unicode-range (absent for a whole-file upload). */
-interface FontFace {
-  readonly weight: number;
-  readonly style: "normal" | "italic";
-  readonly src: string;
-  readonly unicodeRange?: string | undefined;
-}
-/** The @font-face set for one font token: the family the rules declare (and that
- *  the token's inline stack leads with) plus its hosted faces. */
-interface FontFaceSet {
-  readonly family: string;
-  readonly faces: ReadonlyArray<FontFace>;
-}
-/**
- * Escape a value interpolated inside a single-quoted CSS string — a
- * `font-family` name or a `url('…')` src. A raw `'` closes the quote early (for
- * a src that also lets a crafted value escape the `url()`), and a raw `\` is read
- * as a CSS escape sequence. `family` and `src` are only min-length-validated
- * upstream, so escaping both keeps every emitted CSS string grammar-safe. Used
- * both here (the inline `font-{name}` stack) and by the compiler's @font-face
- * block, so an escapable family never lands unescaped in either place.
- *
- * The `@font-face` block lives inside a `<style>` element, and an HTML parser
- * scans raw-text elements for the literal `</style>` end tag BEFORE any CSS
- * parsing. So a crafted `family`/`src` containing `</style>` would close the
- * style element and let the remainder render as HTML in the delivered email
- * (a stored-XSS breakout). Rewriting `</` to `<\/` neutralises this: in a
- * quoted CSS string `\/` is identical to `/`, but the HTML tokenizer no longer
- * matches `<\/style>` as a raw-text end tag.
- */
-declare const escapeCssString: (value: string) => string;
-/** A persisted font token: the family the inline stack leads with, the fallback
- *  appended after it, and (for a self-hosted webfont) the hosted faces. The
- *  public compiler owns the single flatten transform for this shape. */
-interface FontToken {
-  readonly family: string;
-  readonly fallback: string;
-  readonly faces?: ReadonlyArray<FontFace> | undefined;
-}
-/**
- * Flatten persisted font tokens into the compiler's two font fields, so the
- * server (apps/api) and the in-browser canvas (apps/web) produce byte-identical
- * output from ONE transform rather than two hand-synced copies:
- *   - `fontFamilies` = the inline stack the `font-{name}` utility emits — the
- *     family quoted (multi-word-safe) then the fallback (which the picker
- *     guarantees ends in a generic, so no client is ever fontless).
- *   - `fontFaces` = the @font-face set for tokens that self-host a webfont.
- * Tokens without `faces` (system stacks) contribute a family but no face set.
- */
-declare const flattenFontTokens: (tokens: Readonly<Record<string, FontToken>>) => {
-  fontFamilies: Record<string, string>;
-  fontFaces: Record<string, FontFaceSet>;
-};
-interface TokenTable {
-  /** Flattened color names ("red-500", "white", "brand") → 6-digit lowercase hex. */
-  readonly colors: Readonly<Record<string, string>>;
-  /**
-   * Dark counterparts, colors namespace only (dark radius/fonts are not a
-   * thing). Only tokens with a dark pair appear; a color-family utility that
-   * resolves a paired token also emits the dark head rule automatically.
-   */
-  readonly colorsDark: Readonly<Record<string, string>>;
-  /** px per spacing unit (`p-4` → 4 × spacingPx). */
-  readonly spacingPx: number;
-  /** text-{size} → font-size / line-height px pair. */
-  readonly text: Readonly<Record<string, TextToken>>;
-  /** leading-{name} → unitless line-height ratio. */
-  readonly leading: Readonly<Record<string, number>>;
-  /** tracking-{name} → letter-spacing em. */
-  readonly trackingEm: Readonly<Record<string, number>>;
-  /** rounded-{name} → border-radius px. */
-  readonly radiusPx: Readonly<Record<string, number>>;
-  /** font-{name} → font-weight number. */
-  readonly fontWeights: Readonly<Record<string, number>>;
-  /** font-{name} → the resolved inline font-family stack (family + fallback,
-   *  guaranteed to end in a generic). */
-  readonly fontFamilies: Readonly<Record<string, string>>;
-  /** font-{name} → its @font-face set, for tokens that self-host a webfont.
-   *  Tokens with no faces (system stacks) are absent. */
-  readonly fontFaces: Readonly<Record<string, FontFaceSet>>;
-  /** max-w-{name} → px. */
-  readonly containerPx: Readonly<Record<string, number>>;
-}
-interface TokenOverrides {
-  readonly colors?: Readonly<Record<string, string>> | undefined;
-  readonly colorsDark?: Readonly<Record<string, string>> | undefined;
-  readonly spacingPx?: number | undefined;
-  readonly text?: Readonly<Record<string, TextToken>> | undefined;
-  readonly leading?: Readonly<Record<string, number>> | undefined;
-  readonly trackingEm?: Readonly<Record<string, number>> | undefined;
-  readonly radiusPx?: Readonly<Record<string, number>> | undefined;
-  readonly fontWeights?: Readonly<Record<string, number>> | undefined;
-  readonly fontFamilies?: Readonly<Record<string, string>> | undefined;
-  readonly fontFaces?: Readonly<Record<string, FontFaceSet>> | undefined;
-  readonly containerPx?: Readonly<Record<string, number>> | undefined;
-}
-interface ThemeLayers {
-  readonly base: TokenTable;
-  /**
-   * Ordered token-override layers, least → most specific (organization →
-   * domain → template). Each is merged onto the running table in turn, so a
-   * later layer's token wins. The caller (the settings cascade in apps/api)
-   * owns assembling this list from the effective design.
-   */
-  readonly overrides?: ReadonlyArray<TokenOverrides> | undefined;
-}
-declare const resolveTokenTable: (layers: ThemeLayers) => TokenTable;
-//#endregion
-export { ThemeLayers as a, escapeCssString as c, TextToken as i, flattenFontTokens as l, FontFaceSet as n, TokenOverrides as o, FontToken as r, TokenTable as s, FontFace as t, resolveTokenTable as u };
-//# sourceMappingURL=theme-6ApjjiBo.d.ts.map

package/dist/theme.d.ts

@@ -1,2 +0,0 @@
-import { a as ThemeLayers, c as escapeCssString, i as TextToken, l as flattenFontTokens, n as FontFaceSet, o as TokenOverrides, r as FontToken, s as TokenTable, t as FontFace, u as resolveTokenTable } from "./theme-6ApjjiBo.js";
-export { FontFace, FontFaceSet, FontToken, TextToken, ThemeLayers, TokenOverrides, TokenTable, escapeCssString, flattenFontTokens, resolveTokenTable };

package/dist/theme.js

@@ -1,118 +0,0 @@
-//#region src/theme.ts
-/**
-* Escape a value interpolated inside a single-quoted CSS string — a
-* `font-family` name or a `url('…')` src. A raw `'` closes the quote early (for
-* a src that also lets a crafted value escape the `url()`), and a raw `\` is read
-* as a CSS escape sequence. `family` and `src` are only min-length-validated
-* upstream, so escaping both keeps every emitted CSS string grammar-safe. Used
-* both here (the inline `font-{name}` stack) and by the compiler's @font-face
-* block, so an escapable family never lands unescaped in either place.
-*
-* The `@font-face` block lives inside a `<style>` element, and an HTML parser
-* scans raw-text elements for the literal `</style>` end tag BEFORE any CSS
-* parsing. So a crafted `family`/`src` containing `</style>` would close the
-* style element and let the remainder render as HTML in the delivered email
-* (a stored-XSS breakout). Rewriting `</` to `<\/` neutralises this: in a
-* quoted CSS string `\/` is identical to `/`, but the HTML tokenizer no longer
-* matches `<\/style>` as a raw-text end tag.
-*/
-const escapeCssString = (value) => value.replace(/\\/g, "\\\\").replace(/'/g, "\\'").replace(/[\u0000-\u001f\u007f]/g, (character) => `\\${character.charCodeAt(0).toString(16)} `).replace(/<\//g, "<\\/");
-const FONT_FAMILY_NAME = /^-?[a-zA-Z][a-zA-Z0-9 -]*$/;
-const SINGLE_QUOTED_FONT_FAMILY = /^'[^'\\<\u0000-\u001f\u007f]*'$/;
-const DOUBLE_QUOTED_FONT_FAMILY = /^"[^"\\<\u0000-\u001f\u007f]*"$/;
-const splitFontStack = (value) => {
-	const families = [];
-	let start = 0;
-	let quote;
-	for (let index = 0; index < value.length; index++) {
-		const character = value[index];
-		if (quote !== void 0) {
-			if (character === quote) quote = void 0;
-		} else if (character === "'" || character === "\"") quote = character;
-		else if (character === ",") {
-			families.push(value.slice(start, index).trim());
-			start = index + 1;
-		}
-	}
-	families.push(value.slice(start).trim());
-	return families;
-};
-const safeFontStack = (value) => {
-	return splitFontStack(value).every((family) => FONT_FAMILY_NAME.test(family) || SINGLE_QUOTED_FONT_FAMILY.test(family) || DOUBLE_QUOTED_FONT_FAMILY.test(family)) ? value : `'${escapeCssString(value)}'`;
-};
-/**
-* Flatten persisted font tokens into the compiler's two font fields, so the
-* server (apps/api) and the in-browser canvas (apps/web) produce byte-identical
-* output from ONE transform rather than two hand-synced copies:
-*   - `fontFamilies` = the inline stack the `font-{name}` utility emits — the
-*     family quoted (multi-word-safe) then the fallback (which the picker
-*     guarantees ends in a generic, so no client is ever fontless).
-*   - `fontFaces` = the @font-face set for tokens that self-host a webfont.
-* Tokens without `faces` (system stacks) contribute a family but no face set.
-*/
-const flattenFontTokens = (tokens) => {
-	const fontFamilies = {};
-	const fontFaces = {};
-	for (const [name, token] of Object.entries(tokens)) {
-		fontFamilies[name] = `'${escapeCssString(token.family)}', ${safeFontStack(token.fallback)}`;
-		if (token.faces != null) fontFaces[name] = {
-			family: token.family,
-			faces: token.faces
-		};
-	}
-	return {
-		fontFamilies,
-		fontFaces
-	};
-};
-const mergeLayer = (table, overrides) => {
-	if (overrides === void 0) return table;
-	return {
-		colors: {
-			...table.colors,
-			...overrides.colors
-		},
-		colorsDark: {
-			...table.colorsDark,
-			...overrides.colorsDark
-		},
-		spacingPx: overrides.spacingPx ?? table.spacingPx,
-		text: {
-			...table.text,
-			...overrides.text
-		},
-		leading: {
-			...table.leading,
-			...overrides.leading
-		},
-		trackingEm: {
-			...table.trackingEm,
-			...overrides.trackingEm
-		},
-		radiusPx: {
-			...table.radiusPx,
-			...overrides.radiusPx
-		},
-		fontWeights: {
-			...table.fontWeights,
-			...overrides.fontWeights
-		},
-		fontFamilies: {
-			...table.fontFamilies,
-			...overrides.fontFamilies
-		},
-		fontFaces: {
-			...table.fontFaces,
-			...overrides.fontFaces
-		},
-		containerPx: {
-			...table.containerPx,
-			...overrides.containerPx
-		}
-	};
-};
-const resolveTokenTable = (layers) => (layers.overrides ?? []).reduce(mergeLayer, layers.base);
-//#endregion
-export { escapeCssString, flattenFontTokens, resolveTokenTable };
-
-//# sourceMappingURL=theme.js.map

package/dist/tokens.d.ts

@@ -1,6 +0,0 @@
-import { s as TokenTable } from "./theme-6ApjjiBo.js";
-//#region src/tokens.d.ts
-declare const baseTokens: TokenTable;
-//#endregion
-export { baseTokens };
-//# sourceMappingURL=tokens.d.ts.map

package/dist/tokens.js

@@ -1,417 +0,0 @@
-//#region src/tokens.ts
-const baseTokens = {
-	colors: {
-		"red-50": "#fef2f2",
-		"red-100": "#ffe2e2",
-		"red-200": "#ffc9c9",
-		"red-300": "#ffa2a2",
-		"red-400": "#ff6467",
-		"red-500": "#fb2c36",
-		"red-600": "#e7000b",
-		"red-700": "#c10007",
-		"red-800": "#9f0712",
-		"red-900": "#82181a",
-		"red-950": "#460809",
-		"orange-50": "#fff7ed",
-		"orange-100": "#ffedd4",
-		"orange-200": "#ffd6a7",
-		"orange-300": "#ffb86a",
-		"orange-400": "#ff8904",
-		"orange-500": "#ff6900",
-		"orange-600": "#f54900",
-		"orange-700": "#ca3500",
-		"orange-800": "#9f2d00",
-		"orange-900": "#7e2a0c",
-		"orange-950": "#441306",
-		"amber-50": "#fffbeb",
-		"amber-100": "#fef3c6",
-		"amber-200": "#fee685",
-		"amber-300": "#ffd230",
-		"amber-400": "#ffb900",
-		"amber-500": "#fe9a00",
-		"amber-600": "#e17100",
-		"amber-700": "#bb4d00",
-		"amber-800": "#973c00",
-		"amber-900": "#7b3306",
-		"amber-950": "#461901",
-		"yellow-50": "#fefce8",
-		"yellow-100": "#fef9c2",
-		"yellow-200": "#fff085",
-		"yellow-300": "#ffdf20",
-		"yellow-400": "#fdc700",
-		"yellow-500": "#f0b100",
-		"yellow-600": "#d08700",
-		"yellow-700": "#a65f00",
-		"yellow-800": "#894b00",
-		"yellow-900": "#733e0a",
-		"yellow-950": "#432004",
-		"lime-50": "#f7fee7",
-		"lime-100": "#ecfcca",
-		"lime-200": "#d8f999",
-		"lime-300": "#bbf451",
-		"lime-400": "#9ae600",
-		"lime-500": "#7ccf00",
-		"lime-600": "#5ea500",
-		"lime-700": "#497d00",
-		"lime-800": "#3c6300",
-		"lime-900": "#35530e",
-		"lime-950": "#192e03",
-		"green-50": "#f0fdf4",
-		"green-100": "#dcfce7",
-		"green-200": "#b9f8cf",
-		"green-300": "#7bf1a8",
-		"green-400": "#05df72",
-		"green-500": "#00c950",
-		"green-600": "#00a63e",
-		"green-700": "#008236",
-		"green-800": "#016630",
-		"green-900": "#0d542b",
-		"green-950": "#032e15",
-		"emerald-50": "#ecfdf5",
-		"emerald-100": "#d0fae5",
-		"emerald-200": "#a4f4cf",
-		"emerald-300": "#5ee9b5",
-		"emerald-400": "#00d492",
-		"emerald-500": "#00bc7d",
-		"emerald-600": "#009966",
-		"emerald-700": "#007a55",
-		"emerald-800": "#006045",
-		"emerald-900": "#004f3b",
-		"emerald-950": "#002c22",
-		"teal-50": "#f0fdfa",
-		"teal-100": "#cbfbf1",
-		"teal-200": "#96f7e4",
-		"teal-300": "#46ecd5",
-		"teal-400": "#00d5be",
-		"teal-500": "#00bba7",
-		"teal-600": "#009689",
-		"teal-700": "#00786f",
-		"teal-800": "#005f5a",
-		"teal-900": "#0b4f4a",
-		"teal-950": "#022f2e",
-		"cyan-50": "#ecfeff",
-		"cyan-100": "#cefafe",
-		"cyan-200": "#a2f4fd",
-		"cyan-300": "#53eafd",
-		"cyan-400": "#00d3f2",
-		"cyan-500": "#00b8db",
-		"cyan-600": "#0092b8",
-		"cyan-700": "#007595",
-		"cyan-800": "#005f78",
-		"cyan-900": "#104e64",
-		"cyan-950": "#053345",
-		"sky-50": "#f0f9ff",
-		"sky-100": "#dff2fe",
-		"sky-200": "#b8e6fe",
-		"sky-300": "#74d4ff",
-		"sky-400": "#00bcff",
-		"sky-500": "#00a6f4",
-		"sky-600": "#0084d1",
-		"sky-700": "#0069a8",
-		"sky-800": "#00598a",
-		"sky-900": "#024a70",
-		"sky-950": "#052f4a",
-		"blue-50": "#eff6ff",
-		"blue-100": "#dbeafe",
-		"blue-200": "#bedbff",
-		"blue-300": "#8ec5ff",
-		"blue-400": "#51a2ff",
-		"blue-500": "#2b7fff",
-		"blue-600": "#155dfc",
-		"blue-700": "#1447e6",
-		"blue-800": "#193cb8",
-		"blue-900": "#1c398e",
-		"blue-950": "#162456",
-		"indigo-50": "#eef2ff",
-		"indigo-100": "#e0e7ff",
-		"indigo-200": "#c6d2ff",
-		"indigo-300": "#a3b3ff",
-		"indigo-400": "#7c86ff",
-		"indigo-500": "#615fff",
-		"indigo-600": "#4f39f6",
-		"indigo-700": "#432dd7",
-		"indigo-800": "#372aac",
-		"indigo-900": "#312c85",
-		"indigo-950": "#1e1a4d",
-		"violet-50": "#f5f3ff",
-		"violet-100": "#ede9fe",
-		"violet-200": "#ddd6ff",
-		"violet-300": "#c4b4ff",
-		"violet-400": "#a684ff",
-		"violet-500": "#8e51ff",
-		"violet-600": "#7f22fe",
-		"violet-700": "#7008e7",
-		"violet-800": "#5d0ec0",
-		"violet-900": "#4d179a",
-		"violet-950": "#2f0d68",
-		"purple-50": "#faf5ff",
-		"purple-100": "#f3e8ff",
-		"purple-200": "#e9d4ff",
-		"purple-300": "#dab2ff",
-		"purple-400": "#c27aff",
-		"purple-500": "#ad46ff",
-		"purple-600": "#9810fa",
-		"purple-700": "#8200db",
-		"purple-800": "#6e11b0",
-		"purple-900": "#59168b",
-		"purple-950": "#3c0366",
-		"fuchsia-50": "#fdf4ff",
-		"fuchsia-100": "#fae8ff",
-		"fuchsia-200": "#f6cfff",
-		"fuchsia-300": "#f4a8ff",
-		"fuchsia-400": "#ed6aff",
-		"fuchsia-500": "#e12afb",
-		"fuchsia-600": "#c800de",
-		"fuchsia-700": "#a800b7",
-		"fuchsia-800": "#8a0194",
-		"fuchsia-900": "#721378",
-		"fuchsia-950": "#4b004f",
-		"pink-50": "#fdf2f8",
-		"pink-100": "#fce7f3",
-		"pink-200": "#fccee8",
-		"pink-300": "#fda5d5",
-		"pink-400": "#fb64b6",
-		"pink-500": "#f6339a",
-		"pink-600": "#e60076",
-		"pink-700": "#c6005c",
-		"pink-800": "#a3004c",
-		"pink-900": "#861043",
-		"pink-950": "#510424",
-		"rose-50": "#fff1f2",
-		"rose-100": "#ffe4e6",
-		"rose-200": "#ffccd3",
-		"rose-300": "#ffa1ad",
-		"rose-400": "#ff637e",
-		"rose-500": "#ff2056",
-		"rose-600": "#ec003f",
-		"rose-700": "#c70036",
-		"rose-800": "#a50036",
-		"rose-900": "#8b0836",
-		"rose-950": "#4d0218",
-		"slate-50": "#f8fafc",
-		"slate-100": "#f1f5f9",
-		"slate-200": "#e2e8f0",
-		"slate-300": "#cad5e2",
-		"slate-400": "#90a1b9",
-		"slate-500": "#62748e",
-		"slate-600": "#45556c",
-		"slate-700": "#314158",
-		"slate-800": "#1d293d",
-		"slate-900": "#0f172b",
-		"slate-950": "#020618",
-		"gray-50": "#f9fafb",
-		"gray-100": "#f3f4f6",
-		"gray-200": "#e5e7eb",
-		"gray-300": "#d1d5dc",
-		"gray-400": "#99a1af",
-		"gray-500": "#6a7282",
-		"gray-600": "#4a5565",
-		"gray-700": "#364153",
-		"gray-800": "#1e2939",
-		"gray-900": "#101828",
-		"gray-950": "#030712",
-		"zinc-50": "#fafafa",
-		"zinc-100": "#f4f4f5",
-		"zinc-200": "#e4e4e7",
-		"zinc-300": "#d4d4d8",
-		"zinc-400": "#9f9fa9",
-		"zinc-500": "#71717b",
-		"zinc-600": "#52525c",
-		"zinc-700": "#3f3f46",
-		"zinc-800": "#27272a",
-		"zinc-900": "#18181b",
-		"zinc-950": "#09090b",
-		"neutral-50": "#fafafa",
-		"neutral-100": "#f5f5f5",
-		"neutral-200": "#e5e5e5",
-		"neutral-300": "#d4d4d4",
-		"neutral-400": "#a1a1a1",
-		"neutral-500": "#737373",
-		"neutral-600": "#525252",
-		"neutral-700": "#404040",
-		"neutral-800": "#262626",
-		"neutral-900": "#171717",
-		"neutral-950": "#0a0a0a",
-		"stone-50": "#fafaf9",
-		"stone-100": "#f5f5f4",
-		"stone-200": "#e7e5e4",
-		"stone-300": "#d6d3d1",
-		"stone-400": "#a6a09b",
-		"stone-500": "#79716b",
-		"stone-600": "#57534d",
-		"stone-700": "#44403b",
-		"stone-800": "#292524",
-		"stone-900": "#1c1917",
-		"stone-950": "#0c0a09",
-		"mauve-50": "#fafafa",
-		"mauve-100": "#f3f1f3",
-		"mauve-200": "#e7e4e7",
-		"mauve-300": "#d7d0d7",
-		"mauve-400": "#a89ea9",
-		"mauve-500": "#79697b",
-		"mauve-600": "#594c5b",
-		"mauve-700": "#463947",
-		"mauve-800": "#2a212c",
-		"mauve-900": "#1d161e",
-		"mauve-950": "#0c090c",
-		"olive-50": "#fbfbf9",
-		"olive-100": "#f4f4f0",
-		"olive-200": "#e8e8e3",
-		"olive-300": "#d8d8d0",
-		"olive-400": "#abab9c",
-		"olive-500": "#7c7c67",
-		"olive-600": "#5b5b4b",
-		"olive-700": "#474739",
-		"olive-800": "#2b2b22",
-		"olive-900": "#1d1d16",
-		"olive-950": "#0c0c09",
-		"mist-50": "#f9fbfb",
-		"mist-100": "#f1f3f3",
-		"mist-200": "#e3e7e8",
-		"mist-300": "#d0d6d8",
-		"mist-400": "#9ca8ab",
-		"mist-500": "#67787c",
-		"mist-600": "#4b585b",
-		"mist-700": "#394447",
-		"mist-800": "#22292b",
-		"mist-900": "#161b1d",
-		"mist-950": "#090b0c",
-		"taupe-50": "#fbfaf9",
-		"taupe-100": "#f3f1f1",
-		"taupe-200": "#e8e4e3",
-		"taupe-300": "#d8d2d0",
-		"taupe-400": "#aba09c",
-		"taupe-500": "#7c6d67",
-		"taupe-600": "#5b4f4b",
-		"taupe-700": "#473c39",
-		"taupe-800": "#2b2422",
-		"taupe-900": "#1d1816",
-		"taupe-950": "#0c0a09",
-		black: "#000000",
-		white: "#ffffff",
-		brand: "#171717",
-		"brand-foreground": "#fafafa"
-	},
-	colorsDark: {
-		brand: "#fafafa",
-		"brand-foreground": "#171717"
-	},
-	spacingPx: 4,
-	text: {
-		xs: {
-			sizePx: 12,
-			lineHeightPx: 16
-		},
-		sm: {
-			sizePx: 14,
-			lineHeightPx: 20
-		},
-		base: {
-			sizePx: 16,
-			lineHeightPx: 24
-		},
-		lg: {
-			sizePx: 18,
-			lineHeightPx: 28
-		},
-		xl: {
-			sizePx: 20,
-			lineHeightPx: 28
-		},
-		"2xl": {
-			sizePx: 24,
-			lineHeightPx: 32
-		},
-		"3xl": {
-			sizePx: 30,
-			lineHeightPx: 36
-		},
-		"4xl": {
-			sizePx: 36,
-			lineHeightPx: 40
-		},
-		"5xl": {
-			sizePx: 48,
-			lineHeightPx: 48
-		},
-		"6xl": {
-			sizePx: 60,
-			lineHeightPx: 60
-		},
-		"7xl": {
-			sizePx: 72,
-			lineHeightPx: 72
-		},
-		"8xl": {
-			sizePx: 96,
-			lineHeightPx: 96
-		},
-		"9xl": {
-			sizePx: 128,
-			lineHeightPx: 128
-		}
-	},
-	leading: {
-		tight: 1.25,
-		snug: 1.375,
-		normal: 1.5,
-		relaxed: 1.625,
-		loose: 2
-	},
-	trackingEm: {
-		tighter: -.05,
-		tight: -.025,
-		normal: 0,
-		wide: .025,
-		wider: .05,
-		widest: .1
-	},
-	radiusPx: {
-		brand: 8,
-		xs: 2,
-		sm: 4,
-		md: 6,
-		lg: 8,
-		xl: 12,
-		"2xl": 16,
-		"3xl": 24,
-		"4xl": 32
-	},
-	fontWeights: {
-		thin: 100,
-		extralight: 200,
-		light: 300,
-		normal: 400,
-		medium: 500,
-		semibold: 600,
-		bold: 700,
-		extrabold: 800,
-		black: 900
-	},
-	fontFamilies: {
-		body: "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
-		sans: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
-		serif: "ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif",
-		mono: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
-	},
-	fontFaces: {},
-	containerPx: {
-		"3xs": 256,
-		"2xs": 288,
-		xs: 320,
-		sm: 384,
-		md: 448,
-		lg: 512,
-		xl: 576,
-		"2xl": 672,
-		"3xl": 768,
-		"4xl": 896,
-		"5xl": 1024,
-		"6xl": 1152,
-		"7xl": 1280
-	}
-};
-//#endregion
-export { baseTokens };
-
-//# sourceMappingURL=tokens.js.map