@oxyhq/bloom 0.39.0 → 0.40.0

package/lib/commonjs/theme/build-theme-from-seed.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildColorsFromSeed = buildColorsFromSeed;
+exports.buildThemeFromSeed = buildThemeFromSeed;
+var _index = require("./color-engine/index.js");
+var _seedScope = require("./color-scope/seed-scope.js");
+var _buildTheme = require("./build-theme.js");
+var _gradients = require("./gradients.js");
+/**
+ * Build the JS `theme.colors` object from an ARBITRARY seed colour — the dynamic
+ * counterpart of `buildTheme(preset, …)`.
+ *
+ * This mirrors `buildColorsFromPreset` (`build-theme.ts`) field-for-field, but
+ * sources its tokens from `buildSeedScopeVars({ seed })` instead of a named
+ * preset, so a preset's seed reproduces that preset's JS theme exactly. Keeping
+ * the two in lockstep is enforced by `__tests__/build-theme-from-seed-parity.test.ts`.
+ *
+ * Token-backed fields read the resolved `rgb(...)` token map; the brand-tint
+ * family (primarySubtle / negative / …) reads the engine's container/error roles
+ * directly — identical to the preset path.
+ */
+function buildColorsFromSeed(seed, resolved, variant, contrastLevel) {
+  const t = (0, _seedScope.buildSeedScopeVars)({
+    seed,
+    mode: resolved,
+    variant,
+    contrastLevel
+  });
+  const isDark = resolved === 'dark';
+
+  // Read a resolved `rgb(...)` token by its bare name (no leading `--`).
+  const g = k => t[`--${k}`] ?? 'rgb(0 0 0)';
+  const r = (0, _index.generateRoleColors)({
+    seed,
+    variant,
+    isDark,
+    contrastLevel
+  });
+  return {
+    background: g('background'),
+    backgroundSecondary: g('surface'),
+    backgroundTertiary: g('popover'),
+    text: g('foreground'),
+    textSecondary: g('muted-foreground'),
+    textTertiary: r.outline,
+    border: g('border'),
+    borderLight: g('input'),
+    primary: g('primary'),
+    primaryForeground: g('primary-foreground'),
+    primaryLight: g('surface'),
+    primaryDark: g('background'),
+    secondary: g('secondary'),
+    secondaryForeground: g('secondary-foreground'),
+    tertiary: g('tertiary'),
+    tertiaryForeground: g('tertiary-foreground'),
+    tint: g('primary'),
+    icon: g('muted-foreground'),
+    iconActive: g('primary'),
+    ..._buildTheme.STATUS_COLORS,
+    primarySubtle: r.primaryContainer,
+    primarySubtleForeground: r.onPrimaryContainer,
+    negative: r.error,
+    negativeForeground: r.onError,
+    negativeSubtle: r.errorContainer,
+    negativeSubtleForeground: r.onErrorContainer,
+    contrast50: g('muted'),
+    card: g('card'),
+    shadow: isDark ? 'rgba(0, 0, 0, 0.3)' : 'rgba(0, 0, 0, 0.1)',
+    overlay: 'rgba(0, 0, 0, 0.5)'
+  };
+}
+
+/**
+ * Build a full `Theme` from a seed colour and a resolved light/dark mode. Unlike
+ * `buildTheme`, there is no adaptive (Material You / iOS dynamic) override — a
+ * seed IS the dynamic source here.
+ */
+function buildThemeFromSeed(seed, resolved, variant, contrastLevel) {
+  return {
+    mode: resolved,
+    colors: buildColorsFromSeed(seed, resolved, variant, contrastLevel),
+    gradients: _gradients.THEME_GRADIENTS,
+    isDark: resolved === 'dark',
+    isLight: resolved === 'light'
+  };
+}
+//# sourceMappingURL=build-theme-from-seed.js.map

