@oxyhq/bloom 0.80.0 → 0.82.0

package/lib/typescript/module/theme/color-engine/index.d.ts

@@ -10,7 +10,7 @@
 export { Hct } from './hct';
 export { TonalPalette } from './tonal-palette';
 export { DynamicScheme } from './dynamic-scheme';
-export { buildScheme, schemeVibrant, schemeExpressive, schemeTonalSpot, schemeNeutral } from './scheme-variants';
+export { buildScheme, schemeVibrant, schemeExpressive, schemeTonalSpot, schemeNeutral, schemeMonochrome } from './scheme-variants';
 export type { SchemeVariant, AccentSources } from './scheme-variants';
 export { Roles } from './color-roles';
 export type { RoleName } from './color-roles';

package/lib/typescript/module/theme/color-engine/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/theme/color-engine/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACjH,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAChG,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGtF,OAAO,EAAS,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAErD,OAAO,EAAe,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEpE,sEAAsE;AACtE,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAI/C;AAED,uCAAuC;AACvC,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAKhD;AAED,yDAAyD;AACzD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AAElD,MAAM,WAAW,eAAe;IAC9B,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,eAAe,GAAG,UAAU,CAuBpE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/theme/color-engine/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACnI,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAChG,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGtF,OAAO,EAAS,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAErD,OAAO,EAAe,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEpE,sEAAsE;AACtE,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAI/C;AAED,uCAAuC;AACvC,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAKhD;AAED,yDAAyD;AACzD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AAElD,MAAM,WAAW,eAAe;IAC9B,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,eAAe,GAAG,UAAU,CAuBpE"}

package/lib/typescript/module/theme/color-engine/scheme-variants.d.ts

@@ -9,7 +9,7 @@
  */
 import { DynamicScheme } from './dynamic-scheme';
 import type { Hct } from './hct';
-export type SchemeVariant = 'vivid' | 'vibrant' | 'expressive' | 'tonalSpot' | 'neutral';
+export type SchemeVariant = 'vivid' | 'vibrant' | 'expressive' | 'tonalSpot' | 'neutral' | 'monochrome';
 /**
  * Optional explicit accent seeds for a scheme. When a source HCT is supplied, its
  * palette is built from that colour itself (keeping the brand hue + chroma) instead
@@ -39,6 +39,18 @@ export declare function schemeExpressive(source: Hct, isDark: boolean, contrastL
 export declare function schemeTonalSpot(source: Hct, isDark: boolean, contrastLevel: number, accents?: AccentSources): DynamicScheme;
 /** Near-greyscale — the seed hue is present only as a whisper. */
 export declare function schemeNeutral(source: Hct, isDark: boolean, contrastLevel: number, accents?: AccentSources): DynamicScheme;
