@oxyhq/bloom 0.7.7 → 0.8.1

package/lib/commonjs/normalize-colors.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=normalize-colors.d.js.map

package/lib/commonjs/normalize-colors.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["normalize-colors.d.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/theme/apply-dark-class.js

@@ -5,19 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.applyColorPresetVars = applyColorPresetVars;
 exports.applyDarkClass = applyDarkClass;
-Object.defineProperty(exports, "toWebColorValue", {
-  enumerable: true,
-  get: function () {
-    return _presetVars.toWebColorValue;
-  }
-});
 var _reactNative = require("react-native");
 var _colorPresets = require("./color-presets.js");
-var _presetVars = require("./preset-vars.js");
-// Re-exported so the web var-contract helper is reachable from this file (the
-// home of the web write path). Defined in `preset-vars.ts` next to the related
-// HSL parsing so native (which never imports this module) doesn't pull it in.
-
+var _tokenRegistry = require("./token-registry.js");
 function applyDarkClass(resolved) {
   if (_reactNative.Platform.OS === 'web' && typeof document !== 'undefined') {
     document.documentElement.classList.toggle('dark', resolved === 'dark');
@@ -32,28 +22,22 @@ function applyDarkClass(resolved) {
  * -------------------------------------------------------------------
  * The shadcn/Tailwind-v4 web apps compile their color utilities to reference the
  * BASE token directly (`.bg-background { background-color: var(--background) }`),
- * so on web the base `--x` tokens MUST be FULL CSS colors. We therefore write
- * them as `hsl(...)` (e.g. `--primary: hsl(185 100% 20%)`) — `var(--primary)`
- * then resolves to a valid color. The resolved `--color-*` vars are written
- * verbatim as `rgb(...)` (already full colors, used by native `color-mix` alpha
- * utilities; harmless on web). Non-color tokens (`--radius`, etc.) pass through
- * unchanged. See `toWebColorValue`.
+ * so on web the base `--x` tokens MUST be FULL CSS colors. `getResolvedTokens`
+ * returns every canonical token already resolved to an sRGB `rgb(...)` string,
+ * so `var(--x)` resolves to a valid color directly — no per-value wrapping. The
+ * same rgb values feed native (`color-mix` alpha utilities resolve on sRGB), so
+ * web and native share one canonical token pipeline.
  *
- * NATIVE writes the SAME tokens as RAW HSL triples (no `hsl()` wrapper) via
- * `rootVariables` (`native-root-vars.native.ts`), consumed through bloom's
- * native `global.css` `hsl(var(--x))` indirection — that path is untouched here.
  * Includes extended tokens (card, chart-*, content-area, sidebar-*) so consumer
  * apps don't need to synthesize them.
  */
 function applyColorPresetVars(preset, resolved) {
   if (_reactNative.Platform.OS !== 'web' || typeof document === 'undefined') return;
   if (!_colorPresets.APP_COLOR_PRESETS[preset]) return;
-  const vars = (0, _presetVars.getPresetVars)(preset, resolved, {
-    includeResolvedColorVars: true
-  });
+  const vars = (0, _tokenRegistry.getResolvedTokens)(preset, resolved);
   const root = document.documentElement.style;
   for (const [key, value] of Object.entries(vars)) {
-    root.setProperty(key, (0, _presetVars.toWebColorValue)(key, value));
+    root.setProperty(key, value);
   }
 }
 //# sourceMappingURL=apply-dark-class.js.map

package/lib/commonjs/theme/apply-dark-class.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_colorPresets","_presetVars","applyDarkClass","resolved","Platform","OS","document","documentElement","classList","toggle","applyColorPresetVars","preset","APP_COLOR_PRESETS","vars","getPresetVars","includeResolvedColorVars","root","style","key","value","Object","entries","setProperty","toWebColorValue"],"sourceRoot":"../../../src","sources":["theme/apply-dark-class.ts"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEA;AACA;AACA;;AAGO,SAASG,cAAcA,CAACC,QAA0B,EAAE;EACzD,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;IAC5DA,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACC,MAAM,CAAC,MAAM,EAAEN,QAAQ,KAAK,MAAM,CAAC;EACxE;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASO,oBAAoBA,CAACC,MAAoB,EAAER,QAA0B,EAAE;EACrF,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;EAC9D,IAAI,CAACM,+BAAiB,CAACD,MAAM,CAAC,EAAE;EAEhC,MAAME,IAAI,GAAG,IAAAC,yBAAa,EAACH,MAAM,EAAER,QAAQ,EAAE;IAAEY,wBAAwB,EAAE;EAAK,CAAC,CAAC;EAChF,MAAMC,IAAI,GAAGV,QAAQ,CAACC,eAAe,CAACU,KAAK;EAE3C,KAAK,MAAM,CAACC,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACR,IAAI,CAAC,EAAE;IAC/CG,IAAI,CAACM,WAAW,CAACJ,GAAG,EAAE,IAAAK,2BAAe,EAACL,GAAG,EAAEC,KAAK,CAAC,CAAC;EACpD;AACF","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_colorPresets","_tokenRegistry","applyDarkClass","resolved","Platform","OS","document","documentElement","classList","toggle","applyColorPresetVars","preset","APP_COLOR_PRESETS","vars","getResolvedTokens","root","style","key","value","Object","entries","setProperty"],"sourceRoot":"../../../src","sources":["theme/apply-dark-class.ts"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEO,SAASG,cAAcA,CAACC,QAA0B,EAAE;EACzD,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;IAC5DA,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACC,MAAM,CAAC,MAAM,EAAEN,QAAQ,KAAK,MAAM,CAAC;EACxE;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASO,oBAAoBA,CAACC,MAAoB,EAAER,QAA0B,EAAE;EACrF,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;EAC9D,IAAI,CAACM,+BAAiB,CAACD,MAAM,CAAC,EAAE;EAEhC,MAAME,IAAI,GAAG,IAAAC,gCAAiB,EAACH,MAAM,EAAER,QAAQ,CAAC;EAChD,MAAMY,IAAI,GAAGT,QAAQ,CAACC,eAAe,CAACS,KAAK;EAE3C,KAAK,MAAM,CAACC,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACP,IAAI,CAAC,EAAE;IAC/CE,IAAI,CAACM,WAAW,CAACJ,GAAG,EAAEC,KAAK,CAAC;EAC9B;AACF","ignoreList":[]}

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

@@ -8,6 +8,7 @@ exports.buildTheme = buildTheme;
 var _reactNative = require("react-native");
 var _colorPresets = require("./color-presets.js");
 var _adaptiveColors = require("./adaptive-colors.js");
+var _tokenRegistry = require("./token-registry.js");
 /**
  * Status colors used across the design system. Independent of the accent
  * preset so semantic intent stays stable across themes.
@@ -20,72 +21,75 @@ const STATUS_COLORS = exports.STATUS_COLORS = {
 };
 
 /**
- * Convert a shadcn-style HSL CSS variable (`'H S% L%'` or `'H S% L% / A'`)
- * into a fully-resolved `hsl()` / `hsla()` color string consumable by both
- * web `style` and React Native.
+ * Extract the integer hue from a shadcn-style raw HSL triple (`'H S% L%'`,
+ * optionally with an alpha tail). Used to seed the computed brand tints below
+ * from the preset's primary/destructive hue, exactly as pre-0.8.0.
  */
-function hslVarToColor(hslVar) {
-  const parts = hslVar.split('/').map(p => p.trim());
-  const triple = parts[0] ?? '0 0% 0%';
-  const components = triple.replace(/\s+/g, ', ');
-  if (parts.length === 2) {
-    const alpha = parseFloat(parts[1] ?? '100') / 100;
-    return `hsla(${components}, ${alpha})`;
-  }
-  return `hsl(${components})`;
-}
-function extractHue(hslVar) {
-  const first = hslVar.split(/\s+/)[0] ?? '0';
+function extractHue(triple) {
+  const first = (triple.split(/\s+/)[0] ?? '0').replace(/deg$/i, '');
   const hue = parseInt(first, 10);
   return Number.isFinite(hue) ? hue : 0;
 }
-function hsl(h, s, l) {
-  return `hsl(${h}, ${s}%, ${l}%)`;
-}
-function readToken(tokens, key, fallback = '0 0% 0%') {
-  return hslVarToColor(tokens[key] ?? fallback);
-}
+
+/**
+ * Build the JS `theme.colors` object from the SAME canonical rgb token source
+ * the web/native CSS-var writes use (`getResolvedTokens`). JS styles and the
+ * `var(--x)` document tokens therefore share one rgb pipeline — no second,
+ * drift-prone HSL conversion lives here.
+ *
+ * Token-backed values read straight from the resolved rgb map via `g(...)`.
+ * The brand tints (primarySubtle/negative/contrast50/...) reproduce the EXACT
+ * pre-0.8.0 colors — computed from the preset's primary/destructive HUE with
+ * the historical `hsl(h, s%, l%)` math — but are emitted as `rgb(...)` by
+ * routing the triple through the registry's `hslToSrgb`, so the single-format
+ * pipeline is preserved. (`hsl(h,s%,l%)` and the `rgb(...)` of the same color
+ * are byte-identical under the RN/RNW/browser parser.)
+ */
 function buildColorsFromPreset(preset, resolved) {
-  const config = _colorPresets.APP_COLOR_PRESETS[preset];
-  const tokens = resolved === 'dark' ? config.dark : config.light;
+  const t = (0, _tokenRegistry.getResolvedTokens)(preset, resolved);
   const isDark = resolved === 'dark';
-  const primaryHue = extractHue(tokens['--primary'] ?? '0 0% 50%');
-  const destructiveHue = extractHue(tokens['--destructive'] ?? '0 0% 0%');
-  const background = readToken(tokens, '--background');
-  const surface = readToken(tokens, '--surface');
-  const mutedForeground = readToken(tokens, '--muted-foreground', '0 0% 50%');
-  const primaryColor = readToken(tokens, '--primary', '0 0% 50%');
-  const primaryForeground = readToken(tokens, '--primary-foreground', '0 0% 100%');
+
+  // Read a resolved `rgb(...)` token by its bare name (no leading `--`).
+  const g = k => t[`--${k}`] ?? 'rgb(0 0 0)';
+
+  // Convert a computed `H S% L%` triple to the canonical `rgb(...)` via the
+  // registry's single HSL→sRGB conversion (matches the old `hsl(h,s%,l%)`).
+  const hslRgb = (h, s, l) => (0, _tokenRegistry.hslToSrgb)(`${h} ${s}% ${l}%`);
+
+  // Brand hues seed the computed tints from the preset's raw HSL triples,
+  // exactly as the pre-0.8.0 logic did.
+  const presetTokens = isDark ? _colorPresets.APP_COLOR_PRESETS[preset].dark : _colorPresets.APP_COLOR_PRESETS[preset].light;
+  const pHue = extractHue(presetTokens['--primary'] ?? '0 0% 50%');
+  const dHue = extractHue(presetTokens['--destructive'] ?? '0 0% 0%');
   return {
-    background,
-    backgroundSecondary: surface,
-    backgroundTertiary: readToken(tokens, '--muted'),
-    text: readToken(tokens, '--foreground', '0 0% 100%'),
-    textSecondary: mutedForeground,
-    textTertiary: mutedForeground,
-    border: readToken(tokens, '--border', '0 0% 20%'),
-    borderLight: readToken(tokens, '--input', '0 0% 20%'),
-    primary: primaryColor,
-    primaryForeground,
-    // Legacy aliases retained for backwards compatibility with downstream
-    // consumers. `primaryLight` should be a brand tint, not the surface, but
-    // changing this is a breaking change handled in a separate major.
-    primaryLight: surface,
-    primaryDark: background,
-    // `secondary` historically mirrored `primary`. Retained for compatibility.
-    secondary: primaryColor,
-    tint: primaryColor,
-    icon: mutedForeground,
-    iconActive: primaryColor,
+    background: g('background'),
+    backgroundSecondary: g('surface'),
+    backgroundTertiary: g('muted'),
+    text: g('foreground'),
+    textSecondary: g('muted-foreground'),
+    textTertiary: g('muted-foreground'),
+    border: g('border'),
+    borderLight: g('input'),
+    primary: g('primary'),
+    primaryForeground: g('primary-foreground'),
+    // Legacy aliases (see types.ts): `primaryLight` is the page surface tint,
+    // `primaryDark` is the page background — retained for downstream consumers.
+    primaryLight: g('surface'),
+    primaryDark: g('background'),
+    // `secondary` historically mirrors `primary`. Retained for compatibility.
+    secondary: g('primary'),
+    tint: g('primary'),
+    icon: g('muted-foreground'),
+    iconActive: g('primary'),
     ...STATUS_COLORS,
-    primarySubtle: isDark ? hsl(primaryHue, 50, 10) : hsl(primaryHue, 70, 93),
-    primarySubtleForeground: isDark ? hsl(primaryHue, 70, 65) : hsl(primaryHue, 90, 25),
-    negative: hsl(destructiveHue, 84, 45),
+    primarySubtle: isDark ? hslRgb(pHue, 50, 10) : hslRgb(pHue, 70, 93),
+    primarySubtleForeground: isDark ? hslRgb(pHue, 70, 65) : hslRgb(pHue, 90, 25),
+    negative: hslRgb(dHue, 84, 45),
     negativeForeground: '#FFFFFF',
-    negativeSubtle: isDark ? hsl(destructiveHue, 50, 10) : hsl(destructiveHue, 90, 95),
-    negativeSubtleForeground: isDark ? hsl(destructiveHue, 70, 65) : hsl(destructiveHue, 80, 40),
-    contrast50: isDark ? hsl(primaryHue, 15, 12) : hsl(primaryHue, 10, 93),
-    card: surface,
+    negativeSubtle: isDark ? hslRgb(dHue, 50, 10) : hslRgb(dHue, 90, 95),
+    negativeSubtleForeground: isDark ? hslRgb(dHue, 70, 65) : hslRgb(dHue, 80, 40),
+    contrast50: isDark ? hslRgb(pHue, 15, 12) : hslRgb(pHue, 10, 93),
+    card: g('surface'),
     shadow: isDark ? 'rgba(0, 0, 0, 0.3)' : 'rgba(0, 0, 0, 0.1)',
     overlay: 'rgba(0, 0, 0, 0.5)'
   };

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_colorPresets","_adaptiveColors","STATUS_COLORS","exports","success","error","warning","info","hslVarToColor","hslVar","parts","split","map","p","trim","triple","components","replace","length","alpha","parseFloat","extractHue","first","hue","parseInt","Number","isFinite","hsl","h","s","l","readToken","tokens","key","fallback","buildColorsFromPreset","preset","resolved","config","APP_COLOR_PRESETS","dark","light","isDark","primaryHue","destructiveHue","background","surface","mutedForeground","primaryColor","primaryForeground","backgroundSecondary","backgroundTertiary","text","textSecondary","textTertiary","border","borderLight","primary","primaryLight","primaryDark","secondary","tint","icon","iconActive","primarySubtle","primarySubtleForeground","negative","negativeForeground","negativeSubtle","negativeSubtleForeground","contrast50","card","shadow","overlay","buildTheme","isAdaptive","adaptive","Platform","OS","getAdaptiveColors","undefined","colors","mode","isLight"],"sourceRoot":"../../../src","sources":["theme/build-theme.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_colorPresets","_adaptiveColors","_tokenRegistry","STATUS_COLORS","exports","success","error","warning","info","extractHue","triple","first","split","replace","hue","parseInt","Number","isFinite","buildColorsFromPreset","preset","resolved","t","getResolvedTokens","isDark","g","k","hslRgb","h","s","l","hslToSrgb","presetTokens","APP_COLOR_PRESETS","dark","light","pHue","dHue","background","backgroundSecondary","backgroundTertiary","text","textSecondary","textTertiary","border","borderLight","primary","primaryForeground","primaryLight","primaryDark","secondary","tint","icon","iconActive","primarySubtle","primarySubtleForeground","negative","negativeForeground","negativeSubtle","negativeSubtleForeground","contrast50","card","shadow","overlay","buildTheme","isAdaptive","adaptive","Platform","OS","getAdaptiveColors","undefined","colors","mode","isLight"],"sourceRoot":"../../../src","sources":["theme/build-theme.ts"],"mappings":"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","ignoreList":[]}

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

@@ -11,17 +11,17 @@ exports.hexToAppColorName = hexToAppColorName;
  * Keys carry a leading `--` for historical reasons (shadcn-style CSS variable
  * names) — keep in mind the values are platform-agnostic **raw HSL triples**
  * (e.g. `'185 100% 20%'` or `'185 100% 20% / 0.5'`), not CSS-resolved colors.
- * The same map drives both:
- *   - the web layer: the base `--x` tokens are wrapped to full `hsl(...)` colors
- *     (via `toWebColorValue`) before being written to `document.documentElement`
- *     / a `BloomColorScope` element, so `var(--x)` — the form Tailwind v4
- *     `@theme inline` compiles its color utilities to — resolves to a valid
- *     color directly; the resolved `--color-*` companions are written as
- *     `rgb(...)`, and
+ * The single canonical resolver `getResolvedTokens` (in `token-registry.ts`)
+ * converts this raw map to sRGB `rgb(...)` for every runtime write — the same
+ * values drive BOTH layers:
+ *   - the web layer: `getResolvedTokens`'s `rgb(...)` strings are written to
+ *     `document.documentElement` / a `BloomColorScope` element, so `var(--x)` —
+ *     the form Tailwind v4 `@theme inline` compiles its color utilities to —
+ *     resolves to a valid color directly, and
  *   - the native layer (`buildTheme` resolves the raw triples into `hsl(...)`
  *     strings consumable by React Native styles; `native-root-vars.native.ts`
- *     writes the raw triples through bloom's `hsl(var(--x))` `global.css`
- *     indirection).
+ *     writes the same canonical `rgb(...)` values into react-native-css's
+ *     `rootVariables` family).
  *
  * The `--` prefix is an implementation detail we will drop in a future major.
  */

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

@@ -8,24 +8,17 @@ exports.useColorScopeStyle = useColorScopeStyle;
 var _react = _interopRequireWildcard(require("react"));
 var _BloomThemeProvider = require("../BloomThemeProvider.js");
 var _buildTheme = require("../build-theme.js");
-var _presetVars = require("../preset-vars.js");
-var _styleBuilder = require("./style-builder.js");
+var _tokenRegistry = require("../token-registry.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 the preset's tokens as platform-agnostic raw HSL
- * triples (shared with the native write path). On web they are scoped onto an
- * element's inline `style`, where Tailwind v4's compiled utilities read them as
- * `var(--x)` directly — so the base tokens MUST be full CSS colors. Wrap each
- * raw triple in `hsl(...)` via `toWebColorValue`; `--color-*` rgb vars and
- * non-color tokens pass through. See `toWebColorValue` in `../preset-vars`.
+ * `getResolvedTokens` returns every canonical token already resolved to an sRGB
+ * `rgb(...)` string — the SAME pipeline the document-root web writer and the
+ * native writer use. Scoped onto an element's inline `style`, Tailwind v4's
+ * compiled utilities read these as `var(--x)` directly, so each base token is a
+ * full CSS color with no per-value wrapping needed.
  */function buildWebScopeVars(colorPreset, mode) {
-  const raw = (0, _styleBuilder.buildScopeVars)(colorPreset, mode);
-  const out = {};
-  for (const [key, value] of Object.entries(raw)) {
-    out[key] = (0, _presetVars.toWebColorValue)(key, value);
-  }
-  return out;
+  return (0, _tokenRegistry.getResolvedTokens)(colorPreset, mode);
 }
 
 /**

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

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

package/lib/commonjs/theme/color-scope/style-builder.js

@@ -7,7 +7,7 @@ exports.buildNativePresetStyle = buildNativePresetStyle;
 exports.buildScopeVars = buildScopeVars;
 exports.getVariableContextProvider = getVariableContextProvider;
 var _reactNative = require("react-native");
-var _presetVars = require("../preset-vars.js");
+var _tokenRegistry = require("../token-registry.js");
 var _lazyRequire = require("../../utils/lazy-require.js");
 /**
  * Component that provides inline CSS variables to a subtree via NativeWind's
@@ -20,13 +20,14 @@ const getNativeWindVars = (0, _lazyRequire.lazyRequire)('nativewind');
 
 /**
  * Build the CSS custom-property map for a preset, ready to be applied to a
- * subtree. Always includes the resolved `--color-*` vars so Tailwind v4
- * `@theme` utilities (e.g. `bg-background`) honour the scope.
+ * subtree. Every token is resolved to an sRGB `rgb(...)` string via
+ * `getResolvedTokens` — the single canonical token pipeline shared by web and
+ * native — so Tailwind v4 `@theme` utilities (e.g. `bg-background`) and
+ * `color-mix`-based alpha utilities (`bg-primary/10`) both resolve against the
+ * same color values. Keys retain the leading `--`.
  */
 function buildScopeVars(colorPreset, mode) {
-  return (0, _presetVars.getPresetVars)(colorPreset, mode, {
-    includeResolvedColorVars: true
-  });
+  return (0, _tokenRegistry.getResolvedTokens)(colorPreset, mode);
 }
 
 /**

package/lib/commonjs/theme/color-scope/style-builder.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_presetVars","_lazyRequire","getNativeWindVars","lazyRequire","buildScopeVars","colorPreset","mode","getPresetVars","includeResolvedColorVars","getVariableContextProvider","Platform","OS","module","VariableContextProvider","buildNativePresetStyle","undefined","vars"],"sourceRoot":"../../../../src","sources":["theme/color-scope/style-builder.ts"],"mappings":";;;;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAF,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;;AAWA,MAAMG,iBAAiB,GAAG,IAAAC,wBAAW,EAAuB,YAAY,CAAC;;AAEzE;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAC5BC,WAAyB,EACzBC,IAAsB,EACE;EACxB,OAAO,IAAAC,yBAAa,EAACF,WAAW,EAAEC,IAAI,EAAE;IAAEE,wBAAwB,EAAE;EAAK,CAAC,CAAC;AAC7E;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,0BAA0BA,CAAA,EAA4C;EACpF,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE,OAAO,IAAI;EACtC,MAAMC,MAAM,GAAGV,iBAAiB,CAAC,CAAC;EAClC,IAAI,CAACU,MAAM,IAAI,OAAOA,MAAM,CAACC,uBAAuB,KAAK,UAAU,EAAE,OAAO,IAAI;EAChF,OAAOD,MAAM,CAACC,uBAAuB;AACvC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,sBAAsBA,CACpCT,WAAyB,EACzBC,IAAsB,EACA;EACtB,IAAII,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE,OAAOI,SAAS;EAC3C,MAAMH,MAAM,GAAGV,iBAAiB,CAAC,CAAC;EAClC,IAAI,CAACU,MAAM,IAAI,OAAOA,MAAM,CAACI,IAAI,KAAK,UAAU,EAAE,OAAOD,SAAS;EAClE,OAAOH,MAAM,CAACI,IAAI,CAACZ,cAAc,CAACC,WAAW,EAAEC,IAAI,CAAC,CAAC;AACvD","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_tokenRegistry","_lazyRequire","getNativeWindVars","lazyRequire","buildScopeVars","colorPreset","mode","getResolvedTokens","getVariableContextProvider","Platform","OS","module","VariableContextProvider","buildNativePresetStyle","undefined","vars"],"sourceRoot":"../../../../src","sources":["theme/color-scope/style-builder.ts"],"mappings":";;;;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAF,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;;AAWA,MAAMG,iBAAiB,GAAG,IAAAC,wBAAW,EAAuB,YAAY,CAAC;;AAEzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAC5BC,WAAyB,EACzBC,IAAsB,EACE;EACxB,OAAO,IAAAC,gCAAiB,EAACF,WAAW,EAAEC,IAAI,CAAC;AAC7C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,0BAA0BA,CAAA,EAA4C;EACpF,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE,OAAO,IAAI;EACtC,MAAMC,MAAM,GAAGT,iBAAiB,CAAC,CAAC;EAClC,IAAI,CAACS,MAAM,IAAI,OAAOA,MAAM,CAACC,uBAAuB,KAAK,UAAU,EAAE,OAAO,IAAI;EAChF,OAAOD,MAAM,CAACC,uBAAuB;AACvC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,sBAAsBA,CACpCR,WAAyB,EACzBC,IAAsB,EACA;EACtB,IAAIG,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE,OAAOI,SAAS;EAC3C,MAAMH,MAAM,GAAGT,iBAAiB,CAAC,CAAC;EAClC,IAAI,CAACS,MAAM,IAAI,OAAOA,MAAM,CAACI,IAAI,KAAK,UAAU,EAAE,OAAOD,SAAS;EAClE,OAAOH,MAAM,CAACI,IAAI,CAACX,cAAc,CAACC,WAAW,EAAEC,IAAI,CAAC,CAAC;AACvD","ignoreList":[]}

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

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.deltaE = deltaE;
+exports.oklchToSrgb = oklchToSrgb;
+exports.parseRgbString = parseRgbString;
+exports.srgbToRgbString = srgbToRgbString;
+// l 0..1, c 0..~0.4, h deg
+// 0..255 integers
+
+const clamp = (n, lo, hi) => Math.min(hi, Math.max(lo, n));
+const srgbGamma = x => x <= 0.0031308 ? 12.92 * x : 1.055 * Math.pow(x, 1 / 2.4) - 0.055;
+
+/** OKLCH → linear OKLab → linear sRGB → gamma sRGB → 0..255. Pure. */
+function oklchToSrgb({
+  l,
+  c,
+  h
+}) {
+  const hr = h * Math.PI / 180;
+  const a = c * Math.cos(hr);
+  const b2 = c * Math.sin(hr);
+  const l_ = l + 0.3963377774 * a + 0.2158037573 * b2;
+  const m_ = l - 0.1055613458 * a - 0.0638541728 * b2;
+  const s_ = l - 0.0894841775 * a - 1.291485548 * b2;
+  const lc = l_ ** 3,
+    mc = m_ ** 3,
+    sc = s_ ** 3;
+  const lr = +4.0767416621 * lc - 3.3077115913 * mc + 0.2309699292 * sc;
+  const lg = -1.2684380046 * lc + 2.6097574011 * mc - 0.3413193965 * sc;
+  const lb = -0.0041960863 * lc - 0.7034186147 * mc + 1.707614701 * sc;
+  return {
+    r: Math.round(clamp(srgbGamma(lr), 0, 1) * 255),
+    g: Math.round(clamp(srgbGamma(lg), 0, 1) * 255),
+    b: Math.round(clamp(srgbGamma(lb), 0, 1) * 255)
+  };
+}
+function srgbToRgbString({
+  r,
+  g,
+  b
+}, alpha) {
+  return alpha === undefined || alpha >= 1 ? `rgb(${r} ${g} ${b})` : `rgb(${r} ${g} ${b} / ${alpha})`;
+}
+
+/**
+ * Parse an `rgb(...)` / `rgba(...)` string into an {@link Rgb}.
+ *
+ * Contract: input MUST be an `rgb(...)` / `rgba(...)` string (e.g. a resolved
+ * token from `getResolvedTokens`). Both modern (`rgb(r g b)`) and legacy
+ * (`rgb(r, g, b)`) syntaxes are accepted. Anything else throws — this is a
+ * canonical-pipeline primitive and a non-rgb input signals a real bug at the
+ * call site, never a value to silently coerce to black.
+ *
+ * @throws {Error} if `s` is not an `rgb()` / `rgba()` string.
+ */
+function parseRgbString(s) {
+  const inner = s.match(/rgba?\(([^)]+)\)/i)?.[1];
+  if (inner === undefined) {
+    throw new Error(`parseRgbString: expected an rgb() string, got: ${s}`);
+  }
+  const [r, g, b] = inner.split(/[ ,/]+/).map(n => parseInt(n, 10));
+  return {
+    r: r ?? 0,
+    g: g ?? 0,
+    b: b ?? 0
+  };
+}
+
+/** Cheap perceptual-ish distance in sRGB (sufficient for a ≤1 rounding gate). */
+function deltaE(a, b) {
+  return Math.sqrt((a.r - b.r) ** 2 + (a.g - b.g) ** 2 + (a.b - b.b) ** 2) / Math.sqrt(3);
+}
+//# sourceMappingURL=color-space.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["clamp","n","lo","hi","Math","min","max","srgbGamma","x","pow","oklchToSrgb","l","c","h","hr","PI","a","cos","b2","sin","l_","m_","s_","lc","mc","sc","lr","lg","lb","r","round","g","b","srgbToRgbString","alpha","undefined","parseRgbString","s","inner","match","Error","split","map","parseInt","deltaE","sqrt"],"sourceRoot":"../../../src","sources":["theme/color-space.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/theme/index.js

@@ -87,12 +87,6 @@ Object.defineProperty(exports, "setColorSchemeSafe", {
     return _setColorSchemeSafe.setColorSchemeSafe;
   }
 });
-Object.defineProperty(exports, "toWebColorValue", {
-  enumerable: true,
-  get: function () {
-    return _presetVars.toWebColorValue;
-  }
-});
 Object.defineProperty(exports, "useBloomTheme", {
   enumerable: true,
   get: function () {

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

@@ -1 +1 @@
-{"version":3,"names":["_BloomThemeProvider","require","_colorScope","_buildTheme","_useTheme","_colorPresets","_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,SAAA,GAAAH,OAAA;AAGA,IAAAI,aAAA,GAAAJ,OAAA;AAOA,IAAAK,WAAA,GAAAL,OAAA;AAMA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,mBAAA,GAAAP,OAAA;AACA,IAAAQ,eAAA,GAAAR,OAAA;AAEA,IAAAS,YAAA,GAAAT,OAAA","ignoreList":[]}
+{"version":3,"names":["_BloomThemeProvider","require","_colorScope","_buildTheme","_useTheme","_colorPresets","_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,SAAA,GAAAH,OAAA;AAGA,IAAAI,aAAA,GAAAJ,OAAA;AAOA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,mBAAA,GAAAP,OAAA;AACA,IAAAQ,eAAA,GAAAR,OAAA;AAEA,IAAAS,YAAA,GAAAT,OAAA","ignoreList":[]}

package/lib/commonjs/theme/native-root-vars.native.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.applyNativeRootVars = applyNativeRootVars;
 var _nativeInternal = require("react-native-css/native-internal");
-var _styleBuilder = require("./color-scope/style-builder.js");
+var _tokenRegistry = require("./token-registry.js");
 /// <reference path="../react-native-css.d.ts" />
 // The triple-slash reference above pins Bloom's ambient declaration for
 // `react-native-css/native-internal` (`src/react-native-css.d.ts`) into the
@@ -45,18 +45,28 @@ var _styleBuilder = require("./color-scope/style-builder.js");
  * `BloomThemeProvider`'s `VariableContextProvider` only feeds path #1, so the navigator
  * host and every portal/modal — which render outside that subtree — never see the
  * preset vars and fall through to `rootVariables`/`universalVariables`. By default those
- * families hold only react-native-css's own `__rn-css-rem`/`__rn-css-color` entries
- * (Bloom's `global.css` defines the `hsl(var(--primary))` indirection but not the HSL
- * triples themselves — those are injected at runtime), so the whole tree below the
- * navigator renders monochrome. Writing the vars into `rootVariables` here is the
- * exact same mechanism react-native-css uses for compiled `:root {}` / `@theme` vars
- * (`StyleCollection.inject` does `rootVariables(name).set(valueArray)`), so portaled
- * content resolves the palette identically regardless of React-tree position.
+ * families hold only react-native-css's own `__rn-css-rem`/`__rn-css-color` entries, so
+ * the whole tree below the navigator renders monochrome until the palette is injected at
+ * runtime. Writing the vars into `rootVariables` here is the exact same mechanism
+ * react-native-css uses for compiled `:root {}` / `@theme` vars (`StyleCollection.inject`
+ * does `rootVariables(name).set(valueArray)`), so portaled content resolves the palette
+ * identically regardless of React-tree position.
  *
- * The raw tokens are written as HSL triples (`primary: '205 87% 53%'`) and the
- * resolved Tailwind v4 `--color-*` vars as sRGB `rgb(...)` (`color-primary:
- * 'rgb(31 153 239)'`) — the latter so `color-mix`-based alpha utilities resolve
- * on native (see `getPresetVars` / `hslTripletToRgb`).
+ * Consumer contract (CRITICAL — single canonical color pipeline)
+ * -------------------------------------------------------------
+ * Each base `--x` token is now written as a FULL `rgb(...)` color (not a raw HSL
+ * triple). A consuming app's Tailwind `@theme` must therefore reference these
+ * base tokens DIRECTLY (its Tailwind color var equals `var(--x)`) and must NOT
+ * wrap them in `hsl(...)`. The legacy `hsl(var(--x))` indirection (which assumed
+ * a raw triple) would produce the invalid `hsl(rgb(...))` and must be removed in
+ * every consumer. Web and native now share this one contract.
+ *
+ * Every token is written as an sRGB `rgb(...)` string from the single canonical
+ * token pipeline (`getResolvedTokens`) — `primary: 'rgb(31 153 239)'` — the SAME
+ * values web writes to `document.documentElement`. sRGB is the space
+ * react-native-css's `color-mix` resolver registers, so `color-mix`-based alpha
+ * utilities (`bg-primary/10`) resolve on native; full (non-alpha) utilities
+ * resolve directly through bloom's `global.css` `var(--x)` indirection.
  *
  * Why a STATIC `import`, not a runtime `require` (critical)
  * ---------------------------------------------------------
@@ -86,15 +96,15 @@ var _styleBuilder = require("./color-scope/style-builder.js");
  * `shared.rootVariables[name]`, and `@property --x` goes through
  * `name.startsWith("--") ? name.slice(2) : name`. The lookup side matches: a `var(--x)`
  * reference compiles to `[{}, "var", ident.slice(2)]`, so `varResolver` looks up the
- * bare name. `buildScopeVars` returns keys WITH the `--` prefix, so we strip it before
- * writing each entry.
+ * bare name. `getResolvedTokens` returns keys WITH the `--` prefix, so we strip it
+ * before writing each entry.
  *
  * Value shape
  * -----------
  * Each entry is a `VariableValue[]` — an array of `[value, mediaCondition?]` tuples.
  * Bloom's preset vars are unconditional, so each is a single-element `[[value]]`, e.g.
- * `rootVariables('primary').set([['205 87% 53%']])`. This is the same shape the compiler
- * emits for unconditional `:root` vars.
+ * `rootVariables('primary').set([['rgb(31 153 239)']])`. This is the same shape the
+ * compiler emits for unconditional `:root` vars.
  *
  * This is native-only and additive: the `VariableContextProvider` wrapper stays (it is
  * the correct, scoped mechanism for `BloomColorScope` subtree overrides and harmlessly
@@ -117,9 +127,9 @@ var _styleBuilder = require("./color-scope/style-builder.js");
  */
 function applyNativeRootVars(colorPreset, mode) {
   if (typeof _nativeInternal.rootVariables !== 'function') return;
-  const vars = (0, _styleBuilder.buildScopeVars)(colorPreset, mode);
+  const vars = (0, _tokenRegistry.getResolvedTokens)(colorPreset, mode);
   for (const [key, value] of Object.entries(vars)) {
-    // The family is keyed by the bare name; `buildScopeVars` keys include `--`.
+    // The family is keyed by the bare name; `getResolvedTokens` keys include `--`.
     const name = key.startsWith('--') ? key.slice(2) : key;
     (0, _nativeInternal.rootVariables)(name).set([[value]]);
   }

package/lib/commonjs/theme/native-root-vars.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_nativeInternal","require","_styleBuilder","applyNativeRootVars","colorPreset","mode","rootVariables","vars","buildScopeVars","key","value","Object","entries","name","startsWith","slice","set"],"sourceRoot":"../../../src","sources":["theme/native-root-vars.native.ts"],"mappings":";;;;;;AAgBA,IAAAA,eAAA,GAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAlBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA;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;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,mBAAmBA,CAACC,WAAyB,EAAEC,IAAsB,EAAQ;EAC3F,IAAI,OAAOC,6BAAa,KAAK,UAAU,EAAE;EAEzC,MAAMC,IAAI,GAAG,IAAAC,4BAAc,EAACJ,WAAW,EAAEC,IAAI,CAAC;EAC9C,KAAK,MAAM,CAACI,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACL,IAAI,CAAC,EAAE;IAC/C;IACA,MAAMM,IAAI,GAAGJ,GAAG,CAACK,UAAU,CAAC,IAAI,CAAC,GAAGL,GAAG,CAACM,KAAK,CAAC,CAAC,CAAC,GAAGN,GAAG;IACtD,IAAAH,6BAAa,EAACO,IAAI,CAAC,CAACG,GAAG,CAAC,CAAC,CAACN,KAAK,CAAC,CAAC,CAAC;EACpC;AACF","ignoreList":[]}
+{"version":3,"names":["_nativeInternal","require","_tokenRegistry","applyNativeRootVars","colorPreset","mode","rootVariables","vars","getResolvedTokens","key","value","Object","entries","name","startsWith","slice","set"],"sourceRoot":"../../../src","sources":["theme/native-root-vars.native.ts"],"mappings":";;;;;;AAgBA,IAAAA,eAAA,GAAAC,OAAA;AAGA,IAAAC,cAAA,GAAAD,OAAA;AAnBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA;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;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;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,mBAAmBA,CAACC,WAAyB,EAAEC,IAAsB,EAAQ;EAC3F,IAAI,OAAOC,6BAAa,KAAK,UAAU,EAAE;EAEzC,MAAMC,IAAI,GAAG,IAAAC,gCAAiB,EAACJ,WAAW,EAAEC,IAAI,CAAC;EACjD,KAAK,MAAM,CAACI,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACL,IAAI,CAAC,EAAE;IAC/C;IACA,MAAMM,IAAI,GAAGJ,GAAG,CAACK,UAAU,CAAC,IAAI,CAAC,GAAGL,GAAG,CAACM,KAAK,CAAC,CAAC,CAAC,GAAGN,GAAG;IACtD,IAAAH,6BAAa,EAACO,IAAI,CAAC,CAACG,GAAG,CAAC,CAAC,CAACN,KAAK,CAAC,CAAC,CAAC;EACpC;AACF","ignoreList":[]}