@lt-three/love3 0.0.0 → 0.1.1

package/dist/tokens/styles.gen.css

@@ -0,0 +1,250 @@
+/*
+ * This file is generated. Do not edit it directly.
+ * Source: src/tokens/definition.ts
+ * Regenerate: bun run generate
+ */
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  /*
+   * Raw tokens: text ramp and background layers
+   * Text has 3 levels (primary = ink-900 / secondary = ink-700 / tertiary = ink-500). Backgrounds come "forward" in the order frame < paper < raised < overlay.
+   * Dark is not a separate palette but an inversion of the roles, built as layers of bluish near-black rather than pure black.
+   */
+  --ink-1000: #0f1012; /* Strongest text */
+  --ink-900: #1b1c20; /* Headings and primary text */
+  --ink-700: #40434a; /* Body text (secondary) */
+  --ink-500: #676b74; /* Tertiary, muted, placeholder */
+  --ink-300: #a3a6ad; /* Disabled, faint labels */
+  --line: #e6e7eb; /* 1px hairline border and divider */
+  --line-strong: #d5d7dd; /* Border of text inputs and stronger borders (a known exception that does not reach 3:1; borders of interactive controls use line-control) */
+  --line-control: #80858f; /* Border of unselected Checkbox / Radio / Switch. At least 3:1 on every surface (non-text AA) */
+  --frame: #f4f5f7; /* Outer frame, sidebar, page canvas */
+  --paper: #ffffff; /* Main content panel (base background) */
+  --raised: #ffffff; /* Surface of cards, inputs and secondary buttons */
+  --overlay: #ffffff; /* Popovers, dialogs, menus */
+  --wash: #f1f2f4; /* Light surface for hover and zebra rows */
+  --scrim: rgba(0, 0, 0, 0.32); /* Modal scrim. No blur */
+  --shadow-color: rgba(16, 24, 40, 0.1); /* Shadow color. Referenced by shadow-xs to shadow-2xl */
+
+  /*
+   * Primary action color (indigo)
+   * A calm indigo for the primary action, focus and selected states. The same value in light and dark.
+   * Text on the fill (action) is action-foreground (white). Placing action as "text or link" on a dark surface does not reach AA,
+   * so use action-ink for text. Hover deepens the fill slightly (keeping AA for white text).
+   */
+  --action: #5e6ad2; /* Fill of the primary action, and the ring */
+  --action-hover: #5059c2; /* Hover of the primary action */
+  --action-foreground: #ffffff;
+  --action-ink: #4a55c0; /* Indigo used as text or a link */
+
+  /*
+   * Brand color (<3 / Less Than Three)
+   * A brand color outside the indigo, used only by components that have a `<3` variant.
+   * Text on it is black (white is 2.98:1 and misses AA, while black clears it easily). Not inverted in dark.
+   */
+  --lt-three: #ff5c76;
+  --lt-three-foreground: #000000;
+
+  /*
+   * Semantic states
+   * Used for text, borders and small icons; badges and alerts can also use a light fill such as `bg-state-xxx/10`.
+   * A solid fill is only for the primary action of a destructive operation (destructive-solid). In dark they are brightened to stay readable on near-black.
+   */
+  --state-success: #187548;
+  --state-error: #c42b3a;
+  --state-warning: #8f5f00;
+  --destructive-solid: #c42b3a; /* Fill (solid) of a destructive action. Text on it is destructive-solid-foreground (white). state-error is for text: it is bright on dark surfaces and not suited to a fill */
+  --destructive-solid-foreground: #ffffff;
+
+  /*
+   * Typefaces
+   * Geist for Latin text, Geist Mono for numbers, IDs, code and data tables, and the OS-bundled Yu Gothic for Japanese text.
+   * Do not put a generic family (sans-serif) in --font-geist: it would appear in the composed stack before the Japanese fallback, and Japanese text would never reach Yu Gothic.
+   * Load the font files per platform (woff2 on web, ttf via expo-font on native).
+   */
+  --font-geist: "Geist Variable", "Geist";
+  --font-geist-mono: "Geist Mono Variable", "Geist Mono", ui-monospace, monospace;
+  --font-jp: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "游ゴシック", "Yu Gothic", sans-serif;
+  --font-mono: var(--font-geist-mono);
+
+  /*
+   * Semantic tokens (shadcn-compatible aliases)
+   * They reference the raw tokens with var(), so swapping only the raw tokens moves the whole system (dark included).
+   */
+  --background: var(--paper); /* Main content panel */
+  --foreground: var(--ink-900);
+  --card: var(--raised); /* Cards are a raised surface plus a thin border (no shadow) */
+  --card-foreground: var(--ink-900);
+  --popover: var(--overlay); /* Floating things (popovers, menus, dialogs) */
+  --popover-foreground: var(--ink-900);
+  --primary: var(--action); /* Indigo fill of the primary action (shared by web and native) */
+  --primary-foreground: var(--action-foreground);
+  --secondary: var(--wash); /* secondary, accent and muted are wash */
+  --secondary-foreground: var(--ink-900);
+  --muted: var(--wash);
+  --muted-foreground: var(--ink-500);
+  --accent: var(--wash);
+  --accent-foreground: var(--ink-900);
+  --destructive: var(--state-error); /* Used by native (state-error for text and borders). The fill of a destructive action on web is destructive-solid */
+  --destructive-foreground: var(--paper);
+  --border: var(--line);
+  --input: var(--line-strong);
+  --ring: var(--action); /* Focus is an indigo ring */
+  --chart-1: #5e6ad2; /* Charts use color. Five colors that stay readable in dark */
+  --chart-2: #1f9d6a;
+  --chart-3: #bd7100;
+  --chart-4: #d6495c;
+  --chart-5: #7a8194;
+  --section: var(--frame); /* Canvas of pages and blocks */
+  --radius: 6px; /* The shadcn-compatible base radius. Same value as control (6px) */
+  --sidebar: var(--frame);
+  --sidebar-foreground: var(--ink-900);
+  --sidebar-primary: var(--action);
+  --sidebar-primary-foreground: var(--action-foreground);
+  --sidebar-accent: var(--wash);
+  --sidebar-accent-foreground: var(--ink-900);
+  --sidebar-border: var(--line);
+  --sidebar-ring: var(--action);
+}
+
+.dark {
+  --ink-1000: #f7f8f8; /* Strongest text */
+  --ink-900: #eceef0; /* Headings and primary text */
+  --ink-700: #cfd3da; /* Body text (secondary) */
+  --ink-500: #8a8f98; /* Tertiary, muted, placeholder */
+  --ink-300: #5b5f67; /* Disabled, faint labels */
+  --line: #25272c; /* 1px hairline border and divider */
+  --line-strong: #34363d; /* Border of text inputs and stronger borders (a known exception that does not reach 3:1; borders of interactive controls use line-control) */
+  --line-control: #6b707a; /* Border of unselected Checkbox / Radio / Switch. At least 3:1 on every surface (non-text AA) */
+  --frame: #0a0b0d; /* Outer frame, sidebar, page canvas */
+  --paper: #121316; /* Main content panel (base background) */
+  --raised: #17181c; /* Surface of cards, inputs and secondary buttons */
+  --overlay: #1d1e23; /* Popovers, dialogs, menus */
+  --wash: #1b1c20; /* Light surface for hover and zebra rows */
+  --scrim: rgba(0, 0, 0, 0.72); /* Modal scrim. No blur */
+  --shadow-color: rgba(0, 0, 0, 0.7); /* Shadow color. Referenced by shadow-xs to shadow-2xl */
+  --action-ink: #98a2f5; /* Indigo used as text or a link */
+  --state-success: #4cc38a;
+  --state-error: #f2707f;
+  --state-warning: #e0a53a;
+  --destructive-solid: #cf3345; /* Fill (solid) of a destructive action. Text on it is destructive-solid-foreground (white). state-error is for text: it is bright on dark surfaces and not suited to a fill */
+  --chart-1: #7c86e8; /* Charts use color. Five colors that stay readable in dark */
+  --chart-2: #4cc38a;
+  --chart-3: #e5a23f;
+  --chart-4: #f2707f;
+  --chart-5: #9aa1b3;
+}
+
+.theme-light {
+  --ink-1000: #0f1012; /* Strongest text */
+  --ink-900: #1b1c20; /* Headings and primary text */
+  --ink-700: #40434a; /* Body text (secondary) */
+  --ink-500: #676b74; /* Tertiary, muted, placeholder */
+  --ink-300: #a3a6ad; /* Disabled, faint labels */
+  --line: #e6e7eb; /* 1px hairline border and divider */
+  --line-strong: #d5d7dd; /* Border of text inputs and stronger borders (a known exception that does not reach 3:1; borders of interactive controls use line-control) */
+  --line-control: #80858f; /* Border of unselected Checkbox / Radio / Switch. At least 3:1 on every surface (non-text AA) */
+  --frame: #f4f5f7; /* Outer frame, sidebar, page canvas */
+  --paper: #ffffff; /* Main content panel (base background) */
+  --raised: #ffffff; /* Surface of cards, inputs and secondary buttons */
+  --overlay: #ffffff; /* Popovers, dialogs, menus */
+  --wash: #f1f2f4; /* Light surface for hover and zebra rows */
+  --scrim: rgba(0, 0, 0, 0.32); /* Modal scrim. No blur */
+  --shadow-color: rgba(16, 24, 40, 0.1); /* Shadow color. Referenced by shadow-xs to shadow-2xl */
+  --action-ink: #4a55c0; /* Indigo used as text or a link */
+  --state-success: #187548;
+  --state-error: #c42b3a;
+  --state-warning: #8f5f00;
+  --destructive-solid: #c42b3a; /* Fill (solid) of a destructive action. Text on it is destructive-solid-foreground (white). state-error is for text: it is bright on dark surfaces and not suited to a fill */
+  --chart-1: #5e6ad2; /* Charts use color. Five colors that stay readable in dark */
+  --chart-2: #1f9d6a;
+  --chart-3: #bd7100;
+  --chart-4: #d6495c;
+  --chart-5: #7a8194;
+}
+
+@theme inline {
+  --color-ink-1000: var(--ink-1000);
+  --color-ink-900: var(--ink-900);
+  --color-ink-700: var(--ink-700);
+  --color-ink-500: var(--ink-500);
+  --color-ink-300: var(--ink-300);
+  --color-line: var(--line);
+  --color-line-strong: var(--line-strong);
+  --color-line-control: var(--line-control);
+  --color-frame: var(--frame);
+  --color-paper: var(--paper);
+  --color-raised: var(--raised);
+  --color-overlay: var(--overlay);
+  --color-wash: var(--wash);
+  --color-scrim: var(--scrim);
+  --color-action: var(--action);
+  --color-action-hover: var(--action-hover);
+  --color-action-foreground: var(--action-foreground);
+  --color-action-ink: var(--action-ink);
+  --color-lt-three: var(--lt-three);
+  --color-lt-three-foreground: var(--lt-three-foreground);
+  --color-state-success: var(--state-success);
+  --color-state-error: var(--state-error);
+  --color-state-warning: var(--state-warning);
+  --color-destructive-solid: var(--destructive-solid);
+  --color-destructive-solid-foreground: var(--destructive-solid-foreground);
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-section: var(--section);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+
+  --font-primary: var(--font-geist), var(--font-jp), sans-serif;
+  --font-sans: var(--font-geist), var(--font-jp), sans-serif;
+  --font-serif: var(--font-geist), var(--font-jp), sans-serif;
+  --font-mono: var(--font-geist-mono);
+  --font-geist: var(--font-geist);
+  --font-geist-mono: var(--font-geist-mono);
+  --font-jp: var(--font-jp);
+}
+
+@theme {
+  --radius-control: 6px;
+  --radius-surface: 10px;
+  --shadow-2xs: 0 1px 1px var(--shadow-color);
+  --shadow-xs: 0 1px 2px var(--shadow-color);
+  --shadow-sm: 0 1px 3px var(--shadow-color);
+  --shadow-md: 0 4px 12px var(--shadow-color);
+  --shadow-lg: 0 12px 32px var(--shadow-color);
+  --shadow-xl: 0 16px 40px var(--shadow-color);
+  --shadow-2xl: 0 24px 56px var(--shadow-color);
+  --shadow-inner: inset 0 1px 2px var(--shadow-color);
+  --text-body: 14px;
+  --text-body--line-height: 22px;
+}

