@sableui/react 0.9.0 → 0.10.0

package/dist/themes/ember/ember.css

@@ -2,7 +2,7 @@
    Ember — a Sable theme, developed from reference analysis.
 
    Components must reference the SEMANTIC tokens (--background, --primary,
-   --tone-edition, …), never any palette ramp directly. See themes/_contract.ts.
+   --tone-1, …), never any palette ramp directly. See themes/_contract.ts.
    ========================================================================== */
 
 /* Scoped only — never a bare `:root`. The Sable theme alone owns `:root` as the
@@ -171,17 +171,17 @@
 	--success: oklch(43% 0.10 165);
 	--success-text: oklch(43% 0.10 165);
 	--success-foreground: oklch(100% 0 0);
-	--tone-standard: oklch(40% 0.07 130);
-	--tone-collectible: oklch(46% 0.14 285);
-	--tone-edition: oklch(45% 0.15 309);
+	--tone-3: oklch(40% 0.07 130);
+	--tone-2: oklch(46% 0.14 285);
+	--tone-1: oklch(45% 0.15 309);
 	--tone-info: oklch(48% 0.13 250);
 	--tone-info-text: oklch(48% 0.13 250);
 	--tone-warning: oklch(50% 0.12 52);
 	--tone-warning-text: oklch(50% 0.12 52);
 	--highlight: oklch(58% 0.245 32.9);
-	--tone-standard-foreground: oklch(100% 0 0);
-	--tone-collectible-foreground: oklch(100% 0 0);
-	--tone-edition-foreground: oklch(100% 0 0);
+	--tone-3-foreground: oklch(100% 0 0);
+	--tone-2-foreground: oklch(100% 0 0);
+	--tone-1-foreground: oklch(100% 0 0);
 	--tone-info-foreground: oklch(100% 0 0);
 	--tone-warning-foreground: oklch(100% 0 0);
 	--highlight-foreground: oklch(100% 0 0);
@@ -259,17 +259,17 @@
 	--success: oklch(74% 0.12 165);
 	--success-text: oklch(74% 0.12 165);
 	--success-foreground: oklch(14.1% 0.018 70.5);
-	--tone-standard: oklch(70% 0.09 130);
-	--tone-collectible: oklch(70% 0.12 285);
-	--tone-edition: oklch(68% 0.14 309);
+	--tone-3: oklch(70% 0.09 130);
+	--tone-2: oklch(70% 0.12 285);
+	--tone-1: oklch(68% 0.14 309);
 	--tone-info: oklch(75.5% 0.11 250);
 	--tone-info-text: oklch(75.5% 0.11 250);
 	--tone-warning: oklch(78% 0.13 60);
 	--tone-warning-text: oklch(78% 0.13 60);
 	--highlight: oklch(58% 0.245 32.9);
-	--tone-standard-foreground: oklch(14.1% 0.018 70.5);
-	--tone-collectible-foreground: oklch(14.1% 0.018 70.5);
-	--tone-edition-foreground: oklch(14.1% 0.018 70.5);
+	--tone-3-foreground: oklch(14.1% 0.018 70.5);
+	--tone-2-foreground: oklch(14.1% 0.018 70.5);
+	--tone-1-foreground: oklch(14.1% 0.018 70.5);
 	--tone-info-foreground: oklch(14.1% 0.018 70.5);
 	--tone-warning-foreground: oklch(14.1% 0.018 70.5);
 	--highlight-foreground: oklch(100% 0 0);

package/dist/themes/ember/index.d.ts

@@ -1,4 +1,4 @@
-import { T as ThemeManifest } from '../../_contract-C2M1SjBf.js';
+import { T as ThemeManifest } from '../../_contract-CkqXDVww.js';
 
 /**
  * Ember — a Sable theme. Concrete token values live in

package/dist/themes/index.d.ts

@@ -1,4 +1,4 @@
-export { A as AnyThemeId, D as DEFAULT_THEME_ID, S as SABLE_COLOR_STORAGE_KEY, a as SABLE_THEME_ATTRIBUTE, b as SABLE_THEME_STORAGE_KEY, c as SableColorMode, d as SableThemeContextValue, e as SableThemePreference, f as SableThemeProvider, g as SableThemeProviderProps, T as ThemeId, h as applySableColorMode, i as applySableTheme, j as buildThemeManifestById, k as defaultThemeId, l as featuredThemeManifests, m as getThemeManifest, n as isKnownThemeId, o as isThemeId, t as themeIds, p as themeManifestById, q as themeManifests, u as useSableTheme } from '../theme-provider-S0NVJs2Y.js';
+export { A as AnyThemeId, D as DEFAULT_THEME_ID, S as SABLE_COLOR_STORAGE_KEY, a as SABLE_THEME_ATTRIBUTE, b as SABLE_THEME_STORAGE_KEY, c as SableColorMode, d as SableThemeContextValue, e as SableThemePreference, f as SableThemeProvider, g as SableThemeProviderProps, T as ThemeId, h as applySableColorMode, i as applySableTheme, j as buildThemeManifestById, k as defaultThemeId, l as featuredThemeManifests, m as getThemeManifest, n as isKnownThemeId, o as isThemeId, t as themeIds, p as themeManifestById, q as themeManifests, u as useSableTheme } from '../theme-provider-CdSicAad.js';
 export { atelierTheme } from './atelier/index.js';
 export { default as emberTheme } from './ember/index.js';
 export { default as meridianTheme } from './meridian/index.js';
@@ -7,4 +7,4 @@ export { default as prismTheme } from './prism/index.js';
 export { default as sableTheme } from './sable/index.js';
 export { default as verdantTheme } from './verdant/index.js';
 import 'react';
-import '../_contract-C2M1SjBf.js';
+import '../_contract-CkqXDVww.js';

package/dist/themes/meridian/index.d.ts

@@ -1,4 +1,4 @@
-import { T as ThemeManifest } from '../../_contract-C2M1SjBf.js';
+import { T as ThemeManifest } from '../../_contract-CkqXDVww.js';
 
 /**
  * Meridian — a Sable theme. Concrete token values live in

package/dist/themes/meridian/meridian.css

@@ -2,7 +2,7 @@
    Meridian — a Sable theme, developed from reference analysis.
 
    Components must reference the SEMANTIC tokens (--background, --primary,
-   --tone-edition, …), never any palette ramp directly. See themes/_contract.ts.
+   --tone-1, …), never any palette ramp directly. See themes/_contract.ts.
    ========================================================================== */
 
 /* Scoped to [data-sable-theme="meridian"]; no bare :root fallback (base owns the default). */
