@oxyhq/bloom 0.19.1 → 0.21.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":"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","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/content-panel/index.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PANEL_TOP_INSET = exports.PANEL_BOTTOM_INSET = exports.GUTTER_MASK_SPREAD = exports.ContentPanel = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Native variant of `ContentPanel` — the framed app-content surface.
+ *
+ * `ContentPanel` is the rounded, bordered panel that holds an app's routed
+ * content. On WEB it adds two sticky overlays (a gutter "bleed-mask" box-shadow
+ * ring and a continuous rounded border frame) so feed content that bleeds into
+ * the rounded corners / lateral gutters is masked while a single seamless border
+ * is drawn around the panel — see `index.web.tsx`.
+ *
+ * On NATIVE none of that applies: there is no document scroll, no sticky
+ * positioning, and no bleed to mask, so the panel is simply a rounded, bordered
+ * surface wrapping its content. The `framed` and `showStickyFrame` props are
+ * accepted for cross-platform API parity but are intentionally no-ops here
+ * (mirroring the no-op native fork of `../scroll`).
+ *
+ * Web bundlers select `./index.web` via the `"browser"` export condition in
+ * `package.json`; native bundlers fall through to this file.
+ *
+ * Styling is NativeWind-className-first; the literal class strings below must
+ * stay literal so a consumer's Tailwind content-scan over `lib/**` (and the
+ * native `src/**`) picks them up.
+ */
+
+/**
+ * Width (in px) of the WEB sticky gutter-mask box-shadow ring. Exported for
+ * cross-platform API parity (it has no effect on native).
+ */
+const GUTTER_MASK_SPREAD = exports.GUTTER_MASK_SPREAD = 40;
+/** Top sticky inset (px) of the framed panel chrome. */
+const PANEL_TOP_INSET = exports.PANEL_TOP_INSET = 8;
+/** Bottom sticky inset (px) of the framed panel chrome. */
+const PANEL_BOTTOM_INSET = exports.PANEL_BOTTOM_INSET = 8;
+const ContentPanelComponent = ({
+  children,
+  surfaceClassName,
+  surfaceStyle,
+  contentClassName,
+  contentStyle
+}) => {
+  const surfaceClass = ['flex-1', 'rounded-radius-28', 'overflow-hidden border border-border', surfaceClassName ?? 'bg-card'].join(' ');
+  const contentClass = ['flex-1', contentClassName].filter(Boolean).join(' ');
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    className: surfaceClass,
+    style: surfaceStyle,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: contentClass,
+      style: contentStyle,
+      children: children
+    })
+  });
+};
+const ContentPanel = exports.ContentPanel = /*#__PURE__*/(0, _react.memo)(ContentPanelComponent);
+ContentPanel.displayName = 'ContentPanel';
+//# sourceMappingURL=index.js.map

package/lib/commonjs/content-panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GUTTER_MASK_SPREAD","exports","PANEL_TOP_INSET","PANEL_BOTTOM_INSET","ContentPanelComponent","children","surfaceClassName","surfaceStyle","contentClassName","contentStyle","surfaceClass","join","contentClass","filter","Boolean","jsx","View","className","style","ContentPanel","memo","displayName"],"sourceRoot":"../../../src","sources":["content-panel/index.tsx"],"mappings":";;;;;;AAsBA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAoE,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,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;AAvBpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACO,MAAMkB,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,EAAE;AACpC;AACO,MAAME,eAAe,GAAAD,OAAA,CAAAC,eAAA,GAAG,CAAC;AAChC;AACO,MAAMC,kBAAkB,GAAAF,OAAA,CAAAE,kBAAA,GAAG,CAAC;AAsBnC,MAAMC,qBAAkD,GAAGA,CAAC;EAC1DC,QAAQ;EACRC,gBAAgB;EAChBC,YAAY;EACZC,gBAAgB;EAChBC;AACF,CAAC,KAAK;EACJ,MAAMC,YAAY,GAAG,CACnB,QAAQ,EACR,mBAAmB,EACnB,sCAAsC,EACtCJ,gBAAgB,IAAI,SAAS,CAC9B,CAACK,IAAI,CAAC,GAAG,CAAC;EACX,MAAMC,YAAY,GAAG,CAAC,QAAQ,EAAEJ,gBAAgB,CAAC,CAACK,MAAM,CAACC,OAAO,CAAC,CAACH,IAAI,CAAC,GAAG,CAAC;EAE3E,oBACE,IAAA/B,WAAA,CAAAmC,GAAA,EAACpC,YAAA,CAAAqC,IAAI;IACIC,SAAS,EAAEP,YAAY;IAC9BQ,KAAK,EAAEX,YAAa;IAAAF,QAAA,eAEpB,IAAAzB,WAAA,CAAAmC,GAAA,EAACpC,YAAA,CAAAqC,IAAI;MACIC,SAAS,EAAEL,YAAY;MAC9BM,KAAK,EAAET,YAAa;MAAAJ,QAAA,EAEnBA;IAAQ,CACL;EAAC,CACH,CAAC;AAEX,CAAC;AAEM,MAAMc,YAAY,GAAAlB,OAAA,CAAAkB,YAAA,gBAAG,IAAAC,WAAI,EAAChB,qBAAqB,CAAC;AACvDe,YAAY,CAACE,WAAW,GAAG,cAAc","ignoreList":[]}