@oxyhq/bloom 0.6.10 → 0.6.12

package/lib/module/loading/Loading.web.js

@@ -0,0 +1,232 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { useTheme } from "../theme/use-theme.js";
+import { animation } from "../styles/tokens.js";
+import { SpinnerIcon } from "./SpinnerIcon.web.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SIZE_CONFIG = {
+  small: {
+    spinner: 20,
+    text: 13
+  },
+  medium: {
+    spinner: 24,
+    text: 15
+  },
+  large: {
+    spinner: 44,
+    text: 16
+  }
+};
+const SpinnerLoading = ({
+  size = 'medium',
+  color,
+  className,
+  text,
+  textStyle,
+  style,
+  showText = true,
+  iconSize,
+  spinnerIcon,
+  testID
+}) => {
+  const theme = useTheme();
+  const sizeConfig = SIZE_CONFIG[size];
+  const effectiveIconSize = iconSize ?? sizeConfig.spinner;
+  const spinnerColor = className ? 'currentColor' : color ?? theme.colors.primary;
+  const textColor = color ?? theme.colors.textSecondary;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, style],
+    testID: testID,
+    children: [spinnerIcon ?? /*#__PURE__*/_jsx(SpinnerIcon, {
+      size: effectiveIconSize,
+      color: spinnerColor,
+      className: className
+    }), showText && text && /*#__PURE__*/_jsx(Text, {
+      style: [styles.text, {
+        color: textColor,
+        fontSize: sizeConfig.text,
+        marginTop: 8
+      }, textStyle],
+      children: text
+    })]
+  });
+};
+
+/**
+ * Web fork of the `top` variant.
+ *
+ * The native variant collapses/expands the container height and slides the
+ * spinner in/out with `react-native-reanimated`. Reanimated can't ship to a
+ * web bundle (its worklets Babel plugin has no web equivalent and importing it
+ * statically breaks the bundler), so this fork drives the same motion with CSS
+ * transitions — react-native-web emits `transition-*` style props to the DOM.
+ * The element stays mounted across `showLoading` toggles so both directions
+ * animate, exactly like the native `withTiming` on `height`, `opacity`, and
+ * `translateY`.
+ */
+const TopLoading = ({
+  size = 'medium',
+  color,
+  style,
+  showLoading = true,
+  iconSize,
+  heightOffset = 0,
+  spinnerIcon,
+  testID
+}) => {
+  const theme = useTheme();
+  const sizeConfig = SIZE_CONFIG[size];
+  const effectiveIconSize = iconSize ?? sizeConfig.spinner;
+  const targetHeight = Math.max(0, effectiveIconSize + sizeConfig.spinner + heightOffset);
+  const spinnerColor = color ?? theme.colors.primary;
+  const duration = animation.duration.slow;
+  // `cubic-bezier(0.33, 1, 0.68, 1)` is the standard CSS approximation of
+  // reanimated's `Easing.out(Easing.cubic)` used by the native variant.
+  const easing = 'cubic-bezier(0.33, 1, 0.68, 1)';
+  const containerTransition = {
+    transitionProperty: 'height',
+    transitionDuration: `${duration}ms`,
+    transitionTimingFunction: easing
+  };
+  const innerTransition = {
+    transitionProperty: 'opacity, transform',
+    transitionDuration: `${duration}ms`,
+    transitionTimingFunction: easing
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.topContainer, {
+      height: showLoading ? targetHeight : 0
+    }, containerTransition],
+    testID: testID,
+    children: /*#__PURE__*/_jsx(View, {
+      style: [styles.topLoadingView, {
+        height: targetHeight
+      }, {
+        opacity: showLoading ? 1 : 0,
+        transform: [{
+          translateY: showLoading ? 0 : -targetHeight
+        }]
+      }, innerTransition, style],
+      children: spinnerIcon ?? /*#__PURE__*/_jsx(SpinnerIcon, {
+        size: effectiveIconSize,
+        color: spinnerColor
+      })
+    })
+  });
+};
+const SkeletonLoading = ({
+  lines = 3,
+  width = '100%',
+  lineHeight = 16,
+  style,
+  testID
+}) => {
+  const theme = useTheme();
+  const skeletonColor = theme.colors.backgroundSecondary;
+  const skeletonLines = useMemo(() => Array.from({
+    length: lines
+  }, (_, index) => /*#__PURE__*/_jsx(View, {
+    style: [styles.skeletonLine, {
+      width: typeof width === 'string' ? width : `${width}%`,
+      height: lineHeight,
+      backgroundColor: skeletonColor,
+      marginBottom: index < lines - 1 ? 8 : 0
+    }]
+  }, index)), [lines, width, lineHeight, skeletonColor]);
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.skeletonContainer, style],
+    testID: testID,
+    children: skeletonLines
+  });
+};
+const InlineLoading = ({
+  size = 'small',
+  color,
+  text,
+  style,
+  textStyle,
+  spinnerIcon,
+  testID
+}) => {
+  const theme = useTheme();
+  const sizeConfig = SIZE_CONFIG[size];
+  const spinnerColor = color ?? theme.colors.primary;
+  const textColor = theme.colors.textSecondary;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.inlineContainer, style],
+    testID: testID,
+    children: [spinnerIcon ?? /*#__PURE__*/_jsx(SpinnerIcon, {
+      size: SIZE_CONFIG.small.spinner,
+      color: spinnerColor
+    }), text && /*#__PURE__*/_jsx(Text, {
+      style: [{
+        color: textColor,
+        fontSize: sizeConfig.text,
+        marginLeft: 8
+      }, textStyle],
+      children: text
+    })]
+  });
+};
+const LoadingComponent = props => {
+  const variant = props.variant ?? 'spinner';
+  switch (variant) {
+    case 'top':
+      return /*#__PURE__*/_jsx(TopLoading, {
+        ...props
+      });
+    case 'skeleton':
+      return /*#__PURE__*/_jsx(SkeletonLoading, {
+        ...props
+      });
+    case 'inline':
+      return /*#__PURE__*/_jsx(InlineLoading, {
+        ...props
+      });
+    case 'spinner':
+    default:
+      return /*#__PURE__*/_jsx(SpinnerLoading, {
+        ...props
+      });
+  }
+};
+export const Loading = /*#__PURE__*/memo(LoadingComponent);
+Loading.displayName = 'Loading';
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 16
+  },
+  text: {
+    textAlign: 'center'
+  },
+  topContainer: {
+    width: '100%',
+    position: 'relative',
+    overflow: 'hidden'
+  },
+  topLoadingView: {
+    width: '100%',
+    alignItems: 'center',
+    justifyContent: 'center',
+    position: 'absolute',
+    top: 0,
+    left: 0
+  },
+  skeletonContainer: {
+    width: '100%'
+  },
+  skeletonLine: {
+    borderRadius: 4
+  },
+  inlineContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=Loading.web.js.map