@@ -148,9 +148,9 @@
 	--success: oklch(43% 0.1 165);
 	--success-text: oklch(43% 0.1 165);
 	--success-foreground: oklch(94.6% 0.0083 91.48);
-	--tone-standard: oklch(40% 0.07 130);
-	--tone-collectible: oklch(46% 0.14 285);
-	--tone-edition: oklch(45% 0.15 309);
+	--tone-3: oklch(40% 0.07 130);
+	--tone-2: oklch(46% 0.14 285);
+	--tone-1: oklch(45% 0.15 309);
 	--tone-info: oklch(48% 0.13 250);
 	--tone-info-text: oklch(48% 0.13 250);
 	--tone-warning: oklch(50% 0.12 52);
@@ -161,9 +161,9 @@
 	   same hue, deep enough for 5.2:1. A theme-local token: Meridian's art
 	   direction is the only one that sets its accent as type. */
 	--meridian-ember-ink: oklch(52% 0.19 31.5);
-	--tone-standard-foreground: oklch(94.6% 0.0083 91.48);
-	--tone-collectible-foreground: oklch(94.6% 0.0083 91.48);
-	--tone-edition-foreground: oklch(94.6% 0.0083 91.48);
+	--tone-3-foreground: oklch(94.6% 0.0083 91.48);
+	--tone-2-foreground: oklch(94.6% 0.0083 91.48);
+	--tone-1-foreground: oklch(94.6% 0.0083 91.48);
 	--tone-info-foreground: oklch(94.6% 0.0083 91.48);
 	--tone-warning-foreground: oklch(94.6% 0.0083 91.48);
 	--highlight-foreground: oklch(99% 0.004 91.5);
@@ -241,18 +241,18 @@
 	--success: oklch(75.5% 0.12 165);
 	--success-text: oklch(75.5% 0.12 165);
 	--success-foreground: oklch(22.46% 0.0094 107.13);
-	--tone-standard: oklch(70% 0.09 130);
-	--tone-collectible: oklch(70% 0.12 285);
-	--tone-edition: oklch(68% 0.14 309);
+	--tone-3: oklch(70% 0.09 130);
+	--tone-2: oklch(70% 0.12 285);
+	--tone-1: oklch(68% 0.14 309);
 	--tone-info: oklch(76.5% 0.11 250);
 	--tone-info-text: oklch(76.5% 0.11 250);
 	--tone-warning: oklch(78% 0.13 60);
 	--tone-warning-text: oklch(78% 0.13 60);
 	--highlight: oklch(57.5% 0.2 31.5);
 	--meridian-ember-ink: oklch(72% 0.17 33); /* 6.4:1 on the dark ground */