package/dist/tokens/tokens.gen.d.ts

@@ -0,0 +1,141 @@
+//#region src/tokens/tokens.gen.d.ts
+/** Token names of love3 (the CSS variable names without the leading `--`). */
+export declare const tokenNames: readonly ["ink-1000", "ink-900", "ink-700", "ink-500", "ink-300", "line", "line-strong", "line-control", "frame", "paper", "raised", "overlay", "wash", "scrim", "shadow-color", "action", "action-hover", "action-foreground", "action-ink", "lt-three", "lt-three-foreground", "state-success", "state-error", "state-warning", "destructive-solid", "destructive-solid-foreground", "font-geist", "font-geist-mono", "font-jp", "font-mono", "background", "foreground", "card", "card-foreground", "popover", "popover-foreground", "primary", "primary-foreground", "secondary", "secondary-foreground", "muted", "muted-foreground", "accent", "accent-foreground", "destructive", "destructive-foreground", "border", "input", "ring", "chart-1", "chart-2", "chart-3", "chart-4", "chart-5", "section", "radius", "sidebar", "sidebar-foreground", "sidebar-primary", "sidebar-primary-foreground", "sidebar-accent", "sidebar-accent-foreground", "sidebar-border", "sidebar-ring"];
+export type TokenName = (typeof tokenNames)[number];
+export type TokenValues = Readonly<Record<TokenName, string>>;
+/** Values with `var()` resolved. For dark, every token with the dark overrides layered on. */
+export declare const tokens: {
+  readonly light: {
+    readonly "ink-1000": "#0f1012";
+    readonly "ink-900": "#1b1c20";
+    readonly "ink-700": "#40434a";
+    readonly "ink-500": "#676b74";
+    readonly "ink-300": "#a3a6ad";
+    readonly line: "#e6e7eb";
+    readonly "line-strong": "#d5d7dd";
+    readonly "line-control": "#80858f";
+    readonly frame: "#f4f5f7";
+    readonly paper: "#ffffff";
+    readonly raised: "#ffffff";
+    readonly overlay: "#ffffff";
+    readonly wash: "#f1f2f4";
+    readonly scrim: "rgba(0, 0, 0, 0.32)";
+    readonly "shadow-color": "rgba(16, 24, 40, 0.1)";
+    readonly action: "#5e6ad2";
+    readonly "action-hover": "#5059c2";
+    readonly "action-foreground": "#ffffff";
+    readonly "action-ink": "#4a55c0";
+    readonly "lt-three": "#ff5c76";
+    readonly "lt-three-foreground": "#000000";
+    readonly "state-success": "#187548";
+    readonly "state-error": "#c42b3a";
+    readonly "state-warning": "#8f5f00";
+    readonly "destructive-solid": "#c42b3a";
+    readonly "destructive-solid-foreground": "#ffffff";
+    readonly "font-geist": "\"Geist Variable\", \"Geist\"";
+    readonly "font-geist-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace";
+    readonly "font-jp": "\"Yu Gothic Medium\", \"游ゴシック Medium\", YuGothic, \"游ゴシック体\", \"游ゴシック\", \"Yu Gothic\", sans-serif";
+    readonly "font-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace";
+    readonly background: "#ffffff";
+    readonly foreground: "#1b1c20";
+    readonly card: "#ffffff";
+    readonly "card-foreground": "#1b1c20";
+    readonly popover: "#ffffff";
+    readonly "popover-foreground": "#1b1c20";
+    readonly primary: "#5e6ad2";
+    readonly "primary-foreground": "#ffffff";
+    readonly secondary: "#f1f2f4";
+    readonly "secondary-foreground": "#1b1c20";
+    readonly muted: "#f1f2f4";
+    readonly "muted-foreground": "#676b74";
+    readonly accent: "#f1f2f4";
+    readonly "accent-foreground": "#1b1c20";
+    readonly destructive: "#c42b3a";
+    readonly "destructive-foreground": "#ffffff";
+    readonly border: "#e6e7eb";
+    readonly input: "#d5d7dd";
+    readonly ring: "#5e6ad2";
+    readonly "chart-1": "#5e6ad2";
+    readonly "chart-2": "#1f9d6a";
+    readonly "chart-3": "#bd7100";
+    readonly "chart-4": "#d6495c";
+    readonly "chart-5": "#7a8194";
+    readonly section: "#f4f5f7";
+    readonly radius: "6px";
+    readonly sidebar: "#f4f5f7";
+    readonly "sidebar-foreground": "#1b1c20";
+    readonly "sidebar-primary": "#5e6ad2";
+    readonly "sidebar-primary-foreground": "#ffffff";
+    readonly "sidebar-accent": "#f1f2f4";
+    readonly "sidebar-accent-foreground": "#1b1c20";
+    readonly "sidebar-border": "#e6e7eb";
+    readonly "sidebar-ring": "#5e6ad2";
+  };
+  readonly dark: {
+    readonly "ink-1000": "#f7f8f8";
+    readonly "ink-900": "#eceef0";
+    readonly "ink-700": "#cfd3da";
+    readonly "ink-500": "#8a8f98";
+    readonly "ink-300": "#5b5f67";
+    readonly line: "#25272c";
+    readonly "line-strong": "#34363d";
+    readonly "line-control": "#6b707a";
+    readonly frame: "#0a0b0d";
+    readonly paper: "#121316";
+    readonly raised: "#17181c";
+    readonly overlay: "#1d1e23";
+    readonly wash: "#1b1c20";
+    readonly scrim: "rgba(0, 0, 0, 0.72)";
+    readonly "shadow-color": "rgba(0, 0, 0, 0.7)";
+    readonly action: "#5e6ad2";
+    readonly "action-hover": "#5059c2";
+    readonly "action-foreground": "#ffffff";
+    readonly "action-ink": "#98a2f5";
+    readonly "lt-three": "#ff5c76";
+    readonly "lt-three-foreground": "#000000";
+    readonly "state-success": "#4cc38a";
+    readonly "state-error": "#f2707f";
+    readonly "state-warning": "#e0a53a";
+    readonly "destructive-solid": "#cf3345";
+    readonly "destructive-solid-foreground": "#ffffff";
+    readonly "font-geist": "\"Geist Variable\", \"Geist\"";
+    readonly "font-geist-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace";
+    readonly "font-jp": "\"Yu Gothic Medium\", \"游ゴシック Medium\", YuGothic, \"游ゴシック体\", \"游ゴシック\", \"Yu Gothic\", sans-serif";
+    readonly "font-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace";
+    readonly background: "#121316";
+    readonly foreground: "#eceef0";
+    readonly card: "#17181c";
+    readonly "card-foreground": "#eceef0";
+    readonly popover: "#1d1e23";
+    readonly "popover-foreground": "#eceef0";
+    readonly primary: "#5e6ad2";
+    readonly "primary-foreground": "#ffffff";
+    readonly secondary: "#1b1c20";
+    readonly "secondary-foreground": "#eceef0";
+    readonly muted: "#1b1c20";
+    readonly "muted-foreground": "#8a8f98";
+    readonly accent: "#1b1c20";
+    readonly "accent-foreground": "#eceef0";
+    readonly destructive: "#f2707f";
+    readonly "destructive-foreground": "#121316";
+    readonly border: "#25272c";
+    readonly input: "#34363d";
+    readonly ring: "#5e6ad2";
+    readonly "chart-1": "#7c86e8";
+    readonly "chart-2": "#4cc38a";
+    readonly "chart-3": "#e5a23f";
+    readonly "chart-4": "#f2707f";
+    readonly "chart-5": "#9aa1b3";
+    readonly section: "#0a0b0d";
+    readonly radius: "6px";
+    readonly sidebar: "#0a0b0d";
+    readonly "sidebar-foreground": "#eceef0";
+    readonly "sidebar-primary": "#5e6ad2";
+    readonly "sidebar-primary-foreground": "#ffffff";
+    readonly "sidebar-accent": "#1b1c20";
+    readonly "sidebar-accent-foreground": "#eceef0";
+    readonly "sidebar-border": "#25272c";
+    readonly "sidebar-ring": "#5e6ad2";
+  };
+};
+//#endregion

