@oxyhq/bloom 0.89.0 → 1.0.1

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

@@ -0,0 +1,263 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "APP_COLOR_NAMES", {
+  enumerable: true,
+  get: function () {
+    return _colorPresets.APP_COLOR_NAMES;
+  }
+});
+Object.defineProperty(exports, "APP_COLOR_PRESETS", {
+  enumerable: true,
+  get: function () {
+    return _colorPresets.APP_COLOR_PRESETS;
+  }
+});
+Object.defineProperty(exports, "BloomColorScope", {
+  enumerable: true,
+  get: function () {
+    return _indexWeb.BloomColorScope;
+  }
+});
+Object.defineProperty(exports, "BloomSeedScope", {
+  enumerable: true,
+  get: function () {
+    return _indexWeb2.BloomSeedScope;
+  }
+});
+Object.defineProperty(exports, "BloomThemeProvider", {
+  enumerable: true,
+  get: function () {
+    return _BloomThemeProvider.BloomThemeProvider;
+  }
+});
+Object.defineProperty(exports, "COLOR_PLAYGROUND_NAMES", {
+  enumerable: true,
+  get: function () {
+    return _colorPresets.COLOR_PLAYGROUND_NAMES;
+  }
+});
+Object.defineProperty(exports, "COLOR_PRESET_FAMILIES", {
+  enumerable: true,
+  get: function () {
+    return _colorPresets.COLOR_PRESET_FAMILIES;
+  }
+});
+Object.defineProperty(exports, "COLOR_PRESET_FAMILY_REGISTRY", {
+  enumerable: true,
+  get: function () {
+    return _colorPresets.COLOR_PRESET_FAMILY_REGISTRY;
+  }
+});
+Object.defineProperty(exports, "COLOR_PRESET_GROUPS", {
+  enumerable: true,
+  get: function () {
+    return _colorPresets.COLOR_PRESET_GROUPS;
+  }
+});
+Object.defineProperty(exports, "COLOR_PRESET_REGISTRY", {
+  enumerable: true,
+  get: function () {
+    return _colorPresets.COLOR_PRESET_REGISTRY;
+  }
+});
+exports.ColorEngine = void 0;
+Object.defineProperty(exports, "FREE_COLOR_NAMES", {
+  enumerable: true,
+  get: function () {
+    return _colorPresets.FREE_COLOR_NAMES;
+  }
+});
+Object.defineProperty(exports, "HANDLE_COLOR_NAMES", {
+  enumerable: true,
+  get: function () {
+    return _colorPresets.HANDLE_COLOR_NAMES;
+  }
+});
+Object.defineProperty(exports, "HEX_TO_APP_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _colorPresets.HEX_TO_APP_COLOR;
+  }
+});
+Object.defineProperty(exports, "PREMIUM_COLOR_NAMES", {
+  enumerable: true,
+  get: function () {
+    return _colorPresets.PREMIUM_COLOR_NAMES;
+  }
+});
+Object.defineProperty(exports, "PRESS_LAYER_ALPHA", {
+  enumerable: true,
+  get: function () {
+    return _pressColors.PRESS_LAYER_ALPHA;
+  }
+});
+Object.defineProperty(exports, "STATUS_COLORS", {
+  enumerable: true,
+  get: function () {
+    return _buildTheme.STATUS_COLORS;
+  }
+});
+Object.defineProperty(exports, "THEME_GRADIENTS", {
+  enumerable: true,
+  get: function () {
+    return _gradients.THEME_GRADIENTS;
+  }
+});
+Object.defineProperty(exports, "ambientTheme", {
+  enumerable: true,
+  get: function () {
+    return _ambientStore.ambientTheme;
+  }
+});
+Object.defineProperty(exports, "applyDarkClass", {
+  enumerable: true,
+  get: function () {
+    return _applyDarkClass.applyDarkClass;
+  }
+});
+Object.defineProperty(exports, "applyPresetVarsToDocument", {
+  enumerable: true,
+  get: function () {
+    return _presetVars.applyPresetVarsToDocument;
+  }
+});
+Object.defineProperty(exports, "buildColorsFromSeed", {
+  enumerable: true,
+  get: function () {
+    return _buildThemeFromSeed.buildColorsFromSeed;
+  }
+});
+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, "hexToAppColorName", {
+  enumerable: true,
+  get: function () {
+    return _colorPresets.hexToAppColorName;
+  }
+});
+Object.defineProperty(exports, "initCssInteropDarkMode", {
+  enumerable: true,
+  get: function () {
+    return _initCssInterop.initCssInteropDarkMode;
+  }
+});
+Object.defineProperty(exports, "parseRgb", {
+  enumerable: true,
+  get: function () {
+    return _colorUtils.parseRgb;
+  }
+});
+Object.defineProperty(exports, "parseRgba", {
+  enumerable: true,
+  get: function () {
+    return _colorUtils.parseRgba;
+  }
+});
+Object.defineProperty(exports, "pressedSurface", {
+  enumerable: true,
+  get: function () {
+    return _pressColors.pressedSurface;
+  }
+});
+Object.defineProperty(exports, "resolveAccentColors", {
+  enumerable: true,
+  get: function () {
+    return _accentColors.resolveAccentColors;
+  }
+});
+Object.defineProperty(exports, "roleColorsToPresetTokens", {
+  enumerable: true,
+  get: function () {
+    return _seedScope.roleColorsToPresetTokens;
+  }
+});
+Object.defineProperty(exports, "setColorSchemeSafe", {
+  enumerable: true,
+  get: function () {
+    return _setColorSchemeSafe.setColorSchemeSafe;
+  }
+});
+Object.defineProperty(exports, "useAmbientTheme", {
+  enumerable: true,
+  get: function () {
+    return _ambientStore.useAmbientTheme;
+  }
+});
+Object.defineProperty(exports, "useBloomTheme", {
+  enumerable: true,
+  get: function () {
+    return _useTheme.useBloomTheme;
+  }
+});
+Object.defineProperty(exports, "useColorScopeStyle", {
+  enumerable: true,
+  get: function () {
+    return _indexWeb.useColorScopeStyle;
+  }
+});
+Object.defineProperty(exports, "useNavigationTheme", {
+  enumerable: true,
+  get: function () {
+    return _useNavigationTheme.useNavigationTheme;
+  }
+});
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: function () {
+    return _useTheme.useTheme;
+  }
+});
+Object.defineProperty(exports, "useThemeColor", {
+  enumerable: true,
+  get: function () {
+    return _useTheme.useThemeColor;
+  }
+});
+Object.defineProperty(exports, "webLocalStorage", {
+  enumerable: true,
+  get: function () {
+    return _persistence.webLocalStorage;
+  }
+});
+Object.defineProperty(exports, "withAlpha", {
+  enumerable: true,
+  get: function () {
+    return _colorUtils.withAlpha;
+  }
+});
+var _BloomThemeProvider = require("./BloomThemeProvider.js");
+var _indexWeb = require("./color-scope/index.web.js");
+var _indexWeb2 = require("./seed-scope/index.web.js");
+var _seedScope = require("./color-scope/seed-scope.js");
+var _ColorEngine = _interopRequireWildcard(require("./color-engine/index.js"));
+exports.ColorEngine = _ColorEngine;
+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 _ambientStore = require("./ambient-store.js");
+var _useNavigationTheme = require("./use-navigation-theme.js");
+var _colorPresets = require("./color-presets.js");
+var _colorUtils = require("./color-utils.js");
+var _pressColors = require("./press-colors.js");
+var _accentColors = require("./accent-colors.js");
+var _presetVars = require("./preset-vars.js");
+var _applyDarkClass = require("./apply-dark-class.js");
+var _setColorSchemeSafe = require("./set-color-scheme-safe.js");
+var _initCssInterop = require("./init-css-interop.js");
+var _persistence = require("./persistence.js");
+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); }
+//# sourceMappingURL=index.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_BloomThemeProvider","require","_indexWeb","_indexWeb2","_seedScope","_ColorEngine","_interopRequireWildcard","exports","ColorEngine","_buildTheme","_buildThemeFromSeed","_gradients","_useTheme","_ambientStore","_useNavigationTheme","_colorPresets","_colorUtils","_pressColors","_accentColors","_presetVars","_applyDarkClass","_setColorSchemeSafe","_initCssInterop","_persistence","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sourceRoot":"../../../src","sources":["theme/index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAAA,mBAAA,GAAAC,OAAA;AAKA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAAoE,IAAAI,YAAA,GAAAC,uBAAA,CAAAL,OAAA;AAAAM,OAAA,CAAAC,WAAA,GAAAH,YAAA;AAgBpE,IAAAI,WAAA,GAAAR,OAAA;AACA,IAAAS,mBAAA,GAAAT,OAAA;AAEA,IAAAU,UAAA,GAAAV,OAAA;AACA,IAAAW,SAAA,GAAAX,OAAA;AACA,IAAAY,aAAA,GAAAZ,OAAA;AAOA,IAAAa,mBAAA,GAAAb,OAAA;AAcA,IAAAc,aAAA,GAAAd,OAAA;AAcA,IAAAe,WAAA,GAAAf,OAAA;AAMA,IAAAgB,YAAA,GAAAhB,OAAA;AAMA,IAAAiB,aAAA,GAAAjB,OAAA;AAEA,IAAAkB,WAAA,GAAAlB,OAAA;AAGA,IAAAmB,eAAA,GAAAnB,OAAA;AACA,IAAAoB,mBAAA,GAAApB,OAAA;AACA,IAAAqB,eAAA,GAAArB,OAAA;AAEA,IAAAsB,YAAA,GAAAtB,OAAA;AAAgD,SAAAK,wBAAAkB,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAApB,uBAAA,YAAAA,CAAAkB,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA","ignoreList":[]}