-	--tone-standard-foreground: oklch(22.46% 0.0094 107.13);
-	--tone-collectible-foreground: oklch(22.46% 0.0094 107.13);
-	--tone-edition-foreground: oklch(22.46% 0.0094 107.13);
+	--tone-3-foreground: oklch(22.46% 0.0094 107.13);
+	--tone-2-foreground: oklch(22.46% 0.0094 107.13);
+	--tone-1-foreground: oklch(22.46% 0.0094 107.13);
 	--tone-info-foreground: oklch(22.46% 0.0094 107.13);
 	--tone-warning-foreground: oklch(22.46% 0.0094 107.13);
 	--highlight-foreground: oklch(99% 0.004 91.5);

package/dist/themes/poppy/index.d.ts

@@ -1,4 +1,4 @@
-import { T as ThemeManifest } from '../../_contract-C2M1SjBf.js';
+import { T as ThemeManifest } from '../../_contract-CkqXDVww.js';
 
 /** Original Sable preset; no third-party artwork or reference-site code. */
 declare const poppyTheme: ThemeManifest;

package/dist/themes/poppy/poppy.css

@@ -84,17 +84,17 @@
 	--success: oklch(44.82304% 0.085811 158.9570);
 	--success-text: oklch(44.82304% 0.085811 158.9570);
 	--success-foreground: oklch(100.00000% 0.000000 89.8756);
-	--tone-standard: oklch(45.04846% 0.050543 265.7140);
-	--tone-collectible: oklch(44.74226% 0.160756 301.6122);
-	--tone-edition: oklch(48.37678% 0.151106 344.8805);
+	--tone-3: oklch(45.04846% 0.050543 265.7140);
+	--tone-2: oklch(44.74226% 0.160756 301.6122);
+	--tone-1: oklch(48.37678% 0.151106 344.8805);
 	--tone-info: oklch(47.10428% 0.117665 253.7666);
 	--tone-info-text: oklch(47.10428% 0.117665 253.7666);
 	--tone-warning: oklch(48.46763% 0.102195 75.1153);
 	--tone-warning-text: oklch(48.46763% 0.102195 75.1153);
 	--highlight: oklch(86.64637% 0.118528 86.6791);
-	--tone-standard-foreground: oklch(100.00000% 0.000000 89.8756);
-	--tone-collectible-foreground: oklch(100.00000% 0.000000 89.8756);
-	--tone-edition-foreground: oklch(100.00000% 0.000000 89.8756);
+	--tone-3-foreground: oklch(100.00000% 0.000000 89.8756);
+	--tone-2-foreground: oklch(100.00000% 0.000000 89.8756);
+	--tone-1-foreground: oklch(100.00000% 0.000000 89.8756);
 	--tone-info-foreground: oklch(100.00000% 0.000000 89.8756);
 	--tone-warning-foreground: oklch(100.00000% 0.000000 89.8756);
 	--highlight-foreground: oklch(27.91553% 0.070219 323.8141);
@@ -122,7 +122,10 @@
 	--motion-ease-spring: cubic-bezier(0.34, 1.35, 0.5, 1);
 	--motion-ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
 	--motion-ease-linear: linear;
