@oxyhq/bloom 0.25.1 → 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/src/bottom-sheet/index.tsx

@@ -15,6 +15,7 @@ import { Z_INDEX } from '../styles/z-index';
 import Animated, {
     interpolate,
     runOnJS,
+    type SharedValue,
     useAnimatedScrollHandler,
     useAnimatedStyle,
     useSharedValue,
@@ -24,18 +25,64 @@ import Animated, {
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { useTheme } from '../theme/use-theme';
 
-// Keyboard handler — only on native platforms. On web, keyboard events are handled by the browser.
+// Keyboard handling — only on native platforms. On web, keyboard events are
+// handled by the browser. `react-native-keyboard-controller` is an OPTIONAL
+// dependency: it is lazily `require`d below and everything no-ops when it is
+// absent (or on web).
 const noopKeyboardHandler = (_handlers: Record<string, (e: { height: number }) => void>, _deps: unknown[]) => {};
 let useKeyboardHandler: (handlers: Record<string, (e: { height: number }) => void>, deps: unknown[]) => void = noopKeyboardHandler;
+
+// react-native-keyboard-controller's <KeyboardProvider>. We re-establish it
+// INSIDE the sheet's RN <Modal> (see the render below): a <Modal> mounts into
+// its OWN native root, and neither the app-root GestureHandlerRootView nor the
+// app-root KeyboardProvider's native KeyboardControllerView extend across that
+// boundary. Without a provider inside the Modal, keyboard-controller consumers
+// (this sheet's keyboard tracker, plus any TextInputs in `children`) read the
+// default empty KeyboardContext — logging "Couldn't find real values for
+// KeyboardContext ..." — and receive no keyboard insets. When the optional
+// module is absent, or on web (no RN Modal native-window boundary, keyboard is
+// the browser's concern), this resolves to a passthrough that just renders its
+// children, so no provider is introduced where one isn't needed.
+const PassthroughKeyboardProvider = ({ children }: { children: React.ReactNode }) => <>{children}</>;
+let KeyboardProvider: React.ComponentType<{ children: React.ReactNode }> = PassthroughKeyboardProvider;
+
 if (Platform.OS !== 'web' && typeof require !== 'undefined') {
     try {
         const moduleName = 'react-native-keyboard-controller';
-        useKeyboardHandler = require(moduleName).useKeyboardHandler;
+        const keyboardController = require(moduleName);
+        useKeyboardHandler = keyboardController.useKeyboardHandler ?? noopKeyboardHandler;
+        KeyboardProvider = keyboardController.KeyboardProvider ?? PassthroughKeyboardProvider;
     } catch {
-        // react-native-keyboard-controller not available
+        // react-native-keyboard-controller not available — keep the no-op
+        // handler and passthrough provider.
     }
 }
 
+/**
+ * Registers the sheet's keyboard-height tracker. It lives in its own tiny
+ * component — rendered INSIDE the Modal, under the re-established
+ * <KeyboardProvider> — so `useKeyboardHandler` reads the in-Modal
+ * KeyboardContext whose native KeyboardControllerView actually receives the
+ * Modal window's keyboard insets (the app-root provider does not cross the
+ * Modal's native-window boundary). It writes the live keyboard height into the
+ * shared value that drives the sheet's translate/height styles. Renders
+ * nothing. No-ops when react-native-keyboard-controller isn't installed / on
+ * web (`useKeyboardHandler` is the module-level no-op there).
+ */
+function SheetKeyboardSync({ keyboardHeight }: { keyboardHeight: SharedValue<number> }) {
+    useKeyboardHandler({
+        onMove: (e) => {
+            'worklet';
+            keyboardHeight.value = e.height;
+        },
+        onEnd: (e) => {
+            'worklet';
+            keyboardHeight.value = e.height;
+        },
+    }, []);
+    return null;
+}
+
 /** Hook that returns current screen dimensions and updates on rotation/resize. */
 function useScreenDimensions() {
     const [dimensions, setDimensions] = useState(() => Dimensions.get('window'));
@@ -220,16 +267,11 @@ const BottomSheet = forwardRef((props: BottomSheetProps, ref: React.ForwardedRef
     const bodyPanRef = useRef<GestureType | undefined>(undefined);
     const handlePanRef = useRef<GestureType | undefined>(undefined);
 
-    useKeyboardHandler({
-        onMove: (e) => {
-            'worklet';
-            keyboardHeight.value = e.height;
-        },
-        onEnd: (e) => {
-            'worklet';
-            keyboardHeight.value = e.height;
-        },
-    }, []);
+    // The sheet's keyboard-height tracker is registered by <SheetKeyboardSync>,
+    // rendered INSIDE the Modal under the re-established <KeyboardProvider> (see
+    // the render tree below). It must NOT be called here in the component body:
+    // this body runs OUTSIDE the Modal, where the keyboard-controller provider
+    // that actually receives the Modal window's insets is not reachable.
 
     // Dismiss callbacks
     const safeClose = useCallback(() => {
@@ -692,32 +734,42 @@ const BottomSheet = forwardRef((props: BottomSheetProps, ref: React.ForwardedRef
 
     return (
         <Modal visible={rendered} transparent animationType="none" statusBarTranslucent onRequestClose={dismiss}>
-            {/* RN's Modal renders into its own native window. The app-root
-                GestureHandlerRootView does NOT extend into it, so pan gestures
-                silently no-op without this wrapper. */}
-            <GestureHandlerRootView style={styles.rootView}>
-                <View style={StyleSheet.absoluteFill}>
-                    <Animated.View style={[styles.backdrop, backdropStyle]}>
-                        {backdropComponent ? (
-                            backdropComponent({ onPress: handleBackdropPress })
-                        ) : (
-                            <Pressable style={styles.backdropTouchable} onPress={handleBackdropPress}>
-                                <View style={StyleSheet.absoluteFill} />
-                            </Pressable>
-                        )}
-                    </Animated.View>
-
-                    <GestureDetector gesture={panGesture}>
-                        <Animated.View style={[dynamicStyles.sheet, sheetMarginStyle, sheetStyle, sheetHeightStyle, style]}>
-                            {backgroundComponent?.({ style: styles.background })}
-
-                            {handleSlot}
-
-                            {bodyContent}
+            {/* RN's <Modal> mounts into its OWN native root, so the app-root
+                react-native-keyboard-controller <KeyboardProvider> does not
+                reach this subtree. Re-establish a provider here so the sheet's
+                own keyboard tracker (<SheetKeyboardSync>) AND any TextInputs in
+                `children` find a real KeyboardContext + receive the Modal
+                window's keyboard insets. Resolves to a passthrough on web / when
+                the optional module isn't installed (see resolution above). */}
+            <KeyboardProvider>
+                <SheetKeyboardSync keyboardHeight={keyboardHeight} />
+                {/* RN's Modal renders into its own native window. The app-root
+                    GestureHandlerRootView does NOT extend into it, so pan
+                    gestures silently no-op without this wrapper. */}
+                <GestureHandlerRootView style={styles.rootView}>
+                    <View style={StyleSheet.absoluteFill}>
+                        <Animated.View style={[styles.backdrop, backdropStyle]}>
+                            {backdropComponent ? (
+                                backdropComponent({ onPress: handleBackdropPress })
+                            ) : (
+                                <Pressable style={styles.backdropTouchable} onPress={handleBackdropPress}>
+                                    <View style={StyleSheet.absoluteFill} />
+                                </Pressable>
+                            )}
                         </Animated.View>
-                    </GestureDetector>
-                </View>
-            </GestureHandlerRootView>
+
+                        <GestureDetector gesture={panGesture}>
+                            <Animated.View style={[dynamicStyles.sheet, sheetMarginStyle, sheetStyle, sheetHeightStyle, style]}>
+                                {backgroundComponent?.({ style: styles.background })}
+
+                                {handleSlot}
+
+                                {bodyContent}
+                            </Animated.View>
+                        </GestureDetector>
+                    </View>
+                </GestureHandlerRootView>
+            </KeyboardProvider>
         </Modal>
     );
 });

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"}