@oxyhq/bloom 0.25.2 → 0.26.0

package/src/avatar/Avatar.stories.tsx

@@ -3,6 +3,7 @@ import { View } from 'react-native';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Avatar } from './Avatar';
+import { Verified_Stroke2_Corner2_Rounded } from '../icons/Verified';
 
 const meta: Meta<typeof Avatar> = {
   title: 'Components/Avatar',
@@ -16,6 +17,8 @@ const meta: Meta<typeof Avatar> = {
       options: ['circle', 'squircle'],
     },
     verified: { control: 'boolean' },
+    live: { control: 'boolean' },
+    hideLiveBadge: { control: 'boolean' },
   },
 };
 
@@ -67,3 +70,51 @@ export const Composition: Story = {
     </View>
   ),
 };
+
+export const LiveCircle: Story = {
+  args: { size: 72, uri: SAMPLE_URI, live: true },
+  name: 'Live (circle)',
+};
+
+export const LiveSquircle: Story = {
+  args: { size: 72, uri: SAMPLE_URI, live: true, shape: 'squircle' },
+  name: 'Live (squircle)',
+};
+
+export const LiveSmall: Story = {
+  // size <= 32 → tiny badge variant
+  args: { size: 28, uri: SAMPLE_URI, live: true },
+  name: 'Live (small · tiny badge)',
+};
+
+export const LiveRingOnly: Story = {
+  args: { size: 72, uri: SAMPLE_URI, live: true, hideLiveBadge: true },
+  name: 'Live + hideLiveBadge (ring only)',
+};
+
+export const LiveVerified: Story = {
+  args: {
+    size: 72,
+    uri: SAMPLE_URI,
+    live: true,
+    verified: true,
+    verifiedIcon: (
+      <Verified_Stroke2_Corner2_Rounded size="lg" fill="#1D9BF0" />
+    ),
+  },
+  name: 'Live + verified',
+};
+
+export const LiveGallery: Story = {
+  render: () => (
+    <View style={{ flexDirection: 'row', gap: 20, alignItems: 'center' }}>
+      <Avatar size={24} uri={SAMPLE_URI} live />
+      <Avatar size={32} uri={SAMPLE_URI} live />
+      <Avatar size={48} uri={SAMPLE_URI} live />
+      <Avatar size={72} uri={SAMPLE_URI} live />
+      <Avatar size={72} uri={SAMPLE_URI} live shape="squircle" />
+      <Avatar size={72} uri={SAMPLE_URI} live liveLabel="EN VIVO" />
+    </View>
+  ),
+  name: 'Live (gallery)',
+};

package/src/avatar/Avatar.tsx

@@ -7,6 +7,7 @@ import { useImageResolver } from '../image-resolver/context';
 import { Z_INDEX } from '../styles/z-index';
 import { lazyRequire } from '../utils/lazy-require';
 import { useAvatarPlaceholder } from './placeholder-context';
+import { LiveBadge } from './LiveBadge';
 import type { AvatarProps } from './types';
 
 // Google Contacts-inspired palette used to pick a deterministic background
@@ -53,6 +54,18 @@ let clipIdCounter = 0;
 type SvgModuleType = typeof import('react-native-svg');
 const getSvgModule = lazyRequire<SvgModuleType>('react-native-svg');
 