-	--spacing: 0.28rem;
+	/* Open: set looser than the default, so the baseline step is 9px (15px
+	   body on a 27px line) and every gap opens with the text — the 0.28rem
+	   spacing this theme used to set by hand, now on rhythm. */
+	--theme-leading-scale: 1.1;
 	--theme-button-radius: 12px;
 	--button-radius: var(--theme-button-radius);
 	/* Hard offsets the whole way up. Only sm and md were declared, so the
@@ -171,9 +174,9 @@
 	--success: oklch(83.08052% 0.080357 158.1865);
 	--success-text: oklch(83.08052% 0.080357 158.1865);
 	--success-foreground: oklch(27.91553% 0.070219 323.8141);
-	--tone-standard: oklch(82.64273% 0.059760 270.2687);
-	--tone-collectible: oklch(81.83406% 0.094036 306.4836);
-	--tone-edition: oklch(82.56509% 0.096677 343.4480);
+	--tone-3: oklch(82.64273% 0.059760 270.2687);
+	--tone-2: oklch(81.83406% 0.094036 306.4836);
+	--tone-1: oklch(82.56509% 0.096677 343.4480);
 	--tone-info: oklch(85.19509% 0.074997 252.9332);
 	--tone-info-text: oklch(85.19509% 0.074997 252.9332);
 	--tone-warning: oklch(86.64637% 0.118528 86.6791);
@@ -190,9 +193,9 @@
 	--sidebar-accent-foreground: oklch(96.99788% 0.031195 84.5922);
 	--sidebar-border: oklch(62.48980% 0.070560 325.5308);
 	--sidebar-ring: oklch(86.64637% 0.118528 86.6791);
-	--tone-standard-foreground: oklch(27.91553% 0.070219 323.8141);
-	--tone-collectible-foreground: oklch(27.91553% 0.070219 323.8141);
-	--tone-edition-foreground: oklch(27.91553% 0.070219 323.8141);
+	--tone-3-foreground: oklch(27.91553% 0.070219 323.8141);
+	--tone-2-foreground: oklch(27.91553% 0.070219 323.8141);
+	--tone-1-foreground: oklch(27.91553% 0.070219 323.8141);
 	--tone-info-foreground: oklch(27.91553% 0.070219 323.8141);
 	--tone-warning-foreground: oklch(27.91553% 0.070219 323.8141);
 }
@@ -207,11 +210,11 @@
 [data-sable-theme="poppy"] .dark,
 [data-sable-theme="poppy"] .light {
 	--theme-art-1: oklch(from var(--highlight) 0.88 0.15 h);
-	--theme-art-2: oklch(from var(--tone-edition) 0.72 0.19 h);
-	--theme-art-3: oklch(from var(--tone-collectible) 0.64 0.2 h);
+	--theme-art-2: oklch(from var(--tone-1) 0.72 0.19 h);
+	--theme-art-3: oklch(from var(--tone-2) 0.64 0.2 h);
 	--theme-art-4: oklch(from var(--tone-info) 0.76 0.13 h);
 	--theme-art-5: oklch(0.85 0.12 168);
-	--theme-art-ground: oklch(from var(--tone-collectible) 0.45 0.16 h);
+	--theme-art-ground: oklch(from var(--tone-2) 0.45 0.16 h);
 	--theme-art-warp: 1;
 	--theme-art-softness: 0.5;
 	--theme-art-grain: 0;

package/dist/themes/prism/index.d.ts

@@ -1,4 +1,4 @@
-import { T as ThemeManifest } from '../../_contract-C2M1SjBf.js';
+import { T as ThemeManifest } from '../../_contract-CkqXDVww.js';
 
 /** Original Sable preset; no third-party artwork or reference-site code. */
 declare const prismTheme: ThemeManifest;

package/dist/themes/prism/prism.css

@@ -84,17 +84,17 @@
 	--success: oklch(45.54384% 0.081395 166.9049);
 	--success-text: oklch(45.54384% 0.081395 166.9049);
 	--success-foreground: oklch(100.00000% 0.000000 89.8756);
-	--tone-standard: oklch(44.17719% 0.043085 257.4210);
-	--tone-collectible: oklch(45.52411% 0.167785 299.9667);
-	--tone-edition: oklch(46.78672% 0.141265 343.5094);
+	--tone-3: oklch(44.17719% 0.043085 257.4210);
+	--tone-2: oklch(45.52411% 0.167785 299.9667);
+	--tone-1: oklch(46.78672% 0.141265 343.5094);
 	--tone-info: oklch(46.18475% 0.139719 259.8084);
 	--tone-info-text: oklch(46.18475% 0.139719 259.8084);
 	--tone-warning: oklch(48.72795% 0.103396 73.7587);
 	--tone-warning-text: oklch(48.72795% 0.103396 73.7587);
 	--highlight: oklch(87.60451% 0.060193 266.4847);
-	--tone-standard-foreground: oklch(100.00000% 0.000000 89.8756);
-	--tone-collectible-foreground: oklch(100.00000% 0.000000 89.8756);
-	--tone-edition-foreground: oklch(100.00000% 0.000000 89.8756);
+	--tone-3-foreground: oklch(100.00000% 0.000000 89.8756);
+	--tone-2-foreground: oklch(100.00000% 0.000000 89.8756);
+	--tone-1-foreground: oklch(100.00000% 0.000000 89.8756);
 	--tone-info-foreground: oklch(100.00000% 0.000000 89.8756);
 	--tone-warning-foreground: oklch(100.00000% 0.000000 89.8756);
 	--highlight-foreground: oklch(26.55994% 0.047330 255.4106);
@@ -122,7 +122,10 @@
 	--motion-ease-spring: cubic-bezier(0.34, 1.35, 0.5, 1);
 	--motion-ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
 	--motion-ease-linear: linear;
-	--spacing: 0.22rem;
+	/* Precise: set tighter than the default, so the baseline step is 7px
+	   (16px body on a 21px line) and every gap tightens with the text — the
+	   0.22rem spacing this theme used to set by hand, now on rhythm. */
+	--theme-leading-scale: 0.86;
 	--theme-button-radius: 4px;
 	--button-radius: var(--theme-button-radius);
 	--type-body-md-size: 1rem;
@@ -167,9 +170,9 @@
 	--success: oklch(82.23776% 0.085532 165.8233);
 	--success-text: oklch(82.23776% 0.085532 165.8233);
 	--success-foreground: oklch(25.20350% 0.047984 259.9119);