+/**
+ * No colour at all: every palette is greyscale, so the seed's hue is irrelevant
+ * and only its tone survives. This is the variant the `isMonochrome` role
+ * branches in `color-roles` were written for — they push `primary` to the far end
+ * of the scale (tone 0 on a light page, 100 on a dark one) rather than the
+ * mid-tone the chromatic curves would pick, which is what keeps a black-and-white
+ * theme from reading as a grey one.
+ *
+ * A pinned accent is ignored on purpose: honouring it would put one coloured
+ * family back into a scheme whose entire point is that nothing is coloured.
+ */
+export declare function schemeMonochrome(source: Hct, isDark: boolean, contrastLevel: number): DynamicScheme;
 /**
  * Build a scheme by variant name.
  *

package/lib/typescript/module/theme/color-engine/scheme-variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scheme-variants.d.ts","sourceRoot":"","sources":["../../../../../src/theme/color-engine/scheme-variants.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjC,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,SAAS,CAAC;AAEzF;;;;;;;GAOG;AACH,MAAM,WAAW,aAAa;IAC5B,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,cAAc,CAAC,EAAE,GAAG,CAAC;CACtB;AAoBD,uEAAuE;AACvE,wBAAgB,aAAa,CAC3B,MAAM,EAAE,GAAG,EACX,MAAM,EAAE,OAAO,EACf,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE,aAAkB,GAC1B,aAAa,CAsBf;AAED,gFAAgF;AAChF;;;;;;;GAOG;AACH,wBAAgB,WAAW,CACzB,MAAM,EAAE,GAAG,EACX,MAAM,EAAE,OAAO,EACf,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE,aAAkB,GAC1B,aAAa,CAsBf;AAED,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,GAAG,EACX,MAAM,EAAE,OAAO,EACf,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE,aAAkB,GAC1B,aAAa,CAsBf;AAED,yEAAyE;AACzE,wBAAgB,eAAe,CAC7B,MAAM,EAAE,GAAG,EACX,MAAM,EAAE,OAAO,EACf,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE,aAAkB,GAC1B,aAAa,CAgBf;AAED,kEAAkE;AAClE,wBAAgB,aAAa,CAC3B,MAAM,EAAE,GAAG,EACX,MAAM,EAAE,OAAO,EACf,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE,aAAkB,GAC1B,aAAa,CAgBf;AAaD;;;;;;GAMG;AACH,wBAAgB,WAAW,CACzB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,GAAG,EACX,MAAM,EAAE,OAAO,EACf,aAAa,SAAI,EACjB,OAAO,GAAE,aAAkB,GAC1B,aAAa,CAEf"}
+{"version":3,"file":"scheme-variants.d.ts","sourceRoot":"","sources":["../../../../../src/theme/color-engine/scheme-variants.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjC,MAAM,MAAM,aAAa,GACrB,OAAO,GACP,SAAS,GACT,YAAY,GACZ,WAAW,GACX,SAAS,GACT,YAAY,CAAC;AAEjB;;;;;;;GAOG;AACH,MAAM,WAAW,aAAa;IAC5B,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,cAAc,CAAC,EAAE,GAAG,CAAC;CACtB;AAoBD,uEAAuE;AACvE,wBAAgB,aAAa,CAC3B,MAAM,EAAE,GAAG,EACX,MAAM,EAAE,OAAO,EACf,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE,aAAkB,GAC1B,aAAa,CAsBf;AAED,gFAAgF;AAChF;;;;;;;GAOG;AACH,wBAAgB,WAAW,CACzB,MAAM,EAAE,GAAG,EACX,MAAM,EAAE,OAAO,EACf,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE,aAAkB,GAC1B,aAAa,CAsBf;AAED,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,GAAG,EACX,MAAM,EAAE,OAAO,EACf,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE,aAAkB,GAC1B,aAAa,CAsBf;AAED,yEAAyE;AACzE,wBAAgB,eAAe,CAC7B,MAAM,EAAE,GAAG,EACX,MAAM,EAAE,OAAO,EACf,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE,aAAkB,GAC1B,aAAa,CAgBf;AAED,kEAAkE;AAClE,wBAAgB,aAAa,CAC3B,MAAM,EAAE,GAAG,EACX,MAAM,EAAE,OAAO,EACf,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE,aAAkB,GAC1B,aAAa,CAgBf;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,GAAG,EACX,MAAM,EAAE,OAAO,EACf,aAAa,EAAE,MAAM,GACpB,aAAa,CAaf;AAcD;;;;;;GAMG;AACH,wBAAgB,WAAW,CACzB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,GAAG,EACX,MAAM,EAAE,OAAO,EACf,aAAa,SAAI,EACjB,OAAO,GAAE,aAAkB,GAC1B,aAAa,CAEf"}

package/lib/typescript/module/theme/color-policy.d.ts

@@ -37,6 +37,12 @@ export interface PinnedAccents {
 }
 /** The tokens the policy owns. Everything else keeps coming from the M3 roles. */
 export type PolicyTokens = Record<string, string>;