package/lib/commonjs/theme/press-colors.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PRESS_LAYER_ALPHA = void 0;
+exports.pressedSurface = pressedSurface;
+var _colorUtils = require("./color-utils.js");
+/**
+ * The one answer to "what does a Bloom control look like while it is held?"
+ *
+ * Seven families — `Button`, `Fab`, `Chip`, `Tabs`, `Checkbox`, `Radio`,
+ * `FrostedIconButton` — used to answer it with a SCALE: a spring on an
+ * `Animated.Value` driving `transform: [{ scale }]` on native, and a
+ * `transform: scale(var(--<prefix>-press-scale, 1))` `:active` rule on web. They
+ * now answer it with a BACKGROUND, which is what both references this library is
+ * matched against do (react-native-reusables' `active:bg-accent`, the menu
+ * reference's `data-[highlighted]:bg-button-ghost-hover`) and which — unlike a
+ * transform — is the same affordance on both platforms.
+ *
+ * ── WHY A COMPOSITE AND NOT `withAlpha(fill, 0.9)` ──────────────────────────
+ *
+ * shadcn spells the filled case `active:bg-primary/90`: the fill at 90%, so the
+ * page shows through by a tenth. That is invisible whenever the fill is near the
+ * page colour, and two of Bloom's own surfaces are: `inverse` is `#FFFFFF` on a
+ * light page (`oxy` light is `rgb(255 239 253)`, so a 90% white moves by 1.6 of
+ * 255 — nothing), and a `surface` FAB is `--card`, white on the same page. A FAB
+ * also floats over ARBITRARY content, and `FrostedIconButton` sits over
+ * photographs by design, so "let what is behind show through" is not a
+ * definition that survives contact with this library.
+ *
+ * So a filled control keeps its hue and gains a STATE LAYER of its own LABEL
+ * colour — Material's model. The label colour is the one colour guaranteed to
+ * contrast with the fill it sits on, so the step is visible whatever the fill,
+ * whatever the mode, and whatever is behind. At {@link PRESS_LAYER_ALPHA} it
+ * lands within three units per channel of where `bg-primary/90` lands in light
+ * mode, and keeps working in dark mode where that spelling inverts.
+ *
+ * ── WHY `contrast50` FOR AN UNFILLED CONTROL ────────────────────────────────
+ *
+ * There is no fill to layer onto, so the press IS the fill. `contrast50` is
+ * `--muted`, which every preset resolves to the same value as `--accent` — so
+ * this is literally `active:bg-accent`, and it is the wash `Item`,
+ * `SubtleHover`, `SegmentedControl` and every menu row already paint. A pressed
+ * ghost button and a highlighted menu row are then the same colour, which is the
+ * point: one press vocabulary, not seven.
+ *
+ * Pure — takes `ThemeColors` rather than calling `useTheme()`, so the gate can
+ * walk every preset x mode x family without rendering.
+ */
+
+/**
+ * Opacity of the pressed state layer, Material 3's value for the pressed state.
+ *
+ * One number for the whole library. A press is the loudest of the three
+ * interaction states, so nothing else may exceed it: `SubtleHover` and the
+ * hover rules sit below.
+ */
+const PRESS_LAYER_ALPHA = exports.PRESS_LAYER_ALPHA = 0.12;
+
+/** Composite `layer` at `alpha` over `base`, both already parsed. */
+function sourceOver(base, layer, alpha) {
+  // Porter-Duff source-over. `base.a` is carried through rather than assumed to
+  // be 1, because half the palette is translucent: the `*Subtle` tints a `Chip`
+  // paints resolve to `rgba(r, g, b, 0.13)`, and `FrostedIconButton`'s whole
+  // surface is a low-alpha tint of the text colour. Flattening those to opaque
+  // would turn a tint into a fill and a frosted chip into a solid disc.
+  const outA = alpha + base.a * (1 - alpha);
+  const mix = (l, b) => Math.round((l * alpha + b * base.a * (1 - alpha)) / outA);
+  const r = mix(layer.r, base.r);
+  const g = mix(layer.g, base.g);
+  const b = mix(layer.b, base.b);
+  if (outA >= 1) return `rgb(${r} ${g} ${b})`;
+  return `rgba(${r}, ${g}, ${b}, ${Number(outA.toFixed(4))})`;
+}
+
+/**
+ * The background a control paints while it is held.
+ *
+ * @param colors - The resolved palette, for the unfilled case's neutral wash.
+ * @param surface - What the control paints at REST. `'transparent'` — or
+ *   anything unparseable — means it has no fill of its own.
+ * @param layer - The control's own label/icon colour, used as the state layer.
+ *
+ * Both fallbacks land on `contrast50` rather than returning `surface` unchanged,
+ * because "no press feedback at all" is the failure this whole change exists to
+ * remove, and an unparseable colour is exactly what a caller-supplied one
+ * (`Checkbox`'s `color`, `Radio`'s `color`) can be — a CSS keyword parses to
+ * neither.
+ */
+function pressedSurface(colors, surface, layer) {
+  const base = (0, _colorUtils.parseRgba)(surface);
+  if (!base || base.a === 0) return colors.contrast50;
+  const top = (0, _colorUtils.parseRgba)(layer);
+  if (!top) return colors.contrast50;
+  return sourceOver(base, top, PRESS_LAYER_ALPHA);
+}
+//# sourceMappingURL=press-colors.js.map

