@oxyhq/bloom 0.14.0 → 0.15.0

package/lib/typescript/commonjs/responsive-sheet/const.d.ts

@@ -1,43 +0,0 @@
-/**
- * Shared default constants for `ResponsiveSheet`.
- *
- * Platform-agnostic — imported by both the default/web CSS implementation
- * (`ResponsiveSheet.tsx`) and the native reanimated implementation
- * (`ResponsiveSheet.native.tsx`) so the two variants stay in lockstep.
- */
-/** Below this viewport width the sheet renders as a bottom-sheet. */
-export declare const DEFAULT_BREAKPOINT = 768;
-/** Side-sheet width (px) on wide screens. Capped to fit the viewport. */
-export declare const DEFAULT_WIDTH = 460;
-/** Bottom-sheet maximum height as a fraction of the viewport height. */
-export declare const DEFAULT_MAX_HEIGHT_RATIO = 0.9;
-/** Anchored edge of the side-sheet on wide screens. */
-export declare const DEFAULT_SIDE: "left";
-/**
- * Open/close transition duration (ms). ~280–300ms ease-out reads as smooth
- * without feeling sluggish; shared by the CSS transition and the native
- * reanimated timing so both platforms match.
- */
-export declare const ANIMATION_DURATION = 280;
-/**
- * Standard CSS approximation of reanimated's `Easing.out(Easing.cubic)` so the
- * web transition curve matches the native one.
- */
-export declare const EASE_OUT = "cubic-bezier(0.33, 1, 0.68, 1)";
-/** Corner radius for the side-sheet panel and the top of the bottom-sheet. */
-export declare const PANEL_RADIUS = 20;
-/** Backdrop dim opacity once fully shown (matches `bg-black/40`). */
-export declare const BACKDROP_OPACITY = 0.4;
-/** Drag-handle pill geometry for the bottom-sheet. */
-export declare const HANDLE_WIDTH = 36;
-export declare const HANDLE_HEIGHT = 5;
-export declare const HANDLE_RADIUS = 3;
-/**
- * Minimum gutter kept between a wide side-sheet and the opposite viewport edge
- * when capping its width, so the panel never spans the full screen on a narrow
- * desktop window that is still above the breakpoint.
- */
-export declare const SIDE_SHEET_MIN_GUTTER = 24;
-/** A11y label fallback when the host does not provide one. */
-export declare const DEFAULT_LABEL = "Sheet";
-//# sourceMappingURL=const.d.ts.map

package/lib/typescript/commonjs/responsive-sheet/const.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../../src/responsive-sheet/const.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,qEAAqE;AACrE,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAEtC,yEAAyE;AACzE,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,wEAAwE;AACxE,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAE5C,uDAAuD;AACvD,eAAO,MAAM,YAAY,EAAG,MAAe,CAAC;AAE5C;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAEtC;;;GAGG;AACH,eAAO,MAAM,QAAQ,mCAAmC,CAAC;AAEzD,8EAA8E;AAC9E,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B,qEAAqE;AACrE,eAAO,MAAM,gBAAgB,MAAM,CAAC;AAEpC,sDAAsD;AACtD,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,aAAa,IAAI,CAAC;AAC/B,eAAO,MAAM,aAAa,IAAI,CAAC;AAE/B;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC,8DAA8D;AAC9D,eAAO,MAAM,aAAa,UAAU,CAAC"}

package/lib/typescript/module/responsive-sheet/ResponsiveSheet.native.d.ts

