@oxyhq/bloom 0.19.1 → 0.20.0

package/lib/commonjs/benefit-list/index.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BenefitRow = exports.BenefitList = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../styles/index.js");
+var _shadows = require("../design-tokens/shadows");
+var _scales = require("../design-tokens/scales.js");
+var _index2 = require("../typography/index.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); }
+/** Side of the rounded `fill-secondary` icon square. */
+const ICON_SQUARE_SIZE = 36;
+
+/**
+ * `BenefitRow` — an icon in a rounded `fill-secondary` square paired with a
+ * `text-secondary` caption (the `caption` type role). The building block of
+ * {@link BenefitList} (the "icon + caption row" of the consent reference), but
+ * usable standalone.
+ *
+ * Token roles → runtime theme colors:
+ *   - icon square bg → `fill-secondary` (`--muted`) → `theme.colors.backgroundTertiary`
+ *   - caption color  → `text-secondary` (`--muted-foreground`) → `theme.colors.textSecondary`
+ *   - caption type   → `caption` role (size 11 / line-height 14)
+ */
+const BenefitRowComponent = ({
+  icon,
+  label,
+  children,
+  accessibilityLabel,
+  className,
+  style,
+  textStyle
+}) => {
+  const theme = (0, _useTheme.useTheme)();
+  const content = children ?? label;
+  const a11y = accessibilityLabel ?? (typeof content === 'string' ? content : undefined);
+  const rowStyle = [_index.atoms.flex_row, _index.atoms.align_center, {
+    gap: _scales.SPACING['space-12']
+  }, style];
+  const squareStyle = {
+    width: ICON_SQUARE_SIZE,
+    height: ICON_SQUARE_SIZE,
+    borderRadius: _scales.RADIUS['radius-12'],
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: theme.colors.backgroundTertiary
+  };
+  const captionStyle = [{
+    fontSize: _scales.TYPOGRAPHY.caption.size,
+    lineHeight: _scales.TYPOGRAPHY.caption.lineHeight,
+    fontWeight: _scales.TYPOGRAPHY.caption.weight,
+    color: theme.colors.textSecondary
+  }, _index.atoms.flex_1, textStyle];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ...(className ? {
+      className
+    } : {}),
+    style: rowStyle,
+    accessibilityLabel: a11y,
+    ...(a11y ? {
+      accessibilityRole: 'text'
+    } : {}),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: squareStyle,
+      accessibilityElementsHidden: true,
+      "aria-hidden": true,
+      children: icon
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+      style: captionStyle,
+      children: content
+    })]
+  });
+};
+const BenefitRow = exports.BenefitRow = /*#__PURE__*/(0, _react.memo)(BenefitRowComponent);
+BenefitRow.displayName = 'BenefitRow';
+
+/**
+ * `BenefitList` — a bordered card that stacks {@link BenefitRow}s with consistent
+ * spacing. The "3 icon + caption rows in a card" from the consent reference.
+ *
+ * Token roles → runtime values:
+ *   - card bg     → `fill` role (`--card`) → `theme.colors.card`
+ *   - hairline    → `border-image` role (`--border`) → `theme.colors.border` at
+ *                   the `border-hairline` (0.5px) width
+ *   - radius      → `radius-20`
+ *   - elevation   → `shadow-s` (platform-correct via `bloomShadowStyle`)
+ */
+const BenefitListComponent = ({
+  children,
+  accessibilityLabel,
+  className,
+  style
+}) => {
+  const theme = (0, _useTheme.useTheme)();
+  const cardStyle = [{
+    backgroundColor: theme.colors.card,
+    borderRadius: _scales.RADIUS['radius-20'],
+    borderWidth: _scales.BORDER_WIDTH.hairline,
+    borderColor: theme.colors.border,
+    padding: _scales.SPACING['space-16'],
+    gap: _scales.SPACING['space-16']
+  }, (0, _shadows.bloomShadowStyle)('s'), style];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ...(className ? {
+      className
+    } : {}),
+    style: cardStyle,
+    accessibilityLabel: accessibilityLabel,
+    children: children
+  });
+};
+const BenefitList = exports.BenefitList = /*#__PURE__*/(0, _react.memo)(BenefitListComponent);
+BenefitList.displayName = 'BenefitList';
+//# sourceMappingURL=index.js.map

