@civitai/theme 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Civitai
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,46 @@
+# @civitai/theme
+
+Framework-agnostic **design tokens**, derived at build time from civitai's real
+Mantine theme. Ships three forms of the same `--civitai-*` token contract:
+
+- `dist/tokens.css` — a `:root` + `[data-theme='light'|'dark']` stylesheet
+  (`--civitai-*` custom properties; `<color>` tokens registered via `@property`).
+- typed JS — `import { tokens, darkTokens, tokenVars, tokensCss } from '@civitai/theme'`.
+- `dist/tokens.dtcg.json` — a W3C **Design Tokens Community Group** export
+  (`$value`/`$type`/`$description`) for interop with token tooling.
+
+## Why generated (not hand-authored)
+
+The tokens are produced by feeding a vendored copy of civitai's `createTheme`
+override (`src/theme.source.ts`) through Mantine's **public** pipeline —
+`mergeMantineTheme` → `defaultCssVariablesResolver` → transitive `var()`
+resolution → re-namespaced `--civitai-*`. This is the same primitive civitai
+uses in `mantine-css-variables.ts`. `--mantine-*` is fully resolved away, so the
+`--civitai-*` contract is self-contained.
+
+Two guards keep it honest (`pnpm --filter @civitai/theme test`):
+
+- **drift guard** — reads civitai/civitai's live `ThemeProvider.tsx` and fails
+  if the vendored palette/`white`/`black` diverge (set `CIVITAI_REPO`; skips
+  with a clear message when the checkout is absent).
+- **generation parity** — the committed generated source + built artifacts must
+  byte-match a fresh generation, so a stale hand-edit can't slip through.
+
+## Usage
+
+```html
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@civitai/theme/styles.css" />
+```
+
+```ts
+import { injectTokens, tokens } from '@civitai/theme';
+injectTokens();          // inject the stylesheet at runtime (JS consumers)
+tokens.colorPrimary;     // "#228BE6"
+```
+
+Theme by setting `data-theme="light" | "dark"` on any ancestor.
+
+## Build
+
+`pnpm --filter @civitai/theme build` regenerates `src/tokens.generated.ts`,
+`dist/tokens.css`, and `dist/tokens.dtcg.json`, then compiles with `tsc`.

package/dist/generate.d.ts

@@ -0,0 +1,57 @@
+/**
+ * `@civitai/theme` token GENERATOR.
+ *
+ * Feeds the vendored civitai `createTheme` override (`theme.source.ts`) through
+ * Mantine's PUBLIC theme resolver — the same primitives civitai/civitai uses in
+ * `mantine-css-variables.ts`:
+ *   `mergeMantineTheme(DEFAULT_THEME, override)` -> `defaultCssVariablesResolver`
+ *   (yields the `{ variables, light, dark }` map of `--mantine-*` values).
+ * From there this generator does its OWN thing (it does NOT call Mantine's
+ * `convertCssVariables`): a hand-rolled transitive `var()` resolver reduces each
+ * selected Mantine variable to a concrete literal, which is then re-namespaced
+ * and emitted as the `--civitai-*` CSS / typed-JS / DTCG artifacts.
+ *
+ * The output is a re-namespaced `--civitai-*` token contract. We deliberately
+ * do NOT expose `--mantine-*` as the public surface: every `--civitai-*` value
+ * is fully resolved down to a concrete literal (hex / rem), so consumers need
+ * only this package's tokens, never Mantine's variables.
+ *
+ * `buildArtifacts()` is PURE (no fs) so both the build writer
+ * (`scripts/build-tokens.ts`) and the generation-parity test consume it.
+ */
+import { type MantineThemeOverride } from '@mantine/core';
+/** A single public token, mapped to the Mantine variable it derives from. */
+interface TokenSpec {
+    /** Public name WITHOUT the `--civitai-` prefix, e.g. `color-primary`. */
+    name: string;
+    /** Source Mantine variable name (with `--mantine-` prefix). */
+    source: string;
+    /** Typed-syntax category — drives `@property` registration + DTCG `$type`. */
+    type: 'color' | 'length' | 'font';
+    description: string;
+}
+export interface ResolvedTokens {
+    /** Base + light-scheme value keyed by the FULL `--civitai-*` var name. */
+    root: Record<string, string>;
+    /** Dark-scheme overrides (only tokens whose value differs from light). */
+    dark: Record<string, string>;
+    /** Per-token metadata in spec order. */
+    meta: {
+        varName: string;
+        camel: string;
+        type: TokenSpec['type'];
+        description: string;
+    }[];
+}
+/** Resolve the token spec against the vendored theme into concrete values. */
+export declare function resolveTokens(themeOverride?: MantineThemeOverride): ResolvedTokens;
+export interface Artifacts {
+    'tokens.css': string;
+    'tokens.dtcg.json': string;
+    /** Generated TS module (compiled by tsc into dist/tokens.generated.js/.d.ts). */
+    'tokens.generated.ts': string;
+}
+/** Build every artifact string. PURE — no fs. */
+export declare function buildArtifacts(themeOverride?: MantineThemeOverride): Artifacts;
+export {};
+//# sourceMappingURL=generate.d.ts.map

package/dist/generate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate.d.ts","sourceRoot":"","sources":["../src/generate.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;AAIvB,6EAA6E;AAC7E,UAAU,SAAS;IACjB,yEAAyE;IACzE,IAAI,EAAE,MAAM,CAAC;IACb,+DAA+D;IAC/D,MAAM,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;CACrB;AAoJD,MAAM,WAAW,cAAc;IAC7B,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,wCAAwC;IACxC,IAAI,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC1F;AAKD,8EAA8E;AAC9E,wBAAgB,aAAa,CAAC,aAAa,GAAE,oBAAyC,GAAG,cAAc,CAqBtG;AASD,MAAM,WAAW,SAAS;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iFAAiF;IACjF,qBAAqB,EAAE,MAAM,CAAC;CAC/B;AAMD,iDAAiD;AACjD,wBAAgB,cAAc,CAAC,aAAa,GAAE,oBAAyC,GAAG,SAAS,CAsFlG"}

package/dist/generate.js