@@ -1,20 +0,0 @@
-import type { ResponsiveSheetProps } from './types';
-/** Stable testID for the dimmed backdrop dismiss button. */
-export declare const RESPONSIVE_SHEET_BACKDROP_TESTID = "bloom-responsive-sheet-backdrop";
-/**
- * Native variant of `<ResponsiveSheet>` (selected only by Metro).
- *
- * Uses `react-native-reanimated` to drive the same motion as the web/CSS
- * default fork: a shared `progress` value times 0 -> 1 on open and 1 -> 0 on
- * close, mapped to the panel translate/opacity and the backdrop opacity.
- * Native exit animations are safe here — the web-only `removeChild` crash does
- * not apply — so we keep the node mounted through the close timing and unmount
- * from the animation completion callback.
- *
- * The panel itself is measured (not percentage-translated): we offset by the
- * panel's own width/height so the hidden state sits fully off its side, which
- * is the reanimated-friendly equivalent of the web `translate(±100%)`.
- */
-export declare function ResponsiveSheet({ open, onClose, side, breakpoint, width, maxHeightRatio, inset, showHandle, dismissOnBackdrop, panelStyle, panelClassName, containerStyle, containerClassName, label, children, }: ResponsiveSheetProps): import("react/jsx-runtime").JSX.Element | null;
-export default ResponsiveSheet;
-//# sourceMappingURL=ResponsiveSheet.native.d.ts.map

package/lib/typescript/module/responsive-sheet/ResponsiveSheet.native.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResponsiveSheet.native.d.ts","sourceRoot":"","sources":["../../../../src/responsive-sheet/ResponsiveSheet.native.tsx"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,4DAA4D;AAC5D,eAAO,MAAM,gCAAgC,oCAAoC,CAAC;AAElF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,OAAO,EACP,IAAmB,EACnB,UAA+B,EAC/B,KAAqB,EACrB,cAAyC,EACzC,KAAK,EACL,UAAiB,EACjB,iBAAwB,EACxB,UAAU,EACV,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,KAAqB,EACrB,QAAQ,GACT,EAAE,oBAAoB,kDAqJtB;AAiCD,eAAe,eAAe,CAAC"}

package/lib/typescript/module/responsive-sheet/const.d.ts

@@ -1,43 +0,0 @@
-/**
- * Shared default constants for `ResponsiveSheet`.
- *
- * Platform-agnostic — imported by both the default/web CSS implementation
- * (`ResponsiveSheet.tsx`) and the native reanimated implementation
- * (`ResponsiveSheet.native.tsx`) so the two variants stay in lockstep.
- */
-/** Below this viewport width the sheet renders as a bottom-sheet. */
-export declare const DEFAULT_BREAKPOINT = 768;
-/** Side-sheet width (px) on wide screens. Capped to fit the viewport. */
-export declare const DEFAULT_WIDTH = 460;
-/** Bottom-sheet maximum height as a fraction of the viewport height. */
-export declare const DEFAULT_MAX_HEIGHT_RATIO = 0.9;
-/** Anchored edge of the side-sheet on wide screens. */
-export declare const DEFAULT_SIDE: "left";
-/**
- * Open/close transition duration (ms). ~280–300ms ease-out reads as smooth
- * without feeling sluggish; shared by the CSS transition and the native
- * reanimated timing so both platforms match.
- */
-export declare const ANIMATION_DURATION = 280;
-/**
- * Standard CSS approximation of reanimated's `Easing.out(Easing.cubic)` so the
- * web transition curve matches the native one.
- */
-export declare const EASE_OUT = "cubic-bezier(0.33, 1, 0.68, 1)";
-/** Corner radius for the side-sheet panel and the top of the bottom-sheet. */
-export declare const PANEL_RADIUS = 20;
-/** Backdrop dim opacity once fully shown (matches `bg-black/40`). */
-export declare const BACKDROP_OPACITY = 0.4;
-/** Drag-handle pill geometry for the bottom-sheet. */
-export declare const HANDLE_WIDTH = 36;
-export declare const HANDLE_HEIGHT = 5;
-export declare const HANDLE_RADIUS = 3;
-/**
- * Minimum gutter kept between a wide side-sheet and the opposite viewport edge
- * when capping its width, so the panel never spans the full screen on a narrow
- * desktop window that is still above the breakpoint.
- */
-export declare const SIDE_SHEET_MIN_GUTTER = 24;
-/** A11y label fallback when the host does not provide one. */
-export declare const DEFAULT_LABEL = "Sheet";
-//# sourceMappingURL=const.d.ts.map

