@oxyhq/bloom 0.89.0 → 1.0.1

package/lib/commonjs/theme/color-scope/ColorScope.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BloomColorScope = BloomColorScope;
+exports.useColorScopeStyle = useColorScopeStyle;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _BloomThemeProvider = require("../BloomThemeProvider.js");
+var _buildTheme = require("../build-theme.js");
+var _styleBuilder = require("./style-builder.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); }
+function BloomColorScope({
+  colorPreset,
+  asChild = false,
+  style,
+  children
+}) {
+  // All hooks are called UNCONDITIONALLY, in the same order on every render —
+  // never gate a hook behind an early return (rules of hooks). The conditional
+  // no-op/throw behavior is applied AFTER every hook has run, using the values
+  // the hooks produced. `resolvedMode` falls back harmlessly when the provider
+  // is absent (that render path throws below anyway).
+  const parent = (0, _react.useContext)(_BloomThemeProvider.BloomThemeContext);
+  const resolvedMode = parent?.theme.mode ?? 'light';
+  const contextValue = (0, _react.useMemo)(() => {
+    if (!parent || !colorPreset) return null;
+    const theme = (0, _buildTheme.buildTheme)(colorPreset, resolvedMode);
+    return {
+      ...parent,
+      theme,
+      colorPreset
+    };
+  }, [colorPreset, resolvedMode, parent]);
+
+  // Preset vars flow to the subtree through react-native-css's real
+  // VariableContext (`VariableContextProvider`), NOT via an inline `vars()`
+  // style — under react-native-css@3 inline vars applied to a plain `<View>`
+  // (no matched className rules) are dropped silently. See `style-builder.ts`.
+  const nativeVars = (0, _react.useMemo)(() => colorPreset ? (0, _styleBuilder.buildScopeVars)(colorPreset, resolvedMode) : null, [colorPreset, resolvedMode]);
+  if (!parent) {
+    throw new Error('BloomColorScope must be used within a <BloomThemeProvider>');
+  }
+  // `colorPreset` undefined => the scope is a no-op; children inherit the
+  // parent scope. With `parent` present, `contextValue`/`nativeVars` are null
+  // iff `colorPreset` is absent, so this guard also narrows them to non-null.
+  if (!contextValue || !nativeVars) 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('BloomColorScope with `asChild` requires a single React element child that accepts a `style` prop.');
+    }
+    // The vars no longer ride on the child's `style`; merge only the caller's
+    // `style` and the child's own `style` (child last so its styles win).
+    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
+    });
+  }
+
+  // Wrap the subtree in the variable provider when NativeWind is available;
+  // otherwise render as-is so we never crash on web/non-NativeWind hosts.
+  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
+  });
+}
+
+/**
+ * Escape hatch for advanced cases where the wrapping element is owned by the
+ * caller. Returns a stable native style object carrying the preset's CSS vars
+ * via NativeWind's `vars()`. Returns `undefined` on web or when `nativewind`
+ * is not installed.
+ *
+ * NOTE: subject to the react-native-css@3 limitation — the returned style only
+ * propagates vars to descendants when applied to an interop className component
+ * (the runtime gates propagation on matched className style rules). It is a
+ * no-op on a plain `<View>` with no `className`. For the common case prefer
+ * `<BloomColorScope>`, which wraps children in `VariableContextProvider`.
+ */
+function useColorScopeStyle(colorPreset) {
+  // Hooks first, unconditionally; throw only after they have all run.
+  const parent = (0, _react.useContext)(_BloomThemeProvider.BloomThemeContext);
+  const resolvedMode = parent?.theme.mode ?? 'light';
+  const scopeStyle = (0, _react.useMemo)(() => (0, _styleBuilder.buildNativePresetStyle)(colorPreset, resolvedMode), [colorPreset, resolvedMode]);
+  if (!parent) {
+    throw new Error('useColorScopeStyle must be used within a <BloomThemeProvider>');
+  }
+  return scopeStyle;
+}
+//# sourceMappingURL=ColorScope.js.map