package/lib/commonjs/theme/press-colors.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_colorUtils","require","PRESS_LAYER_ALPHA","exports","sourceOver","base","layer","alpha","outA","a","mix","l","b","Math","round","r","g","Number","toFixed","pressedSurface","colors","surface","parseRgba","contrast50","top"],"sourceRoot":"../../../src","sources":["theme/press-colors.ts"],"mappings":";;;;;;;AA0CA,IAAAA,WAAA,GAAAC,OAAA;AA1CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAI;;AAErC;AACA,SAASE,UAAUA,CACjBC,IAAoD,EACpDC,KAA0C,EAC1CC,KAAa,EACL;EACR;EACA;EACA;EACA;EACA;EACA,MAAMC,IAAI,GAAGD,KAAK,GAAGF,IAAI,CAACI,CAAC,IAAI,CAAC,GAAGF,KAAK,CAAC;EACzC,MAAMG,GAAG,GAAGA,CAACC,CAAS,EAAEC,CAAS,KAC/BC,IAAI,CAACC,KAAK,CAAC,CAACH,CAAC,GAAGJ,KAAK,GAAGK,CAAC,GAAGP,IAAI,CAACI,CAAC,IAAI,CAAC,GAAGF,KAAK,CAAC,IAAIC,IAAI,CAAC;EAC3D,MAAMO,CAAC,GAAGL,GAAG,CAACJ,KAAK,CAACS,CAAC,EAAEV,IAAI,CAACU,CAAC,CAAC;EAC9B,MAAMC,CAAC,GAAGN,GAAG,CAACJ,KAAK,CAACU,CAAC,EAAEX,IAAI,CAACW,CAAC,CAAC;EAC9B,MAAMJ,CAAC,GAAGF,GAAG,CAACJ,KAAK,CAACM,CAAC,EAAEP,IAAI,CAACO,CAAC,CAAC;EAC9B,IAAIJ,IAAI,IAAI,CAAC,EAAE,OAAO,OAAOO,CAAC,IAAIC,CAAC,IAAIJ,CAAC,GAAG;EAC3C,OAAO,QAAQG,CAAC,KAAKC,CAAC,KAAKJ,CAAC,KAAKK,MAAM,CAACT,IAAI,CAACU,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG;AAC7D;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAC5BC,MAAmB,EACnBC,OAAe,EACff,KAAa,EACL;EACR,MAAMD,IAAI,GAAG,IAAAiB,qBAAS,EAACD,OAAO,CAAC;EAC/B,IAAI,CAAChB,IAAI,IAAIA,IAAI,CAACI,CAAC,KAAK,CAAC,EAAE,OAAOW,MAAM,CAACG,UAAU;EACnD,MAAMC,GAAG,GAAG,IAAAF,qBAAS,EAAChB,KAAK,CAAC;EAC5B,IAAI,CAACkB,GAAG,EAAE,OAAOJ,MAAM,CAACG,UAAU;EAClC,OAAOnB,UAAU,CAACC,IAAI,EAAEmB,GAAG,EAAEtB,iBAAiB,CAAC;AACjD","ignoreList":[]}

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