package/lib/module/loading/Loading.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","Text","StyleSheet","useTheme","animation","SpinnerIcon","jsx","_jsx","jsxs","_jsxs","SIZE_CONFIG","small","spinner","text","medium","large","SpinnerLoading","size","color","className","textStyle","style","showText","iconSize","spinnerIcon","testID","theme","sizeConfig","effectiveIconSize","spinnerColor","colors","primary","textColor","textSecondary","styles","container","children","fontSize","marginTop","TopLoading","showLoading","heightOffset","targetHeight","Math","max","duration","slow","easing","containerTransition","transitionProperty","transitionDuration","transitionTimingFunction","innerTransition","topContainer","height","topLoadingView","opacity","transform","translateY","SkeletonLoading","lines","width","lineHeight","skeletonColor","backgroundSecondary","skeletonLines","Array","from","length","_","index","skeletonLine","backgroundColor","marginBottom","skeletonContainer","InlineLoading","inlineContainer","marginLeft","LoadingComponent","props","variant","Loading","displayName","create","alignItems","justifyContent","padding","textAlign","position","overflow","top","left","borderRadius","flexDirection"],"sourceRoot":"../../../src","sources":["loading/Loading.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/loading/SpinnerIcon.web.js

@@ -0,0 +1,138 @@
+"use strict";
+
+import React, { useEffect } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * iOS-style spinner — 8 rotating blades with an opacity-gradient trail.
+ *
+ * Web fork of `./SpinnerIcon`. The native variant draws the blades with
+ * `react-native-svg` and spins them with `react-native-reanimated`. Neither
+ * dependency exists in a plain web bundle (and importing reanimated statically
+ * breaks any web bundler — its Babel worklets plugin has no web equivalent), so
+ * this fork renders the blades as plain `View`s and spins the container with a
+ * CSS `@keyframes` rotation injected once into `<head>`.
+ *
+ * The geometry mirrors the native SVG exactly. The SVG draws each blade on a
+ * 100×100 canvas as a `28×10` rounded rect with its top-left at `(67, 45)` —
+ * i.e. a blade whose centre sits `31` units to the right of the canvas centre
+ * `(50, 50)` — then rotates copies of it about the centre at
+ * `-90…225°` in `45°` steps with opacities `0…0.875`. Here each blade is a
+ * `View` centred on the container, then `rotate(θ) translateX(radius)` places
+ * its centre at distance `radius` from the container centre at angle `θ`. All
+ * lengths scale by `size / 100` so any `size` is pixel-identical to native.
+ */
+const SVG_CANVAS = 100;
+const BLADE_WIDTH = 28;
+const BLADE_HEIGHT = 10;
+/** Distance from canvas centre to a blade's centre: (67 + 28/2) − 50 = 31. */
+const BLADE_RADIUS = 31;
+const BLADE_RADIUS_CORNER = BLADE_HEIGHT / 2;
+
+/** Angle (deg) / opacity for each of the 8 blades, matching the native SVG. */
+const BLADES = [{
+  angle: -90,
+  opacity: 0
+}, {
+  angle: -45,
+  opacity: 0.125
+}, {
+  angle: 0,
+  opacity: 0.25
+}, {
+  angle: 45,
+  opacity: 0.375
+}, {
+  angle: 90,
+  opacity: 0.5
+}, {
+  angle: 135,
+  opacity: 0.625
+}, {
+  angle: 180,
+  opacity: 0.75
+}, {
+  angle: 225,
+  opacity: 0.875
+}];
+const SPIN_DURATION_MS = 400;
+const KEYFRAMES_ID = 'bloom-spinner-keyframes';
+const SPIN_ANIMATION_NAME = 'bloomSpinnerRotate';
+
+/**
+ * CSS keyframes powering the spin. Injected once into `<head>` (keyed by id so
+ * multiple spinners and re-mounts don't duplicate the rule). Mirrors the
+ * native `withRepeat(withTiming(360, { duration: 400, easing: linear }))`.
+ */
+export const BLOOM_SPINNER_CSS = `
+@keyframes ${SPIN_ANIMATION_NAME} { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
+`;
+function useKeyframes() {
+  useEffect(() => {
+    if (typeof document === 'undefined') return;
+    if (document.getElementById(KEYFRAMES_ID)) return;
+    const style = document.createElement('style');
+    style.id = KEYFRAMES_ID;
+    style.textContent = BLOOM_SPINNER_CSS;
+    document.head.appendChild(style);
+  }, []);
+}
+export const SpinnerIcon = ({
+  color = 'currentColor',
+  size = 26,
+  className,
+  style
+}) => {
+  useKeyframes();
+  const scale = size / SVG_CANVAS;
+  const bladeWidth = BLADE_WIDTH * scale;
+  const bladeHeight = BLADE_HEIGHT * scale;
+  const bladeRadius = BLADE_RADIUS * scale;
+  const bladeCorner = BLADE_RADIUS_CORNER * scale;
+  return /*#__PURE__*/_jsx(View, {
+    ...(className ? {
+      className
+    } : {}),
+    // `animation` is a real CSS prop on web; react-native-web passes it
+    // through to the DOM node. Typed as a cast because RN's ViewStyle has no
+    // `animation` key.
+    style: [styles.container, {
+      width: size,
+      height: size
+    }, {
+      animation: `${SPIN_ANIMATION_NAME} ${SPIN_DURATION_MS}ms linear infinite`
+    }, style],
+    children: BLADES.map(({
+      angle,
+      opacity
+    }) => /*#__PURE__*/_jsx(View, {
+      style: [styles.blade, {
+        width: bladeWidth,
+        height: bladeHeight,
+        borderRadius: bladeCorner,
+        backgroundColor: color,
+        opacity,
+        marginLeft: -bladeWidth / 2,
+        marginTop: -bladeHeight / 2,
+        transform: [{
+          rotate: `${angle}deg`
+        }, {
+          translateX: bladeRadius
+        }]
+      }]
+    }, angle))
+  });
+};
+SpinnerIcon.displayName = 'SpinnerIcon';
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  blade: {
+    position: 'absolute',
+    top: '50%',
+    left: '50%'
+  }
+});
+//# sourceMappingURL=SpinnerIcon.web.js.map