+/**
+ * Live-ring drawing config passed down to shape renderers.
+ * - `color`: resolved ring color (theme `negative` or `liveColor` override).
+ * - `strokeWidth`: stroke width in the squircle's 0–1 path coordinate space.
+ * - `borderWidth`: ring border width in pixels for the circle fallback.
+ */
+interface LiveRingConfig {
+  color: string;
+  strokeWidth: number;
+  borderWidth: number;
+}
+
 function SquircleImage({
   uri,
   fallbackSource,
@@ -61,6 +74,7 @@ function SquircleImage({
   placeholderIcon,
   name,
   onError,
+  liveRing,
 }: {
   uri?: string;
   fallbackSource?: AvatarProps['fallbackSource'];
@@ -69,11 +83,20 @@ function SquircleImage({
   placeholderIcon?: React.ReactNode;
   name?: string;
   onError: () => void;
+  liveRing?: LiveRingConfig;
 }) {
   const svg = getSvgModule();
   if (!svg) {
-    // Fallback to circle if react-native-svg is not installed
-    return <CircleFallback size={size} fallbackColor={fallbackColor} icon={placeholderIcon} name={name} />;
+    // Fallback to circle if react-native-svg is not installed. The circle
+    // fallback also gets a circle live ring (matching its rendered shape).
+    return (
+      <>
+        <CircleFallback size={size} fallbackColor={fallbackColor} icon={placeholderIcon} name={name} />
+        {liveRing && (
+          <CircleLiveRing radius={size / 2} color={liveRing.color} borderWidth={liveRing.borderWidth} />
+        )}
+      </>
+    );
   }
 
   const { default: Svg, Defs, ClipPath, Path, Image: SvgImage } = svg;
@@ -81,7 +104,14 @@ function SquircleImage({
 
   const href = uri ? { uri } : fallbackSource;
   if (!href) {
-    return <CircleFallback size={size} fallbackColor={fallbackColor} icon={placeholderIcon} name={name} />;
+    return (
+      <>
+        <CircleFallback size={size} fallbackColor={fallbackColor} icon={placeholderIcon} name={name} />
+        {liveRing && (
+          <CircleLiveRing radius={size / 2} color={liveRing.color} borderWidth={liveRing.borderWidth} />
+        )}
+      </>
+    );
   }
 
   return (
@@ -107,6 +137,18 @@ function SquircleImage({
           preserveAspectRatio="xMidYMid slice"
           clipPath={`url(#${clipId})`}
         />
+        {/* Live ring: the squircle outline stroked in the ring color. The
+            path lives in 0–1 space, so the stroke width is expressed in the
+            same units; the outer half is clipped by the SVG viewport, leaving
+            a ~borderWidth-px inset ring on the squircle edge. */}
+        {liveRing && (
+          <Path
+            d={SQUIRCLE_PATH}
+            fill="none"
+            stroke={liveRing.color}
+            strokeWidth={liveRing.strokeWidth}
+          />
+        )}
       </Svg>
     </>
   );
@@ -166,6 +208,37 @@ function CircleFallback({
   );
 }
 
+/**
+ * Solid live ring for circular avatars — an absolutely-positioned inset-0
+ * overlay whose border overlays the avatar edge (drawn on top of the image,
+ * never a border on the image itself). Also used as the fallback ring for a
+ * squircle avatar when react-native-svg is unavailable.
+ */
+function CircleLiveRing({
+  radius,
+  color,
+  borderWidth,
+}: {
+  radius: number;
+  color: string;
+  borderWidth: number;
+}) {
+  return (
+    <View
+      style={[
+        StyleSheet.absoluteFill,
+        {
+          borderRadius: radius,
+          borderColor: color,
+          borderWidth,
+          zIndex: Z_INDEX.raised,
+          pointerEvents: 'none',
+        },
+      ]}
+    />
+  );
+}
+
 const AvatarComponent: React.FC<AvatarProps> = ({
   source,
   uri,
@@ -181,6 +254,10 @@ const AvatarComponent: React.FC<AvatarProps> = ({
   placeholderIcon,
   name,
   onPress,
+  live = false,
+  hideLiveBadge = false,
+  liveLabel = 'LIVE',
+  liveColor,
   testID,
 }) => {
   const [errored, setErrored] = useState(false);
@@ -246,6 +323,23 @@ const AvatarComponent: React.FC<AvatarProps> = ({
     return fallbackSource;
   }, [effectiveUri, resolvedImageSource, fallbackSource]);
 
+  // Live indicator (modeled on Bluesky): a solid ring around the avatar plus,
+  // unless suppressed, a "LIVE" pill hanging off the bottom-center. Colors come
+  // from the theme (`negative` / `negativeForeground`) with an optional
+  // `liveColor` override. The badge is only shown for `size > 16`.
+  const liveRingColor = liveColor ?? theme.colors.negative;
+  const liveBorderWidth = size > 16 ? 2 : 1;
+  const liveRing: LiveRingConfig | undefined = live
+    ? {
+        color: liveRingColor,
+        // The squircle path is in 0–1 space; center-stroking it and letting the
+        // viewport clip the outer half yields a ~`liveBorderWidth`-px inset ring.
+        strokeWidth: (liveBorderWidth / size) * 2,
+        borderWidth: liveBorderWidth,
+      }
+    : undefined;
+  const showLiveBadge = live && size > 16 && !hideLiveBadge;
+
   const content = (
     <View style={[styles.container, { width: size, height: size }, style]} testID={testID}>
       {shape === 'squircle' ? (
@@ -257,6 +351,7 @@ const AvatarComponent: React.FC<AvatarProps> = ({
           placeholderIcon={resolvedPlaceholderIcon}
           name={name}
           onError={() => setErrored(true)}
+          liveRing={liveRing}
         />
       ) : (
         <View style={[styles.imageContainer, { width: size, height: size, borderRadius: radius }]}>
@@ -278,6 +373,12 @@ const AvatarComponent: React.FC<AvatarProps> = ({
         </View>
       )}
 
+      {/* Circle live ring — overlays the avatar edge. The squircle shape draws
+          its own ring inside SquircleImage (SVG path or circle fallback). */}
+      {live && shape !== 'squircle' && (
+        <CircleLiveRing radius={radius} color={liveRingColor} borderWidth={liveBorderWidth} />
+      )}
+
       {verified && verifiedIcon && (
         <View
           style={[
@@ -291,6 +392,15 @@ const AvatarComponent: React.FC<AvatarProps> = ({
           {verifiedIcon}
         </View>
       )}
+
+      {showLiveBadge && (
+        <LiveBadge
+          variant={size > 32 ? 'small' : 'tiny'}
+          label={liveLabel}
+          backgroundColor={liveRingColor}
+          textColor={theme.colors.negativeForeground}
+        />
+      )}
     </View>
   );
 

package/src/avatar/LiveBadge.tsx

@@ -0,0 +1,72 @@
+import React, { memo } from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+
+import { Z_INDEX } from '../styles/z-index';
+
+export type LiveBadgeVariant = 'tiny' | 'small';
+
+interface LiveBadgeProps {
+  /** Size variant — `'tiny'` for small avatars, `'small'` for larger ones. */
+  variant: LiveBadgeVariant;
+  /** Text shown inside the pill (already localized by the caller). */
+  label: string;
+  /** Pill background color (defaults come from the theme `negative` token). */
+  backgroundColor: string;
+  /** Pill text color (defaults come from the theme `negativeForeground` token). */
+  textColor: string;
+}
+
+/**
+ * Small red "LIVE" pill that hangs off the bottom-center of an Avatar. Internal
+ * to the avatar family — not exported from the package. Modeled on Bluesky's
+ * live indicator: full-width absolute wrapper, center-aligned, `bottom: -5` so
+ * the pill protrudes below the avatar (the Avatar container is `overflow:
+ * 'visible'`).
+ */
+const LiveBadgeComponent: React.FC<LiveBadgeProps> = ({
+  variant,
+  label,
+  backgroundColor,
+  textColor,
+}) => {
+  return (
+    <View style={styles.wrapper}>
+      <View style={[styles.pill, { backgroundColor }]}>
+        <Text
+          allowFontScaling={false}
+          numberOfLines={1}
+          style={[
+            styles.text,
+            { color: textColor, fontSize: variant === 'small' ? 10 : 7 },
+          ]}
+        >
+          {label}
+        </Text>
+      </View>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  wrapper: {
+    position: 'absolute',
+    bottom: -5,
+    left: 0,
+    right: 0,
+    alignItems: 'center',
+    zIndex: Z_INDEX.raised,
+    pointerEvents: 'none',
+  },
+  pill: {
+    paddingVertical: 1,
+    paddingHorizontal: 3,
+    borderRadius: 4,
+  },
+  text: {
+    fontWeight: '600',
+    textAlign: 'center',
+  },
+});
+
+export const LiveBadge = memo(LiveBadgeComponent);
+LiveBadge.displayName = 'LiveBadge';

package/src/avatar/types.ts

@@ -49,5 +49,26 @@ export interface AvatarProps {
   name?: string;
   /** Press handler — wraps avatar in TouchableOpacity when provided */
   onPress?: () => void;
+  /**
+   * When true, marks the user as live-streaming: draws a solid red ring that
+   * overlays the avatar edge and, unless `hideLiveBadge` is set, a small red
+   * "LIVE" pill hanging off the bottom-center. Static (no animation). The badge
+   * is only shown for `size > 16`.
+   */
+  live?: boolean;
+  /** Suppress the "LIVE" pill badge while keeping the live ring (ring only). */
+  hideLiveBadge?: boolean;
+  /**
+   * Text shown inside the live badge. Defaults to `'LIVE'`. Provide a localized
+   * string for i18n — keep it extremely short (≈4 characters) as there is very
+   * little room.
+   */
+  liveLabel?: string;
+  /**
+   * Override color for the live ring and badge background. Defaults to the theme
+   * `negative` token. Prefer the theme default; only override for brand-specific
+   * live treatments.
+   */
+  liveColor?: string;
   testID?: string;
 }

package/lib/typescript/commonjs/accordion/Accordion.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { AccordionProps, AccordionItemProps, AccordionTriggerProps, AccordionContentProps } from './types';
-export declare const Accordion: React.NamedExoticComponent<AccordionProps>;
-export declare const AccordionItem: React.NamedExoticComponent<AccordionItemProps>;
-export declare const AccordionTrigger: React.NamedExoticComponent<AccordionTriggerProps>;
-export declare const AccordionContent: React.NamedExoticComponent<AccordionContentProps>;
-//# sourceMappingURL=Accordion.d.ts.map

package/lib/typescript/commonjs/accordion/Accordion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmF,MAAM,OAAO,CAAC;AAOxG,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EAEtB,MAAM,SAAS,CAAC;AAsPjB,eAAO,MAAM,SAAS,4CAA2B,CAAC;AAGlD,eAAO,MAAM,aAAa,gDAA+B,CAAC;AAG1D,eAAO,MAAM,gBAAgB,mDAAkC,CAAC;AAGhE,eAAO,MAAM,gBAAgB,mDAAkC,CAAC"}

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

@@ -1,3 +0,0 @@
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from './Accordion';
-export type { AccordionProps, AccordionItemProps, AccordionTriggerProps, AccordionContentProps, AccordionType, } from './types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC3F,YAAY,EACV,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,aAAa,GACd,MAAM,SAAS,CAAC"}

package/lib/typescript/commonjs/accordion/types.d.ts

@@ -1,38 +0,0 @@
-import type { StyleProp, ViewStyle, TextStyle } from 'react-native';
-export type AccordionType = 'single' | 'multiple';
-export interface AccordionProps {
-    /** Controls which items are expanded. For 'single' type, pass a string or undefined.
-     *  For 'multiple' type, pass an array of strings. */
-    value: string | string[] | undefined;
-    /** Called when expanded items change. */
-    onValueChange: (value: string | string[] | undefined) => void;
-    /** Whether only one item can be expanded at a time. */
-    type?: AccordionType;
-    /** Accordion items. */
-    children: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-    testID?: string;
-}
-export interface AccordionItemProps {
-    /** Unique value identifying this item. */
-    value: string;
-    /** Item content: should be AccordionTrigger and AccordionContent. */
-    children: React.ReactNode;
-    /** Whether this item is disabled. */
-    disabled?: boolean;
-    style?: StyleProp<ViewStyle>;
-}
-export interface AccordionTriggerProps {
-    /** Trigger content (label text). */
-    children: React.ReactNode;
-    /** Icon to show on the left side. */
-    icon?: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-    textStyle?: StyleProp<TextStyle>;
-}
-export interface AccordionContentProps {
-    /** Content to show when expanded. */
-    children: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-}
-//# sourceMappingURL=types.d.ts.map

package/lib/typescript/commonjs/accordion/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAC;AAElD,MAAM,WAAW,cAAc;IAC7B;yDACqD;IACrD,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;IACrC,yCAAyC;IACzC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9D,uDAAuD;IACvD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,uBAAuB;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,kBAAkB;IACjC,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,qBAAqB;IACpC,oCAAoC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qCAAqC;IACrC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,qBAAqB;IACpC,qCAAqC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B"}

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

@@ -1,56 +0,0 @@
-import React from 'react';
-import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
-import { type ButtonProps } from '../button';
-type AdmonitionType = 'info' | 'tip' | 'warning' | 'error' | 'apology';
-export declare function AdmonitionIcon(): import("react/jsx-runtime").JSX.Element;
-export declare namespace AdmonitionIcon {
-    var displayName: string;
-}
-export declare function AdmonitionContent({ children, style, }: {
-    children: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-}): import("react/jsx-runtime").JSX.Element;
-export declare namespace AdmonitionContent {
-    var displayName: string;
-}
-export declare function AdmonitionText({ children, style, }: {
-    children?: React.ReactNode;
-    style?: TextStyle;
-}): import("react/jsx-runtime").JSX.Element;
-export declare namespace AdmonitionText {
-    var displayName: string;
-}
-export declare function AdmonitionButton({ children, ...props }: Omit<ButtonProps, 'size' | 'variant'>): import("react/jsx-runtime").JSX.Element;
-export declare namespace AdmonitionButton {
-    var displayName: string;
-}
-export declare function AdmonitionRow({ children, style, }: {
-    children: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-}): import("react/jsx-runtime").JSX.Element;
-export declare namespace AdmonitionRow {
-    var displayName: string;
-}
-export declare function AdmonitionRoot({ children, type, style, }: {
-    children: React.ReactNode;
-    type?: AdmonitionType;
-    style?: StyleProp<ViewStyle>;
-}): import("react/jsx-runtime").JSX.Element;
-export declare namespace AdmonitionRoot {
-    var displayName: string;
-}
-/**
- * Simple all-in-one Admonition component for common use cases.
- * For more control, compose with AdmonitionRoot, AdmonitionRow, AdmonitionIcon,
- * AdmonitionContent, AdmonitionText, and AdmonitionButton.
- */
-export declare function Admonition({ children, type, style, }: {
-    children?: React.ReactNode;
-    type?: AdmonitionType;
-    style?: StyleProp<ViewStyle>;
-}): import("react/jsx-runtime").JSX.Element;
-export declare namespace Admonition {
-    var displayName: string;
-}
-export {};
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/admonition/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIhG,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAMnE,KAAK,cAAc,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAmBvE,wBAAgB,cAAc,4CAe7B;yBAfe,cAAc;;;AAkB9B,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,2CAMA;yBAZe,iBAAiB;;;AAejC,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,2CAMA;yBAZe,cAAc;;;AAe9B,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC,2CAMvC;yBATe,gBAAgB;;;AAYhC,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,2CAMA;yBAZe,aAAa;;;AAe7B,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,IAAa,EACb,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,2CA2BA;yBAnCe,cAAc;;;AAsC9B;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,IAAI,EACJ,KAAK,GACN,EAAE;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,2CAWA;yBAnBe,UAAU"}

package/lib/typescript/commonjs/alert-dialog/AlertDialog.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import type { DialogProps } from '../dialog';
-import type { AlertDialogProps } from './types';
-type DialogComponent = React.ComponentType<DialogProps>;
-/**
- * Build the `AlertDialog` component bound to a platform `Dialog`.
- *
- * `Dialog` is platform-forked (native `BottomSheet`-backed surface vs pure-DOM
- * web overlay) through its `./dialog` export conditions, and this repo never
- * relies on implicit `.web` resolution — the platform entry files
- * (`index.ts` / `index.web.ts`) inject the correct `Dialog` here. The body
- * below is single-source, no duplication.
- *
- * `AlertDialog` is a thin wrapper over `<Dialog placement="center">` that lays
- * out a title, description and a confirm/cancel action row. Reach for the
- * imperative `confirm()` helper + `<AlertDialogHost />` to trigger a confirm
- * from an event handler without owning visible state.
- */
-export declare function createAlertDialog(Dialog: DialogComponent): React.MemoExoticComponent<({ visible, onClose, title, description, confirmLabel, cancelLabel, onConfirm, onCancel, destructive, hideCancel, dismissible, cardStyle, testID, }: AlertDialogProps) => import("react/jsx-runtime").JSX.Element>;
-export type AlertDialogType = ReturnType<typeof createAlertDialog>;
-export {};
-//# sourceMappingURL=AlertDialog.d.ts.map

package/lib/typescript/commonjs/alert-dialog/AlertDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../src/alert-dialog/AlertDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAI7C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,KAAK,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;AAKxD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe,kLAepD,gBAAgB,8CAwEpB;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

package/lib/typescript/commonjs/alert-dialog/AlertDialogHost.d.ts

@@ -1,15 +0,0 @@
-import type { AlertDialogType } from './AlertDialog';
-/**
- * Build the `<AlertDialogHost />` bound to a platform `AlertDialog`. The
- * platform entry files (`index.ts` / `index.web.ts`) inject the correct one.
- *
- * The host mounts the imperative `confirm()` UI. Wrap your app root once
- * (after `BloomThemeProvider`) and you can call `confirm()` from anywhere —
- * including before the host mounts (entries are queued and drained on
- * subscribe). Confirms present one at a time in FIFO order.
- */
-export declare function createAlertDialogHost(AlertDialog: AlertDialogType): {
-    (): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
-//# sourceMappingURL=AlertDialogHost.d.ts.map

package/lib/typescript/commonjs/alert-dialog/AlertDialogHost.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertDialogHost.d.ts","sourceRoot":"","sources":["../../../../src/alert-dialog/AlertDialogHost.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,eAAe;;;EAgCjE"}

package/lib/typescript/commonjs/alert-dialog/confirm-store.d.ts

@@ -1,31 +0,0 @@
-import type { ConfirmOptions } from './types';
-export interface ConfirmEntry extends ConfirmOptions {
-    id: string;
-    resolve: (confirmed: boolean) => void;
-}
-type Listener = (queue: ConfirmEntry[]) => void;
-/**
- * Show a Bloom confirm dialog and resolve with the user's choice.
- *
- * ```ts
- * const ok = await confirm({
- *   title: 'Delete app?',
- *   description: 'This cannot be undone.',
- *   confirmLabel: 'Delete',
- *   destructive: true,
- * });
- * if (ok) await doDelete();
- * ```
- */
-export declare function confirm(options: ConfirmOptions): Promise<boolean>;
-/** Resolve and remove an entry. Called by the host on confirm/cancel/dismiss. */
-export declare function resolveConfirm(id: string, confirmed: boolean): void;
-/**
- * Subscribe to queue changes (single-subscriber model; latest wins). Delivers
- * the current queue synchronously so a freshly mounted host catches up.
- */
-export declare function subscribeConfirms(fn: Listener): () => void;
-/** Inspect the current queue. Used by tests. */
-export declare function getConfirmQueue(): readonly ConfirmEntry[];
-export {};
-//# sourceMappingURL=confirm-store.d.ts.map

package/lib/typescript/commonjs/alert-dialog/confirm-store.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"confirm-store.d.ts","sourceRoot":"","sources":["../../../../src/alert-dialog/confirm-store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAiB9C,MAAM,WAAW,YAAa,SAAQ,cAAc;IAClD,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAED,KAAK,QAAQ,GAAG,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;AAShD;;;;;;;;;;;;GAYG;AACH,wBAAgB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,CAMjE;AAED,iFAAiF;AACjF,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI,CAMnE;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,QAAQ,GAAG,MAAM,IAAI,CAM1D;AAED,gDAAgD;AAChD,wBAAgB,eAAe,IAAI,SAAS,YAAY,EAAE,CAEzD"}

package/lib/typescript/commonjs/alert-dialog/index.d.ts

@@ -1,8 +0,0 @@
-export declare const AlertDialog: import("react").MemoExoticComponent<({ visible, onClose, title, description, confirmLabel, cancelLabel, onConfirm, onCancel, destructive, hideCancel, dismissible, cardStyle, testID, }: import("./types").AlertDialogProps) => import("react/jsx-runtime").JSX.Element>;
-export declare const AlertDialogHost: {
-    (): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
-export { confirm } from './confirm-store';
-export type { AlertDialogProps, AlertDialogActionStyle, ConfirmOptions, } from './types';
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/alert-dialog/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/alert-dialog/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,0QAA4B,CAAC;AACrD,eAAO,MAAM,eAAe;;;CAAqC,CAAC;AAElE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,YAAY,EACV,gBAAgB,EAChB,sBAAsB,EACtB,cAAc,GACf,MAAM,SAAS,CAAC"}

package/lib/typescript/commonjs/alert-dialog/index.web.d.ts

@@ -1,8 +0,0 @@
-export declare const AlertDialog: import("react").MemoExoticComponent<({ visible, onClose, title, description, confirmLabel, cancelLabel, onConfirm, onCancel, destructive, hideCancel, dismissible, cardStyle, testID, }: import("./types").AlertDialogProps) => import("react/jsx-runtime").JSX.Element>;
-export declare const AlertDialogHost: {
-    (): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
-export { confirm } from './confirm-store';
-export type { AlertDialogProps, AlertDialogActionStyle, ConfirmOptions, } from './types';
-//# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/commonjs/alert-dialog/index.web.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/alert-dialog/index.web.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,0QAA4B,CAAC;AACrD,eAAO,MAAM,eAAe;;;CAAqC,CAAC;AAElE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,YAAY,EACV,gBAAgB,EAChB,sBAAsB,EACtB,cAAc,GACf,MAAM,SAAS,CAAC"}

package/lib/typescript/commonjs/alert-dialog/types.d.ts

@@ -1,44 +0,0 @@
-import type { StyleProp, ViewStyle } from 'react-native';
-export type AlertDialogActionStyle = 'default' | 'cancel' | 'destructive';
-export interface AlertDialogProps {
-    /** Whether the dialog is mounted + visible (controlled). */
-    visible: boolean;
-    /** Close request — backdrop tap, Escape, cancel, or after confirm. */
-    onClose: () => void;
-    /** Headline. */
-    title: string;
-    /** Supporting copy. */
-    description?: string;
-    /** Confirm button label. Defaults to `'Confirm'`. */
-    confirmLabel?: string;
-    /** Cancel button label. Defaults to `'Cancel'`. */
-    cancelLabel?: string;
-    /** Confirm handler. The dialog closes after it runs (sync). */
-    onConfirm?: () => void;
-    /** Cancel handler. Runs in addition to `onClose`. */
-    onCancel?: () => void;
-    /**
-     * Style the confirm button as destructive (negative color). Defaults to
-     * `false`.
-     */
-    destructive?: boolean;
-    /** Render only the confirm button (no cancel). Defaults to `false`. */
-    hideCancel?: boolean;
-    /**
-     * Tap-outside / Escape dismisses. Defaults to `false` — alert dialogs are
-     * usually blocking until answered.
-     */
-    dismissible?: boolean;
-    cardStyle?: StyleProp<ViewStyle>;
-    testID?: string;
-}
-export interface ConfirmOptions {
-    title: string;
-    description?: string;
-    confirmLabel?: string;
-    cancelLabel?: string;
-    destructive?: boolean;
-    hideCancel?: boolean;
-    dismissible?: boolean;
-}
-//# sourceMappingURL=types.d.ts.map

package/lib/typescript/commonjs/alert-dialog/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/alert-dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;AAE1E,MAAM,WAAW,gBAAgB;IAC/B,4DAA4D;IAC5D,OAAO,EAAE,OAAO,CAAC;IACjB,sEAAsE;IACtE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}

package/lib/typescript/commonjs/avatar/Avatar.d.ts

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