@samva/markup 0.7.0 → 0.8.0

package/AGENTS.md

@@ -17,10 +17,17 @@ exports live in `@samva/vite`.
 - `@samva/markup/email/render` — `renderEmail(template, data)`, which validates input and returns
   subject, preheader, HTML, text, and the derived tree.
 - `@samva/markup/email/diagnostics` — `EmailDiagnostic` and `EmailCompileError`.
+- `@samva/markup/email/assets` — `isAssetPath` and `ASSET_CONTENT_TYPES`: which imported files
+  become content-addressed assets, without loading the compiler.
 - `@samva/markup/input-schema` — `inputSchema`, which turns any Standard JSON Schema into the
   portable JSON Schema and validator a template's input is checked against.
 - `@samva/markup/compiler` — `compileEmailProject`, the bundler-agnostic compile step. It imports no
   Vite, esbuild, or Node builtins, so it runs in any JavaScript host.
+- `samva:brand` — `BrandLogo` (light logo, swapped for the dark one where the client honors dark
+  mode) and `BrandFooter` (company, postal address, social links and the unsubscribe row the send
+  path fills). The compiler binds them to the brand the build resolves; add
+  `"types": ["@samva/markup/samva-brand"]` to the project's tsconfig for `tsc`. In `theme.css`,
+  `@import "samva:brand";` layers the brand theme; `samva:brand/<slug>` names one brand.
 - `jsxImportSource: "@samva/markup"` and `@samva/markup/components` — the structured SMS and
   WhatsApp runtime and components. `parseSml` (`@samva/markup/parser`) and `compileSml` /
   `compileSource` (`@samva/markup/compile`) work on SML source.