package/lib/commonjs/theme/color-scope/ColorScope.js.map

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

package/lib/commonjs/theme/color-scope/ColorScope.web.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BloomColorScope = BloomColorScope;
+exports.useColorScopeStyle = useColorScopeStyle;
+var _react = _interopRequireWildcard(require("react"));
+var _BloomThemeProvider = require("../BloomThemeProvider.js");
+var _buildTheme = require("../build-theme.js");
+var _styleBuilder = require("./style-builder.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); }
+/**
+ * `buildScopeVars` returns every canonical token already resolved to an sRGB
+ * `rgb(...)` string, plus the `--color-*` aliases consumed by Tailwind v4
+ * utilities. Scoped onto an element's inline `style`, profile-level NativeWind
+ * classes resolve against the subtree preset instead of the document root.
+ */function buildWebScopeVars(colorPreset, mode) {
+  return (0, _styleBuilder.buildScopeVars)(colorPreset, mode);
+}
+
+/**
+ * On web, the single `asChild` child is frequently a react-native-web
+ * component (e.g. RN `<View>`) whose `style` prop is a *style array* (or a
+ * numeric registered-style id), not a plain `React.CSSProperties` object.
+ * react-native-web flattens nested style arrays, so the cloned child must
+ * receive an array — spreading an array into an object literal would copy its
+ * numeric indices as keys and crash RNW when it commits them to the DOM
+ * (`Failed to set an indexed property [0] on 'CSSStyleDeclaration'`).
+ */
+
+function BloomColorScope({
+  colorPreset,
+  asChild = false,
+  style,
+  children
+}) {
+  // All hooks are called UNCONDITIONALLY, in the same order on every render —
+  // never gate a hook behind an early return (rules of hooks). The conditional
+  // no-op/throw behavior is applied AFTER every hook has run, using the values
+  // the hooks produced. `resolvedMode` falls back harmlessly when the provider
+  // is absent (that render path throws below anyway).
+  const parent = (0, _react.useContext)(_BloomThemeProvider.BloomThemeContext);
+  const resolvedMode = parent?.theme.mode ?? 'light';
+  const contextValue = (0, _react.useMemo)(() => {
+    if (!parent || !colorPreset) return null;
+    const theme = (0, _buildTheme.buildTheme)(colorPreset, resolvedMode);
+    return {
+      ...parent,
+      theme,
+      colorPreset
+    };
+  }, [colorPreset, resolvedMode, parent]);
+  const varsStyle = (0, _react.useMemo)(() => colorPreset ? buildWebScopeVars(colorPreset, resolvedMode) : null, [colorPreset, resolvedMode]);
+  if (!parent) {
+    throw new Error('BloomColorScope must be used within a <BloomThemeProvider>');
+  }
+  // `colorPreset` undefined => the scope is a no-op; children inherit the
+  // parent scope. With `parent` present, `contextValue`/`varsStyle` are null
+  // iff `colorPreset` is absent, so this guard also narrows them to non-null.
+  if (!contextValue || !varsStyle) 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('BloomColorScope with `asChild` requires a single React element child that accepts a `style` prop.');
+    }
+    // Merge as a style ARRAY (the RNW-safe form): scope vars first, then the
+    // caller's `style`, then the child's own `style` last so its explicit
+    // styles win. react-native-web flattens nested arrays correctly; spreading
+    // the child's style (which is often an RN style array or numeric id) into an
+    // object literal would copy numeric indices as keys and crash RNW.
+    const childStyle = child.props.style;
+    const mergedStyle = [varsStyle, style, childStyle];
+    content = /*#__PURE__*/(0, _react.cloneElement)(child, {
+      style: mergedStyle
+    });
+  } else {
+    // A plain DOM `<div>` does NOT accept style arrays — only the cloned child
+    // path can, so the wrapper keeps using an object spread.
+    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
+  });
+}
+
+/**
+ * Escape hatch for advanced cases where the wrapping element is owned by the
+ * caller. Returns a stable React style object carrying the preset's CSS vars.
+ */
+function useColorScopeStyle(colorPreset) {
+  // Hooks first, unconditionally; throw only after they have all run.
+  const parent = (0, _react.useContext)(_BloomThemeProvider.BloomThemeContext);
+  const resolvedMode = parent?.theme.mode ?? 'light';
+  const scopeStyle = (0, _react.useMemo)(() => buildWebScopeVars(colorPreset, resolvedMode), [colorPreset, resolvedMode]);
+  if (!parent) {
+    throw new Error('useColorScopeStyle must be used within a <BloomThemeProvider>');
+  }
+  return scopeStyle;
+}
+//# sourceMappingURL=ColorScope.web.js.map