package/lib/commonjs/benefit-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useTheme","_index","_shadows","_scales","_index2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ICON_SQUARE_SIZE","BenefitRowComponent","icon","label","children","accessibilityLabel","className","style","textStyle","theme","useTheme","content","a11y","undefined","rowStyle","a","flex_row","align_center","gap","SPACING","squareStyle","width","height","borderRadius","RADIUS","alignItems","justifyContent","backgroundColor","colors","backgroundTertiary","captionStyle","fontSize","TYPOGRAPHY","caption","size","lineHeight","fontWeight","weight","color","textSecondary","flex_1","jsxs","View","accessibilityRole","jsx","accessibilityElementsHidden","Text","BenefitRow","exports","memo","displayName","BenefitListComponent","cardStyle","card","borderWidth","BORDER_WIDTH","hairline","borderColor","border","padding","bloomShadowStyle","BenefitList"],"sourceRoot":"../../../src","sources":["benefit-list/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAAqC,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,wBAAAS,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAS,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;AAGrC;AACA,MAAMkB,gBAAgB,GAAG,EAAE;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,mBAA8C,GAAGA,CAAC;EACtDC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC,kBAAkB;EAClBC,SAAS;EACTC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,OAAO,GAAGP,QAAQ,IAAID,KAAK;EACjC,MAAMS,IAAI,GACRP,kBAAkB,KAAK,OAAOM,OAAO,KAAK,QAAQ,GAAGA,OAAO,GAAGE,SAAS,CAAC;EAE3E,MAAMC,QAA8B,GAAG,CACrCC,YAAC,CAACC,QAAQ,EACVD,YAAC,CAACE,YAAY,EACd;IAAEC,GAAG,EAAEC,eAAO,CAAC,UAAU;EAAE,CAAC,EAC5BZ,KAAK,CACN;EAED,MAAMa,WAAsB,GAAG;IAC7BC,KAAK,EAAErB,gBAAgB;IACvBsB,MAAM,EAAEtB,gBAAgB;IACxBuB,YAAY,EAAEC,cAAM,CAAC,WAAW,CAAC;IACjCC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,eAAe,EAAElB,KAAK,CAACmB,MAAM,CAACC;EAChC,CAAC;EAED,MAAMC,YAAkC,GAAG,CACzC;IACEC,QAAQ,EAAEC,kBAAU,CAACC,OAAO,CAACC,IAAI;IACjCC,UAAU,EAAEH,kBAAU,CAACC,OAAO,CAACE,UAAU;IACzCC,UAAU,EAAEJ,kBAAU,CAACC,OAAO,CAACI,MAAM;IACrCC,KAAK,EAAE7B,KAAK,CAACmB,MAAM,CAACW;EACtB,CAAC,EACDxB,YAAC,CAACyB,MAAM,EACRhC,SAAS,CACV;EAED,oBACE,IAAA5B,WAAA,CAAA6D,IAAA,EAACnE,YAAA,CAAAoE,IAAI;IAAA,IACEpC,SAAS,GAAI;MAAEA;IAAU,CAAC,GAA8B,CAAC,CAAC;IAC/DC,KAAK,EAAEO,QAAS;IAChBT,kBAAkB,EAAEO,IAAK;IAAA,IACpBA,IAAI,GAAG;MAAE+B,iBAAiB,EAAE;IAAgB,CAAC,GAAG,CAAC,CAAC;IAAAvC,QAAA,gBACvD,IAAAxB,WAAA,CAAAgE,GAAA,EAACtE,YAAA,CAAAoE,IAAI;MAACnC,KAAK,EAAEa,WAAY;MAACyB,2BAA2B;MAAC,mBAAW;MAAAzC,QAAA,EAC9DF;IAAI,CACD,CAAC,eACP,IAAAtB,WAAA,CAAAgE,GAAA,EAACjE,OAAA,CAAAmE,IAAI;MAACvC,KAAK,EAAEuB,YAAa;MAAA1B,QAAA,EAAEO;IAAO,CAAO,CAAC;EAAA,CACvC,CAAC;AAEX,CAAC;AAEM,MAAMoC,UAAU,GAAAC,OAAA,CAAAD,UAAA,gBAAG,IAAAE,WAAI,EAAChD,mBAAmB,CAAC;AACnD8C,UAAU,CAACG,WAAW,GAAG,YAAY;;AAErC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,oBAAgD,GAAGA,CAAC;EACxD/C,QAAQ;EACRC,kBAAkB;EAClBC,SAAS;EACTC;AACF,CAAC,KAAK;EACJ,MAAME,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAM0C,SAA+B,GAAG,CACtC;IACEzB,eAAe,EAAElB,KAAK,CAACmB,MAAM,CAACyB,IAAI;IAClC9B,YAAY,EAAEC,cAAM,CAAC,WAAW,CAAC;IACjC8B,WAAW,EAAEC,oBAAY,CAACC,QAAQ;IAClCC,WAAW,EAAEhD,KAAK,CAACmB,MAAM,CAAC8B,MAAM;IAChCC,OAAO,EAAExC,eAAO,CAAC,UAAU,CAAC;IAC5BD,GAAG,EAAEC,eAAO,CAAC,UAAU;EACzB,CAAC,EACD,IAAAyC,yBAAgB,EAAC,GAAG,CAAC,EACrBrD,KAAK,CACN;EAED,oBACE,IAAA3B,WAAA,CAAAgE,GAAA,EAACtE,YAAA,CAAAoE,IAAI;IAAA,IACEpC,SAAS,GAAI;MAAEA;IAAU,CAAC,GAA8B,CAAC,CAAC;IAC/DC,KAAK,EAAE6C,SAAU;IACjB/C,kBAAkB,EAAEA,kBAAmB;IAAAD,QAAA,EACtCA;EAAQ,CACL,CAAC;AAEX,CAAC;AAEM,MAAMyD,WAAW,GAAAb,OAAA,CAAAa,WAAA,gBAAG,IAAAZ,WAAI,EAACE,oBAAoB,CAAC;AACrDU,WAAW,CAACX,WAAW,GAAG,aAAa","ignoreList":[]}