-	--tone-standard: oklch(82.02131% 0.046953 256.4806);
-	--tone-collectible: oklch(77.28561% 0.118760 301.0442);
-	--tone-edition: oklch(80.44093% 0.102099 341.6738);
+	--tone-3: oklch(82.02131% 0.046953 256.4806);
+	--tone-2: oklch(77.28561% 0.118760 301.0442);
+	--tone-1: oklch(80.44093% 0.102099 341.6738);
 	--tone-info: oklch(80.57243% 0.097939 259.4939);
 	--tone-info-text: oklch(80.57243% 0.097939 259.4939);
 	--tone-warning: oklch(84.66478% 0.108333 84.1636);
@@ -186,9 +189,9 @@
 	--sidebar-accent-foreground: oklch(96.50786% 0.016545 259.4182);
 	--sidebar-border: oklch(58.06940% 0.052170 251.5856);
 	--sidebar-ring: oklch(82.28684% 0.088371 261.1846);
-	--tone-standard-foreground: oklch(25.20350% 0.047984 259.9119);
-	--tone-collectible-foreground: oklch(25.20350% 0.047984 259.9119);
-	--tone-edition-foreground: oklch(25.20350% 0.047984 259.9119);
+	--tone-3-foreground: oklch(25.20350% 0.047984 259.9119);
+	--tone-2-foreground: oklch(25.20350% 0.047984 259.9119);
+	--tone-1-foreground: oklch(25.20350% 0.047984 259.9119);
 	--tone-info-foreground: oklch(25.20350% 0.047984 259.9119);
 	--tone-warning-foreground: oklch(25.20350% 0.047984 259.9119);
 }