package/lib/commonjs/theme/color-scope/ColorScope.web.js.map

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

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

@@ -3,107 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BloomColorScope = BloomColorScope;
-exports.useColorScopeStyle = useColorScopeStyle;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _BloomThemeProvider = require("../BloomThemeProvider.js");
-var _buildTheme = require("../build-theme.js");
-var _styleBuilder = require("./style-builder.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); }
-function BloomColorScope({
-  colorPreset,
-  asChild = false,
-  style,
-  children
-}) {
-  // All hooks are called UNCONDITIONALLY, in the same order on every render —
-  // never gate a hook behind an early return (rules of hooks). The conditional
-  // no-op/throw behavior is applied AFTER every hook has run, using the values
-  // the hooks produced. `resolvedMode` falls back harmlessly when the provider
-  // is absent (that render path throws below anyway).
-  const parent = (0, _react.useContext)(_BloomThemeProvider.BloomThemeContext);
-  const resolvedMode = parent?.theme.mode ?? 'light';
-  const contextValue = (0, _react.useMemo)(() => {
-    if (!parent || !colorPreset) return null;
-    const theme = (0, _buildTheme.buildTheme)(colorPreset, resolvedMode);
-    return {
-      ...parent,
-      theme,
-      colorPreset
-    };
-  }, [colorPreset, resolvedMode, parent]);
-
-  // Preset vars flow to the subtree through react-native-css's real
-  // VariableContext (`VariableContextProvider`), NOT via an inline `vars()`
-  // style — under react-native-css@3 inline vars applied to a plain `<View>`
-  // (no matched className rules) are dropped silently. See `style-builder.ts`.
-  const nativeVars = (0, _react.useMemo)(() => colorPreset ? (0, _styleBuilder.buildScopeVars)(colorPreset, resolvedMode) : null, [colorPreset, resolvedMode]);
-  if (!parent) {
-    throw new Error('BloomColorScope must be used within a <BloomThemeProvider>');
-  }
-  // `colorPreset` undefined => the scope is a no-op; children inherit the
-  // parent scope. With `parent` present, `contextValue`/`nativeVars` are null
-  // iff `colorPreset` is absent, so this guard also narrows them to non-null.
-  if (!contextValue || !nativeVars) 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('BloomColorScope with `asChild` requires a single React element child that accepts a `style` prop.');
-    }
-    // The vars no longer ride on the child's `style`; merge only the caller's
-    // `style` and the child's own `style` (child last so its styles win).
-    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
-    });
+Object.defineProperty(exports, "BloomColorScope", {
+  enumerable: true,
+  get: function () {
+    return _ColorScope.BloomColorScope;
   }
-
-  // Wrap the subtree in the variable provider when NativeWind is available;
-  // otherwise render as-is so we never crash on web/non-NativeWind hosts.
-  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
-  });
-}
-
-/**
- * Escape hatch for advanced cases where the wrapping element is owned by the
- * caller. Returns a stable native style object carrying the preset's CSS vars
- * via NativeWind's `vars()`. Returns `undefined` on web or when `nativewind`
- * is not installed.
- *
- * NOTE: subject to the react-native-css@3 limitation — the returned style only
- * propagates vars to descendants when applied to an interop className component
- * (the runtime gates propagation on matched className style rules). It is a
- * no-op on a plain `<View>` with no `className`. For the common case prefer
- * `<BloomColorScope>`, which wraps children in `VariableContextProvider`.
- */
-function useColorScopeStyle(colorPreset) {
-  // Hooks first, unconditionally; throw only after they have all run.
-  const parent = (0, _react.useContext)(_BloomThemeProvider.BloomThemeContext);
-  const resolvedMode = parent?.theme.mode ?? 'light';
-  const scopeStyle = (0, _react.useMemo)(() => (0, _styleBuilder.buildNativePresetStyle)(colorPreset, resolvedMode), [colorPreset, resolvedMode]);
-  if (!parent) {
-    throw new Error('useColorScopeStyle must be used within a <BloomThemeProvider>');
+});
+Object.defineProperty(exports, "useColorScopeStyle", {
+  enumerable: true,
+  get: function () {
+    return _ColorScope.useColorScopeStyle;
   }
-  return scopeStyle;
-}
+});
+var _ColorScope = require("./ColorScope");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_BloomThemeProvider","_buildTheme","_styleBuilder","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BloomColorScope","colorPreset","asChild","style","children","parent","useContext","BloomThemeContext","resolvedMode","theme","mode","contextValue","useMemo","buildTheme","nativeVars","buildScopeVars","Error","jsx","Fragment","VariableProvider","getVariableContextProvider","content","child","Children","only","isValidElement","childStyle","props","mergedStyle","cloneElement","View","flex","scoped","value","Provider","useColorScopeStyle","scopeStyle","buildNativePresetStyle"],"sourceRoot":"../../../../src","sources":["theme/color-scope/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_ColorScope","require"],"sourceRoot":"../../../../src","sources":["theme/color-scope/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA","ignoreList":[]}

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