@@ -0,0 +1,273 @@
+/**
+ * `@civitai/theme` token GENERATOR.
+ *
+ * Feeds the vendored civitai `createTheme` override (`theme.source.ts`) through
+ * Mantine's PUBLIC theme resolver — the same primitives civitai/civitai uses in
+ * `mantine-css-variables.ts`:
+ *   `mergeMantineTheme(DEFAULT_THEME, override)` -> `defaultCssVariablesResolver`
+ *   (yields the `{ variables, light, dark }` map of `--mantine-*` values).
+ * From there this generator does its OWN thing (it does NOT call Mantine's
+ * `convertCssVariables`): a hand-rolled transitive `var()` resolver reduces each
+ * selected Mantine variable to a concrete literal, which is then re-namespaced
+ * and emitted as the `--civitai-*` CSS / typed-JS / DTCG artifacts.
+ *
+ * The output is a re-namespaced `--civitai-*` token contract. We deliberately
+ * do NOT expose `--mantine-*` as the public surface: every `--civitai-*` value
+ * is fully resolved down to a concrete literal (hex / rem), so consumers need
+ * only this package's tokens, never Mantine's variables.
+ *
+ * `buildArtifacts()` is PURE (no fs) so both the build writer
+ * (`scripts/build-tokens.ts`) and the generation-parity test consume it.
+ */
+import { DEFAULT_THEME, defaultCssVariablesResolver, mergeMantineTheme, } from '@mantine/core';
+import { civitaiThemeSource } from './theme.source.js';
+/**
+ * The curated public token contract. ORDER is significant (drives deterministic
+ * CSS/JSON output). Each token derives from a real resolved Mantine variable —
+ * change the map here, never hand-edit a value.
+ */
+const TOKEN_SPEC = [
+    // --- Typography / shape (color-scheme independent) ---
+    {
+        name: 'font',
+        source: '--mantine-font-family',
+        type: 'font',
+        description: 'Base UI font stack (Mantine default system stack).',
+    },
+    {
+        name: 'font-mono',
+        source: '--mantine-font-family-monospace',
+        type: 'font',
+        description: 'Monospace font stack.',
+    },
+    {
+        name: 'radius',
+        source: '--mantine-radius-default',
+        type: 'length',
+        description: "Default corner radius (civitai leaves Mantine's `sm` default).",
+    },
+    // --- Semantic surfaces / text (color-scheme dependent) ---
+    {
+        name: 'color-text',
+        source: '--mantine-color-text',
+        type: 'color',
+        description: 'Primary body text color.',
+    },
+    {
+        name: 'color-text-dimmed',
+        source: '--mantine-color-dimmed',
+        type: 'color',
+        description: 'Secondary / muted text color.',
+    },
+    {
+        name: 'color-surface',
+        source: '--mantine-color-body',
+        type: 'color',
+        description: 'Primary surface / page background.',
+    },
+    {
+        name: 'color-surface-2',
+        source: '--mantine-color-default',
+        type: 'color',
+        description: 'Secondary surface (inputs, insets).',
+    },
+    {
+        name: 'color-border',
+        source: '--mantine-color-default-border',
+        type: 'color',
+        description: 'Default border / divider color.',
+    },
+    // --- Primary accent (blue @ civitai primaryShade {light:6,dark:8}) ---
+    {
+        name: 'color-primary',
+        source: '--mantine-primary-color-filled',
+        type: 'color',
+        description: 'Primary accent (filled) color.',
+    },
+    {
+        name: 'color-primary-hover',
+        source: '--mantine-primary-color-filled-hover',
+        type: 'color',
+        description: 'Primary accent hover color.',
+    },
+    {
+        name: 'color-primary-fg',
+        source: '--mantine-primary-color-contrast',
+        type: 'color',
+        description: 'Foreground/text color on a filled primary surface.',
+    },
+    {
+        name: 'color-primary-light',
+        source: '--mantine-primary-color-light',
+        type: 'color',
+        description: 'Translucent primary tint (light variant background).',
+    },
+    // --- Semantic status colors ---
+    {
+        name: 'color-error',
+        source: '--mantine-color-error',
+        type: 'color',
+        description: 'Error / destructive color.',
+    },
+    {
+        name: 'color-success',
+        source: '--mantine-color-success-filled',
+        type: 'color',
+        description: "Success color (civitai's custom `success` palette).",
+    },
+    {
+        name: 'color-warning',
+        source: '--mantine-color-orange-filled',
+        type: 'color',
+        description: 'Warning color (derived from the orange palette).',
+    },
+    {
+        name: 'color-info',
+        source: '--mantine-color-blue-filled',
+        type: 'color',
+        description: 'Informational color (derived from the blue palette).',
+    },
+];
+const VAR_RE = /var\(\s*(--[a-zA-Z0-9-]+)\s*(?:,\s*([^)]*))?\)/;
+/**
+ * Resolve a raw CSS value to a concrete literal by transitively substituting
+ * every `var(--mantine-*)` reference from `dict`. Uses the declared fallback
+ * when a referenced variable is absent; throws on a genuinely unresolvable
+ * reference (a real bug, not something to paper over).
+ */
+function resolveValue(raw, dict, trail = []) {
+    let value = raw.trim();
+    let guard = 0;
+    while (VAR_RE.test(value)) {
+        if (guard++ > 50) {
+            throw new Error(`Cyclic/overlong var() resolution for "${raw}" (trail: ${trail.join(' -> ')})`);
+        }
+        value = value.replace(VAR_RE, (_m, name, fallback) => {
+            if (Object.prototype.hasOwnProperty.call(dict, name)) {
+                if (trail.includes(name)) {
+                    throw new Error(`Cyclic var() reference at ${name} (trail: ${trail.join(' -> ')})`);
+                }
+                return resolveValue(dict[name], dict, [...trail, name]);
+            }
+            if (fallback != null)
+                return fallback.trim();
+            throw new Error(`Unresolved CSS variable ${name} while resolving "${raw}"`);
+        });
+    }
+    // Collapse Mantine's trivial scale wrapper `calc(<x> * 1)` / `calc(1 * <x>)`
+    // (scale defaults to 1) to the bare value — exact, and keeps radius a clean
+    // dimension token rather than a calc() expression.
+    value = value
+        .trim()
+        .replace(/^calc\(\s*([^*()]+?)\s*\*\s*1\s*\)$/, '$1')
+        .replace(/^calc\(\s*1\s*\*\s*([^*()]+?)\s*\)$/, '$1');
+    return value.trim();
+}
+const camel = (name) => name.replace(/-([a-z0-9])/g, (_m, c) => c.toUpperCase());
+/** Resolve the token spec against the vendored theme into concrete values. */
+export function resolveTokens(themeOverride = civitaiThemeSource) {
+    const theme = mergeMantineTheme(DEFAULT_THEME, themeOverride);
+    const resolved = defaultCssVariablesResolver(theme);
+    const lightDict = { ...resolved.variables, ...resolved.light };
+    const darkDict = { ...resolved.variables, ...resolved.dark };
+    const root = {};
+    const dark = {};
+    const meta = [];
+    for (const spec of TOKEN_SPEC) {
+        const varName = `--civitai-${spec.name}`;
+        const lightVal = resolveValue(`var(${spec.source})`, lightDict);
+        const darkVal = resolveValue(`var(${spec.source})`, darkDict);
+        root[varName] = lightVal;
+        if (darkVal !== lightVal)
+            dark[varName] = darkVal;
+        meta.push({ varName, camel: camel(spec.name), type: spec.type, description: spec.description });
+    }
+    return { root, dark, meta };
+}
+/** Parse `"0.25rem"` / `"4px"` into a DTCG 2025.10 dimension object. */
+function toDtcgDimension(value) {
+    const m = /^(-?[\d.]+)(px|rem|em)$/.exec(value.trim());
+    if (!m)
+        return value;
+    return { value: Number(m[1]), unit: m[2] };
+}
+const AUTOGEN_BANNER = '/* AUTOGENERATED by @civitai/theme (scripts/build-tokens.ts). DO NOT EDIT.\n' +
+    '   Regenerate: pnpm --filter @civitai/theme build. Guarded by generation-parity test. */';
+/** Build every artifact string. PURE — no fs. */
+export function buildArtifacts(themeOverride = civitaiThemeSource) {
+    const { root, dark, meta } = resolveTokens(themeOverride);
+    // ---- tokens.css ----
+    // Register only `<color>` tokens with @property: their hex/rgba values are
+    // computationally-independent (valid `initial-value`). Length tokens (radius)
+    // resolve to rem, which is font-relative and therefore NOT a valid
+    // @property initial-value, so registering them would make the browser drop
+    // the whole rule — we skip them and rely on the plain custom-property
+    // declaration (which applies identically). `font` is untyped.
+    const propertyRules = meta
+        .filter((m) => m.type === 'color')
+        .map((m) => {
+        const initial = root[m.varName];
+        return `@property ${m.varName} {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: ${initial};\n}`;
+    })
+        .join('\n');
+    const rootBlock = meta.map((m) => `  ${m.varName}: ${root[m.varName]};`).join('\n');
+    // Explicit light block mirrors the :root defaults so `[data-theme='light']`
+    // (used by @civitai/components) always wins over an ambient dark ancestor.
+    const lightBlock = meta.map((m) => `  ${m.varName}: ${root[m.varName]};`).join('\n');
+    const darkBlock = meta
+        .filter((m) => m.varName in dark)
+        .map((m) => `  ${m.varName}: ${dark[m.varName]};`)
+        .join('\n');
+    const tokensCss = `${AUTOGEN_BANNER}\n` +
+        `${propertyRules}\n\n` +
+        `:root {\n${rootBlock}\n}\n\n` +
+        `[data-theme='light'] {\n${lightBlock}\n}\n\n` +
+        `[data-theme='dark'] {\n${darkBlock}\n}\n`;
+    // ---- tokens.dtcg.json (W3C DTCG 2025.10) ----
+    const dtcg = {};
+    for (const m of meta) {
+        const [group, ...restParts] = m.camel.replace(/([A-Z])/g, ' $1').trim().split(' ');
+        // Group by leading segment of the token name (color / font / radius).
+        const segParts = m.varName.replace('--civitai-', '').split('-');
+        const groupKey = segParts[0];
+        const leafKey = camel(segParts.slice(1).join('-')) || groupKey;
+        void group;
+        void restParts;
+        const $type = m.type === 'color' ? 'color' : m.type === 'length' ? 'dimension' : 'fontFamily';
+        const lightVal = root[m.varName];
+        const token = {
+            $type,
+            $value: $type === 'dimension' ? toDtcgDimension(lightVal) : lightVal,
+            $description: m.description,
+        };
+        if (m.varName in dark) {
+            token.$extensions = {
+                'com.civitai.theme': {
+                    dark: $type === 'dimension' ? toDtcgDimension(dark[m.varName]) : dark[m.varName],
+                },
+            };
+        }
+        (dtcg[groupKey] ??= {})[leafKey] = token;
+    }
+    const tokensDtcgJson = JSON.stringify(dtcg, null, 2) + '\n';
+    // ---- tokens.generated.ts (typed JS export) ----
+    const tokensObj = Object.fromEntries(meta.map((m) => [m.camel, root[m.varName]]));
+    const darkObj = Object.fromEntries(meta.filter((m) => m.varName in dark).map((m) => [m.camel, dark[m.varName]]));
+    const varsObj = Object.fromEntries(meta.map((m) => [m.camel, `var(${m.varName})`]));
+    const tokensGeneratedTs = `${AUTOGEN_BANNER}\n\n` +
+        `/** Resolved light/base token values, keyed by camelCase name. */\n` +
+        `export const tokens = ${JSON.stringify(tokensObj, null, 2)} as const;\n\n` +
+        `/** Dark-scheme overrides (only tokens that differ from light). */\n` +
+        `export const darkTokens = ${JSON.stringify(darkObj, null, 2)} as const;\n\n` +
+        `/** \`var(--civitai-*)\` reference strings for inline JS styling. */\n` +
+        `export const tokenVars = ${JSON.stringify(varsObj, null, 2)} as const;\n\n` +
+        `/** The full \`--civitai-*\` stylesheet (\`:root\` + light/dark). Also emitted to dist/tokens.css. */\n` +
+        `export const tokensCss = ${JSON.stringify(tokensCss)};\n\n` +
+        `export type TokenName = keyof typeof tokens;\n`;
+    return {
+        'tokens.css': tokensCss,
+        'tokens.dtcg.json': tokensDtcgJson,
+        'tokens.generated.ts': tokensGeneratedTs,
+    };
+}
+//# sourceMappingURL=generate.js.map