@@ -201,8 +204,8 @@
 [data-sable-theme="prism"],
 [data-sable-theme="prism"] .dark,
 [data-sable-theme="prism"] .light {
-	--theme-art-1: oklch(from var(--tone-edition) 0.83 0.1 h);
-	--theme-art-2: oklch(from var(--tone-collectible) 0.68 0.16 h);
+	--theme-art-1: oklch(from var(--tone-1) 0.83 0.1 h);
+	--theme-art-2: oklch(from var(--tone-2) 0.68 0.16 h);
 	--theme-art-3: oklch(from var(--tone-info) 0.82 0.09 h);
 	--theme-art-4: oklch(from var(--theme-art-brand, var(--primary)) 0.55 0.2 h);
 	--theme-art-ground: oklch(from var(--theme-art-brand, var(--primary)) 0.35 0.14 h);

package/dist/themes/sable/index.d.ts

@@ -1,4 +1,4 @@
-import { T as ThemeManifest } from '../../_contract-C2M1SjBf.js';
+import { T as ThemeManifest } from '../../_contract-CkqXDVww.js';
 
 /**
  * Sable — the default theme. Concrete token values live in

package/dist/themes/sable/sable.css

@@ -10,7 +10,7 @@
    does not load the font files (load them via <link> or @font-face in your app).
 
    Components must reference the SEMANTIC tokens (--background, --primary,
-   --tone-edition, …), never the palette steps below. See themes/_contract.ts.
+   --tone-1, …), never the palette steps below. See themes/_contract.ts.
    ========================================================================== */
 
 :root,
@@ -215,9 +215,9 @@
 	--azure-radiance-950: oklch(16% 0.075 250);
 
 	/* Dark-tuned tone values (boosted chroma; activated via .dark below) */
-	--tone-edition-dark: oklch(62% 0.295 318);
-	--tone-collectible-dark: oklch(72% 0.225 285);
-	--tone-standard-dark: oklch(78% 0.205 168);
+	--tone-1-dark: oklch(62% 0.295 318);
+	--tone-2-dark: oklch(72% 0.225 285);
+	--tone-3-dark: oklch(78% 0.205 168);
 	--tone-info-dark: oklch(76% 0.165 235);
 	--tone-warning-dark: oklch(82% 0.165 65);
 	/* A labelled fill: dropped to where white reads (4.8:1, Lc 72) rather than
@@ -265,9 +265,9 @@
 	--ring: var(--zinc-500);
 
 	/* Tones — light (all clear WCAG AA on white) */
-	--tone-standard: var(--caribbean-green-600);
-	--tone-collectible: var(--blue-gem-600);
-	--tone-edition: var(--purple-heart-700);
+	--tone-3: var(--caribbean-green-600);
+	--tone-2: var(--blue-gem-600);
+	--tone-1: var(--purple-heart-700);
 	--tone-warning: var(--flush-orange-700);
 	--tone-warning-text: var(--flush-orange-700);
 	--tone-info: var(--azure-radiance-600);
@@ -276,9 +276,9 @@
 
 	/* Tone ink — light mode the tone fills resolve to dark 600/700 steps, so the
 	   legible ink on them is the light neutral. (Flips to dark ink under .dark.) */
-	--tone-standard-foreground: var(--zinc-50);
-	--tone-collectible-foreground: var(--zinc-50);
-	--tone-edition-foreground: var(--zinc-50);
+	--tone-3-foreground: var(--zinc-50);
+	--tone-2-foreground: var(--zinc-50);
+	--tone-1-foreground: var(--zinc-50);
 	--tone-warning-foreground: var(--zinc-50);
 	--tone-info-foreground: var(--zinc-50);
 	--highlight-foreground: var(--zinc-50);
@@ -305,13 +305,9 @@
 	   Layout tokens (mode-independent) — see DESIGN.md → Grid & layout.
 	   Fluid-first: no global max-width; max-width is opt-in per region.
 	   ---------------------------------------------------------------------- */
-	/* Two spacing steps — 8px at the default scale — so every Stack/Row/Grid
-	   gap number follows the density ("Character") control with the rest of
-	   the spacing scale instead of staying a fixed 8px beside it. */
-	--rhythm-unit: calc(var(--spacing) * 2);
+	/* --rhythm-unit and --grid-gutter are contract, not theme: they derive from
+	   the baseline step in styles.css → Vertical rhythm. */
 	--grid-columns: 12;
-	/* Inter-column gutter: 16px on phones, easing to 24px on desktop. */
-	--grid-gutter: clamp(1rem, 0.8rem + 1vw, 1.5rem);
 	/* Page margin (outer inset): 16px → 32px, fluid. */
 	--page-inset: clamp(16px, 4vw, 32px);
 
@@ -451,9 +447,9 @@
 	--ring: var(--zinc-500);
 
 	/* Tones — dark-tuned (boosted chroma for vibrancy on the dark canvas) */
-	--tone-standard: var(--tone-standard-dark);
-	--tone-collectible: var(--tone-collectible-dark);
-	--tone-edition: var(--tone-edition-dark);
+	--tone-3: var(--tone-3-dark);
+	--tone-2: var(--tone-2-dark);
+	--tone-1: var(--tone-1-dark);
 	--tone-warning: var(--tone-warning-dark);
 	--tone-warning-text: var(--tone-warning-dark);
 	--tone-info: var(--tone-info-dark);
@@ -463,9 +459,9 @@
 	/* Tone ink — dark mode the tone fills resolve to lighter dark-tuned values,
 	   so the legible ink flips to the dark neutral. (--overlay* repeat the :root
 	   values verbatim — a dark scrim is the same in both modes.) */
-	--tone-standard-foreground: var(--zinc-950);
-	--tone-collectible-foreground: var(--zinc-950);
-	--tone-edition-foreground: var(--zinc-950);
+	--tone-3-foreground: var(--zinc-950);
+	--tone-2-foreground: var(--zinc-950);
+	--tone-1-foreground: var(--zinc-950);
 	--tone-warning-foreground: var(--zinc-950);
 	--tone-info-foreground: var(--zinc-950);
 	--highlight-foreground: var(--zinc-50);

package/dist/themes/verdant/index.d.ts

@@ -1,4 +1,4 @@
-import { T as ThemeManifest } from '../../_contract-C2M1SjBf.js';
+import { T as ThemeManifest } from '../../_contract-CkqXDVww.js';
 
 /**
  * Verdant — a Sable theme. Concrete token values live in

package/dist/themes/verdant/verdant.css

@@ -2,7 +2,7 @@
    Verdant — a Sable theme, developed from reference analysis.
 
    Components must reference the SEMANTIC tokens (--background, --primary,
-   --tone-edition, …), never any palette ramp directly. See themes/_contract.ts.
+   --tone-1, …), never any palette ramp directly. See themes/_contract.ts.
    ========================================================================== */
 
 [data-sable-theme="verdant"] {
@@ -116,12 +116,12 @@
 	--success: oklch(50% 0.11 173);
 	--success-text: oklch(50% 0.11 173);
 	--success-foreground: oklch(98.6% 0.004 106);
-	--tone-standard: oklch(49% 0.018 175);
-	--tone-standard-foreground: oklch(98.6% 0.004 106);
-	--tone-collectible: oklch(45% 0.07 175);
-	--tone-collectible-foreground: oklch(98.6% 0.004 106);
-	--tone-edition: oklch(50% 0.11 173);
-	--tone-edition-foreground: oklch(98.6% 0.004 106);
+	--tone-3: oklch(49% 0.018 175);
+	--tone-3-foreground: oklch(98.6% 0.004 106);
+	--tone-2: oklch(45% 0.07 175);
+	--tone-2-foreground: oklch(98.6% 0.004 106);
+	--tone-1: oklch(50% 0.11 173);
+	--tone-1-foreground: oklch(98.6% 0.004 106);
 	--tone-info: oklch(51% 0.12 250);
 	--tone-info-text: oklch(51% 0.12 250);
 	--tone-info-foreground: oklch(98.6% 0.004 106);
@@ -197,12 +197,12 @@
 	--success: oklch(74% 0.13 173);
 	--success-text: oklch(74% 0.13 173);
 	--success-foreground: oklch(16% 0.03 175);
-	--tone-standard: oklch(72% 0.015 175);
-	--tone-standard-foreground: oklch(16% 0.03 175);
-	--tone-collectible: oklch(74% 0.09 175);
-	--tone-collectible-foreground: oklch(16% 0.03 175);
-	--tone-edition: oklch(76% 0.12 173);
-	--tone-edition-foreground: oklch(16% 0.03 175);
+	--tone-3: oklch(72% 0.015 175);
+	--tone-3-foreground: oklch(16% 0.03 175);
+	--tone-2: oklch(74% 0.09 175);
+	--tone-2-foreground: oklch(16% 0.03 175);
+	--tone-1: oklch(76% 0.12 173);
+	--tone-1-foreground: oklch(16% 0.03 175);
 	--tone-info: oklch(76% 0.11 250);
 	--tone-info-text: oklch(76% 0.11 250);
 	--tone-info-foreground: oklch(16% 0.03 175);
@@ -233,12 +233,12 @@
 [data-sable-theme="verdant"],
 [data-sable-theme="verdant"] .dark,
 [data-sable-theme="verdant"] .light {
-	--theme-art-1: oklch(from var(--tone-edition) 0.76 0.15 h);
+	--theme-art-1: oklch(from var(--tone-1) 0.76 0.15 h);
 	--theme-art-2: oklch(from var(--tone-warning) 0.76 0.16 h);
 	--theme-art-3: oklch(0.66 0.24 355);
 	--theme-art-4: oklch(from var(--tone-info) 0.62 0.17 h);
 	--theme-art-5: oklch(0.8 0.19 140);
-	--theme-art-ground: oklch(from var(--tone-collectible) 0.24 0.05 h);
+	--theme-art-ground: oklch(from var(--tone-2) 0.24 0.05 h);
 	--theme-art-warp: 0.9;
 	--theme-art-softness: 0.62;
 	--theme-art-grain: 0;

package/llms/blocks/danger-zone-block.md

@@ -10,7 +10,7 @@ A delete-account card: what deleting removes and what survives, one destructive
 
 - Copied from the SettingsPage page shell's Delete account section.
 - The button never acts directly: it opens the modal, whose confirm stays disabled until the handle is typed.
-- The description says what is lost AND what is kept ("Collectors keep the editions they own"), which is what people want to know before they decide.
+- The description says what is lost AND what is kept ("Files you shared stay with your team"), which is what people want to know before they decide.
 
 ## Accessibility
 
@@ -23,7 +23,7 @@ A delete-account card: what deleting removes and what survives, one destructive
 import { useState } from "react"
 import { Button, Card, CardDescription, CardFooter, CardHeader, CardTitle, cn, DestructiveActionModal } from "@sableui/react"
 
-const account = { handle: "ada", editions: 12 }
+const account = { handle: "ada", projects: 12 }
 
 export interface DangerZoneBlockProps {
 	className?: string
@@ -41,7 +41,7 @@ export function DangerZoneBlock({ className, framed = true, onDelete }: DangerZo
 				<CardHeader>
 					<CardTitle render={<h2 />}>Delete account</CardTitle>
 					<CardDescription>
-						Permanently remove your profile, editions, and sales history. Collectors keep the editions they own.
+						Permanently remove your profile, projects, and billing history. Files you shared stay with your team.
 					</CardDescription>
 				</CardHeader>
 				<CardFooter actions className="justify-end">
@@ -54,7 +54,7 @@ export function DangerZoneBlock({ className, framed = true, onDelete }: DangerZo
 				open={open}
 				onOpenChange={setOpen}
 				title="Delete your account?"
-				description={`This permanently removes your profile, ${account.editions} editions, and sales history. Pending payouts are still sent. This can't be undone.`}
+				description={`This permanently removes your profile, ${account.projects} projects, and billing history. Your final invoice is still sent. This can't be undone.`}
 				confirmLabel="Delete account"
 				confirmingLabel="Deleting…"
 				confirmText={account.handle}

package/llms/blocks/faq-block.md

@@ -30,10 +30,10 @@ const intro = {
 }
 
 const questions = [
-	{ q: "Is there a free plan?", a: "Yes. Starter is free forever for three live editions, with no fees on your first $1,000 in sales." },
+	{ q: "Is there a free plan?", a: "Yes. Starter is free forever for three active projects, with no card needed to sign up." },
 	{ q: "Can I change plans later?", a: "Any time. Upgrades apply immediately and are prorated; downgrades take effect at the end of the billing period." },
-	{ q: "Who owns the work I sell?", a: "You do. Collectors own the editions they buy, and you keep the rights to the work itself." },
-	{ q: "How do payouts work?", a: "Sales clear after seven days and are paid out every Friday to the account you connect in settings." },
+	{ q: "Who owns the data I add?", a: "You do. You can export everything in your workspace at any time, and we never sell it." },
+	{ q: "How does billing work?", a: "Plans are billed per seat at the start of each period, to the card or account you add in settings." },
 ]
 
 export interface FaqBlockProps {

package/llms/blocks/goal-progress-block.md

@@ -24,7 +24,7 @@ import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle,
 
 const goals = [
 	{ goal: "Releases", progress: 82 },
-	{ goal: "Collectors", progress: 64 },
+	{ goal: "Customers", progress: 64 },
 	{ goal: "Revenue", progress: 91 },
 ]
 

package/llms/blocks/notification-list-block.md

@@ -23,7 +23,7 @@ An activity list: Entity rows with the actor's Avatar, who did what, and a compa
 import { Avatar, Card, CardList, cn, Entity, StatusDot } from "@sableui/react"
 
 const notifications = [
-	{ initials: "MO", name: "Mara Okafor", what: "collected your edition", when: "2m", unread: true },
+	{ initials: "MO", name: "Mara Okafor", what: "invited you to Q3 planning", when: "2m", unread: true },
 	{ initials: "SR", name: "Sam Rivera", what: "left a comment on Dusk", when: "1h", unread: false },
 ]
 

package/llms/blocks/pricing-table-block.md

@@ -27,32 +27,32 @@ const tiers = [
 	{
 		id: "starter",
 		name: "Starter",
-		blurb: "For one person shipping their first editions.",
+		blurb: "For one person getting a first project going.",
 		monthly: 0,
 		yearly: 0,
 		cta: "Start for free",
 		featured: false,
-		features: ["3 live editions", "Collector profiles", "Community support"],
+		features: ["3 active projects", "Shared docs", "Community support"],
 	},
 	{
 		id: "studio",
 		name: "Studio",
-		blurb: "For working artists with a steady release schedule.",
+		blurb: "For small teams shipping on a steady schedule.",
 		monthly: 20,
 		yearly: 16,
 		cta: "Start free trial",
 		featured: true,
-		features: ["Unlimited editions", "Scheduled drops", "Sales analytics", "Priority support"],
+		features: ["Unlimited projects", "Scheduled reports", "Usage analytics", "Priority support"],
 	},
 	{
-		id: "collective",
-		name: "Collective",
-		blurb: "For galleries and teams releasing together.",
+		id: "business",
+		name: "Business",
+		blurb: "For companies running several teams at once.",
 		monthly: 48,
 		yearly: 40,
 		cta: "Talk to sales",
 		featured: false,
-		features: ["Everything in Studio", "Up to 10 seats", "Shared payouts", "Roles and approvals"],
+		features: ["Everything in Studio", "Up to 10 seats", "SSO and audit log", "Roles and approvals"],
 	},
 ]
 
@@ -72,10 +72,10 @@ export function PricingTableBlock({ className, onChoose }: PricingTableBlockProp
 			<Stack gap={10}>
 				<Stack gap={4} align="center" className="text-center">
 					<h2 id={titleId} className="text-balance text-heading-1">
-						Pricing that grows with your practice
+						Pricing that grows with your team
 					</h2>
 					<p className="max-w-(--measure-prose) text-body-lg text-muted-foreground">
-						Every plan includes unlimited collectors and no fees on your first $1,000 in sales.
+						Every plan includes unlimited guests, and you can switch plans at any time.
 					</p>
 					<ToggleGroup value={[period]} onValueChange={(v: unknown[]) => v[0] && setPeriod(v[0] as Period)} aria-label="Billing period">
 						<Toggle value="monthly">Monthly</Toggle>
@@ -87,14 +87,14 @@ export function PricingTableBlock({ className, onChoose }: PricingTableBlockProp
 						<Card
 							key={tier.id}
 							render={<article />}
-							className={cn("flex flex-col", tier.featured && "border-primary ring-1 ring-primary")}
+							className={cn("flex flex-col", tier.featured && "outline-primary ring-1 ring-primary")}
 						>
 							<CardHeader>
 								<CardTitle render={<h3 />}>{tier.name}</CardTitle>
 								<CardDescription>{tier.blurb}</CardDescription>
 								{tier.featured ? (
 									<CardAction>
-										<Badge tone="edition" size="sm">
+										<Badge tone="1" size="sm">
 											Most popular
 										</Badge>
 									</CardAction>