package/lib/commonjs/benefit-list/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/benefit-list/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["benefit-list/types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/connection-dots/ConnectionDots.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConnectionDots = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _useTheme = require("../theme/use-theme.js");
+var _ConnectionDotsBase = require("./ConnectionDotsBase.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); }
+const DEFAULT_DOT_COUNT = 6;
+const DEFAULT_DOT_SIZE = 6;
+const WAVE_DURATION = 1400;
+/** Opacity floor of a dot at the trough of the wave. */
+const DOT_DIM = 0.25;
+/**
+ * One dot. Its opacity is the shared driver phase-shifted by `phase`, mapped
+ * through a triangle wave so the bright crest sweeps left→right across the row
+ * (the "ellipsis shimmer").
+ */
+const ShimmerDot = ({
+  phase,
+  color,
+  size,
+  driver
+}) => {
+  const opacity = (0, _reactNativeReanimated.useDerivedValue)(() => {
+    // wrap into 0..1 then fold into a 0→1→0 triangle so the crest is a moving band
+    const t = (driver.value + phase) % 1;
+    const wave = 1 - Math.abs(t * 2 - 1);
+    return (0, _reactNativeReanimated.interpolate)(wave, [0, 1], [DOT_DIM, 1]);
+  });
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: opacity.value
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [{
+      width: size,
+      height: size,
+      borderRadius: size / 2,
+      backgroundColor: color
+    }, animatedStyle]
+  });
+};
+
+/**
+ * Native `ConnectionDots` — a consent/linking header rendering
+ * `left · (animated ellipsis dots) · right`. The dots run a looping opacity wave
+ * in the brand color (`fill-brand` → `theme.colors.primary`). Reduced-motion
+ * (Reanimated's `useReducedMotion`, or the `reducedMotion` prop) renders the
+ * dots static at full opacity.
+ */
+const ConnectionDotsComponent = ({
+  left,
+  right,
+  dotCount = DEFAULT_DOT_COUNT,
+  dotSize = DEFAULT_DOT_SIZE,
+  accessibilityLabel,
+  className,
+  style,
+  reducedMotion
+}) => {
+  const theme = (0, _useTheme.useTheme)();
+  const systemReduceMotion = (0, _reactNativeReanimated.useReducedMotion)();
+  const reduce = reducedMotion ?? systemReduceMotion;
+  const color = theme.colors.primary;
+  const driver = (0, _reactNativeReanimated.useSharedValue)(0);
+  (0, _react.useEffect)(() => {
+    if (reduce) {
+      driver.value = 0;
+      return;
+    }
+    driver.value = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withTiming)(1, {
+      duration: WAVE_DURATION,
+      easing: _reactNativeReanimated.Easing.linear
+    }), -1, false);
+    // driver is a stable shared-value ref; withRepeat/withTiming/Easing are
+    // module-level constants from a static import.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [reduce]);
+  const count = Math.max(1, Math.floor(dotCount));
+  const dots = reduce ? Array.from({
+    length: count
+  }, (_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: {
+      width: dotSize,
+      height: dotSize,
+      borderRadius: dotSize / 2,
+      backgroundColor: color
+    }
+  }, i)) : Array.from({
+    length: count
+  }, (_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(ShimmerDot, {
+    phase: i / count,
+    color: color,
+    size: dotSize,
+    driver: driver
+  }, i));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConnectionDotsBase.ConnectionDotsBase, {
+    left: left,
+    right: right,
+    dots: dots,
+    accessibilityLabel: accessibilityLabel,
+    className: className,
+    style: style
+  });
+};
+const ConnectionDots = exports.ConnectionDots = /*#__PURE__*/(0, _react.memo)(ConnectionDotsComponent);
+ConnectionDots.displayName = 'ConnectionDots';
+//# sourceMappingURL=ConnectionDots.js.map