package/dist/generate.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * `@civitai/theme` — framework-agnostic design tokens.
+ *
+ * Public surface:
+ *   - `tokens` / `darkTokens` / `tokenVars` — typed token values (generated).
+ *   - `tokensCss` — the full `--civitai-*` stylesheet string.
+ *   - `injectTokens(doc?)` — inject the stylesheet at runtime (JS consumers).
+ *
+ * Non-JS consumers link the stylesheet directly:
+ *   `<link rel="stylesheet" href="@civitai/theme/styles.css">`
+ * or fetch the DTCG export at `@civitai/theme/tokens.json`.
+ */
+export { tokens, darkTokens, tokenVars, tokensCss, type TokenName } from './tokens.generated.js';
+export { injectTokens } from './inject.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;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACjG,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -0,0 +1,15 @@
+/**
+ * `@civitai/theme` — framework-agnostic design tokens.
+ *
+ * Public surface:
+ *   - `tokens` / `darkTokens` / `tokenVars` — typed token values (generated).
+ *   - `tokensCss` — the full `--civitai-*` stylesheet string.
+ *   - `injectTokens(doc?)` — inject the stylesheet at runtime (JS consumers).
+ *
+ * Non-JS consumers link the stylesheet directly:
+ *   `<link rel="stylesheet" href="@civitai/theme/styles.css">`
+ * or fetch the DTCG export at `@civitai/theme/tokens.json`.
+ */
+export { tokens, darkTokens, tokenVars, tokensCss } from './tokens.generated.js';
+export { injectTokens } from './inject.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;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAkB,MAAM,uBAAuB,CAAC;AACjG,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}

package/dist/inject.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Inject the `--civitai-*` token stylesheet into a document's `<head>` exactly
+ * once. Idempotent (marker `<style>` detected -> no-op). No-op with no document
+ * (SSR). Mirrors `@civitai/blocks-react`'s inject approach so the two packages
+ * behave identically for JS consumers that can't use a `<link>`.
+ */
+export declare function injectTokens(doc?: Document): void;
+//# sourceMappingURL=inject.d.ts.map