@@ -0,0 +1,94 @@
+"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,
+  secondarySeed,
+  tertiarySeed,
+  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,
+    secondarySeed,
+    tertiarySeed
+  }) : null, [seed, resolvedMode, variant, contrastLevel, secondarySeed, tertiarySeed]);
+  const contextValue = (0, _react.useMemo)(() => {
+    if (!parent || !seed) return null;
+    const theme = (0, _buildThemeFromSeed.buildThemeFromSeed)(seed, resolvedMode, variant, contrastLevel, {
+      secondarySeed,
+      tertiarySeed
+    });
+    return {
+      ...parent,
+      theme
+    };
+  }, [parent, seed, resolvedMode, variant, contrastLevel, secondarySeed, tertiarySeed]);
+  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=SeedScope.js.map

package/lib/commonjs/theme/seed-scope/SeedScope.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","secondarySeed","tertiarySeed","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/SeedScope.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,93 @@
+"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,
+  secondarySeed,
+  tertiarySeed,
+  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,
+    secondarySeed,
+    tertiarySeed
+  }) : null, [seed, resolvedMode, variant, contrastLevel, secondarySeed, tertiarySeed]);
+  const contextValue = (0, _react.useMemo)(() => {
+    if (!parent || !seed) return null;
+    const theme = (0, _buildThemeFromSeed.buildThemeFromSeed)(seed, resolvedMode, variant, contrastLevel, {
+      secondarySeed,
+      tertiarySeed
+    });
+    return {
+      ...parent,
+      theme
+    };
+  }, [parent, seed, resolvedMode, variant, contrastLevel, secondarySeed, tertiarySeed]);
+  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=SeedScope.web.js.map