package/lib/commonjs/connection-dots/ConnectionDots.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_useTheme","_ConnectionDotsBase","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_DOT_COUNT","DEFAULT_DOT_SIZE","WAVE_DURATION","DOT_DIM","ShimmerDot","phase","color","size","driver","opacity","useDerivedValue","value","wave","Math","abs","interpolate","animatedStyle","useAnimatedStyle","jsx","View","style","width","height","borderRadius","backgroundColor","ConnectionDotsComponent","left","right","dotCount","dotSize","accessibilityLabel","className","reducedMotion","theme","useTheme","systemReduceMotion","useReducedMotion","reduce","colors","primary","useSharedValue","useEffect","withRepeat","withTiming","duration","easing","Easing","linear","count","max","floor","dots","Array","from","length","_","ConnectionDotsBase","ConnectionDots","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["connection-dots/ConnectionDots.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/connection-dots/ConnectionDots.web.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConnectionDots = exports.BLOOM_CONNECTION_DOTS_CSS = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useTheme = require("../theme/use-theme.js");
+var _ConnectionDotsBase = require("./ConnectionDotsBase.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); }
+const DEFAULT_DOT_COUNT = 6;
+const DEFAULT_DOT_SIZE = 6;
+const WAVE_DURATION_MS = 1400;
+const KEYFRAMES_ID = 'bloom-connection-dots-keyframes';
+const WAVE_ANIMATION_NAME = 'bloomConnectionDotsWave';
+
+/**
+ * CSS keyframes powering the ellipsis shimmer. Mirrors the native Reanimated
+ * triangle wave: each dot's opacity rises to 1 and falls back to a dim floor,
+ * with a per-dot `animation-delay` sweeping the bright crest left→right.
+ *
+ * A `prefers-reduced-motion: reduce` media query pins every dot to full opacity,
+ * matching the native `useReducedMotion` branch — defence-in-depth alongside the
+ * JS `matchMedia` gate below (which also stops emitting the `animation` prop).
+ */
+const BLOOM_CONNECTION_DOTS_CSS = exports.BLOOM_CONNECTION_DOTS_CSS = `
+@keyframes ${WAVE_ANIMATION_NAME} { 0%, 100% { opacity: 0.25; } 50% { opacity: 1; } }
+@media (prefers-reduced-motion: reduce) {
+  [data-bloom-connection-dot] { animation: none !important; opacity: 1 !important; }
+}
+`;
+function useKeyframes() {
+  (0, _react.useEffect)(() => {
+    if (typeof document === 'undefined') return;
+    if (document.getElementById(KEYFRAMES_ID)) return;
+    const style = document.createElement('style');
+    style.id = KEYFRAMES_ID;
+    style.textContent = BLOOM_CONNECTION_DOTS_CSS;
+    document.head.appendChild(style);
+  }, []);
+}
+
+/** Read the OS `prefers-reduced-motion` preference reactively. */
+function usePrefersReducedMotion() {
+  const [reduced, setReduced] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    if (typeof window === 'undefined' || !window.matchMedia) return;
+    const mq = window.matchMedia('(prefers-reduced-motion: reduce)');
+    setReduced(mq.matches);
+    const onChange = e => setReduced(e.matches);
+    mq.addEventListener('change', onChange);
+    return () => mq.removeEventListener('change', onChange);
+  }, []);
+  return reduced;
+}
+
+/**
+ * Web fork of `./ConnectionDots`. The native variant runs the opacity wave with
+ * `react-native-reanimated`, which cannot ship to a web bundle. This fork drives
+ * the same motion with a CSS `@keyframes` animation (injected once into
+ * `<head>`) and a per-dot `animation-delay`. Brand color comes from the
+ * `fill-brand` role (`theme.colors.primary`). Reduced-motion (the `reducedMotion`
+ * prop, the JS `matchMedia` gate, or the CSS media query) renders static dots.
+ */
+const ConnectionDotsComponent = ({
+  left,
+  right,
+  dotCount = DEFAULT_DOT_COUNT,
+  dotSize = DEFAULT_DOT_SIZE,
+  accessibilityLabel,
+  className,
+  style,
+  reducedMotion
+}) => {
+  const theme = (0, _useTheme.useTheme)();
+  useKeyframes();
+  const systemReduceMotion = usePrefersReducedMotion();
+  const reduce = reducedMotion ?? systemReduceMotion;
+  const color = theme.colors.primary;
+  const count = Math.max(1, Math.floor(dotCount));
+  const dots = Array.from({
+    length: count
+  }, (_, i) => {
+    const base = {
+      width: dotSize,
+      height: dotSize,
+      borderRadius: dotSize / 2,
+      backgroundColor: color
+    };
+    const animated = reduce ? {
+      opacity: 1
+    } : {
+      // `animation` / `animationDelay` are real CSS props on web;
+      // react-native-web passes them through to the DOM node.
+      animation: `${WAVE_ANIMATION_NAME} ${WAVE_DURATION_MS}ms linear infinite`,
+      animationDelay: `${i / count * WAVE_DURATION_MS}ms`
+    };
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      'data-bloom-connection-dot': '',
+      style: [base, animated]
+    }, i);
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConnectionDotsBase.ConnectionDotsBase, {
+    left: left,
+    right: right,
+    dots: dots,
+    accessibilityLabel: accessibilityLabel,
+    className: className,
+    style: style
+  });
+};
+const ConnectionDots = exports.ConnectionDots = /*#__PURE__*/(0, _react.memo)(ConnectionDotsComponent);
+ConnectionDots.displayName = 'ConnectionDots';
+//# sourceMappingURL=ConnectionDots.web.js.map