package/dist/tokens/tokens.gen.js

@@ -0,0 +1,206 @@
+//#region src/tokens/tokens.gen.ts
+/** Token names of love3 (the CSS variable names without the leading `--`). */
+const tokenNames = [
+	"ink-1000",
+	"ink-900",
+	"ink-700",
+	"ink-500",
+	"ink-300",
+	"line",
+	"line-strong",
+	"line-control",
+	"frame",
+	"paper",
+	"raised",
+	"overlay",
+	"wash",
+	"scrim",
+	"shadow-color",
+	"action",
+	"action-hover",
+	"action-foreground",
+	"action-ink",
+	"lt-three",
+	"lt-three-foreground",
+	"state-success",
+	"state-error",
+	"state-warning",
+	"destructive-solid",
+	"destructive-solid-foreground",
+	"font-geist",
+	"font-geist-mono",
+	"font-jp",
+	"font-mono",
+	"background",
+	"foreground",
+	"card",
+	"card-foreground",
+	"popover",
+	"popover-foreground",
+	"primary",
+	"primary-foreground",
+	"secondary",
+	"secondary-foreground",
+	"muted",
+	"muted-foreground",
+	"accent",
+	"accent-foreground",
+	"destructive",
+	"destructive-foreground",
+	"border",
+	"input",
+	"ring",
+	"chart-1",
+	"chart-2",
+	"chart-3",
+	"chart-4",
+	"chart-5",
+	"section",
+	"radius",
+	"sidebar",
+	"sidebar-foreground",
+	"sidebar-primary",
+	"sidebar-primary-foreground",
+	"sidebar-accent",
+	"sidebar-accent-foreground",
+	"sidebar-border",
+	"sidebar-ring"
+];
+/** Values with `var()` resolved. For dark, every token with the dark overrides layered on. */
+const tokens = {
+	light: {
+		"ink-1000": "#0f1012",
+		"ink-900": "#1b1c20",
+		"ink-700": "#40434a",
+		"ink-500": "#676b74",
+		"ink-300": "#a3a6ad",
+		"line": "#e6e7eb",
+		"line-strong": "#d5d7dd",
+		"line-control": "#80858f",
+		"frame": "#f4f5f7",
+		"paper": "#ffffff",
+		"raised": "#ffffff",
+		"overlay": "#ffffff",
+		"wash": "#f1f2f4",
+		"scrim": "rgba(0, 0, 0, 0.32)",
+		"shadow-color": "rgba(16, 24, 40, 0.1)",
+		"action": "#5e6ad2",
+		"action-hover": "#5059c2",
+		"action-foreground": "#ffffff",
+		"action-ink": "#4a55c0",
+		"lt-three": "#ff5c76",
+		"lt-three-foreground": "#000000",
+		"state-success": "#187548",
+		"state-error": "#c42b3a",
+		"state-warning": "#8f5f00",
+		"destructive-solid": "#c42b3a",
+		"destructive-solid-foreground": "#ffffff",
+		"font-geist": "\"Geist Variable\", \"Geist\"",
+		"font-geist-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace",
+		"font-jp": "\"Yu Gothic Medium\", \"游ゴシック Medium\", YuGothic, \"游ゴシック体\", \"游ゴシック\", \"Yu Gothic\", sans-serif",
+		"font-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace",
+		"background": "#ffffff",
+		"foreground": "#1b1c20",
+		"card": "#ffffff",
+		"card-foreground": "#1b1c20",
+		"popover": "#ffffff",
+		"popover-foreground": "#1b1c20",
+		"primary": "#5e6ad2",
+		"primary-foreground": "#ffffff",
+		"secondary": "#f1f2f4",
+		"secondary-foreground": "#1b1c20",
+		"muted": "#f1f2f4",
+		"muted-foreground": "#676b74",
+		"accent": "#f1f2f4",
+		"accent-foreground": "#1b1c20",
+		"destructive": "#c42b3a",
+		"destructive-foreground": "#ffffff",
+		"border": "#e6e7eb",
+		"input": "#d5d7dd",
+		"ring": "#5e6ad2",
+		"chart-1": "#5e6ad2",
+		"chart-2": "#1f9d6a",
+		"chart-3": "#bd7100",
+		"chart-4": "#d6495c",
+		"chart-5": "#7a8194",
+		"section": "#f4f5f7",
+		"radius": "6px",
+		"sidebar": "#f4f5f7",
+		"sidebar-foreground": "#1b1c20",
+		"sidebar-primary": "#5e6ad2",
+		"sidebar-primary-foreground": "#ffffff",
+		"sidebar-accent": "#f1f2f4",
+		"sidebar-accent-foreground": "#1b1c20",
+		"sidebar-border": "#e6e7eb",
+		"sidebar-ring": "#5e6ad2"
+	},
+	dark: {
+		"ink-1000": "#f7f8f8",
+		"ink-900": "#eceef0",
+		"ink-700": "#cfd3da",
+		"ink-500": "#8a8f98",
+		"ink-300": "#5b5f67",
+		"line": "#25272c",
+		"line-strong": "#34363d",
+		"line-control": "#6b707a",
+		"frame": "#0a0b0d",
+		"paper": "#121316",
+		"raised": "#17181c",
+		"overlay": "#1d1e23",
+		"wash": "#1b1c20",
+		"scrim": "rgba(0, 0, 0, 0.72)",
+		"shadow-color": "rgba(0, 0, 0, 0.7)",
+		"action": "#5e6ad2",
+		"action-hover": "#5059c2",
+		"action-foreground": "#ffffff",
+		"action-ink": "#98a2f5",
+		"lt-three": "#ff5c76",
+		"lt-three-foreground": "#000000",
+		"state-success": "#4cc38a",
+		"state-error": "#f2707f",
+		"state-warning": "#e0a53a",
+		"destructive-solid": "#cf3345",
+		"destructive-solid-foreground": "#ffffff",
+		"font-geist": "\"Geist Variable\", \"Geist\"",
+		"font-geist-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace",
+		"font-jp": "\"Yu Gothic Medium\", \"游ゴシック Medium\", YuGothic, \"游ゴシック体\", \"游ゴシック\", \"Yu Gothic\", sans-serif",
+		"font-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace",
+		"background": "#121316",
+		"foreground": "#eceef0",
+		"card": "#17181c",
+		"card-foreground": "#eceef0",
+		"popover": "#1d1e23",
+		"popover-foreground": "#eceef0",
+		"primary": "#5e6ad2",
+		"primary-foreground": "#ffffff",
+		"secondary": "#1b1c20",
+		"secondary-foreground": "#eceef0",
+		"muted": "#1b1c20",
+		"muted-foreground": "#8a8f98",
+		"accent": "#1b1c20",
+		"accent-foreground": "#eceef0",
+		"destructive": "#f2707f",
+		"destructive-foreground": "#121316",
+		"border": "#25272c",
+		"input": "#34363d",
+		"ring": "#5e6ad2",
+		"chart-1": "#7c86e8",
+		"chart-2": "#4cc38a",
+		"chart-3": "#e5a23f",
+		"chart-4": "#f2707f",
+		"chart-5": "#9aa1b3",
+		"section": "#0a0b0d",
+		"radius": "6px",
+		"sidebar": "#0a0b0d",
+		"sidebar-foreground": "#eceef0",
+		"sidebar-primary": "#5e6ad2",
+		"sidebar-primary-foreground": "#ffffff",
+		"sidebar-accent": "#1b1c20",
+		"sidebar-accent-foreground": "#eceef0",
+		"sidebar-border": "#25272c",
+		"sidebar-ring": "#5e6ad2"
+	}
+};
+
+//#endregion
+export { tokenNames, tokens };