+/**
+ * Whether a seed carries no colour to derive a theme from — the one authority for
+ * that question, so the policy and the scheme choice can never disagree about a
+ * given seed and produce a grey palette wearing chromatic surfaces.
+ */
+export declare function isColourlessSeed(seedHex: string): boolean;
 /**
  * Build the policy-owned tokens for a seed and mode.
  *

package/lib/typescript/module/theme/color-policy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-policy.d.ts","sourceRoot":"","sources":["../../../../src/theme/color-policy.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAK9D,sFAAsF;AACtF,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAEX,wFAAwF;AACxF,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,kFAAkF;AAClF,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAkPlD;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,OAAO,EACf,KAAK,EAAE,UAAU,EACjB,MAAM,GAAE,aAAkB,GACzB,YAAY,CAgHd"}
+{"version":3,"file":"color-policy.d.ts","sourceRoot":"","sources":["../../../../src/theme/color-policy.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAK9D,sFAAsF;AACtF,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAEX,wFAAwF;AACxF,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,kFAAkF;AAClF,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAsHlD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAEzD;AA2MD;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,OAAO,EACf,KAAK,EAAE,UAAU,EACjB,MAAM,GAAE,aAAkB,GACzB,YAAY,CAqJd"}

package/lib/typescript/module/theme/color-presets.d.ts

@@ -1,5 +1,5 @@
 import type { SchemeVariant } from './color-engine';
-export type AppColorName = 'teal' | 'blue' | 'green' | 'amber' | 'yellow' | 'red' | 'purple' | 'pink' | 'sky' | 'orange' | 'mint' | 'oxy' | 'faircoin';
+export type AppColorName = 'teal' | 'blue' | 'green' | 'yellow' | 'red' | 'purple' | 'pink' | 'sky' | 'orange' | 'mint' | 'oxy' | 'faircoin' | 'pumpkin' | 'gray' | 'brown' | 'peach' | 'rose' | 'mono';
 /**
  * A single colour preset: a brand SEED colour plus the tonal scheme variant to
  * derive its full role set with.

package/lib/typescript/module/theme/color-presets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-presets.d.ts","sourceRoot":"","sources":["../../../../src/theme/color-presets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,MAAM,GACN,OAAO,GACP,OAAO,GACP,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,MAAM,GACN,KAAK,GACL,QAAQ,GACR,MAAM,GACN,KAAK,GACL,UAAU,CAAC;AAEf;;;;;;;;;;GAUG;AACH,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,YAAY,CAAC;IACnB,kFAAkF;IAClF,GAAG,EAAE,MAAM,CAAC;IACZ,8DAA8D;IAC9D,OAAO,EAAE,aAAa,CAAC;IACvB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAElD,eAAO,MAAM,eAAe,EAAE,SAAS,YAAY,EAAsH,CAAC;AAE1K,wEAAwE;AACxE,eAAO,MAAM,mBAAmB,EAAE,SAAS,YAAY,EAAwB,CAAC;AAEhF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAczD,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,YAAY,CAE3D;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,YAAY,EAAE,cAAc,CAclE,CAAC"}
+{"version":3,"file":"color-presets.d.ts","sourceRoot":"","sources":["../../../../src/theme/color-presets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,MAAM,GACN,OAAO,GACP,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,MAAM,GACN,KAAK,GACL,QAAQ,GACR,MAAM,GACN,KAAK,GACL,UAAU,GACV,SAAS,GACT,MAAM,GACN,OAAO,GACP,OAAO,GACP,MAAM,GACN,MAAM,CAAC;AAEX;;;;;;;;;;GAUG;AACH,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,YAAY,CAAC;IACnB,kFAAkF;IAClF,GAAG,EAAE,MAAM,CAAC;IACZ,8DAA8D;IAC9D,OAAO,EAAE,aAAa,CAAC;IACvB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAElD,eAAO,MAAM,eAAe,EAAE,SAAS,YAAY,EAAkK,CAAC;AAEtN,wEAAwE;AACxE,eAAO,MAAM,mBAAmB,EAAE,SAAS,YAAY,EAAwB,CAAC;AAEhF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAmBzD,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,YAAY,CAE3D;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,YAAY,EAAE,cAAc,CA+BlE,CAAC"}

package/lib/typescript/module/theme/color-scope/seed-scope.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"seed-scope.d.ts","sourceRoot":"","sources":["../../../../../src/theme/color-scope/seed-scope.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAI1F;;;;;;;;;;;;;GAaG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA4C9E;AAED,mEAAmE;AACnE,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA+BpF"}
+{"version":3,"file":"seed-scope.d.ts","sourceRoot":"","sources":["../../../../../src/theme/color-scope/seed-scope.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAI1F;;;;;;;;;;;;;GAaG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA4C9E;AAED,mEAAmE;AACnE,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAmCpF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/bloom",
-  "version": "0.80.0",
+  "version": "0.82.0",
   "packageManager": "bun@1.3.14",
   "description": "Bloom UI — Oxy ecosystem component library for React Native + Expo + Web",
   "main": "lib/commonjs/index.js",

package/src/__tests__/BloomThemeProvider.test.tsx

@@ -98,7 +98,7 @@ describe('BloomThemeProvider', () => {
 
   it('renders all color presets without crashing', () => {
     const presets: AppColorName[] = [
-      'teal', 'blue', 'green', 'amber', 'red',
+      'teal', 'blue', 'green', 'red',
       'purple', 'pink', 'sky', 'orange', 'mint',
     ];
 

package/src/__tests__/Tabs.test.tsx

@@ -1,9 +1,10 @@
 import React from 'react';
 import type { ReactTestInstance } from 'react-test-renderer';
-import { fireEvent, render } from '@testing-library/react-native';
+import { act, fireEvent, render } from '@testing-library/react-native';
 
 import { BloomThemeProvider } from '../theme/BloomThemeProvider';
 import { Tabs, TabsTrigger } from '../tabs';
+import type { TabsDragController } from '../tabs/Tabs';
 
 function renderWithTheme(ui: React.ReactElement) {
   return render(
@@ -34,6 +35,18 @@ function triggerFor(node: ReactTestInstance): ReactTestInstance {
   return current;
 }
 
+/**
+ * The selected state as it actually reaches a platform.
+ *
+ * `aria-selected` rather than `accessibilityState.selected` because
+ * react-native-web's `createDOMProps` reads only the former (the latter appears
+ * nowhere in it), while React Native's `Pressable` folds `aria-selected` back
+ * into `accessibilityState` — so this is the ONE spelling both platforms honour.
+ */
+function selectedState(node: ReactTestInstance): unknown {
+  return node.props['aria-selected'];
+}
+
 function Bar({
   value,
   onValueChange = () => {},
@@ -98,14 +111,36 @@ describe('Tabs', () => {
     }
   });
 
+  /**
+   * A tab strip that does not say WHICH tab is current is unusable with a
+   * screen reader, and the failure is invisible to everyone else: the underline
+   * is drawn, so the strip looks correct while announcing nothing.
+   *
+   * The assertion is on `aria-selected` specifically. Setting only
+   * `accessibilityState={{selected}}` — which reads like the React Native
+   * answer and is what this component shipped — produces no `aria-selected` on
+   * web at all, because react-native-web stopped consulting
+   * `accessibilityState` and now maps `aria-*` props directly.
+   */
   it('marks the active trigger as selected for accessibility', () => {
     const { getByText } = renderWithTheme(<Bar value="b" />);
-    expect(
-      triggerFor(getByText('First')).props.accessibilityState.selected,
-    ).toBe(false);
-    expect(
-      triggerFor(getByText('Second')).props.accessibilityState.selected,
-    ).toBe(true);
+    expect(selectedState(triggerFor(getByText('First')))).toBe(false);
+    expect(selectedState(triggerFor(getByText('Second')))).toBe(true);
+  });
+
+  it('leaves the disabled state to the disabled prop, which both platforms map', () => {
+    // Neither Pressable needs telling twice: React Native's folds a non-null
+    // `disabled` into `accessibilityState`, react-native-web's emits
+    // `aria-disabled` from it. A second copy on the trigger could only ever
+    // disagree with this one.
+    const { getByText } = renderWithTheme(
+      <Tabs value="a" onValueChange={() => {}} testID="tabs">
+        <TabsTrigger value="a" label="First" />
+        <TabsTrigger value="b" label="Second" disabled />
+      </Tabs>,
+    );
+    expect(triggerFor(getByText('Second')).props.disabled).toBe(true);
+    expect(triggerFor(getByText('First')).props.disabled).toBe(false);
   });
 
   /**
@@ -134,7 +169,7 @@ describe('Tabs', () => {
     );
 
     expect(getByTestId('tabs-indicator')).toBeTruthy();
-    expect(triggerFor(getByText('Overview')).props.accessibilityState.selected).toBe(true);
+    expect(selectedState(triggerFor(getByText('Overview')))).toBe(true);
     fireEvent.press(getByText('Activity'));
     expect(onValueChange).toHaveBeenCalledWith('activity');
   });
@@ -148,8 +183,8 @@ describe('Tabs', () => {
           <TabsTrigger value="b" label="Second" isFocused />
         </Tabs>,
       );
-      expect(triggerFor(getByText('First')).props.accessibilityState.selected).toBe(false);
-      expect(triggerFor(getByText('Second')).props.accessibilityState.selected).toBe(true);
+      expect(selectedState(triggerFor(getByText('First')))).toBe(false);
+      expect(selectedState(triggerFor(getByText('Second')))).toBe(true);
     });
 
     it('does NOT report a selection on press, because the caller navigates', () => {
@@ -294,4 +329,245 @@ describe('Tabs', () => {
     ).toThrow(/TabsTrigger must be used within a Tabs/);
     spy.mockRestore();
   });
+
+  /**
+   * A trigger set that CHANGES after the strip has already been laid out.
+   *
+   * This is the case `onLayout` alone cannot serve, and it is worth being
+   * precise about why, because the component looks correct without it. On
+   * react-native-web `onLayout` is one shared `ResizeObserver`
+   * (`react-native-web/dist/modules/useElementLayout`), so it fires for a SIZE
+   * change and never for a position-only move. Insert a tab and every trigger
+   * after it slides right without one of them re-reporting; the underline stays
+   * on the stale numbers, one tab to the left of the tab that is actually
+   * showing. Measured on production `mention.earth`, where a profile's lane tab
+   * arrives from a separate query after first paint: `/@nate/boosts` underlined
+   * "Likes".
+   *
+   * Every test below therefore reports layout for the changed triggers ONLY —
+   * modelling exactly what the platform does — and asserts the underline anyway.
+   * Reporting layout for all of them would hide the bug completely.
+   */
+  describe('a trigger set that changes after first layout', () => {
+    interface Box {
+      x: number;
+      width: number;
+    }
+
+    /**
+     * Which tab an element belongs to, or `undefined` if it is not a trigger.
+     *
+     * The element the strip measures is a trigger's animated wrapper, which is
+     * anonymous; the tab it stands for is named by the Pressable inside it.
+     */
+    function tabLabelOf(element: unknown): string | undefined {
+      // `createNodeMock` is handed a plain `{type, props}` pair rather than a
+      // real element — `React.isValidElement` is false for it — so the outer
+      // hop is narrowed by hand. The CHILD is a genuine element.
+      if (typeof element !== 'object' || element === null || !('props' in element)) {
+        return undefined;
+      }
+      const props = element.props;
+      if (typeof props !== 'object' || props === null || !('children' in props)) {
+        return undefined;
+      }
+      const child = props.children;
+      if (
+        !React.isValidElement<{ accessibilityRole?: string; accessibilityLabel?: string }>(
+          child,
+        )
+      ) {
+        return undefined;
+      }
+      if (child.props.accessibilityRole !== 'tab') return undefined;
+      return child.props.accessibilityLabel;
+    }
+
+    /**
+     * Stand in for a host view.
+     *
+     * react-test-renderer hands `null` to every host ref unless a
+     * `createNodeMock` is supplied, so without this a trigger has no node to
+     * measure and the strip is back to trusting `onLayout` — which is the
+     * behaviour under test, not a background detail. Geometry is read from a
+     * live table so the test can move the tabs between renders, exactly as a
+     * reflow would.
+     */
+    function nodeMockFor(geometry: Map<string, Box>) {
+      return (element: React.ReactElement): unknown => {
+        const label = tabLabelOf(element);
+        if (label === undefined) return {};
+        return {
+          measure: (
+            report: (x: number, y: number, width: number, height: number) => void,
+          ) => {
+            const box = geometry.get(label);
+            if (box) report(box.x, 0, box.width, 40);
+          },
+        };
+      };
+    }
+
+    function mountStrip(tabs: string[], focused: string, geometry: Map<string, Box>) {
+      const dragRef = React.createRef<TabsDragController>();
+      const tree = (next: { tabs: string[]; focused: string }) => (
+        <BloomThemeProvider mode="light" colorPreset="teal">
+          <Tabs testID="tabs" ref={dragRef} hasSelection>
+            {next.tabs.map((tab) => (
+              <TabsTrigger
+                key={tab}
+                value={tab}
+                label={tab}
+                isFocused={tab === next.focused}
+              />
+            ))}
+          </Tabs>
+        </BloomThemeProvider>
+      );
+      const utils = render(tree({ tabs, focused }), {
+        createNodeMock: nodeMockFor(geometry),
+      });
+
+      /** Fire the `onLayout` a trigger's own node would fire. */
+      const reportLayout = (label: string) => {
+        const box = geometry.get(label);
+        if (!box) throw new Error(`no geometry for "${label}"`);
+        let node: ReactTestInstance | null = triggerFor(utils.getByText(label));
+        while (node && node.props?.onLayout === undefined) node = node.parent;
+        if (!node) throw new Error(`no onLayout ancestor for "${label}"`);
+        fireEvent(node, 'layout', { nativeEvent: { layout: box } });
+      };
+
+      /**
+       * Let the measurement pass run and re-render so the mapper is evaluated
+       * against the shared values it wrote — the reanimated mock computes
+       * `useAnimatedStyle` at render time, so nothing written from a callback is
+       * visible in the rendered style until something renders again.
+       */
+      const settle = async (next?: { tabs: string[]; focused: string }) => {
+        await act(async () => {
+          utils.rerender(tree(next ?? { tabs, focused }));
+        });
+        await act(async () => {
+          utils.rerender(tree(next ?? { tabs, focused }));
+        });
+      };
+
+      const indicator = () => {
+        const style = flattenStyle(utils.getByTestId('tabs-indicator').props.style);
+        const transform = style.transform as { translateX?: number }[] | undefined;
+        return {
+          x: transform?.[0]?.translateX,
+          width: style.width,
+        };
+      };
+
+      return { ...utils, dragRef, reportLayout, settle, indicator };
+    }
+
+    it('follows the active tab when one is INSERTED before it', async () => {
+      const geometry = new Map<string, Box>([
+        ['posts', { x: 0, width: 80 }],
+        ['likes', { x: 80, width: 80 }],
+        ['boosts', { x: 160, width: 80 }],
+      ]);
+      const bar = mountStrip(['posts', 'likes', 'boosts'], 'boosts', geometry);
+      for (const tab of ['posts', 'likes', 'boosts']) bar.reportLayout(tab);
+      await bar.settle();
+      expect(bar.indicator()).toEqual({ x: 160, width: 80 });
+
+      // The lane tab lands, and everything after it slides right by its width.
+      geometry.set('lane', { x: 0, width: 100 });
+      geometry.set('posts', { x: 100, width: 80 });
+      geometry.set('likes', { x: 180, width: 80 });
+      geometry.set('boosts', { x: 260, width: 80 });
+      await bar.settle({ tabs: ['lane', 'posts', 'likes', 'boosts'], focused: 'boosts' });
+      // Only the NEW node is newly observed, so only it reports.
+      bar.reportLayout('lane');
+      await bar.settle({ tabs: ['lane', 'posts', 'likes', 'boosts'], focused: 'boosts' });
+
+      expect(bar.indicator()).toEqual({ x: 260, width: 80 });
+    });
+
+    it('follows the active tab when one is REMOVED before it', async () => {
+      const geometry = new Map<string, Box>([
+        ['lane', { x: 0, width: 100 }],
+        ['posts', { x: 100, width: 80 }],
+        ['boosts', { x: 180, width: 80 }],
+      ]);
+      const bar = mountStrip(['lane', 'posts', 'boosts'], 'boosts', geometry);
+      for (const tab of ['lane', 'posts', 'boosts']) bar.reportLayout(tab);
+      await bar.settle();
+      expect(bar.indicator()).toEqual({ x: 180, width: 80 });
+
+      geometry.set('posts', { x: 0, width: 80 });
+      geometry.set('boosts', { x: 80, width: 80 });
+      // Nothing resized and the removed node is gone, so NOTHING reports here.
+      await bar.settle({ tabs: ['posts', 'boosts'], focused: 'boosts' });
+
+      expect(bar.indicator()).toEqual({ x: 80, width: 80 });
+    });
+
+    it('follows the active tab when the set is REORDERED', async () => {
+      const geometry = new Map<string, Box>([
+        ['posts', { x: 0, width: 80 }],
+        ['likes', { x: 80, width: 80 }],
+        ['lane', { x: 160, width: 100 }],
+      ]);
+      const bar = mountStrip(['posts', 'likes', 'lane'], 'lane', geometry);
+      for (const tab of ['posts', 'likes', 'lane']) bar.reportLayout(tab);
+      await bar.settle();
+      expect(bar.indicator()).toEqual({ x: 160, width: 100 });
+
+      // Same tabs, same sizes, new order — the case no size-change notification
+      // can ever report, on either platform.
+      geometry.set('lane', { x: 0, width: 100 });
+      geometry.set('posts', { x: 100, width: 80 });
+      geometry.set('likes', { x: 180, width: 80 });
+      await bar.settle({ tabs: ['lane', 'posts', 'likes'], focused: 'lane' });
+
+      expect(bar.indicator()).toEqual({ x: 0, width: 100 });
+    });
+
+    it('forgets a removed tab, so a swipe cannot commit to one that is gone', async () => {
+      const geometry = new Map<string, Box>([
+        ['posts', { x: 0, width: 80 }],
+        ['likes', { x: 80, width: 80 }],
+        ['lane', { x: 160, width: 100 }],
+      ]);
+      const bar = mountStrip(['posts', 'likes', 'lane'], 'likes', geometry);
+      for (const tab of ['posts', 'likes', 'lane']) bar.reportLayout(tab);
+      await bar.settle();
+      // Dragging left reveals the tab to the RIGHT, so this commits `lane`.
+      expect(bar.dragRef.current?.drag(-1000)).toBe('lane');
+
+      await bar.settle({ tabs: ['posts', 'likes'], focused: 'likes' });
+
+      // `likes` is now last. A phantom `lane` left behind in the geometry would
+      // still be found here, and releasing would navigate to a tab that is not
+      // on screen.
+      expect(bar.dragRef.current?.drag(-1000)).toBeNull();
+    });
+
+    it('ignores a zero measurement, which means "not laid out" and not "empty"', async () => {
+      const geometry = new Map<string, Box>([
+        ['posts', { x: 0, width: 80 }],
+        ['likes', { x: 80, width: 80 }],
+      ]);
+      const bar = mountStrip(['posts', 'likes'], 'likes', geometry);
+      for (const tab of ['posts', 'likes']) bar.reportLayout(tab);
+      await bar.settle();
+      expect(bar.indicator()).toEqual({ x: 80, width: 80 });
+
+      // What a `display: none` ancestor reports on web. A trigger always
+      // carries horizontal padding, so it can never genuinely be zero-wide —
+      // taking this at face value would collapse the underline and lose the
+      // real geometry it has to come back to.
+      geometry.set('posts', { x: 0, width: 0 });
+      geometry.set('likes', { x: 0, width: 0 });
+      await bar.settle();
+
+      expect(bar.indicator()).toEqual({ x: 80, width: 80 });
+    });
+  });
 });