package/dist/inject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject.d.ts","sourceRoot":"","sources":["../src/inject.ts"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,GAAG,CAAC,EAAE,QAAQ,GAAG,IAAI,CAUjD"}

package/dist/inject.js

@@ -0,0 +1,25 @@
+import { tokensCss } from './tokens.generated.js';
+/** Marker attribute on the injected `<style>` so injection is idempotent. */
+const STYLE_MARKER = 'data-civitai-theme';
+/**
+ * Inject the `--civitai-*` token stylesheet into a document's `<head>` exactly
+ * once. Idempotent (marker `<style>` detected -> no-op). No-op with no document
+ * (SSR). Mirrors `@civitai/blocks-react`'s inject approach so the two packages
+ * behave identically for JS consumers that can't use a `<link>`.
+ */
+export function injectTokens(doc) {
+    const target = doc ?? (typeof document !== 'undefined' ? document : undefined);
+    if (!target)
+        return;
+    if (target.querySelector(`style[${STYLE_MARKER}]`))
+        return;
+    const style = target.createElement('style');
+    style.setAttribute(STYLE_MARKER, 'true');
+    style.textContent = tokensCss;
+    const head = target.head ?? target.getElementsByTagName('head')[0];
+    if (head)
+        head.appendChild(style);
+    else
+        target.documentElement.appendChild(style);
+}
+//# sourceMappingURL=inject.js.map

package/dist/inject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject.js","sourceRoot":"","sources":["../src/inject.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,6EAA6E;AAC7E,MAAM,YAAY,GAAG,oBAAoB,CAAC;AAE1C;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,GAAc;IACzC,MAAM,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC/E,IAAI,CAAC,MAAM;QAAE,OAAO;IACpB,IAAI,MAAM,CAAC,aAAa,CAAC,SAAS,YAAY,GAAG,CAAC;QAAE,OAAO;IAC3D,MAAM,KAAK,GAAG,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC5C,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACzC,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAC9B,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IACnE,IAAI,IAAI;QAAE,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;;QAC7B,MAAM,CAAC,eAAe,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACjD,CAAC"}

package/dist/theme.source.d.ts

@@ -0,0 +1,43 @@
+/**
+ * VENDORED civitai theme override — the GENERATOR INPUT for `@civitai/theme`.
+ *
+ * This is a byte-faithful copy of the CSS-variable-relevant fields of the
+ * `createTheme({...})` override in civitai/civitai's
+ * `src/providers/ThemeProvider.tsx`. civitai/civitai is NOT published as a
+ * package, so we vendor the override here and feed it through Mantine's public
+ * theme -> CSS-variable pipeline (see `generate.ts`) to derive the `--civitai-*`
+ * token contract.
+ *
+ * ONLY the fields that influence Mantine's resolved CSS variables are vendored:
+ *   - `colors`  (palette tuples — incl. civitai's custom `success`/`accent`/… )
+ *   - `white` / `black`
+ *   - `primaryColor` / `primaryShade` / `defaultRadius` / `fontFamily`
+ *     (civitai does NOT override these, so they are ABSENT here and the
+ *      Mantine defaults apply — that is intentional and faithful).
+ *
+ * The override's `components: {...}` block (Modal.extend, defaultProps, …) is
+ * deliberately NOT vendored: component styles/defaultProps do not participate
+ * in `defaultCssVariablesResolver`, so they cannot affect the token output.
+ *
+ * A drift-guard test (`test/theme-drift.test.ts`) reads civitai/civitai's live
+ * `ThemeProvider.tsx` and FAILS if any vendored value below diverges from it —
+ * so this copy can never silently rot.
+ */
+import type { MantineThemeOverride } from '@mantine/core';
+export declare const civitaiThemeSource: MantineThemeOverride;
+/**
+ * The subset of theme fields the drift-guard compares against civitai/civitai's
+ * live source. Kept in one place so the guard and the vendored object cannot
+ * disagree about scope.
+ */
+export declare const DRIFT_GUARDED_COLOR_KEYS: readonly ["dark", "gray", "yellow", "green", "blue", "red", "orange", "lime", "gold", "accent", "success"];
+/**
+ * Theme fields civitai deliberately does NOT override today, so the derived
+ * `--civitai-*` tokens fall back to the Mantine defaults (blue primary,
+ * primaryShade {light:6,dark:8}, `sm` radius, the system font stack). This
+ * vendored source omits them on purpose. The drift guard asserts civitai's live
+ * `ThemeProvider.tsx` STILL omits them — if civitai adds an override the
+ * vendored source doesn't mirror, CI fails so we notice and re-vendor.
+ */
+export declare const DRIFT_GUARDED_ABSENT_KEYS: readonly ["primaryColor", "primaryShade", "defaultRadius", "fontFamily"];
+//# sourceMappingURL=theme.source.d.ts.map

package/dist/theme.source.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.source.d.ts","sourceRoot":"","sources":["../src/theme.source.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAE1D,eAAO,MAAM,kBAAkB,EAAE,oBA0IhC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,4GAY3B,CAAC;AAEX;;;;;;;GAOG;AACH,eAAO,MAAM,yBAAyB,0EAK5B,CAAC"}

package/dist/theme.source.js