package/dist/tuning/catalog.d.ts

@@ -0,0 +1,27 @@
+import { ColorToken, Mode, TuningCatalog } from "./types.js";
+//#region src/tuning/catalog.d.ts
+/**
+ * Builds what can be tuned from the definition.
+ *
+ * - Color tokens: those whose value is a color literal (`#…`, `rgba(…)`). Split into ramp, primary action, brand, state, and chart by name prefix
+ * - Default references of semantic tokens: read from **`:root` in the generated CSS** (`--background: var(--paper)`).
+ *   `tokens` holds actual values with `var()` resolved, so the targets are not preserved. The CSS holds the values that actually run, so it is the source of truth here
+ * - Body size: `--text-body` / `--text-body--line-height` in the CSS `@theme`
+ *
+ * Throws if it cannot be read (so a change in the default shape that makes this reading stale is not silently missed).
+ */
+export declare function buildCatalog({ tokens, tokenNames, css }: {
+  tokens: Readonly<Record<Mode, Readonly<Record<string, string>>>>;
+  tokenNames: readonly string[];
+  css: string;
+}): TuningCatalog;
+export declare function findColor(catalog: TuningCatalog, name: string): ColorToken | undefined;
+/**
+ * Runs `buildCatalog` and returns instead of throwing on failure. When the generated CSS changes shape and the reading goes stale, **only tuning is disabled** and the rest of the screens keep working
+ * (the reason is in `error`. An empty catalog is returned, so tuning has no effect). The caller shows and records `error`.
+ */
+export declare function buildCatalogSafe(input: Parameters<typeof buildCatalog>[0]): {
+  catalog: TuningCatalog;
+  error: string | null;
+};
+//#endregion

package/dist/tuning/catalog.gen.d.ts

@@ -0,0 +1,4 @@
+import { TuningCatalog } from "./types.js";
+//#region src/tuning/catalog.gen.d.ts
+export declare const catalog: TuningCatalog;
+//#endregion