package/lib/commonjs/connection-dots/ConnectionDots.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useTheme","_ConnectionDotsBase","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_DOT_COUNT","DEFAULT_DOT_SIZE","WAVE_DURATION_MS","KEYFRAMES_ID","WAVE_ANIMATION_NAME","BLOOM_CONNECTION_DOTS_CSS","exports","useKeyframes","useEffect","document","getElementById","style","createElement","id","textContent","head","appendChild","usePrefersReducedMotion","reduced","setReduced","useState","window","matchMedia","mq","matches","onChange","addEventListener","removeEventListener","ConnectionDotsComponent","left","right","dotCount","dotSize","accessibilityLabel","className","reducedMotion","theme","useTheme","systemReduceMotion","reduce","color","colors","primary","count","Math","max","floor","dots","Array","from","length","_","base","width","height","borderRadius","backgroundColor","animated","opacity","animation","animationDelay","jsx","View","ConnectionDotsBase","ConnectionDots","memo","displayName"],"sourceRoot":"../../../src","sources":["connection-dots/ConnectionDots.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/connection-dots/ConnectionDotsBase.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConnectionDotsBase = ConnectionDotsBase;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../styles/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Shared layout + accessibility chrome for {@link ConnectionDots}:
+ *
+ *   leftSlot · (animated ellipsis dots) · rightSlot
+ *
+ * The dots themselves are supplied by the platform fork (`ConnectionDots.tsx`
+ * native / `ConnectionDots.web.tsx` web) because the shimmer animation impl
+ * differs (Reanimated vs CSS). This base owns the row layout, the slot wrappers,
+ * and the single accessibility label that stands in for the decorative dots.
+ */
+function ConnectionDotsBase({
+  left,
+  right,
+  dots,
+  accessibilityLabel = 'Connecting',
+  className,
+  style
+}) {
+  const rowStyle = [_index.atoms.flex_row, _index.atoms.align_center, _index.atoms.justify_center, {
+    gap: _index.tokens.space.md
+  }, style];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ...(className ? {
+      className
+    } : {}),
+    style: rowStyle,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [_index.atoms.align_center, _index.atoms.justify_center],
+      children: left
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      accessibilityRole: "image",
+      accessibilityLabel: accessibilityLabel,
+      "aria-label": accessibilityLabel,
+      style: [_index.atoms.flex_row, _index.atoms.align_center, {
+        gap: _index.tokens.space.xs
+      }],
+      children: dots
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [_index.atoms.align_center, _index.atoms.justify_center],
+      children: right
+    })]
+  });
+}
+//# sourceMappingURL=ConnectionDotsBase.js.map