@@ -3,111 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BloomColorScope = BloomColorScope;
-exports.useColorScopeStyle = useColorScopeStyle;
-var _react = _interopRequireWildcard(require("react"));
-var _BloomThemeProvider = require("../BloomThemeProvider.js");
-var _buildTheme = require("../build-theme.js");
-var _styleBuilder = require("./style-builder.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); }
-/**
- * `buildScopeVars` returns every canonical token already resolved to an sRGB
- * `rgb(...)` string, plus the `--color-*` aliases consumed by Tailwind v4
- * utilities. Scoped onto an element's inline `style`, profile-level NativeWind
- * classes resolve against the subtree preset instead of the document root.
- */function buildWebScopeVars(colorPreset, mode) {
-  return (0, _styleBuilder.buildScopeVars)(colorPreset, mode);
-}
-
-/**
- * On web, the single `asChild` child is frequently a react-native-web
- * component (e.g. RN `<View>`) whose `style` prop is a *style array* (or a
- * numeric registered-style id), not a plain `React.CSSProperties` object.
- * react-native-web flattens nested style arrays, so the cloned child must
- * receive an array — spreading an array into an object literal would copy its
- * numeric indices as keys and crash RNW when it commits them to the DOM
- * (`Failed to set an indexed property [0] on 'CSSStyleDeclaration'`).
- */
-
-function BloomColorScope({
-  colorPreset,
-  asChild = false,
-  style,
-  children
-}) {
-  // All hooks are called UNCONDITIONALLY, in the same order on every render —
-  // never gate a hook behind an early return (rules of hooks). The conditional
-  // no-op/throw behavior is applied AFTER every hook has run, using the values
-  // the hooks produced. `resolvedMode` falls back harmlessly when the provider
-  // is absent (that render path throws below anyway).
-  const parent = (0, _react.useContext)(_BloomThemeProvider.BloomThemeContext);
-  const resolvedMode = parent?.theme.mode ?? 'light';
-  const contextValue = (0, _react.useMemo)(() => {
-    if (!parent || !colorPreset) return null;
-    const theme = (0, _buildTheme.buildTheme)(colorPreset, resolvedMode);
-    return {
-      ...parent,
-      theme,
-      colorPreset
-    };
-  }, [colorPreset, resolvedMode, parent]);
-  const varsStyle = (0, _react.useMemo)(() => colorPreset ? buildWebScopeVars(colorPreset, resolvedMode) : null, [colorPreset, resolvedMode]);
-  if (!parent) {
-    throw new Error('BloomColorScope must be used within a <BloomThemeProvider>');
-  }
-  // `colorPreset` undefined => the scope is a no-op; children inherit the
-  // parent scope. With `parent` present, `contextValue`/`varsStyle` are null
-  // iff `colorPreset` is absent, so this guard also narrows them to non-null.
-  if (!contextValue || !varsStyle) 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('BloomColorScope with `asChild` requires a single React element child that accepts a `style` prop.');
-    }
-    // Merge as a style ARRAY (the RNW-safe form): scope vars first, then the
-    // caller's `style`, then the child's own `style` last so its explicit
-    // styles win. react-native-web flattens nested arrays correctly; spreading
-    // the child's style (which is often an RN style array or numeric id) into an
-    // object literal would copy numeric indices as keys and crash RNW.
-    const childStyle = child.props.style;
-    const mergedStyle = [varsStyle, style, childStyle];
-    content = /*#__PURE__*/(0, _react.cloneElement)(child, {
-      style: mergedStyle
-    });
-  } else {
-    // A plain DOM `<div>` does NOT accept style arrays — only the cloned child
-    // path can, so the wrapper keeps using an object spread.
-    const mergedStyle = {
-      ...varsStyle,
-      ...style
-    };
-    content = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      style: mergedStyle,
-      children: children
-    });
+Object.defineProperty(exports, "BloomColorScope", {
+  enumerable: true,
+  get: function () {
+    return _ColorScopeWeb.BloomColorScope;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BloomThemeProvider.BloomThemeContext.Provider, {
-    value: contextValue,
-    children: content
-  });
-}
-
-/**
- * Escape hatch for advanced cases where the wrapping element is owned by the
- * caller. Returns a stable React style object carrying the preset's CSS vars.
- */
-function useColorScopeStyle(colorPreset) {
-  // Hooks first, unconditionally; throw only after they have all run.
-  const parent = (0, _react.useContext)(_BloomThemeProvider.BloomThemeContext);
-  const resolvedMode = parent?.theme.mode ?? 'light';
-  const scopeStyle = (0, _react.useMemo)(() => buildWebScopeVars(colorPreset, resolvedMode), [colorPreset, resolvedMode]);
-  if (!parent) {
-    throw new Error('useColorScopeStyle must be used within a <BloomThemeProvider>');
+});
+Object.defineProperty(exports, "useColorScopeStyle", {
+  enumerable: true,
+  get: function () {
+    return _ColorScopeWeb.useColorScopeStyle;
   }
-  return scopeStyle;
-}
+});
+var _ColorScopeWeb = require("./ColorScope.web.js");
 //# sourceMappingURL=index.web.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_BloomThemeProvider","_buildTheme","_styleBuilder","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","buildWebScopeVars","colorPreset","mode","buildScopeVars","BloomColorScope","asChild","style","children","parent","useContext","BloomThemeContext","resolvedMode","theme","contextValue","useMemo","buildTheme","varsStyle","Error","jsx","Fragment","content","child","Children","only","isValidElement","childStyle","props","mergedStyle","cloneElement","Provider","value","useColorScopeStyle","scopeStyle"],"sourceRoot":"../../../../src","sources":["theme/color-scope/index.web.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_ColorScopeWeb","require"],"sourceRoot":"../../../../src","sources":["theme/color-scope/index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/theme/color-utils.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.parseRgb = parseRgb;