package/src/__tests__/theme.test.ts

@@ -78,7 +78,7 @@ describe('Theme system', () => {
   describe('hexToAppColorName', () => {
     it('maps known hex values to correct color names', () => {
       expect(hexToAppColorName('#005c67')).toBe('teal');
-      expect(hexToAppColorName('#1d9bf0')).toBe('blue');
+      expect(hexToAppColorName('#0085fe')).toBe('blue');
       expect(hexToAppColorName('#10b981')).toBe('green');
       expect(hexToAppColorName('#ef4444')).toBe('red');
       expect(hexToAppColorName('#c46ede')).toBe('oxy');
@@ -86,13 +86,14 @@ describe('Theme system', () => {
 
     it('is case-insensitive', () => {
       expect(hexToAppColorName('#005C67')).toBe('teal');
-      expect(hexToAppColorName('#1D9BF0')).toBe('blue');
+      expect(hexToAppColorName('#0085FE')).toBe('blue');
     });
 
     it('defaults to teal for unknown hex values', () => {
-      expect(hexToAppColorName('#000000')).toBe('teal');
       expect(hexToAppColorName('#ffffff')).toBe('teal');
       expect(hexToAppColorName('#123456')).toBe('teal');
+      // '#000000' is no longer unknown — it is the `mono` preset's seed.
+      expect(hexToAppColorName('#000000')).toBe('mono');
     });
   });