package/lib/commonjs/connection-dots/ConnectionDotsBase.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_index","_jsxRuntime","e","__esModule","default","ConnectionDotsBase","left","right","dots","accessibilityLabel","className","style","rowStyle","a","flex_row","align_center","justify_center","gap","tokens","space","md","jsxs","View","children","jsx","accessibilityRole","xs"],"sourceRoot":"../../../src","sources":["connection-dots/ConnectionDotsBase.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAY/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,kBAAkBA,CAAC;EACjCC,IAAI;EACJC,KAAK;EACLC,IAAI;EACJC,kBAAkB,GAAG,YAAY;EACjCC,SAAS;EACTC;AACuB,CAAC,EAAE;EAC1B,MAAMC,QAA8B,GAAG,CACrCC,YAAC,CAACC,QAAQ,EACVD,YAAC,CAACE,YAAY,EACdF,YAAC,CAACG,cAAc,EAChB;IAAEC,GAAG,EAAEC,aAAM,CAACC,KAAK,CAACC;EAAG,CAAC,EACxBT,KAAK,CACN;EAED,oBACE,IAAAV,WAAA,CAAAoB,IAAA,EAACtB,YAAA,CAAAuB,IAAI;IAAA,IACEZ,SAAS,GAAI;MAAEA;IAAU,CAAC,GAA8B,CAAC,CAAC;IAC/DC,KAAK,EAAEC,QAAS;IAAAW,QAAA,gBAChB,IAAAtB,WAAA,CAAAuB,GAAA,EAACzB,YAAA,CAAAuB,IAAI;MAACX,KAAK,EAAE,CAACE,YAAC,CAACE,YAAY,EAAEF,YAAC,CAACG,cAAc,CAAE;MAAAO,QAAA,EAAEjB;IAAI,CAAO,CAAC,eAK9D,IAAAL,WAAA,CAAAuB,GAAA,EAACzB,YAAA,CAAAuB,IAAI;MACHG,iBAAiB,EAAC,OAAO;MACzBhB,kBAAkB,EAAEA,kBAAmB;MACvC,cAAYA,kBAAmB;MAC/BE,KAAK,EAAE,CAACE,YAAC,CAACC,QAAQ,EAAED,YAAC,CAACE,YAAY,EAAE;QAAEE,GAAG,EAAEC,aAAM,CAACC,KAAK,CAACO;MAAG,CAAC,CAAE;MAAAH,QAAA,EAC7Df;IAAI,CACD,CAAC,eAEP,IAAAP,WAAA,CAAAuB,GAAA,EAACzB,YAAA,CAAAuB,IAAI;MAACX,KAAK,EAAE,CAACE,YAAC,CAACE,YAAY,EAAEF,YAAC,CAACG,cAAc,CAAE;MAAAO,QAAA,EAAEhB;IAAK,CAAO,CAAC;EAAA,CAC3D,CAAC;AAEX","ignoreList":[]}

package/lib/commonjs/connection-dots/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ConnectionDots", {
+  enumerable: true,
+  get: function () {
+    return _ConnectionDots.ConnectionDots;
+  }
+});
+var _ConnectionDots = require("./ConnectionDots");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/connection-dots/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ConnectionDots","require"],"sourceRoot":"../../../src","sources":["connection-dots/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/connection-dots/index.web.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ConnectionDots", {
+  enumerable: true,
+  get: function () {
+    return _ConnectionDotsWeb.ConnectionDots;
+  }
+});
+var _ConnectionDotsWeb = require("./ConnectionDots.web.js");
+//# sourceMappingURL=index.web.js.map