package/lib/typescript/module/responsive-sheet/const.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../../src/responsive-sheet/const.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,qEAAqE;AACrE,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAEtC,yEAAyE;AACzE,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,wEAAwE;AACxE,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAE5C,uDAAuD;AACvD,eAAO,MAAM,YAAY,EAAG,MAAe,CAAC;AAE5C;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAEtC;;;GAGG;AACH,eAAO,MAAM,QAAQ,mCAAmC,CAAC;AAEzD,8EAA8E;AAC9E,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B,qEAAqE;AACrE,eAAO,MAAM,gBAAgB,MAAM,CAAC;AAEpC,sDAAsD;AACtD,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,aAAa,IAAI,CAAC;AAC/B,eAAO,MAAM,aAAa,IAAI,CAAC;AAE/B;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC,8DAA8D;AAC9D,eAAO,MAAM,aAAa,UAAU,CAAC"}

package/src/responsive-sheet/ResponsiveSheet.native.tsx

@@ -1,257 +0,0 @@
-import React, {
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-} from 'react';
-import {
-  Pressable,
-  StyleSheet,
-  useWindowDimensions,
-  View,
-  type ViewStyle,
-} from 'react-native';
-import Animated, {
-  cancelAnimation,
-  Easing,
-  runOnJS,
-  useAnimatedStyle,
-  useSharedValue,
-  withTiming,
-} from 'react-native-reanimated';
-
-import { Z_INDEX } from '../styles/z-index';
-import { useTheme } from '../theme/use-theme';
-import {
-  ANIMATION_DURATION,
-  BACKDROP_OPACITY,
-  DEFAULT_BREAKPOINT,
-  DEFAULT_LABEL,
-  DEFAULT_MAX_HEIGHT_RATIO,
-  DEFAULT_SIDE,
-  DEFAULT_WIDTH,
-  HANDLE_HEIGHT,
-  HANDLE_RADIUS,
-  HANDLE_WIDTH,
-  PANEL_RADIUS,
-  SIDE_SHEET_MIN_GUTTER,
-} from './const';
-import type { ResponsiveSheetProps } from './types';
-
-/** Stable testID for the dimmed backdrop dismiss button. */
-export const RESPONSIVE_SHEET_BACKDROP_TESTID = 'bloom-responsive-sheet-backdrop';
-
-/**
- * Native variant of `<ResponsiveSheet>` (selected only by Metro).
- *
- * Uses `react-native-reanimated` to drive the same motion as the web/CSS
- * default fork: a shared `progress` value times 0 -> 1 on open and 1 -> 0 on
- * close, mapped to the panel translate/opacity and the backdrop opacity.
- * Native exit animations are safe here — the web-only `removeChild` crash does
- * not apply — so we keep the node mounted through the close timing and unmount
- * from the animation completion callback.
- *
- * The panel itself is measured (not percentage-translated): we offset by the
- * panel's own width/height so the hidden state sits fully off its side, which
- * is the reanimated-friendly equivalent of the web `translate(±100%)`.
- */
-export function ResponsiveSheet({
-  open,
-  onClose,
-  side = DEFAULT_SIDE,
-  breakpoint = DEFAULT_BREAKPOINT,
-  width = DEFAULT_WIDTH,
-  maxHeightRatio = DEFAULT_MAX_HEIGHT_RATIO,
-  inset,
-  showHandle = true,
-  dismissOnBackdrop = true,
-  panelStyle,
-  panelClassName,
-  containerStyle,
-  containerClassName,
-  label = DEFAULT_LABEL,
-  children,
-}: ResponsiveSheetProps) {
-  const theme = useTheme();
-  const { width: viewportWidth, height: viewportHeight } = useWindowDimensions();
-
-  // Keep the tree mounted through the exit timing; unmount once it settles.
-  const [mounted, setMounted] = useState(open);
-  // `progress`: 0 = fully hidden, 1 = fully shown. Drives both transform and
-  // opacity so a single timing controls the whole transition.
-  const progress = useSharedValue(open ? 1 : 0);
-
-  const isBottom = viewportWidth < breakpoint;
-
-  // Measured panel extent along the travel axis. Falls back to the geometry
-  // target so the very first frame is already off-screen before layout lands.
-  const insetTop = inset?.top ?? 0;
-  const insetBottom = inset?.bottom ?? 0;
-  const insetLeft = inset?.left ?? 0;
-  const insetRight = inset?.right ?? 0;
-  const anchorInset = side === 'left' ? insetLeft : insetRight;
-  const oppositeInset = side === 'left' ? insetRight : insetLeft;
-
-  const sideWidth = useMemo(() => {
-    const available = viewportWidth - anchorInset - oppositeInset - SIDE_SHEET_MIN_GUTTER;
-    return Math.max(0, Math.min(width, available));
-  }, [viewportWidth, anchorInset, oppositeInset, width]);
-
-  const bottomMaxHeight = useMemo(
-    () => Math.round(viewportHeight * maxHeightRatio),
-    [viewportHeight, maxHeightRatio],
-  );
-
-  // Travel distance for the hidden state: the panel's measured extent (height
-  // for the bottom-sheet, width for the side-sheet), with the geometry target
-  // as the pre-measurement fallback.
-  const travel = useSharedValue(isBottom ? bottomMaxHeight : sideWidth);
-  useEffect(() => {
-    travel.value = isBottom ? bottomMaxHeight : sideWidth;
-  }, [isBottom, bottomMaxHeight, sideWidth, travel]);
-
-  const finishClose = useCallback(() => {
-    setMounted(false);
-  }, []);
-
-  useEffect(() => {
-    cancelAnimation(progress);
-    const timing = { duration: ANIMATION_DURATION, easing: Easing.out(Easing.cubic) };
-    if (open) {
-      setMounted(true);
-      progress.value = withTiming(1, timing);
-      return;
-    }
-    if (!mounted) return;
-    progress.value = withTiming(0, timing, (finished) => {
-      if (finished) runOnJS(finishClose)();
-    });
-  }, [open, mounted, progress, finishClose]);
-
-  const handleBackdropPress = useCallback(() => {
-    if (dismissOnBackdrop) onClose();
-  }, [dismissOnBackdrop, onClose]);
-
-  const backdropAnimatedStyle = useAnimatedStyle(() => ({
-    opacity: progress.value * BACKDROP_OPACITY,
-  }));
-
-  const hiddenSign = side === 'left' ? -1 : 1;
-  const panelAnimatedStyle = useAnimatedStyle(() => {
-    const hidden = 1 - progress.value;
-    if (isBottom) {
-      return {
-        opacity: progress.value,
-        transform: [{ translateY: hidden * travel.value }],
-      };
-    }
-    return {
-      opacity: progress.value,
-      transform: [{ translateX: hidden * travel.value * hiddenSign }],
-    };
-  }, [isBottom, hiddenSign]);
-
-  const measurePanel = useCallback(
-    (e: { nativeEvent: { layout: { width: number; height: number } } }) => {
-      const measured = isBottom ? e.nativeEvent.layout.height : e.nativeEvent.layout.width;
-      if (measured > 0) travel.value = measured;
-    },
-    [isBottom, travel],
-  );
-
-  const panelGeometry = useMemo<ViewStyle>(() => {
-    if (isBottom) {
-      return {
-        left: 0,
-        right: 0,
-        bottom: 0,
-        maxHeight: bottomMaxHeight,
-        borderTopLeftRadius: PANEL_RADIUS,
-        borderTopRightRadius: PANEL_RADIUS,
-      };
-    }
-    return {
-      top: insetTop,
-      bottom: insetBottom,
-      [side]: anchorInset,
-      width: sideWidth,
-      borderRadius: PANEL_RADIUS,
-    } as ViewStyle;
-  }, [isBottom, bottomMaxHeight, insetTop, insetBottom, side, anchorInset, sideWidth]);
-
-  if (!mounted) return null;
-
-  return (
-    <View
-      style={[styles.root, containerStyle]}
-      {...(containerClassName ? ({ className: containerClassName } as Record<string, string>) : {})}
-      pointerEvents="box-none"
-    >
-      <Animated.View style={[styles.backdrop, backdropAnimatedStyle]} pointerEvents="auto">
-        <Pressable
-          testID={RESPONSIVE_SHEET_BACKDROP_TESTID}
-          accessibilityRole="button"
-          accessibilityLabel={`Dismiss ${label}`}
-          onPress={handleBackdropPress}
-          disabled={!dismissOnBackdrop}
-          style={StyleSheet.absoluteFill}
-        />
-      </Animated.View>
-
-      <Animated.View
-        accessibilityViewIsModal
-        {...(panelClassName ? ({ className: panelClassName } as Record<string, string>) : {})}
-        onLayout={measurePanel}
-        style={[
-          styles.panel,
-          { backgroundColor: theme.colors.background, shadowColor: theme.colors.shadow },
-          panelGeometry,
-          panelAnimatedStyle,
-          panelStyle,
-        ]}
-        pointerEvents="auto"
-      >
-        {isBottom && showHandle ? (
-          <View style={styles.handleRow} pointerEvents="none">
-            <View style={[styles.handle, { backgroundColor: theme.colors.border }]} />
-          </View>
-        ) : null}
-        {children}
-      </Animated.View>
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  root: {
-    ...StyleSheet.absoluteFill,
-    zIndex: Z_INDEX.fullscreen,
-  },
-  backdrop: {
-    ...StyleSheet.absoluteFill,
-    backgroundColor: '#000',
-  },
-  panel: {
-    position: 'absolute',
-    overflow: 'hidden',
-    shadowOpacity: 0.18,
-    shadowRadius: 24,
-    shadowOffset: { width: 0, height: 8 },
-    elevation: 12,
-  },
-  handleRow: {
-    width: '100%',
-    alignItems: 'center',
-    paddingTop: 8,
-    paddingBottom: 4,
-  },
-  handle: {
-    width: HANDLE_WIDTH,
-    height: HANDLE_HEIGHT,
-    borderRadius: HANDLE_RADIUS,
-    opacity: 0.5,
-  },
-});
-
-export default ResponsiveSheet;