@@ -0,0 +1,172 @@
+export const civitaiThemeSource = {
+    colors: {
+        dark: [
+            '#C1C2C5',
+            '#A6A7AB',
+            '#8c8fa3',
+            '#5C5F66',
+            '#373A40',
+            '#2C2E33',
+            '#25262B',
+            '#1A1B1E',
+            '#141517',
+            '#101113',
+        ],
+        gray: [
+            '#f8f9fa',
+            '#f1f3f5',
+            '#e9ecef',
+            '#dee2e6',
+            '#ced4da',
+            '#adb5bd',
+            '#868e96',
+            '#495057',
+            '#343a40',
+            '#212529',
+        ],
+        yellow: [
+            '#FFF9DB',
+            '#FFF3BF',
+            '#FFEC99',
+            '#FFE066',
+            '#FFD43B',
+            '#FCC419',
+            '#FAB005',
+            '#F59F00',
+            '#F08C00',
+            '#E67700',
+        ],
+        green: [
+            '#EBFBEE',
+            '#D3F9D8',
+            '#B2F2BB',
+            '#8CE99A',
+            '#69DB7C',
+            '#51CF66',
+            '#40C057',
+            '#37B24D',
+            '#2F9E44',
+            '#2B8A3E',
+        ],
+        blue: [
+            '#E7F5FF',
+            '#D0EBFF',
+            '#A5D8FF',
+            '#74C0FC',
+            '#4DABF7',
+            '#339AF0',
+            '#228BE6',
+            '#1C7ED6',
+            '#1971C2',
+            '#1864AB',
+        ],
+        red: [
+            '#fff5f5',
+            '#ffe3e3',
+            '#ffc9c9',
+            '#ffa8a8',
+            '#ff8787',
+            '#ff6b6b',
+            '#fa5252',
+            '#f03e3e',
+            '#e03131',
+            '#c92a2a',
+        ],
+        orange: [
+            '#fff4e6',
+            '#ffe8cc',
+            '#ffd8a8',
+            '#ffc078',
+            '#ffa94d',
+            '#ff922b',
+            '#fd7e14',
+            '#f76707',
+            '#e8590c',
+            '#d9480f',
+        ],
+        lime: [
+            '#f4fce3',
+            '#e9fac8',
+            '#d8f5a2',
+            '#c0eb75',
+            '#a9e34b',
+            '#94d82d',
+            '#82c91e',
+            '#74b816',
+            '#66a80f',
+            '#5c940d',
+        ],
+        gold: [
+            '#F6EDDF',
+            '#F2E4CF',
+            '#EDDBBF',
+            '#E9D2AF',
+            '#E5C99F',
+            '#E0C08F',
+            '#DCB77F',
+            '#D8AE6F',
+            '#D3A55F',
+            '#CD9848',
+        ],
+        accent: [
+            '#F4F0EA',
+            '#E8DBCA',
+            '#E2C8A9',
+            '#E3B785',
+            '#EBA95C',
+            '#FC9C2D',
+            '#E48C27',
+            '#C37E2D',
+            '#A27036',
+            '#88643B',
+        ],
+        success: [
+            '#9EC3B8',
+            '#84BCAC',
+            '#69BAA2',
+            '#4CBD9C',
+            '#32BE95',
+            '#1EBD8E',
+            '#299C7A',
+            '#2F826A',
+            '#326D5C',
+            '#325D51',
+        ],
+    },
+    white: '#fefefe',
+    black: '#222',
+    respectReducedMotion: true,
+};
+/**
+ * The subset of theme fields the drift-guard compares against civitai/civitai's
+ * live source. Kept in one place so the guard and the vendored object cannot
+ * disagree about scope.
+ */
+export const DRIFT_GUARDED_COLOR_KEYS = [
+    'dark',
+    'gray',
+    'yellow',
+    'green',
+    'blue',
+    'red',
+    'orange',
+    'lime',
+    'gold',
+    'accent',
+    'success',
+];
+/**
+ * Theme fields civitai deliberately does NOT override today, so the derived
+ * `--civitai-*` tokens fall back to the Mantine defaults (blue primary,
+ * primaryShade {light:6,dark:8}, `sm` radius, the system font stack). This
+ * vendored source omits them on purpose. The drift guard asserts civitai's live
+ * `ThemeProvider.tsx` STILL omits them — if civitai adds an override the
+ * vendored source doesn't mirror, CI fails so we notice and re-vendor.
+ */
+export const DRIFT_GUARDED_ABSENT_KEYS = [
+    'primaryColor',
+    'primaryShade',
+    'defaultRadius',
+    'fontFamily',
+];
+//# sourceMappingURL=theme.source.js.map

package/dist/theme.source.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.source.js","sourceRoot":"","sources":["../src/theme.source.ts"],"names":[],"mappings":"AA2BA,MAAM,CAAC,MAAM,kBAAkB,GAAyB;IACtD,MAAM,EAAE;QACN,IAAI,EAAE;YACJ,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;QACD,IAAI,EAAE;YACJ,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;QACD,MAAM,EAAE;YACN,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;QACD,KAAK,EAAE;YACL,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;QACD,IAAI,EAAE;YACJ,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;QACD,GAAG,EAAE;YACH,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;QACD,MAAM,EAAE;YACN,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;QACD,IAAI,EAAE;YACJ,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;QACD,IAAI,EAAE;YACJ,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;QACD,MAAM,EAAE;YACN,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;QACD,OAAO,EAAE;YACP,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;KACF;IACD,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,MAAM;IACb,oBAAoB,EAAE,IAAI;CAC3B,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,MAAM;IACN,MAAM;IACN,QAAQ;IACR,OAAO;IACP,MAAM;IACN,KAAK;IACL,QAAQ;IACR,MAAM;IACN,MAAM;IACN,QAAQ;IACR,SAAS;CACD,CAAC;AAEX;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,cAAc;IACd,cAAc;IACd,eAAe;IACf,YAAY;CACJ,CAAC"}

package/dist/tokens.css

@@ -0,0 +1,120 @@
+/* AUTOGENERATED by @civitai/theme (scripts/build-tokens.ts). DO NOT EDIT.
+   Regenerate: pnpm --filter @civitai/theme build. Guarded by generation-parity test. */
+@property --civitai-color-text {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #222;
+}
+@property --civitai-color-text-dimmed {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #868e96;
+}
+@property --civitai-color-surface {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #fefefe;
+}
+@property --civitai-color-surface-2 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #fefefe;
+}
+@property --civitai-color-border {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #ced4da;
+}
+@property --civitai-color-primary {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #228BE6;
+}
+@property --civitai-color-primary-hover {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #1C7ED6;
+}
+@property --civitai-color-primary-fg {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #fefefe;
+}
+@property --civitai-color-primary-light {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(34, 139, 230, 0.1);
+}
+@property --civitai-color-error {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #fa5252;
+}
+@property --civitai-color-success {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #299C7A;
+}
+@property --civitai-color-warning {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #fd7e14;
+}
+@property --civitai-color-info {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #228BE6;
+}
+
+:root {
+  --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
+  --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
+  --civitai-radius: 0.25rem;
+  --civitai-color-text: #222;
+  --civitai-color-text-dimmed: #868e96;
+  --civitai-color-surface: #fefefe;
+  --civitai-color-surface-2: #fefefe;
+  --civitai-color-border: #ced4da;
+  --civitai-color-primary: #228BE6;
+  --civitai-color-primary-hover: #1C7ED6;
+  --civitai-color-primary-fg: #fefefe;
+  --civitai-color-primary-light: rgba(34, 139, 230, 0.1);
+  --civitai-color-error: #fa5252;
+  --civitai-color-success: #299C7A;
+  --civitai-color-warning: #fd7e14;
+  --civitai-color-info: #228BE6;
+}
+
+[data-theme='light'] {
+  --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
+  --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
+  --civitai-radius: 0.25rem;
+  --civitai-color-text: #222;
+  --civitai-color-text-dimmed: #868e96;
+  --civitai-color-surface: #fefefe;
+  --civitai-color-surface-2: #fefefe;
+  --civitai-color-border: #ced4da;
+  --civitai-color-primary: #228BE6;
+  --civitai-color-primary-hover: #1C7ED6;
+  --civitai-color-primary-fg: #fefefe;
+  --civitai-color-primary-light: rgba(34, 139, 230, 0.1);
+  --civitai-color-error: #fa5252;
+  --civitai-color-success: #299C7A;
+  --civitai-color-warning: #fd7e14;
+  --civitai-color-info: #228BE6;
+}
+
+[data-theme='dark'] {
+  --civitai-color-text: #C1C2C5;
+  --civitai-color-text-dimmed: #8c8fa3;
+  --civitai-color-surface: #1A1B1E;
+  --civitai-color-surface-2: #25262B;
+  --civitai-color-border: #373A40;
+  --civitai-color-primary: #1971C2;
+  --civitai-color-primary-hover: #1864AB;
+  --civitai-color-primary-light: rgba(34, 139, 230, 0.15);
+  --civitai-color-error: #e03131;
+  --civitai-color-success: #326D5C;
+  --civitai-color-warning: #e8590c;
+  --civitai-color-info: #1971C2;
+}