+exports.parseRgba = parseRgba;
 exports.withAlpha = withAlpha;
 /**
  * Graceful color-utility primitives for consumer-facing composition.
@@ -19,14 +20,24 @@ exports.withAlpha = withAlpha;
 
 /** RGB channels, each 0..255. */
 
+/** RGB channels plus the alpha they were written with, 0..1. */
+
 /**
- * Parse a color string into its RGB channels, or `null` if it can't be parsed.
+ * Parse a color string into its RGB channels AND its alpha, or `null` if it
+ * can't be parsed.
  *
  * Accepts Bloom's canonical space-separated `rgb(r g b)` output, legacy
- * comma-separated `rgb(r, g, b)` / `rgba(...)`, and `#rgb` / `#rrggbb` hex.
- * Anything else yields `null` so callers can fall back to the original value.
+ * comma-separated `rgb(r, g, b)` / `rgba(r, g, b, a)`, the slash form
+ * `rgb(r g b / a)` with a decimal or percentage alpha, and `#rgb` / `#rrggbb`
+ * hex. Anything else yields `null` so callers can fall back to the original
+ * value. A color with no alpha component reads back as `a: 1`.
+ *
+ * The alpha matters because half the palette carries one: the `*Subtle` tints
+ * resolve to `rgba(r, g, b, 0.13)` in light and `0.24` in dark, so anything
+ * compositing onto a tint has to know it is compositing onto something
+ * translucent — dropping the alpha silently turns a tint into an opaque fill.
  */