package/lib/commonjs/theme/seed-scope/SeedScope.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","secondarySeed","tertiarySeed","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/SeedScope.web.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAA8D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAiC9D;AACA;AACA;AACA;AACA;AACA;;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASkB,cAAcA,CAAC;EAC7BC,IAAI;EACJC,aAAa;EACbC,YAAY;EACZC,OAAO;EACPC,aAAa;EACbC,OAAO,GAAG,KAAK;EACfC,KAAK;EACLC;AACmB,CAAC,EAAE;EACtB,MAAMC,MAAM,GAAG,IAAAC,iBAAU,EAACC,qCAAiB,CAAC;EAC5C,MAAMC,YAAY,GAAGH,MAAM,EAAEI,KAAK,CAACC,IAAI,IAAI,OAAO;EAElD,MAAMC,SAAS,GAAG,IAAAC,cAAO,EACvB,MACEf,IAAI,GACC,IAAAgB,6BAAkB,EAAC;IAClBhB,IAAI;IACJa,IAAI,EAAEF,YAAY;IAClBR,OAAO;IACPC,aAAa;IACbH,aAAa;IACbC;EACF,CAAC,CAAC,GACF,IAAI,EACV,CAACF,IAAI,EAAEW,YAAY,EAAER,OAAO,EAAEC,aAAa,EAAEH,aAAa,EAAEC,YAAY,CAC1E,CAAC;EAED,MAAMe,YAAY,GAAG,IAAAF,cAAO,EAAgC,MAAM;IAChE,IAAI,CAACP,MAAM,IAAI,CAACR,IAAI,EAAE,OAAO,IAAI;IACjC,MAAMY,KAAK,GAAG,IAAAM,sCAAkB,EAAClB,IAAI,EAAEW,YAAY,EAAER,OAAO,EAAEC,aAAa,EAAE;MAAEH,aAAa;MAAEC;IAAa,CAAC,CAAC;IAC7G,OAAO;MAAE,GAAGM,MAAM;MAAEI;IAAM,CAAC;EAC7B,CAAC,EAAE,CAACJ,MAAM,EAAER,IAAI,EAAEW,YAAY,EAAER,OAAO,EAAEC,aAAa,EAAEH,aAAa,EAAEC,YAAY,CAAC,CAAC;EAErF,IAAI,CAACM,MAAM,EAAE;IACX,MAAM,IAAIW,KAAK,CAAC,2DAA2D,CAAC;EAC9E;EACA,IAAI,CAACL,SAAS,IAAI,CAACG,YAAY,EAAE,oBAAO,IAAAtC,WAAA,CAAAyC,GAAA,EAAAzC,WAAA,CAAA0C,QAAA;IAAAd,QAAA,EAAGA;EAAQ,CAAG,CAAC;EAEvD,IAAIe,OAAwB;EAC5B,IAAIjB,OAAO,EAAE;IACX,MAAMkB,KAAK,GAAGC,eAAQ,CAACC,IAAI,CAAClB,QAAQ,CAAC;IACrC,IAAI,eAAC,IAAAmB,qBAAc,EAAiBH,KAAK,CAAC,EAAE;MAC1C,MAAM,IAAIJ,KAAK,CACb,kGACF,CAAC;IACH;IACA,MAAMQ,UAAU,GAAGJ,KAAK,CAACK,KAAK,CAACtB,KAAK;IACpC,MAAMuB,WAAqB,GAAG,CAACf,SAAS,EAAER,KAAK,EAAEqB,UAAU,CAAC;IAC5DL,OAAO,gBAAG,IAAAQ,mBAAY,EAACP,KAAK,EAAE;MAAEjB,KAAK,EAAEuB;IAAY,CAAC,CAAC;EACvD,CAAC,MAAM;IACL,MAAMA,WAAgC,GAAG;MAAE,GAAGf,SAAS;MAAE,GAAGR;IAAM,CAAC;IACnEgB,OAAO,gBAAG,IAAA3C,WAAA,CAAAyC,GAAA;MAAKd,KAAK,EAAEuB,WAAY;MAAAtB,QAAA,EAAEA;IAAQ,CAAM,CAAC;EACrD;EAEA,oBAAO,IAAA5B,WAAA,CAAAyC,GAAA,EAAC5C,mBAAA,CAAAkC,iBAAiB,CAACqB,QAAQ;IAACC,KAAK,EAAEf,YAAa;IAAAV,QAAA,EAAEe;EAAO,CAA6B,CAAC;AAChG","ignoreList":[]}