package/lib/commonjs/theme/build-theme-from-seed.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","_seedScope","_buildTheme","_gradients","buildColorsFromSeed","seed","resolved","variant","contrastLevel","t","buildSeedScopeVars","mode","isDark","g","k","r","generateRoleColors","background","backgroundSecondary","backgroundTertiary","text","textSecondary","textTertiary","outline","border","borderLight","primary","primaryForeground","primaryLight","primaryDark","secondary","secondaryForeground","tertiary","tertiaryForeground","tint","icon","iconActive","STATUS_COLORS","primarySubtle","primaryContainer","primarySubtleForeground","onPrimaryContainer","negative","error","negativeForeground","onError","negativeSubtle","errorContainer","negativeSubtleForeground","onErrorContainer","contrast50","card","shadow","overlay","buildThemeFromSeed","colors","gradients","THEME_GRADIENTS","isLight"],"sourceRoot":"../../../src","sources":["theme/build-theme-from-seed.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/theme/index.js

@@ -21,6 +21,12 @@ Object.defineProperty(exports, "BloomColorScope", {
     return _colorScope.BloomColorScope;
   }
 });
+Object.defineProperty(exports, "BloomSeedScope", {
+  enumerable: true,
+  get: function () {
+    return _seedScope.BloomSeedScope;
+  }
+});
 Object.defineProperty(exports, "BloomThemeProvider", {
   enumerable: true,
   get: function () {
@@ -63,18 +69,72 @@ Object.defineProperty(exports, "applyPresetVarsToDocument", {
     return _presetVars.applyPresetVarsToDocument;
   }
 });
+Object.defineProperty(exports, "argbFromHex", {
+  enumerable: true,
+  get: function () {
+    return _index.argbFromHex;
+  }
+});
+Object.defineProperty(exports, "argbFromRgb", {
+  enumerable: true,
+  get: function () {
+    return _index.argbFromRgb;
+  }
+});
+Object.defineProperty(exports, "blueFromArgb", {
+  enumerable: true,
+  get: function () {
+    return _index.blueFromArgb;
+  }
+});
+Object.defineProperty(exports, "buildColorsFromSeed", {
+  enumerable: true,
+  get: function () {
+    return _buildThemeFromSeed.buildColorsFromSeed;
+  }
+});
+Object.defineProperty(exports, "buildSeedScopeVars", {
+  enumerable: true,
+  get: function () {
+    return _seedScope2.buildSeedScopeVars;
+  }
+});
 Object.defineProperty(exports, "buildTheme", {
   enumerable: true,
   get: function () {
     return _buildTheme.buildTheme;
   }
 });
+Object.defineProperty(exports, "buildThemeFromSeed", {
+  enumerable: true,
+  get: function () {
+    return _buildThemeFromSeed.buildThemeFromSeed;
+  }
+});
+Object.defineProperty(exports, "generateRoleColors", {
+  enumerable: true,
+  get: function () {
+    return _index.generateRoleColors;
+  }
+});
 Object.defineProperty(exports, "getPresetVars", {
   enumerable: true,
   get: function () {
     return _presetVars.getPresetVars;
   }
 });
+Object.defineProperty(exports, "greenFromArgb", {
+  enumerable: true,
+  get: function () {
+    return _index.greenFromArgb;
+  }
+});
+Object.defineProperty(exports, "hexFromArgb", {
+  enumerable: true,
+  get: function () {
+    return _index.hexFromArgb;
+  }
+});
 Object.defineProperty(exports, "hexToAppColorName", {
   enumerable: true,
   get: function () {
@@ -93,6 +153,36 @@ Object.defineProperty(exports, "parseRgb", {
     return _colorUtils.parseRgb;
   }
 });
+Object.defineProperty(exports, "quantizeImage", {
+  enumerable: true,
+  get: function () {
+    return _index.quantizeImage;
+  }
+});
+Object.defineProperty(exports, "redFromArgb", {
+  enumerable: true,
+  get: function () {
+    return _index.redFromArgb;
+  }
+});
+Object.defineProperty(exports, "roleColorsToPresetTokens", {
+  enumerable: true,
+  get: function () {
+    return _seedScope2.roleColorsToPresetTokens;
+  }
+});
+Object.defineProperty(exports, "seedHexFromImagePixels", {
+  enumerable: true,
+  get: function () {
+    return _index.seedHexFromImagePixels;
+  }
+});
+Object.defineProperty(exports, "seedsFromImagePixels", {
+  enumerable: true,
+  get: function () {
+    return _index.seedsFromImagePixels;
+  }
+});
 Object.defineProperty(exports, "setColorSchemeSafe", {
   enumerable: true,
   get: function () {
@@ -143,7 +233,11 @@ Object.defineProperty(exports, "withAlpha", {
 });
 var _BloomThemeProvider = require("./BloomThemeProvider.js");
 var _colorScope = require("./color-scope");
+var _seedScope = require("./seed-scope");
+var _seedScope2 = require("./color-scope/seed-scope.js");
+var _index = require("./color-engine/index.js");
 var _buildTheme = require("./build-theme.js");
+var _buildThemeFromSeed = require("./build-theme-from-seed.js");
 var _gradients = require("./gradients.js");
 var _useTheme = require("./use-theme.js");
 var _useNavigationTheme = require("./use-navigation-theme.js");

package/lib/commonjs/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_BloomThemeProvider","require","_colorScope","_buildTheme","_gradients","_useTheme","_useNavigationTheme","_colorPresets","_colorUtils","_presetVars","_applyDarkClass","_setColorSchemeSafe","_initCssInterop","_persistence"],"sourceRoot":"../../../src","sources":["theme/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AAIA,IAAAM,aAAA,GAAAN,OAAA;AAOA,IAAAO,WAAA,GAAAP,OAAA;AAEA,IAAAQ,WAAA,GAAAR,OAAA;AACA,IAAAS,eAAA,GAAAT,OAAA;AACA,IAAAU,mBAAA,GAAAV,OAAA;AACA,IAAAW,eAAA,GAAAX,OAAA;AAEA,IAAAY,YAAA,GAAAZ,OAAA","ignoreList":[]}
+{"version":3,"names":["_BloomThemeProvider","require","_colorScope","_seedScope","_seedScope2","_index","_buildTheme","_buildThemeFromSeed","_gradients","_useTheme","_useNavigationTheme","_colorPresets","_colorUtils","_presetVars","_applyDarkClass","_setColorSchemeSafe","_initCssInterop","_persistence"],"sourceRoot":"../../../src","sources":["theme/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAaA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AACA,IAAAS,mBAAA,GAAAT,OAAA;AAIA,IAAAU,aAAA,GAAAV,OAAA;AAOA,IAAAW,WAAA,GAAAX,OAAA;AAEA,IAAAY,WAAA,GAAAZ,OAAA;AACA,IAAAa,eAAA,GAAAb,OAAA;AACA,IAAAc,mBAAA,GAAAd,OAAA;AACA,IAAAe,eAAA,GAAAf,OAAA;AAEA,IAAAgB,YAAA,GAAAhB,OAAA","ignoreList":[]}

package/lib/commonjs/theme/seed-scope/index.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BloomSeedScope = BloomSeedScope;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _BloomThemeProvider = require("../BloomThemeProvider.js");
+var _seedScope = require("../color-scope/seed-scope.js");
+var _styleBuilder = require("../color-scope/style-builder.js");
+var _buildThemeFromSeed = require("../build-theme-from-seed.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Native `<BloomSeedScope>`: scopes a subtree to an ARBITRARY seed colour's
+ * palette (the dynamic counterpart of `<BloomColorScope>`, which takes a named
+ * preset). Feeds the seed through the colour engine and (1) provides the
+ * resulting canonical CSS vars to descendants via react-native-css's
+ * `VariableContext` — so `bg-background` / `bg-card` / `var(--primary)` resolve
+ * against the seed inside this subtree — and (2) publishes a matching JS `theme`
+ * on `BloomThemeContext`, so `useTheme()`/`useBloomTheme()` consumers inside the
+ * subtree also re-theme. The `colorPreset` field is left as the parent's (a seed
+ * is not a named preset).
+ */
+function BloomSeedScope({
+  seed,
+  variant,
+  contrastLevel,
+  asChild = false,
+  style,
+  children
+}) {
+  // Hooks run unconditionally; conditional no-op/throw is applied afterwards.
+  const parent = (0, _react.useContext)(_BloomThemeProvider.BloomThemeContext);
+  const resolvedMode = parent?.theme.mode ?? 'light';
+  const nativeVars = (0, _react.useMemo)(() => seed ? (0, _seedScope.buildSeedScopeVars)({
+    seed,
+    mode: resolvedMode,
+    variant,
+    contrastLevel
+  }) : null, [seed, resolvedMode, variant, contrastLevel]);
+  const contextValue = (0, _react.useMemo)(() => {
+    if (!parent || !seed) return null;
+    const theme = (0, _buildThemeFromSeed.buildThemeFromSeed)(seed, resolvedMode, variant, contrastLevel);
+    return {
+      ...parent,
+      theme
+    };
+  }, [parent, seed, resolvedMode, variant, contrastLevel]);
+  if (!parent) {
+    throw new Error('BloomSeedScope must be used within a <BloomThemeProvider>');
+  }
+  // `seed` undefined => no-op; children inherit the parent scope.
+  if (!nativeVars || !contextValue) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: children
+  });
+  const VariableProvider = (0, _styleBuilder.getVariableContextProvider)();
+  let content;
+  if (asChild) {
+    const child = _react.Children.only(children);
+    if (! /*#__PURE__*/(0, _react.isValidElement)(child)) {
+      throw new Error('BloomSeedScope with `asChild` requires a single React element child that accepts a `style` prop.');
+    }
+    const childStyle = child.props.style;
+    const mergedStyle = [style, childStyle];
+    content = /*#__PURE__*/(0, _react.cloneElement)(child, {
+      style: mergedStyle
+    });
+  } else {
+    content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [{
+        flex: 1
+      }, style],
+      children: children
+    });
+  }
+  const scoped = VariableProvider ? /*#__PURE__*/(0, _jsxRuntime.jsx)(VariableProvider, {
+    value: nativeVars,
+    children: content
+  }) : content;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BloomThemeProvider.BloomThemeContext.Provider, {
+    value: contextValue,
+    children: scoped
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/theme/seed-scope/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_BloomThemeProvider","_seedScope","_styleBuilder","_buildThemeFromSeed","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BloomSeedScope","seed","variant","contrastLevel","asChild","style","children","parent","useContext","BloomThemeContext","resolvedMode","theme","mode","nativeVars","useMemo","buildSeedScopeVars","contextValue","buildThemeFromSeed","Error","jsx","Fragment","VariableProvider","getVariableContextProvider","content","child","Children","only","isValidElement","childStyle","props","mergedStyle","cloneElement","View","flex","scoped","value","Provider"],"sourceRoot":"../../../../src","sources":["theme/seed-scope/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/theme/seed-scope/index.web.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BloomSeedScope = BloomSeedScope;
+var _react = _interopRequireWildcard(require("react"));
+var _BloomThemeProvider = require("../BloomThemeProvider.js");
+var _seedScope = require("../color-scope/seed-scope.js");
+var _buildThemeFromSeed = require("../build-theme-from-seed.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * On web the single `asChild` child is frequently a react-native-web component
+ * whose `style` prop is a style ARRAY (or a numeric registered-style id), not a
+ * plain object. Spreading such an array into an object literal would copy its
+ * numeric indices as keys and crash RNW; merge as an array instead.
+ */
+
+/**
+ * Web `<BloomSeedScope>`: scopes a subtree to an ARBITRARY seed colour's palette
+ * (the dynamic counterpart of `<BloomColorScope>`). It (1) writes every canonical
+ * `--x` token plus the Tailwind v4 `--color-x` aliases (already resolved to
+ * `rgb(...)`) onto the wrapping element's inline `style`, so NativeWind classes
+ * inside resolve against the seed palette instead of the document root, and
+ * (2) publishes a matching JS `theme` on `BloomThemeContext` so
+ * `useTheme()`/`useBloomTheme()` consumers inside the subtree re-theme too. The
+ * `colorPreset` field is left as the parent's (a seed is not a named preset).
+ */
+function BloomSeedScope({
+  seed,
+  variant,
+  contrastLevel,
+  asChild = false,
+  style,
+  children
+}) {
+  const parent = (0, _react.useContext)(_BloomThemeProvider.BloomThemeContext);
+  const resolvedMode = parent?.theme.mode ?? 'light';
+  const varsStyle = (0, _react.useMemo)(() => seed ? (0, _seedScope.buildSeedScopeVars)({
+    seed,
+    mode: resolvedMode,
+    variant,
+    contrastLevel
+  }) : null, [seed, resolvedMode, variant, contrastLevel]);
+  const contextValue = (0, _react.useMemo)(() => {
+    if (!parent || !seed) return null;
+    const theme = (0, _buildThemeFromSeed.buildThemeFromSeed)(seed, resolvedMode, variant, contrastLevel);
+    return {
+      ...parent,
+      theme
+    };
+  }, [parent, seed, resolvedMode, variant, contrastLevel]);
+  if (!parent) {
+    throw new Error('BloomSeedScope must be used within a <BloomThemeProvider>');
+  }
+  if (!varsStyle || !contextValue) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: children
+  });
+  let content;
+  if (asChild) {
+    const child = _react.Children.only(children);
+    if (! /*#__PURE__*/(0, _react.isValidElement)(child)) {
+      throw new Error('BloomSeedScope with `asChild` requires a single React element child that accepts a `style` prop.');
+    }
+    const childStyle = child.props.style;
+    const mergedStyle = [varsStyle, style, childStyle];
+    content = /*#__PURE__*/(0, _react.cloneElement)(child, {
+      style: mergedStyle
+    });
+  } else {
+    const mergedStyle = {
+      ...varsStyle,
+      ...style
+    };
+    content = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: mergedStyle,
+      children: children
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BloomThemeProvider.BloomThemeContext.Provider, {
+    value: contextValue,
+    children: content
+  });
+}
+//# sourceMappingURL=index.web.js.map

package/lib/commonjs/theme/seed-scope/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_BloomThemeProvider","_seedScope","_buildThemeFromSeed","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BloomSeedScope","seed","variant","contrastLevel","asChild","style","children","parent","useContext","BloomThemeContext","resolvedMode","theme","mode","varsStyle","useMemo","buildSeedScopeVars","contextValue","buildThemeFromSeed","Error","jsx","Fragment","content","child","Children","only","isValidElement","childStyle","props","mergedStyle","cloneElement","Provider","value"],"sourceRoot":"../../../../src","sources":["theme/seed-scope/index.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/theme/build-theme-from-seed.js

@@ -0,0 +1,85 @@
+"use strict";
+
+import { generateRoleColors } from "./color-engine/index.js";
+import { buildSeedScopeVars } from "./color-scope/seed-scope.js";
+import { STATUS_COLORS } from "./build-theme.js";
+import { THEME_GRADIENTS } from "./gradients.js";
+/**
+ * Build the JS `theme.colors` object from an ARBITRARY seed colour — the dynamic
+ * counterpart of `buildTheme(preset, …)`.
+ *
+ * This mirrors `buildColorsFromPreset` (`build-theme.ts`) field-for-field, but
+ * sources its tokens from `buildSeedScopeVars({ seed })` instead of a named
+ * preset, so a preset's seed reproduces that preset's JS theme exactly. Keeping
+ * the two in lockstep is enforced by `__tests__/build-theme-from-seed-parity.test.ts`.
+ *
+ * Token-backed fields read the resolved `rgb(...)` token map; the brand-tint
+ * family (primarySubtle / negative / …) reads the engine's container/error roles
+ * directly — identical to the preset path.
+ */
+export function buildColorsFromSeed(seed, resolved, variant, contrastLevel) {
+  const t = buildSeedScopeVars({
+    seed,
+    mode: resolved,
+    variant,
+    contrastLevel
+  });
+  const isDark = resolved === 'dark';
+
+  // Read a resolved `rgb(...)` token by its bare name (no leading `--`).
+  const g = k => t[`--${k}`] ?? 'rgb(0 0 0)';
+  const r = generateRoleColors({
+    seed,
+    variant,
+    isDark,
+    contrastLevel
+  });
+  return {
+    background: g('background'),
+    backgroundSecondary: g('surface'),
+    backgroundTertiary: g('popover'),
+    text: g('foreground'),
+    textSecondary: g('muted-foreground'),
+    textTertiary: r.outline,
+    border: g('border'),
+    borderLight: g('input'),
+    primary: g('primary'),
+    primaryForeground: g('primary-foreground'),
+    primaryLight: g('surface'),
+    primaryDark: g('background'),
+    secondary: g('secondary'),
+    secondaryForeground: g('secondary-foreground'),
+    tertiary: g('tertiary'),
+    tertiaryForeground: g('tertiary-foreground'),
+    tint: g('primary'),
+    icon: g('muted-foreground'),
+    iconActive: g('primary'),
+    ...STATUS_COLORS,
+    primarySubtle: r.primaryContainer,
+    primarySubtleForeground: r.onPrimaryContainer,
+    negative: r.error,
+    negativeForeground: r.onError,
+    negativeSubtle: r.errorContainer,
+    negativeSubtleForeground: r.onErrorContainer,
+    contrast50: g('muted'),
+    card: g('card'),
+    shadow: isDark ? 'rgba(0, 0, 0, 0.3)' : 'rgba(0, 0, 0, 0.1)',
+    overlay: 'rgba(0, 0, 0, 0.5)'
+  };
+}
+
+/**
+ * Build a full `Theme` from a seed colour and a resolved light/dark mode. Unlike
+ * `buildTheme`, there is no adaptive (Material You / iOS dynamic) override — a
+ * seed IS the dynamic source here.
+ */
+export function buildThemeFromSeed(seed, resolved, variant, contrastLevel) {
+  return {
+    mode: resolved,
+    colors: buildColorsFromSeed(seed, resolved, variant, contrastLevel),
+    gradients: THEME_GRADIENTS,
+    isDark: resolved === 'dark',
+    isLight: resolved === 'light'
+  };
+}
+//# sourceMappingURL=build-theme-from-seed.js.map

package/lib/module/theme/build-theme-from-seed.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["generateRoleColors","buildSeedScopeVars","STATUS_COLORS","THEME_GRADIENTS","buildColorsFromSeed","seed","resolved","variant","contrastLevel","t","mode","isDark","g","k","r","background","backgroundSecondary","backgroundTertiary","text","textSecondary","textTertiary","outline","border","borderLight","primary","primaryForeground","primaryLight","primaryDark","secondary","secondaryForeground","tertiary","tertiaryForeground","tint","icon","iconActive","primarySubtle","primaryContainer","primarySubtleForeground","onPrimaryContainer","negative","error","negativeForeground","onError","negativeSubtle","errorContainer","negativeSubtleForeground","onErrorContainer","contrast50","card","shadow","overlay","buildThemeFromSeed","colors","gradients","isLight"],"sourceRoot":"../../../src","sources":["theme/build-theme-from-seed.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/theme/index.js

@@ -2,7 +2,14 @@
 
 export { BloomThemeProvider } from "./BloomThemeProvider.js";
 export { BloomColorScope, useColorScopeStyle } from './color-scope';
+export { BloomSeedScope } from './seed-scope';
+export { buildSeedScopeVars, roleColorsToPresetTokens } from "./color-scope/seed-scope.js";
+// Colour engine — the dependency-free tonal system that turns ANY seed colour
+// into a full role set. Surfaced here so consumers can derive dynamic themes
+// (e.g. from artwork) without reaching into the internal color-engine path.
+export { generateRoleColors, seedHexFromImagePixels, seedsFromImagePixels, quantizeImage, argbFromHex, hexFromArgb, argbFromRgb, redFromArgb, greenFromArgb, blueFromArgb } from "./color-engine/index.js";
 export { buildTheme, STATUS_COLORS } from "./build-theme.js";
+export { buildThemeFromSeed, buildColorsFromSeed } from "./build-theme-from-seed.js";
 export { THEME_GRADIENTS } from "./gradients.js";
 export { useTheme, useThemeColor, useBloomTheme } from "./use-theme.js";
 export { useNavigationTheme } from "./use-navigation-theme.js";

package/lib/module/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["BloomThemeProvider","BloomColorScope","useColorScopeStyle","buildTheme","STATUS_COLORS","THEME_GRADIENTS","useTheme","useThemeColor","useBloomTheme","useNavigationTheme","APP_COLOR_NAMES","PREMIUM_COLOR_NAMES","APP_COLOR_PRESETS","HEX_TO_APP_COLOR","hexToAppColorName","parseRgb","withAlpha","getPresetVars","applyPresetVarsToDocument","applyDarkClass","setColorSchemeSafe","initCssInteropDarkMode","webLocalStorage"],"sourceRoot":"../../../src","sources":["theme/index.ts"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,yBAAsB;AAKzD,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,eAAe;AAEnE,SAASC,UAAU,EAAEC,aAAa,QAAQ,kBAAe;AACzD,SAASC,eAAe,QAAQ,gBAAa;AAC7C,SAASC,QAAQ,EAAEC,aAAa,EAAEC,aAAa,QAAQ,gBAAa;AACpE,SAASC,kBAAkB,QAAQ,2BAAwB;AAI3D,SACEC,eAAe,EACfC,mBAAmB,EACnBC,iBAAiB,EACjBC,gBAAgB,EAChBC,iBAAiB,QACZ,oBAAiB;AACxB,SAASC,QAAQ,EAAEC,SAAS,QAAQ,kBAAe;AAEnD,SAASC,aAAa,EAAEC,yBAAyB,QAAQ,kBAAe;AACxE,SAASC,cAAc,QAAQ,uBAAoB;AACnD,SAASC,kBAAkB,QAAQ,4BAAyB;AAC5D,SAASC,sBAAsB,QAAQ,uBAAoB;AAE3D,SAASC,eAAe,QAAQ,kBAAe","ignoreList":[]}
+{"version":3,"names":["BloomThemeProvider","BloomColorScope","useColorScopeStyle","BloomSeedScope","buildSeedScopeVars","roleColorsToPresetTokens","generateRoleColors","seedHexFromImagePixels","seedsFromImagePixels","quantizeImage","argbFromHex","hexFromArgb","argbFromRgb","redFromArgb","greenFromArgb","blueFromArgb","buildTheme","STATUS_COLORS","buildThemeFromSeed","buildColorsFromSeed","THEME_GRADIENTS","useTheme","useThemeColor","useBloomTheme","useNavigationTheme","APP_COLOR_NAMES","PREMIUM_COLOR_NAMES","APP_COLOR_PRESETS","HEX_TO_APP_COLOR","hexToAppColorName","parseRgb","withAlpha","getPresetVars","applyPresetVarsToDocument","applyDarkClass","setColorSchemeSafe","initCssInteropDarkMode","webLocalStorage"],"sourceRoot":"../../../src","sources":["theme/index.ts"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,yBAAsB;AAKzD,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,eAAe;AAEnE,SAASC,cAAc,QAAQ,cAAc;AAE7C,SAASC,kBAAkB,EAAEC,wBAAwB,QAAQ,6BAA0B;AAEvF;AACA;AACA;AACA,SACEC,kBAAkB,EAClBC,sBAAsB,EACtBC,oBAAoB,EACpBC,aAAa,EACbC,WAAW,EACXC,WAAW,EACXC,WAAW,EACXC,WAAW,EACXC,aAAa,EACbC,YAAY,QACP,yBAAgB;AAEvB,SAASC,UAAU,EAAEC,aAAa,QAAQ,kBAAe;AACzD,SAASC,kBAAkB,EAAEC,mBAAmB,QAAQ,4BAAyB;AACjF,SAASC,eAAe,QAAQ,gBAAa;AAC7C,SAASC,QAAQ,EAAEC,aAAa,EAAEC,aAAa,QAAQ,gBAAa;AACpE,SAASC,kBAAkB,QAAQ,2BAAwB;AAI3D,SACEC,eAAe,EACfC,mBAAmB,EACnBC,iBAAiB,EACjBC,gBAAgB,EAChBC,iBAAiB,QACZ,oBAAiB;AACxB,SAASC,QAAQ,EAAEC,SAAS,QAAQ,kBAAe;AAEnD,SAASC,aAAa,EAAEC,yBAAyB,QAAQ,kBAAe;AACxE,SAASC,cAAc,QAAQ,uBAAoB;AACnD,SAASC,kBAAkB,QAAQ,4BAAyB;AAC5D,SAASC,sBAAsB,QAAQ,uBAAoB;AAE3D,SAASC,eAAe,QAAQ,kBAAe","ignoreList":[]}

package/lib/module/theme/seed-scope/index.js

@@ -0,0 +1,82 @@
+"use strict";
+
+import React, { Children, cloneElement, isValidElement, useContext, useMemo } from 'react';
+import { View } from 'react-native';
+import { BloomThemeContext } from "../BloomThemeProvider.js";
+import { buildSeedScopeVars } from "../color-scope/seed-scope.js";
+import { getVariableContextProvider } from "../color-scope/style-builder.js";
+import { buildThemeFromSeed } from "../build-theme-from-seed.js";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Native `<BloomSeedScope>`: scopes a subtree to an ARBITRARY seed colour's
+ * palette (the dynamic counterpart of `<BloomColorScope>`, which takes a named
+ * preset). Feeds the seed through the colour engine and (1) provides the
+ * resulting canonical CSS vars to descendants via react-native-css's
+ * `VariableContext` — so `bg-background` / `bg-card` / `var(--primary)` resolve
+ * against the seed inside this subtree — and (2) publishes a matching JS `theme`
+ * on `BloomThemeContext`, so `useTheme()`/`useBloomTheme()` consumers inside the
+ * subtree also re-theme. The `colorPreset` field is left as the parent's (a seed
+ * is not a named preset).
+ */
+export function BloomSeedScope({
+  seed,
+  variant,
+  contrastLevel,
+  asChild = false,
+  style,
+  children
+}) {
+  // Hooks run unconditionally; conditional no-op/throw is applied afterwards.
+  const parent = useContext(BloomThemeContext);
+  const resolvedMode = parent?.theme.mode ?? 'light';
+  const nativeVars = useMemo(() => seed ? buildSeedScopeVars({
+    seed,
+    mode: resolvedMode,
+    variant,
+    contrastLevel
+  }) : null, [seed, resolvedMode, variant, contrastLevel]);
+  const contextValue = useMemo(() => {
+    if (!parent || !seed) return null;
+    const theme = buildThemeFromSeed(seed, resolvedMode, variant, contrastLevel);
+    return {
+      ...parent,
+      theme
+    };
+  }, [parent, seed, resolvedMode, variant, contrastLevel]);
+  if (!parent) {
+    throw new Error('BloomSeedScope must be used within a <BloomThemeProvider>');
+  }
+  // `seed` undefined => no-op; children inherit the parent scope.
+  if (!nativeVars || !contextValue) return /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
+  const VariableProvider = getVariableContextProvider();
+  let content;
+  if (asChild) {
+    const child = Children.only(children);
+    if (! /*#__PURE__*/isValidElement(child)) {
+      throw new Error('BloomSeedScope with `asChild` requires a single React element child that accepts a `style` prop.');
+    }
+    const childStyle = child.props.style;
+    const mergedStyle = [style, childStyle];
+    content = /*#__PURE__*/cloneElement(child, {
+      style: mergedStyle
+    });
+  } else {
+    content = /*#__PURE__*/_jsx(View, {
+      style: [{
+        flex: 1
+      }, style],
+      children: children
+    });
+  }
+  const scoped = VariableProvider ? /*#__PURE__*/_jsx(VariableProvider, {
+    value: nativeVars,
+    children: content
+  }) : content;
+  return /*#__PURE__*/_jsx(BloomThemeContext.Provider, {
+    value: contextValue,
+    children: scoped
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/module/theme/seed-scope/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Children","cloneElement","isValidElement","useContext","useMemo","View","BloomThemeContext","buildSeedScopeVars","getVariableContextProvider","buildThemeFromSeed","Fragment","_Fragment","jsx","_jsx","BloomSeedScope","seed","variant","contrastLevel","asChild","style","children","parent","resolvedMode","theme","mode","nativeVars","contextValue","Error","VariableProvider","content","child","only","childStyle","props","mergedStyle","flex","scoped","value","Provider"],"sourceRoot":"../../../../src","sources":["theme/seed-scope/index.tsx"],"mappings":"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","ignoreList":[]}