-function parseRgb(color) {
+function parseRgba(color) {
   const trimmed = color.trim();
   if (trimmed.startsWith('#')) {
     let hex = trimmed.slice(1);
@@ -39,20 +50,47 @@ function parseRgb(color) {
     return {
       r,
       g,
-      b
+      b,
+      a: 1
     };
   }
   const match = /rgba?\(([^)]+)\)/i.exec(trimmed);
   if (!match || match[1] === undefined) return null;
-  const parts = match[1].split(/[\s,/]+/).filter(Boolean).map(Number);
-  if (parts.length < 3) return null;
-  const [r, g, b] = parts;
+  const raw = match[1].split(/[\s,/]+/).filter(Boolean);
+  if (raw.length < 3) return null;
+  const [r, g, b] = raw.map(Number);
   if (r === undefined || g === undefined || b === undefined) return null;
   if ([r, g, b].some(v => Number.isNaN(v))) return null;
+  const alphaText = raw[3];
+  if (alphaText === undefined) return {
+    r,
+    g,
+    b,
+    a: 1
+  };
+  const a = alphaText.endsWith('%') ? Number(alphaText.slice(0, -1)) / 100 : Number(alphaText);
+  if (Number.isNaN(a)) return null;
   return {
     r,
     g,
-    b
+    b,
+    a
+  };
+}
+
+/**
+ * Parse a color string into its RGB channels, or `null` if it can't be parsed.
+ *
+ * Discards any alpha the string carried — use {@link parseRgba} when the alpha
+ * is part of what you are computing.
+ */
+function parseRgb(color) {
+  const parsed = parseRgba(color);
+  if (!parsed) return null;
+  return {
+    r: parsed.r,
+    g: parsed.g,
+    b: parsed.b
   };
 }
 

package/lib/commonjs/theme/color-utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["parseRgb","color","trimmed","trim","startsWith","hex","slice","length","split","map","c","join","r","parseInt","g","b","some","v","Number","isNaN","match","exec","undefined","parts","filter","Boolean","withAlpha","alpha","rgb"],"sourceRoot":"../../../src","sources":["theme/color-utils.ts"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,QAAQA,CAACC,KAAa,EAAsB;EAC1D,MAAMC,OAAO,GAAGD,KAAK,CAACE,IAAI,CAAC,CAAC;EAC5B,IAAID,OAAO,CAACE,UAAU,CAAC,GAAG,CAAC,EAAE;IAC3B,IAAIC,GAAG,GAAGH,OAAO,CAACI,KAAK,CAAC,CAAC,CAAC;IAC1B,IAAID,GAAG,CAACE,MAAM,KAAK,CAAC,EAAEF,GAAG,GAAGA,GAAG,CAACG,KAAK,CAAC,EAAE,CAAC,CAACC,GAAG,CAAEC,CAAC,IAAKA,CAAC,GAAGA,CAAC,CAAC,CAACC,IAAI,CAAC,EAAE,CAAC;IACpE,IAAIN,GAAG,CAACE,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;IACjC,MAAMK,CAAC,GAAGC,QAAQ,CAACR,GAAG,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;IACvC,MAAMQ,CAAC,GAAGD,QAAQ,CAACR,GAAG,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;IACvC,MAAMS,CAAC,GAAGF,QAAQ,CAACR,GAAG,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;IACvC,IAAI,CAACM,CAAC,EAAEE,CAAC,EAAEC,CAAC,CAAC,CAACC,IAAI,CAAEC,CAAC,IAAKC,MAAM,CAACC,KAAK,CAACF,CAAC,CAAC,CAAC,EAAE,OAAO,IAAI;IACvD,OAAO;MAAEL,CAAC;MAAEE,CAAC;MAAEC;IAAE,CAAC;EACpB;EACA,MAAMK,KAAK,GAAG,mBAAmB,CAACC,IAAI,CAACnB,OAAO,CAAC;EAC/C,IAAI,CAACkB,KAAK,IAAIA,KAAK,CAAC,CAAC,CAAC,KAAKE,SAAS,EAAE,OAAO,IAAI;EACjD,MAAMC,KAAK,GAAGH,KAAK,CAAC,CAAC,CAAC,CAACZ,KAAK,CAAC,SAAS,CAAC,CAACgB,MAAM,CAACC,OAAO,CAAC,CAAChB,GAAG,CAACS,MAAM,CAAC;EACnE,IAAIK,KAAK,CAAChB,MAAM,GAAG,CAAC,EAAE,OAAO,IAAI;EACjC,MAAM,CAACK,CAAC,EAAEE,CAAC,EAAEC,CAAC,CAAC,GAAGQ,KAAK;EACvB,IAAIX,CAAC,KAAKU,SAAS,IAAIR,CAAC,KAAKQ,SAAS,IAAIP,CAAC,KAAKO,SAAS,EAAE,OAAO,IAAI;EACtE,IAAI,CAACV,CAAC,EAAEE,CAAC,EAAEC,CAAC,CAAC,CAACC,IAAI,CAAEC,CAAC,IAAKC,MAAM,CAACC,KAAK,CAACF,CAAC,CAAC,CAAC,EAAE,OAAO,IAAI;EACvD,OAAO;IAAEL,CAAC;IAAEE,CAAC;IAAEC;EAAE,CAAC;AACpB;;AAEA;AACO,SAASW,SAASA,CAACzB,KAAa,EAAE0B,KAAa,EAAU;EAC9D,MAAMC,GAAG,GAAG5B,QAAQ,CAACC,KAAK,CAAC;EAC3B,IAAI,CAAC2B,GAAG,EAAE,OAAO3B,KAAK;EACtB,OAAO,QAAQ2B,GAAG,CAAChB,CAAC,KAAKgB,GAAG,CAACd,CAAC,KAAKc,GAAG,CAACb,CAAC,KAAKY,KAAK,GAAG;AACvD","ignoreList":[]}
+{"version":3,"names":["parseRgba","color","trimmed","trim","startsWith","hex","slice","length","split","map","c","join","r","parseInt","g","b","some","v","Number","isNaN","a","match","exec","undefined","raw","filter","Boolean","alphaText","endsWith","parseRgb","parsed","withAlpha","alpha","rgb"],"sourceRoot":"../../../src","sources":["theme/color-utils.ts"],"mappings":"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","ignoreList":[]}