package/src/responsive-sheet/const.ts

@@ -1,53 +0,0 @@
-/**
- * Shared default constants for `ResponsiveSheet`.
- *
- * Platform-agnostic — imported by both the default/web CSS implementation
- * (`ResponsiveSheet.tsx`) and the native reanimated implementation
- * (`ResponsiveSheet.native.tsx`) so the two variants stay in lockstep.
- */
-
-/** Below this viewport width the sheet renders as a bottom-sheet. */
-export const DEFAULT_BREAKPOINT = 768;
-
-/** Side-sheet width (px) on wide screens. Capped to fit the viewport. */
-export const DEFAULT_WIDTH = 460;
-
-/** Bottom-sheet maximum height as a fraction of the viewport height. */
-export const DEFAULT_MAX_HEIGHT_RATIO = 0.9;
-
-/** Anchored edge of the side-sheet on wide screens. */
-export const DEFAULT_SIDE = 'left' as const;
-
-/**
- * Open/close transition duration (ms). ~280–300ms ease-out reads as smooth
- * without feeling sluggish; shared by the CSS transition and the native
- * reanimated timing so both platforms match.
- */
-export const ANIMATION_DURATION = 280;
-
-/**
- * Standard CSS approximation of reanimated's `Easing.out(Easing.cubic)` so the
- * web transition curve matches the native one.
- */
-export const EASE_OUT = 'cubic-bezier(0.33, 1, 0.68, 1)';
-
-/** Corner radius for the side-sheet panel and the top of the bottom-sheet. */
-export const PANEL_RADIUS = 20;
-
-/** Backdrop dim opacity once fully shown (matches `bg-black/40`). */
-export const BACKDROP_OPACITY = 0.4;
-
-/** Drag-handle pill geometry for the bottom-sheet. */
-export const HANDLE_WIDTH = 36;
-export const HANDLE_HEIGHT = 5;
-export const HANDLE_RADIUS = 3;
-
-/**
- * Minimum gutter kept between a wide side-sheet and the opposite viewport edge
- * when capping its width, so the panel never spans the full screen on a narrow
- * desktop window that is still above the breakpoint.
- */
-export const SIDE_SHEET_MIN_GUTTER = 24;
-
-/** A11y label fallback when the host does not provide one. */
-export const DEFAULT_LABEL = 'Sheet';