@@ -45,6 +52,13 @@ contracts; read those before authoring. Import only subpaths declared in `packag
   definition declares the fixed value in its `runtime` (`TemplateRuntime`). A local render does not
   enforce this, so a template that reads `Date.now()` can pass locally and fail once published. Take
   times from validated input, or declare them.
+- **Declaring a webfont as if every client loads it.** A project font is an ordinary `@font-face`
+  in the project's CSS (usually `theme.css`) whose `src` is a `.woff2` file in the project, named
+  by a path relative to that stylesheet; the compiler serves it as a content-addressed asset and
+  hides the rule from classic Outlook. Gmail and Outlook never load it, so a `font-family` stack
+  that names a project font must end in a generic (`sans-serif`, `serif`, `monospace`) or the
+  render fails with `email-font-fallback`. Only WOFF2 is accepted; an `https:` `src` stays an
+  external reference.
 - **Treating `renderEmail` as a sandbox.** It executes the template's TypeScript in the calling
   process. Run untrusted template source in an isolated host.
 - **Expecting the schema library to do the validation.** A template's input schema is converted to

package/dist/brand-DcoVkh_S.d.ts

@@ -0,0 +1,88 @@
+import { m as EmailNode } from "./elements-BzjjnoCS.js";
+//#region src/internal/unsubscribe-link.d.ts
+/**
+ * The per-recipient unsubscribe URL is not known at render: the send path
+ * substitutes each delivery's link for this placeholder, or removes the
+ * unsubscribe row when the send resolved no unsubscribe group.
+ */
+declare const UNSUBSCRIBE_URL_PLACEHOLDER = "%samva:unsubscribe-url%";
+//#endregion
+//#region src/email/brand.d.ts
+interface EmailBrandAddress {
+  readonly street1: string;
+  readonly street2?: string | undefined;
+  readonly city: string;
+  readonly region: string;
+  readonly postalCode: string;
+  readonly country: string;
+}
+interface EmailBrandSocialLink {
+  readonly label: string;
+  readonly url: string;
+}
+interface EmailBrandAssets {
+  readonly logoUrl?: string | undefined;
+  readonly logoDarkUrl?: string | undefined;
+  readonly iconUrl?: string | undefined;
+}
+interface EmailBrandFooter {
+  readonly companyName?: string | undefined;
+  readonly address?: EmailBrandAddress | undefined;
+  readonly socialLinks?: readonly EmailBrandSocialLink[] | undefined;
+}
+interface EmailBrand {
+  /** The brand's slug; `samva:brand/<slug>` must name it. */
+  readonly slug: string;
+  /** Brand theme CSS in the closed grammar `parseBrandCss` accepts. */
+  readonly css: string;
+  readonly assets?: EmailBrandAssets | undefined;
+  readonly footer?: EmailBrandFooter | undefined;
+}
+/** Marks the block the send path recognizes as the template's own footer. */
+declare const FOOTER_ATTRIBUTE = "data-samva-footer";
+/** Marks the footer row that carries the unsubscribe link. */
+declare const UNSUBSCRIBE_ROW_ATTRIBUTE = "data-samva-unsubscribe";
+/** Every class the brand components use, compiled for any project that imports them. */
+declare const BRAND_COMPONENT_CLASSES: readonly ["dark:hidden!", "hidden", "dark:block!", "text-xs", "text-gray-500", "text-center", "font-semibold", "underline"];
+interface BrandLogoProps {
+  /** Rendered width in pixels; the height follows the image. */
+  readonly width?: number | undefined;
+  /** Defaults to the brand footer's company name. */
+  readonly alt?: string | undefined;
+  readonly align?: "left" | "center" | "right" | undefined;
+  readonly className?: string | undefined;
+}
+interface BrandFooterProps {
+  /** Text of the unsubscribe link. */
+  readonly unsubscribeLabel?: string | undefined;
+  readonly className?: string | undefined;
+}
+interface BrandComponents {
+  readonly BrandLogo: (props: BrandLogoProps) => EmailNode | null;
+  readonly BrandFooter: (props: BrandFooterProps) => EmailNode | null;
+}
+/** Bind `BrandLogo` and `BrandFooter` to one brand. */
+declare const brandComponents: (brand: EmailBrand) => BrandComponents;
+/** What a rendered message says about the footer it carries. */
+interface RenderedFooterMarkers {
+  /** The message renders `BrandFooter` (or claims to, with the marker). */
+  readonly footer: boolean;
+  /** The message carries the unsubscribe placeholder link only `BrandFooter` can write. */
+  readonly unsubscribeLink: boolean;
+}
+/** Read the footer markers from rendered HTML. */
+declare const renderedFooterMarkers: (html: string) => RenderedFooterMarkers;
+/**
+ * Drop the unsubscribe row from a rendered message, for a send that resolved
+ * no unsubscribe group: there is no link to put there, so the row goes.
+ */
+declare const withoutUnsubscribeRow: (rendered: {
+  readonly html?: string | undefined;
+  readonly text?: string | undefined;
+}) => {
+  readonly html: string | undefined;
+  readonly text: string | undefined;
+};
+//#endregion
+export { EmailBrand as a, EmailBrandFooter as c, RenderedFooterMarkers as d, UNSUBSCRIBE_ROW_ATTRIBUTE as f, UNSUBSCRIBE_URL_PLACEHOLDER as g, withoutUnsubscribeRow as h, BrandLogoProps as i, EmailBrandSocialLink as l, renderedFooterMarkers as m, BrandComponents as n, EmailBrandAddress as o, brandComponents as p, BrandFooterProps as r, EmailBrandAssets as s, BRAND_COMPONENT_CLASSES as t, FOOTER_ATTRIBUTE as u };
+//# sourceMappingURL=brand-DcoVkh_S.d.ts.map

package/dist/{catalog-60eaYC7b.d.ts → catalog-CKuOooB8.d.ts}

@@ -1,16 +1,15 @@
 import { l as Channel } from "./ast-BrDtApwS.js";
-import { o as TokenOverrides } from "./theme-6ApjjiBo.js";
-//#region presets/catalog.d.ts
-type PresetCategory = "transactional" | "digest" | "marketing" | "lifecycle";
-interface PresetMeta {
+//#region starters/catalog.d.ts
+type StarterCategory = "transactional" | "digest" | "marketing" | "lifecycle";
+interface StarterMeta {
   /** Stable id and source filename stem (`${id}.tsx`). */
   readonly id: string;
   /** The source's root-tag channel; the gallery filters by it. */
   readonly channel: Channel;
-  readonly category: PresetCategory;
+  readonly category: StarterCategory;
   /** Human title for the gallery card. */
   readonly name: string;
-  /** One-line description of when to reach for this preset. */
+  /** One-line description of when to reach for this starter. */
   readonly description: string;
   /**
    * Every input property declared by the template schema, sorted.
@@ -18,8 +17,7 @@ interface PresetMeta {
    */
   readonly variables: ReadonlyArray<string>;
 }
-declare const RECOMMENDED_THEME: TokenOverrides;
-declare const presetCatalog: readonly [{
+declare const starterCatalog: readonly [{
   readonly id: "linear-login-code";
   readonly channel: "email";
   readonly category: "transactional";
@@ -342,15 +340,15 @@ declare const presetCatalog: readonly [{
   readonly description: "Marketing template: limited-time offer with a copyable promo code and a shop button.";
   readonly variables: readonly ["endsToday", "firstName", "offerDetails", "offerHeadline", "promoCode", "shopUrl"];
 }];
-type PresetId = (typeof presetCatalog)[number]["id"];
-type PresetVariable = (typeof presetCatalog)[number]["variables"][number];
-type EmailPreset = Extract<(typeof presetCatalog)[number], {
+type StarterId = (typeof starterCatalog)[number]["id"];
+type StarterVariable = (typeof starterCatalog)[number]["variables"][number];
+type EmailStarter = Extract<(typeof starterCatalog)[number], {
   channel: "email";
 }>;
-type EmailPresetId = EmailPreset["id"];
-type EmailPresetVariable = EmailPreset extends (infer Preset) ? Preset extends {
+type EmailStarterId = EmailStarter["id"];
+type EmailStarterVariable = EmailStarter extends (infer Starter) ? Starter extends {
   readonly variables: ReadonlyArray<infer Variable>;
 } ? Variable : never : never;
 //#endregion
-export { PresetMeta as a, presetCatalog as c, PresetId as i, EmailPresetVariable as n, PresetVariable as o, PresetCategory as r, RECOMMENDED_THEME as s, EmailPresetId as t };
-//# sourceMappingURL=catalog-60eaYC7b.d.ts.map
+export { StarterMeta as a, StarterId as i, EmailStarterVariable as n, StarterVariable as o, StarterCategory as r, starterCatalog as s, EmailStarterId as t };
+//# sourceMappingURL=catalog-CKuOooB8.d.ts.map

package/dist/{checks-DBweSIPN.js → checks-D73Xizbw.js}

@@ -6,7 +6,6 @@ import { registryRoots, utilityRegistry } from "./registry.js";
 import { resolveClasses } from "./classes.js";
 import { decodeEntities } from "./lexer.js";
 import { parseSml } from "./parser.js";
-import { baseTokens } from "./tokens.js";
 import { Result } from "better-result";
 //#region src/caniemail-compact.ts
 const caniemailCompactData = {
@@ -58496,6 +58495,419 @@ const caniemailCompactData = {
 	}
 };
 //#endregion
+//#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"
+	},
+	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
 //#region src/checks.ts
 const DEFAULT_EMAIL_TARGET_CLIENT_PROFILE = {
 	id: "default",
@@ -58951,4 +59363,4 @@ function checkSmlCompatibility(input) {
 //#endregion
 export { isBreakingCompatibilityCheck as a, collectSmlFeatureSlugs as i, checkDeliveryAssetDiagnostics as n, worstCaseArtifactBytes as o, checkSmlCompatibility as r, DEFAULT_EMAIL_TARGET_CLIENT_PROFILE as t };
 
-//# sourceMappingURL=checks-DBweSIPN.js.map
+//# sourceMappingURL=checks-D73Xizbw.js.map

package/dist/checks.js

@@ -1,2 +1,2 @@
-import { a as isBreakingCompatibilityCheck, i as collectSmlFeatureSlugs, n as checkDeliveryAssetDiagnostics, o as worstCaseArtifactBytes, r as checkSmlCompatibility, t as DEFAULT_EMAIL_TARGET_CLIENT_PROFILE } from "./checks-DBweSIPN.js";
+import { a as isBreakingCompatibilityCheck, i as collectSmlFeatureSlugs, n as checkDeliveryAssetDiagnostics, o as worstCaseArtifactBytes, r as checkSmlCompatibility, t as DEFAULT_EMAIL_TARGET_CLIENT_PROFILE } from "./checks-D73Xizbw.js";
 export { DEFAULT_EMAIL_TARGET_CLIENT_PROFILE, checkDeliveryAssetDiagnostics, checkSmlCompatibility, collectSmlFeatureSlugs, isBreakingCompatibilityCheck, worstCaseArtifactBytes };

package/dist/classes.d.ts

@@ -1,6 +1,5 @@
 import { a as Span, t as Diagnostic } from "./diagnostics-OcQKQYSY.js";
-import { s as TokenTable } from "./theme-6ApjjiBo.js";
-import { Declaration } from "./registry.js";
+import { t as Declaration, u as UtilityScale } from "./registry-Dcp6QEK_.js";
 //#region src/classes.d.ts
 type ClassVariant = "base" | "sm" | "dark";
 interface ResolvedClass {
@@ -21,7 +20,7 @@ interface ClassResolution {
   readonly errors: ReadonlyArray<Diagnostic>;
   readonly warnings: ReadonlyArray<Diagnostic>;
 }
-declare const resolveClasses: (classAttribute: string, theme: TokenTable, offset: number) => ClassResolution;
+declare const resolveClasses: (classAttribute: string, theme: UtilityScale, offset: number) => ClassResolution;
 //#endregion
 export { ClassResolution, ClassVariant, ResolvedClass, resolveClasses };
 //# sourceMappingURL=classes.d.ts.map