package/dist/tokens.dtcg.json

@@ -0,0 +1,151 @@
+{
+  "font": {
+    "font": {
+      "$type": "fontFamily",
+      "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji",
+      "$description": "Base UI font stack (Mantine default system stack)."
+    },
+    "mono": {
+      "$type": "fontFamily",
+      "$value": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",
+      "$description": "Monospace font stack."
+    }
+  },
+  "radius": {
+    "radius": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.25,
+        "unit": "rem"
+      },
+      "$description": "Default corner radius (civitai leaves Mantine's `sm` default)."
+    }
+  },
+  "color": {
+    "text": {
+      "$type": "color",
+      "$value": "#222",
+      "$description": "Primary body text color.",
+      "$extensions": {
+        "com.civitai.theme": {
+          "dark": "#C1C2C5"
+        }
+      }
+    },
+    "textDimmed": {
+      "$type": "color",
+      "$value": "#868e96",
+      "$description": "Secondary / muted text color.",
+      "$extensions": {
+        "com.civitai.theme": {
+          "dark": "#8c8fa3"
+        }
+      }
+    },
+    "surface": {
+      "$type": "color",
+      "$value": "#fefefe",
+      "$description": "Primary surface / page background.",
+      "$extensions": {
+        "com.civitai.theme": {
+          "dark": "#1A1B1E"
+        }
+      }
+    },
+    "surface2": {
+      "$type": "color",
+      "$value": "#fefefe",
+      "$description": "Secondary surface (inputs, insets).",
+      "$extensions": {
+        "com.civitai.theme": {
+          "dark": "#25262B"
+        }
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": "#ced4da",
+      "$description": "Default border / divider color.",
+      "$extensions": {
+        "com.civitai.theme": {
+          "dark": "#373A40"
+        }
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": "#228BE6",
+      "$description": "Primary accent (filled) color.",
+      "$extensions": {
+        "com.civitai.theme": {
+          "dark": "#1971C2"
+        }
+      }
+    },
+    "primaryHover": {
+      "$type": "color",
+      "$value": "#1C7ED6",
+      "$description": "Primary accent hover color.",
+      "$extensions": {
+        "com.civitai.theme": {
+          "dark": "#1864AB"
+        }
+      }
+    },
+    "primaryFg": {
+      "$type": "color",
+      "$value": "#fefefe",
+      "$description": "Foreground/text color on a filled primary surface."
+    },
+    "primaryLight": {
+      "$type": "color",
+      "$value": "rgba(34, 139, 230, 0.1)",
+      "$description": "Translucent primary tint (light variant background).",
+      "$extensions": {
+        "com.civitai.theme": {
+          "dark": "rgba(34, 139, 230, 0.15)"
+        }
+      }
+    },
+    "error": {
+      "$type": "color",
+      "$value": "#fa5252",
+      "$description": "Error / destructive color.",
+      "$extensions": {
+        "com.civitai.theme": {
+          "dark": "#e03131"
+        }
+      }
+    },
+    "success": {
+      "$type": "color",
+      "$value": "#299C7A",
+      "$description": "Success color (civitai's custom `success` palette).",
+      "$extensions": {
+        "com.civitai.theme": {
+          "dark": "#326D5C"
+        }
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": "#fd7e14",
+      "$description": "Warning color (derived from the orange palette).",
+      "$extensions": {
+        "com.civitai.theme": {
+          "dark": "#e8590c"
+        }
+      }
+    },
+    "info": {
+      "$type": "color",
+      "$value": "#228BE6",
+      "$description": "Informational color (derived from the blue palette).",
+      "$extensions": {
+        "com.civitai.theme": {
+          "dark": "#1971C2"
+        }
+      }
+    }
+  }
+}

package/dist/tokens.generated.d.ts

@@ -0,0 +1,57 @@
+/** Resolved light/base token values, keyed by camelCase name. */
+export declare const tokens: {
+    readonly font: "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji";
+    readonly fontMono: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
+    readonly radius: "0.25rem";
+    readonly colorText: "#222";
+    readonly colorTextDimmed: "#868e96";
+    readonly colorSurface: "#fefefe";
+    readonly colorSurface2: "#fefefe";
+    readonly colorBorder: "#ced4da";
+    readonly colorPrimary: "#228BE6";
+    readonly colorPrimaryHover: "#1C7ED6";
+    readonly colorPrimaryFg: "#fefefe";
+    readonly colorPrimaryLight: "rgba(34, 139, 230, 0.1)";
+    readonly colorError: "#fa5252";
+    readonly colorSuccess: "#299C7A";
+    readonly colorWarning: "#fd7e14";
+    readonly colorInfo: "#228BE6";
+};
+/** Dark-scheme overrides (only tokens that differ from light). */
+export declare const darkTokens: {
+    readonly colorText: "#C1C2C5";
+    readonly colorTextDimmed: "#8c8fa3";
+    readonly colorSurface: "#1A1B1E";
+    readonly colorSurface2: "#25262B";
+    readonly colorBorder: "#373A40";
+    readonly colorPrimary: "#1971C2";
+    readonly colorPrimaryHover: "#1864AB";
+    readonly colorPrimaryLight: "rgba(34, 139, 230, 0.15)";
+    readonly colorError: "#e03131";
+    readonly colorSuccess: "#326D5C";
+    readonly colorWarning: "#e8590c";
+    readonly colorInfo: "#1971C2";
+};
+/** `var(--civitai-*)` reference strings for inline JS styling. */
+export declare const tokenVars: {
+    readonly font: "var(--civitai-font)";
+    readonly fontMono: "var(--civitai-font-mono)";
+    readonly radius: "var(--civitai-radius)";
+    readonly colorText: "var(--civitai-color-text)";
+    readonly colorTextDimmed: "var(--civitai-color-text-dimmed)";
+    readonly colorSurface: "var(--civitai-color-surface)";
+    readonly colorSurface2: "var(--civitai-color-surface-2)";
+    readonly colorBorder: "var(--civitai-color-border)";
+    readonly colorPrimary: "var(--civitai-color-primary)";
+    readonly colorPrimaryHover: "var(--civitai-color-primary-hover)";
+    readonly colorPrimaryFg: "var(--civitai-color-primary-fg)";
+    readonly colorPrimaryLight: "var(--civitai-color-primary-light)";
+    readonly colorError: "var(--civitai-color-error)";
+    readonly colorSuccess: "var(--civitai-color-success)";
+    readonly colorWarning: "var(--civitai-color-warning)";
+    readonly colorInfo: "var(--civitai-color-info)";
+};
+/** The full `--civitai-*` stylesheet (`:root` + light/dark). Also emitted to dist/tokens.css. */
+export declare const tokensCss = "/* AUTOGENERATED by @civitai/theme (scripts/build-tokens.ts). DO NOT EDIT.\n   Regenerate: pnpm --filter @civitai/theme build. Guarded by generation-parity test. */\n@property --civitai-color-text {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #222;\n}\n@property --civitai-color-text-dimmed {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #868e96;\n}\n@property --civitai-color-surface {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-surface-2 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-border {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #ced4da;\n}\n@property --civitai-color-primary {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #228BE6;\n}\n@property --civitai-color-primary-hover {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #1C7ED6;\n}\n@property --civitai-color-primary-fg {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-primary-light {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(34, 139, 230, 0.1);\n}\n@property --civitai-color-error {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fa5252;\n}\n@property --civitai-color-success {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #299C7A;\n}\n@property --civitai-color-warning {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fd7e14;\n}\n@property --civitai-color-info {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #228BE6;\n}\n\n:root {\n  --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n  --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n  --civitai-radius: 0.25rem;\n  --civitai-color-text: #222;\n  --civitai-color-text-dimmed: #868e96;\n  --civitai-color-surface: #fefefe;\n  --civitai-color-surface-2: #fefefe;\n  --civitai-color-border: #ced4da;\n  --civitai-color-primary: #228BE6;\n  --civitai-color-primary-hover: #1C7ED6;\n  --civitai-color-primary-fg: #fefefe;\n  --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n  --civitai-color-error: #fa5252;\n  --civitai-color-success: #299C7A;\n  --civitai-color-warning: #fd7e14;\n  --civitai-color-info: #228BE6;\n}\n\n[data-theme='light'] {\n  --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n  --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n  --civitai-radius: 0.25rem;\n  --civitai-color-text: #222;\n  --civitai-color-text-dimmed: #868e96;\n  --civitai-color-surface: #fefefe;\n  --civitai-color-surface-2: #fefefe;\n  --civitai-color-border: #ced4da;\n  --civitai-color-primary: #228BE6;\n  --civitai-color-primary-hover: #1C7ED6;\n  --civitai-color-primary-fg: #fefefe;\n  --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n  --civitai-color-error: #fa5252;\n  --civitai-color-success: #299C7A;\n  --civitai-color-warning: #fd7e14;\n  --civitai-color-info: #228BE6;\n}\n\n[data-theme='dark'] {\n  --civitai-color-text: #C1C2C5;\n  --civitai-color-text-dimmed: #8c8fa3;\n  --civitai-color-surface: #1A1B1E;\n  --civitai-color-surface-2: #25262B;\n  --civitai-color-border: #373A40;\n  --civitai-color-primary: #1971C2;\n  --civitai-color-primary-hover: #1864AB;\n  --civitai-color-primary-light: rgba(34, 139, 230, 0.15);\n  --civitai-color-error: #e03131;\n  --civitai-color-success: #326D5C;\n  --civitai-color-warning: #e8590c;\n  --civitai-color-info: #1971C2;\n}\n";
+export type TokenName = keyof typeof tokens;
+//# sourceMappingURL=tokens.generated.d.ts.map

package/dist/tokens.generated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.generated.d.ts","sourceRoot":"","sources":["../src/tokens.generated.ts"],"names":[],"mappings":"AAGA,iEAAiE;AACjE,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;CAiBT,CAAC;AAEX,kEAAkE;AAClE,eAAO,MAAM,UAAU;;;;;;;;;;;;;CAab,CAAC;AAEX,kEAAkE;AAClE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;CAiBZ,CAAC;AAEX,iGAAiG;AACjG,eAAO,MAAM,SAAS,+oHAA+oH,CAAC;AAEtqH,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,MAAM,CAAC"}

package/dist/tokens.generated.js

@@ -0,0 +1,58 @@
+/* AUTOGENERATED by @civitai/theme (scripts/build-tokens.ts). DO NOT EDIT.
+   Regenerate: pnpm --filter @civitai/theme build. Guarded by generation-parity test. */
+/** Resolved light/base token values, keyed by camelCase name. */
+export const tokens = {
+    "font": "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji",
+    "fontMono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",
+    "radius": "0.25rem",
+    "colorText": "#222",
+    "colorTextDimmed": "#868e96",
+    "colorSurface": "#fefefe",
+    "colorSurface2": "#fefefe",
+    "colorBorder": "#ced4da",
+    "colorPrimary": "#228BE6",
+    "colorPrimaryHover": "#1C7ED6",
+    "colorPrimaryFg": "#fefefe",
+    "colorPrimaryLight": "rgba(34, 139, 230, 0.1)",
+    "colorError": "#fa5252",
+    "colorSuccess": "#299C7A",
+    "colorWarning": "#fd7e14",
+    "colorInfo": "#228BE6"
+};
+/** Dark-scheme overrides (only tokens that differ from light). */
+export const darkTokens = {
+    "colorText": "#C1C2C5",
+    "colorTextDimmed": "#8c8fa3",
+    "colorSurface": "#1A1B1E",
+    "colorSurface2": "#25262B",
+    "colorBorder": "#373A40",
+    "colorPrimary": "#1971C2",
+    "colorPrimaryHover": "#1864AB",
+    "colorPrimaryLight": "rgba(34, 139, 230, 0.15)",
+    "colorError": "#e03131",
+    "colorSuccess": "#326D5C",
+    "colorWarning": "#e8590c",
+    "colorInfo": "#1971C2"
+};
+/** `var(--civitai-*)` reference strings for inline JS styling. */
+export const tokenVars = {
+    "font": "var(--civitai-font)",
+    "fontMono": "var(--civitai-font-mono)",
+    "radius": "var(--civitai-radius)",
+    "colorText": "var(--civitai-color-text)",
+    "colorTextDimmed": "var(--civitai-color-text-dimmed)",
+    "colorSurface": "var(--civitai-color-surface)",
+    "colorSurface2": "var(--civitai-color-surface-2)",
+    "colorBorder": "var(--civitai-color-border)",
+    "colorPrimary": "var(--civitai-color-primary)",
+    "colorPrimaryHover": "var(--civitai-color-primary-hover)",
+    "colorPrimaryFg": "var(--civitai-color-primary-fg)",
+    "colorPrimaryLight": "var(--civitai-color-primary-light)",
+    "colorError": "var(--civitai-color-error)",
+    "colorSuccess": "var(--civitai-color-success)",
+    "colorWarning": "var(--civitai-color-warning)",
+    "colorInfo": "var(--civitai-color-info)"
+};
+/** The full `--civitai-*` stylesheet (`:root` + light/dark). Also emitted to dist/tokens.css. */
+export const tokensCss = "/* AUTOGENERATED by @civitai/theme (scripts/build-tokens.ts). DO NOT EDIT.\n   Regenerate: pnpm --filter @civitai/theme build. Guarded by generation-parity test. */\n@property --civitai-color-text {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #222;\n}\n@property --civitai-color-text-dimmed {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #868e96;\n}\n@property --civitai-color-surface {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-surface-2 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-border {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #ced4da;\n}\n@property --civitai-color-primary {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #228BE6;\n}\n@property --civitai-color-primary-hover {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #1C7ED6;\n}\n@property --civitai-color-primary-fg {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-primary-light {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(34, 139, 230, 0.1);\n}\n@property --civitai-color-error {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fa5252;\n}\n@property --civitai-color-success {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #299C7A;\n}\n@property --civitai-color-warning {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fd7e14;\n}\n@property --civitai-color-info {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #228BE6;\n}\n\n:root {\n  --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n  --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n  --civitai-radius: 0.25rem;\n  --civitai-color-text: #222;\n  --civitai-color-text-dimmed: #868e96;\n  --civitai-color-surface: #fefefe;\n  --civitai-color-surface-2: #fefefe;\n  --civitai-color-border: #ced4da;\n  --civitai-color-primary: #228BE6;\n  --civitai-color-primary-hover: #1C7ED6;\n  --civitai-color-primary-fg: #fefefe;\n  --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n  --civitai-color-error: #fa5252;\n  --civitai-color-success: #299C7A;\n  --civitai-color-warning: #fd7e14;\n  --civitai-color-info: #228BE6;\n}\n\n[data-theme='light'] {\n  --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n  --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n  --civitai-radius: 0.25rem;\n  --civitai-color-text: #222;\n  --civitai-color-text-dimmed: #868e96;\n  --civitai-color-surface: #fefefe;\n  --civitai-color-surface-2: #fefefe;\n  --civitai-color-border: #ced4da;\n  --civitai-color-primary: #228BE6;\n  --civitai-color-primary-hover: #1C7ED6;\n  --civitai-color-primary-fg: #fefefe;\n  --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n  --civitai-color-error: #fa5252;\n  --civitai-color-success: #299C7A;\n  --civitai-color-warning: #fd7e14;\n  --civitai-color-info: #228BE6;\n}\n\n[data-theme='dark'] {\n  --civitai-color-text: #C1C2C5;\n  --civitai-color-text-dimmed: #8c8fa3;\n  --civitai-color-surface: #1A1B1E;\n  --civitai-color-surface-2: #25262B;\n  --civitai-color-border: #373A40;\n  --civitai-color-primary: #1971C2;\n  --civitai-color-primary-hover: #1864AB;\n  --civitai-color-primary-light: rgba(34, 139, 230, 0.15);\n  --civitai-color-error: #e03131;\n  --civitai-color-success: #326D5C;\n  --civitai-color-warning: #e8590c;\n  --civitai-color-info: #1971C2;\n}\n";
+//# sourceMappingURL=tokens.generated.js.map

package/dist/tokens.generated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.generated.js","sourceRoot":"","sources":["../src/tokens.generated.ts"],"names":[],"mappings":"AAAA;wFACwF;AAExF,iEAAiE;AACjE,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,MAAM,EAAE,sHAAsH;IAC9H,UAAU,EAAE,gGAAgG;IAC5G,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,MAAM;IACnB,iBAAiB,EAAE,SAAS;IAC5B,cAAc,EAAE,SAAS;IACzB,eAAe,EAAE,SAAS;IAC1B,aAAa,EAAE,SAAS;IACxB,cAAc,EAAE,SAAS;IACzB,mBAAmB,EAAE,SAAS;IAC9B,gBAAgB,EAAE,SAAS;IAC3B,mBAAmB,EAAE,yBAAyB;IAC9C,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,WAAW,EAAE,SAAS;CACd,CAAC;AAEX,kEAAkE;AAClE,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,WAAW,EAAE,SAAS;IACtB,iBAAiB,EAAE,SAAS;IAC5B,cAAc,EAAE,SAAS;IACzB,eAAe,EAAE,SAAS;IAC1B,aAAa,EAAE,SAAS;IACxB,cAAc,EAAE,SAAS;IACzB,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,0BAA0B;IAC/C,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,WAAW,EAAE,SAAS;CACd,CAAC;AAEX,kEAAkE;AAClE,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,MAAM,EAAE,qBAAqB;IAC7B,UAAU,EAAE,0BAA0B;IACtC,QAAQ,EAAE,uBAAuB;IACjC,WAAW,EAAE,2BAA2B;IACxC,iBAAiB,EAAE,kCAAkC;IACrD,cAAc,EAAE,8BAA8B;IAC9C,eAAe,EAAE,gCAAgC;IACjD,aAAa,EAAE,6BAA6B;IAC5C,cAAc,EAAE,8BAA8B;IAC9C,mBAAmB,EAAE,oCAAoC;IACzD,gBAAgB,EAAE,iCAAiC;IACnD,mBAAmB,EAAE,oCAAoC;IACzD,YAAY,EAAE,4BAA4B;IAC1C,cAAc,EAAE,8BAA8B;IAC9C,cAAc,EAAE,8BAA8B;IAC9C,WAAW,EAAE,2BAA2B;CAChC,CAAC;AAEX,iGAAiG;AACjG,MAAM,CAAC,MAAM,SAAS,GAAG,4oHAA4oH,CAAC"}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@civitai/theme",
+  "version": "0.1.0",
+  "description": "Framework-agnostic --civitai-* design tokens, derived build-time from civitai's real Mantine theme. CSS + typed JS + W3C DTCG.",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./dist/tokens.css",
+    "./tokens.json": "./dist/tokens.dtcg.json"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "engines": {
+    "node": ">=20"
+  },
+  "devDependencies": {
+    "@mantine/core": "^7.17.7",
+    "@types/node": "^25.9.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tsx": "^4.19.2",
+    "typescript": "^5.9.2",
+    "vitest": "^4.1.7"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "civitai",
+    "design-tokens",
+    "theme",
+    "css-variables",
+    "dtcg",
+    "mantine"
+  ],
+  "homepage": "https://github.com/civitai/civitai-app-starters/tree/main/packages/civitai-theme#readme",
+  "bugs": "https://github.com/civitai/civitai-app-starters/issues",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/civitai/civitai-app-starters.git",
+    "directory": "packages/civitai-theme"
+  },
+  "scripts": {
+    "generate": "tsx scripts/build-tokens.ts",
+    "build": "tsx scripts/build-tokens.ts && tsc -p tsconfig.json",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run",
+    "test:self": "vitest run test/generation-parity.test.ts",
+    "test:drift": "vitest run test/theme-drift.test.ts",
+    "test:watch": "vitest"
+  }
+}