package/lib/module/loading/SpinnerIcon.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","StyleSheet","View","jsx","_jsx","SVG_CANVAS","BLADE_WIDTH","BLADE_HEIGHT","BLADE_RADIUS","BLADE_RADIUS_CORNER","BLADES","angle","opacity","SPIN_DURATION_MS","KEYFRAMES_ID","SPIN_ANIMATION_NAME","BLOOM_SPINNER_CSS","useKeyframes","document","getElementById","style","createElement","id","textContent","head","appendChild","SpinnerIcon","color","size","className","scale","bladeWidth","bladeHeight","bladeRadius","bladeCorner","styles","container","width","height","animation","children","map","blade","borderRadius","backgroundColor","marginLeft","marginTop","transform","rotate","translateX","displayName","create","alignItems","justifyContent","position","top","left"],"sourceRoot":"../../../src","sources":["loading/SpinnerIcon.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/loading/index.js

@@ -1,5 +1,5 @@
 "use strict";
 
-export { Loading } from "./Loading.js";
-export { SpinnerIcon } from "./SpinnerIcon.js";
+export { Loading } from './Loading';
+export { SpinnerIcon } from './SpinnerIcon';
 //# sourceMappingURL=index.js.map

package/lib/module/loading/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Loading","SpinnerIcon"],"sourceRoot":"../../../src","sources":["loading/index.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,cAAW;AACnC,SAASC,WAAW,QAAQ,kBAAe","ignoreList":[]}
+{"version":3,"names":["Loading","SpinnerIcon"],"sourceRoot":"../../../src","sources":["loading/index.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,WAAW;AACnC,SAASC,WAAW,QAAQ,eAAe","ignoreList":[]}

package/lib/module/loading/index.web.js

@@ -0,0 +1,18 @@
+"use strict";
+
+// Web variant of the `./loading` barrel.
+//
+// The default barrel (`./index.ts`) re-exports from `./Loading` and
+// `./SpinnerIcon`, which statically import `react-native-reanimated` (and lazily
+// `react-native-svg`). Reanimated has no web build — its worklets Babel plugin
+// is native-only and importing it statically breaks every web bundler (Vite,
+// webpack, Metro-web). The web forks (`./Loading.web`, `./SpinnerIcon.web`)
+// render the same components with CSS keyframes/transitions and no native deps.
+//
+// Web bundlers select this file via the `"browser"` export condition in
+// `package.json`'s `exports['./loading']`; native bundlers fall through to the
+// React Native build above. Types are platform-agnostic, so they come straight
+// from `./types`.
+export { Loading } from "./Loading.web.js";
+export { SpinnerIcon } from "./SpinnerIcon.web.js";
+//# sourceMappingURL=index.web.js.map

package/lib/module/loading/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Loading","SpinnerIcon"],"sourceRoot":"../../../src","sources":["loading/index.web.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,kBAAe;AACvC,SAASC,WAAW,QAAQ,sBAAmB","ignoreList":[]}

package/lib/typescript/commonjs/index.web.d.ts

@@ -19,7 +19,7 @@ export * from './collapsible';
 export { ErrorBoundary } from './error-boundary';
 export type { ErrorBoundaryProps, ErrorBoundaryFallback, ErrorBoundaryFallbackContext, } from './error-boundary';
 export * from './avatar';
-export * from './loading';
+export * from './loading/index.web';
 export * as PromptInput from './prompt-input';
 export * from './switch';
 export { toast, type Toast } from './toast/index.web';

package/lib/typescript/commonjs/index.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../src/index.web.ts"],"names":[],"mappings":"AAMA,cAAc,SAAS,CAAC;AAGxB,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAC1C,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGhF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAG9D,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,KAAK,KAAK,IAAI,SAAS,EAAE,KAAK,IAAI,SAAS,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGhG,cAAc,oBAAoB,CAAC;AACnC,OAAO,EACL,MAAM,EACN,cAAc,EACd,+BAA+B,EAC/B,mBAAmB,EACnB,KAAK,EACL,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,WAAW,GACZ,MAAM,oBAAoB,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EACV,kBAAkB,EAClB,qBAAqB,EACrB,4BAA4B,GAC7B,MAAM,kBAAkB,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAC;AAC9C,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,KAAK,EAAE,KAAK,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAGtD,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAG3C,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,KAAK,SAAS,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,gBAAgB,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvE,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AAGzC,cAAc,iBAAiB,CAAC;AAGhC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,IAAI,MAAM,kBAAkB,CAAC;AACzC,OAAO,KAAK,OAAO,MAAM,qBAAqB,CAAC;AAC/C,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC;AAC7C,OAAO,KAAK,WAAW,MAAM,0BAA0B,CAAC;AAGxD,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAG/B,OAAO,KAAK,KAAK,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../src/index.web.ts"],"names":[],"mappings":"AAMA,cAAc,SAAS,CAAC;AAGxB,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAC1C,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGhF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAG9D,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,KAAK,KAAK,IAAI,SAAS,EAAE,KAAK,IAAI,SAAS,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGhG,cAAc,oBAAoB,CAAC;AACnC,OAAO,EACL,MAAM,EACN,cAAc,EACd,+BAA+B,EAC/B,mBAAmB,EACnB,KAAK,EACL,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,WAAW,GACZ,MAAM,oBAAoB,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EACV,kBAAkB,EAClB,qBAAqB,EACrB,4BAA4B,GAC7B,MAAM,kBAAkB,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC;AACpC,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAC;AAC9C,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,KAAK,EAAE,KAAK,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAGtD,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAG3C,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,KAAK,SAAS,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,gBAAgB,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvE,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AAGzC,cAAc,iBAAiB,CAAC;AAGhC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,IAAI,MAAM,kBAAkB,CAAC;AACzC,OAAO,KAAK,OAAO,MAAM,qBAAqB,CAAC;AAC/C,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC;AAC7C,OAAO,KAAK,WAAW,MAAM,0BAA0B,CAAC;AAGxD,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAG/B,OAAO,KAAK,KAAK,MAAM,mBAAmB,CAAC"}

package/lib/typescript/commonjs/loading/Loading.web.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { LoadingProps } from './types';
+export declare const Loading: React.NamedExoticComponent<LoadingProps>;
+//# sourceMappingURL=Loading.web.d.ts.map

package/lib/typescript/commonjs/loading/Loading.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.web.d.ts","sourceRoot":"","sources":["../../../../src/loading/Loading.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAM7C,OAAO,KAAK,EACV,YAAY,EAKb,MAAM,SAAS,CAAC;AAmMjB,eAAO,MAAM,OAAO,0CAAyB,CAAC"}

package/lib/typescript/commonjs/loading/SpinnerIcon.web.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { type ViewStyle } from 'react-native';
+interface SpinnerIconProps {
+    size?: number;
+    color?: string;
+    className?: string;
+    style?: ViewStyle;
+}
+/**
+ * CSS keyframes powering the spin. Injected once into `<head>` (keyed by id so
+ * multiple spinners and re-mounts don't duplicate the rule). Mirrors the
+ * native `withRepeat(withTiming(360, { duration: 400, easing: linear }))`.
+ */
+export declare const BLOOM_SPINNER_CSS = "\n@keyframes bloomSpinnerRotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n";
+export declare const SpinnerIcon: React.FC<SpinnerIconProps>;
+export {};
+//# sourceMappingURL=SpinnerIcon.web.d.ts.map

package/lib/typescript/commonjs/loading/SpinnerIcon.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpinnerIcon.web.d.ts","sourceRoot":"","sources":["../../../../src/loading/SpinnerIcon.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhE,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AA4CD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,8GAE7B,CAAC;AAaF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+ClD,CAAC"}

package/lib/typescript/commonjs/loading/index.web.d.ts

@@ -0,0 +1,4 @@
+export { Loading } from './Loading.web';
+export { SpinnerIcon } from './SpinnerIcon.web';
+export type { LoadingProps, LoadingVariant, LoadingSize, SpinnerLoadingProps, TopLoadingProps, SkeletonLoadingProps, InlineLoadingProps, } from './types';
+//# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/commonjs/loading/index.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/loading/index.web.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,YAAY,EACV,YAAY,EACZ,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,eAAe,EACf,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,SAAS,CAAC"}

package/lib/typescript/module/index.web.d.ts

@@ -19,7 +19,7 @@ export * from './collapsible';
 export { ErrorBoundary } from './error-boundary';
 export type { ErrorBoundaryProps, ErrorBoundaryFallback, ErrorBoundaryFallbackContext, } from './error-boundary';
 export * from './avatar';
-export * from './loading';
+export * from './loading/index.web';
 export * as PromptInput from './prompt-input';
 export * from './switch';
 export { toast, type Toast } from './toast/index.web';

package/lib/typescript/module/index.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../src/index.web.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../src/index.web.ts"],"names":[],"mappings":"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"}

package/lib/typescript/module/loading/Loading.web.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { LoadingProps } from './types';
+export declare const Loading: React.NamedExoticComponent<LoadingProps>;
+//# sourceMappingURL=Loading.web.d.ts.map

package/lib/typescript/module/loading/Loading.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.web.d.ts","sourceRoot":"","sources":["../../../../src/loading/Loading.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAM7C,OAAO,KAAK,EACV,YAAY,EAKb,MAAM,SAAS,CAAC;AAmMjB,eAAO,MAAM,OAAO,0CAAyB,CAAC"}

package/lib/typescript/module/loading/SpinnerIcon.web.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { type ViewStyle } from 'react-native';
+interface SpinnerIconProps {
+    size?: number;
+    color?: string;
+    className?: string;
+    style?: ViewStyle;
+}
+/**
+ * CSS keyframes powering the spin. Injected once into `<head>` (keyed by id so
+ * multiple spinners and re-mounts don't duplicate the rule). Mirrors the
+ * native `withRepeat(withTiming(360, { duration: 400, easing: linear }))`.
+ */
+export declare const BLOOM_SPINNER_CSS = "\n@keyframes bloomSpinnerRotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n";
+export declare const SpinnerIcon: React.FC<SpinnerIconProps>;
+export {};
+//# sourceMappingURL=SpinnerIcon.web.d.ts.map

package/lib/typescript/module/loading/SpinnerIcon.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpinnerIcon.web.d.ts","sourceRoot":"","sources":["../../../../src/loading/SpinnerIcon.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhE,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AA4CD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,8GAE7B,CAAC;AAaF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+ClD,CAAC"}

package/lib/typescript/module/loading/index.web.d.ts

@@ -0,0 +1,4 @@
+export { Loading } from './Loading.web';
+export { SpinnerIcon } from './SpinnerIcon.web';
+export type { LoadingProps, LoadingVariant, LoadingSize, SpinnerLoadingProps, TopLoadingProps, SkeletonLoadingProps, InlineLoadingProps, } from './types';
+//# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/module/loading/index.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/loading/index.web.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,YAAY,EACV,YAAY,EACZ,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,eAAe,EACf,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/bloom",
-  "version": "0.6.10",
+  "version": "0.6.12",
   "description": "Bloom UI — Oxy ecosystem component library for React Native + Expo + Web",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -172,6 +172,11 @@
     },
     "./loading": {
       "react-native": "./src/loading/index.ts",
+      "browser": {
+        "types": "./lib/typescript/module/loading/index.web.d.ts",
+        "import": "./lib/module/loading/index.web.js",
+        "require": "./lib/commonjs/loading/index.web.js"
+      },
       "import": {
         "types": "./lib/typescript/module/loading/index.d.ts",
         "default": "./lib/module/loading/index.js"

package/src/dialog/CenteredDialog.tsx

@@ -245,7 +245,15 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
   },
   backdrop: {
-    ...StyleSheet.absoluteFillObject,
+    // Spell out the absolute-fill rect (matches `Fill`'s canonical style)
+    // rather than spreading the deprecated `StyleSheet.absoluteFillObject`,
+    // which RN 0.83's generated types no longer surface on the `StyleSheet`
+    // namespace and which downstream type-checks reject.
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
   },
   // A subtle deepening on press confirms the tap-to-dismiss affordance.
   backdropPressed: {

package/src/index.web.ts

@@ -54,7 +54,7 @@ export type {
   ErrorBoundaryFallbackContext,
 } from './error-boundary';
 export * from './avatar';
-export * from './loading';
+export * from './loading/index.web';
 export * as PromptInput from './prompt-input';
 export * from './switch';
 export { toast, type Toast } from './toast/index.web';