package/lib/commonjs/connection-dots/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ConnectionDotsWeb","require"],"sourceRoot":"../../../src","sources":["connection-dots/index.web.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/connection-dots/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/connection-dots/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["connection-dots/types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/design-tokens/color-roles.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TEXT_ROLES = exports.FILL_ROLES = exports.BORDER_ROLES = void 0;
+/**
+ * Semantic color-role vocabulary for the Oxy Unified Design Language.
+ *
+ * Every role is an ALIAS onto one of Bloom's existing canonical theme tokens
+ * (`--background`, `--surface`, `--primary`, …) — the SINGLE source of resolved
+ * color values produced by `getResolvedTokens` and written to the document root
+ * (web) / `rootVariables` (native) by `BloomThemeProvider`. No color VALUE is
+ * invented here: a role's value is the `var(--canonical)` reference, so it stays
+ * driven by the active light/dark mode and color preset automatically.
+ *
+ * The maps are consumed by the Bloom Tailwind preset (`tailwind-preset.ts`),
+ * which slots them into `theme.extend.{backgroundColor,textColor,borderColor}`.
+ * Because the values are `var(--x)` strings, the SAME class names resolve on
+ * Tailwind (web) and NativeWind (native): web reads the CSS custom property from
+ * `document.documentElement`; native reads it from react-native-css's
+ * `rootVariables` family — both populated by Bloom from one pipeline.
+ *
+ * Web CSS-var contract (see Bloom AGENTS.md): base `--x` tokens already resolve
+ * to a FULL `rgb(...)` color at runtime, so the role values reference them with
+ * `var(--x)` directly — NEVER `hsl(var(--x))`.
+ *
+ * ADDITIVE: these are NEW utility names (`bg-fill`, `text-text-tertiary`,
+ * `border-border-image`, …). They do not touch the existing app-defined color
+ * utilities (`bg-background`, `text-muted-foreground`, …), which keep working.
+ */
+
+/** A `var(--canonical-token)` reference string. */
+
+const ref = token => `var(--${token})`;
+
+/**
+ * Surface / fill roles → background-color utilities (`bg-<role>`).
+ *
+ * | role              | utility            | canonical token   | rationale                                   |
+ * | ----------------- | ------------------ | ----------------- | ------------------------------------------- |
+ * | bg                | bg-bg              | --background      | the page background                          |
+ * | fill              | bg-fill            | --card            | default raised surface (cards/sheets)        |
+ * | fill-secondary    | bg-fill-secondary  | --muted           | muted/secondary fill                         |
+ * | fill-hover        | bg-fill-hover      | --accent          | hover state of a secondary fill              |
+ * | fill-brand        | bg-fill-brand      | --primary         | brand-colored fill                           |
+ * | fill-brand-hover  | bg-fill-brand-hover| --ring            | hover of brand fill (ring == primary hue)    |
+ * | fill-inverse      | bg-fill-inverse    | --foreground      | inverse (high-contrast) fill                 |
+ * | fill-inverse-hover| bg-fill-inverse-hov| --muted-foreground| hover of inverse fill                        |
+ * | fill-placeholder  | bg-fill-placeholder| --muted           | disabled/placeholder surface                 |
+ */
+const FILL_ROLES = exports.FILL_ROLES = {
+  bg: ref('background'),
+  fill: ref('card'),
+  'fill-secondary': ref('muted'),
+  'fill-hover': ref('accent'),
+  'fill-brand': ref('primary'),
+  'fill-brand-hover': ref('ring'),
+  'fill-inverse': ref('foreground'),
+  'fill-inverse-hover': ref('muted-foreground'),
+  'fill-placeholder': ref('muted')
+};
+
+/**
+ * Text roles → text-color utilities (`text-<role>`).
+ *
+ * Tailwind prefixes text-color utilities with `text-`, so a role literally
+ * named `text` becomes the utility `text-text`, `text-secondary` → the utility
+ * `text-text-secondary`, etc. (matches the namespaced spec).
+ *
+ * | role             | utility               | canonical token       | rationale                          |
+ * | ---------------- | --------------------- | --------------------- | ---------------------------------- |
+ * | text             | text-text             | --foreground          | primary text                        |
+ * | text-secondary   | text-text-secondary   | --muted-foreground    | secondary text                      |
+ * | text-tertiary    | text-text-tertiary    | --muted-foreground    | tertiary/least-emphasis text        |
+ * | text-inverse     | text-text-inverse     | --primary-foreground  | text on a brand fill                |
+ * | text-fixed-light | text-text-fixed-light | --primary-foreground  | always-light text (on brand)        |
+ * | text-placeholder | text-text-placeholder | --muted-foreground    | placeholder/input hint              |
+ */
+const TEXT_ROLES = exports.TEXT_ROLES = {
+  text: ref('foreground'),
+  'text-secondary': ref('muted-foreground'),
+  'text-tertiary': ref('muted-foreground'),
+  'text-inverse': ref('primary-foreground'),
+  'text-fixed-light': ref('primary-foreground'),
+  'text-placeholder': ref('muted-foreground')
+};
+
+/**
+ * Border roles → border-color utilities (`border-<role>`).
+ *
+ * | role               | utility                 | canonical token | rationale                                  |
+ * | ------------------ | ----------------------- | --------------- | ------------------------------------------ |
+ * | border             | border-border           | --border        | default border                              |
+ * | border-image       | border-border-image     | --border        | hairline border color (0.5px width helper)  |
+ * | border-secondary   | border-border-secondary | --input         | secondary/softer border                     |
+ * | border-input       | border-border-input     | --input         | input field border                          |
+ * | border-input-active| border-border-input-active | --ring       | focused input border (== primary)           |
+ *
+ * NOTE: the hairline 0.5px WIDTH for `border-image` is shipped as a separate
+ * `borderWidth` scale entry (`border-hairline`) in the preset; the color role
+ * above only provides the matching color. Consumers compose them:
+ * `border-hairline border-border-image`.
+ */
+const BORDER_ROLES = exports.BORDER_ROLES = {
+  border: ref('border'),
+  'border-image': ref('border'),
+  'border-secondary': ref('input'),
+  'border-input': ref('input'),
+  'border-input-active': ref('ring')
+};
+//# sourceMappingURL=color-roles.js.map

package/lib/commonjs/design-tokens/color-roles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ref","token","FILL_ROLES","exports","bg","fill","TEXT_ROLES","text","BORDER_ROLES","border"],"sourceRoot":"../../../src","sources":["design-tokens/color-roles.ts"],"mappings":";;;;;;AAAA;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;;AAGA,MAAMA,GAAG,GAAIC,KAAa,IAAe,SAASA,KAAK,GAAG;;AAE1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG;EACxBE,EAAE,EAAEJ,GAAG,CAAC,YAAY,CAAC;EACrBK,IAAI,EAAEL,GAAG,CAAC,MAAM,CAAC;EACjB,gBAAgB,EAAEA,GAAG,CAAC,OAAO,CAAC;EAC9B,YAAY,EAAEA,GAAG,CAAC,QAAQ,CAAC;EAC3B,YAAY,EAAEA,GAAG,CAAC,SAAS,CAAC;EAC5B,kBAAkB,EAAEA,GAAG,CAAC,MAAM,CAAC;EAC/B,cAAc,EAAEA,GAAG,CAAC,YAAY,CAAC;EACjC,oBAAoB,EAAEA,GAAG,CAAC,kBAAkB,CAAC;EAC7C,kBAAkB,EAAEA,GAAG,CAAC,OAAO;AACjC,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMM,UAAU,GAAAH,OAAA,CAAAG,UAAA,GAAG;EACxBC,IAAI,EAAEP,GAAG,CAAC,YAAY,CAAC;EACvB,gBAAgB,EAAEA,GAAG,CAAC,kBAAkB,CAAC;EACzC,eAAe,EAAEA,GAAG,CAAC,kBAAkB,CAAC;EACxC,cAAc,EAAEA,GAAG,CAAC,oBAAoB,CAAC;EACzC,kBAAkB,EAAEA,GAAG,CAAC,oBAAoB,CAAC;EAC7C,kBAAkB,EAAEA,GAAG,CAAC,kBAAkB;AAC5C,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMQ,YAAY,GAAAL,OAAA,CAAAK,YAAA,GAAG;EAC1BC,MAAM,EAAET,GAAG,CAAC,QAAQ,CAAC;EACrB,cAAc,EAAEA,GAAG,CAAC,QAAQ,CAAC;EAC7B,kBAAkB,EAAEA,GAAG,CAAC,OAAO,CAAC;EAChC,cAAc,EAAEA,GAAG,CAAC,OAAO,CAAC;EAC5B,qBAAqB,EAAEA,GAAG,CAAC,MAAM;AACnC,CAAU","ignoreList":[]}