@oxyhq/bloom 0.12.1 → 0.14.0

package/lib/commonjs/responsive-sheet/ResponsiveSheet.js

@@ -0,0 +1,300 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RESPONSIVE_SHEET_BACKDROP_TESTID = void 0;
+exports.ResponsiveSheet = ResponsiveSheet;
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _zIndex = require("../styles/z-index.js");
+var _useTheme = require("../theme/use-theme.js");
+var _const = require("./const.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** Stable testID for the dimmed backdrop dismiss button. */
+const RESPONSIVE_SHEET_BACKDROP_TESTID = exports.RESPONSIVE_SHEET_BACKDROP_TESTID = 'bloom-responsive-sheet-backdrop';
+
+/**
+ * Default / web variant of `<ResponsiveSheet>`.
+ *
+ * This file is BOTH the package's default entry (`react-native` export
+ * condition resolves it for downstream `tsc`, and non-Metro web bundlers pick
+ * it via the `browser` condition through `index.web`) AND the canonical web
+ * implementation. It MUST NOT import `react-native-reanimated` — reanimated has
+ * no web build and its worklets Babel plugin is native-only, so a static import
+ * here would break every web bundler and downstream type-check. The native
+ * fork (`ResponsiveSheet.native.tsx`, selected only by Metro) drives the same
+ * motion with reanimated.
+ *
+ * Motion is pure CSS transitions: react-native-web emits `transition-*` style
+ * props to the DOM, and the panel/backdrop toggle their transform/opacity by a
+ * `shown` flag. Presence is handled with a `mounted` + `shown` pair so both the
+ * open AND close directions animate while the node stays mounted through the
+ * exit. We deliberately do NOT use reanimated `exiting` on web — concurrent
+ * React unmounts there throw `Failed to execute 'removeChild' on 'Node'`, the
+ * exact bug this component exists to avoid.
+ */
+function ResponsiveSheet({
+  open,
+  onClose,
+  side = _const.DEFAULT_SIDE,
+  breakpoint = _const.DEFAULT_BREAKPOINT,
+  width = _const.DEFAULT_WIDTH,
+  maxHeightRatio = _const.DEFAULT_MAX_HEIGHT_RATIO,
+  inset,
+  showHandle = true,
+  dismissOnBackdrop = true,
+  panelStyle,
+  panelClassName,
+  containerStyle,
+  containerClassName,
+  label = _const.DEFAULT_LABEL,
+  children
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const {
+    width: viewportWidth,
+    height: viewportHeight
+  } = (0, _reactNative.useWindowDimensions)();
+
+  // Presence: `mounted` keeps the node in the tree through the exit transition;
+  // `shown` drives the enter/exit transform & opacity. On open we mount first,
+  // then flip `shown` on the next frame so the browser registers the start
+  // state and animates to the end. On close we flip `shown` off, then unmount
+  // after the transition duration.
+  const [mounted, setMounted] = (0, _react.useState)(open);
+  const [shown, setShown] = (0, _react.useState)(false);
+  const closeTimerRef = (0, _react.useRef)(null);
+  const frameRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (open) {
+      if (closeTimerRef.current) {
+        clearTimeout(closeTimerRef.current);
+        closeTimerRef.current = null;
+      }
+      setMounted(true);
+      // Defer to the next frame so the entry start state paints before we
+      // transition to the shown state. Two frames guarantees the start
+      // transform has committed before the toggle (a single frame can be
+      // coalesced with the mount paint in some browsers).
+      frameRef.current = scheduleFrame(() => {
+        frameRef.current = scheduleFrame(() => setShown(true));
+      });
+      return () => {
+        if (frameRef.current !== null) {
+          cancelFrame(frameRef.current);
+          frameRef.current = null;
+        }
+      };
+    }
+
+    // Closing: only run the exit if something is currently mounted.
+    setShown(false);
+    if (!mounted) return;
+    closeTimerRef.current = setTimeout(() => {
+      setMounted(false);
+      closeTimerRef.current = null;
+    }, _const.ANIMATION_DURATION);
+    return () => {
+      if (closeTimerRef.current) {
+        clearTimeout(closeTimerRef.current);
+        closeTimerRef.current = null;
+      }
+    };
+  }, [open, mounted]);
+
+  // Escape-to-close while open (web only; document is undefined elsewhere).
+  (0, _react.useEffect)(() => {
+    if (!open || typeof document === 'undefined') return;
+    const handler = e => {
+      if (e.key === 'Escape') {
+        e.stopPropagation();
+        onClose();
+      }
+    };
+    document.addEventListener('keydown', handler);
+    return () => document.removeEventListener('keydown', handler);
+  }, [open, onClose]);
+  const handleBackdropPress = (0, _react.useCallback)(() => {
+    if (dismissOnBackdrop) onClose();
+  }, [dismissOnBackdrop, onClose]);
+  const isBottom = viewportWidth < breakpoint;
+  const panelBackground = theme.colors.background;
+  const panelTransition = (0, _react.useMemo)(() => ({
+    transitionProperty: 'transform, opacity',
+    transitionDuration: `${_const.ANIMATION_DURATION}ms`,
+    transitionTimingFunction: _const.EASE_OUT
+  }), []);
+  const backdropTransition = (0, _react.useMemo)(() => ({
+    transitionProperty: 'opacity',
+    transitionDuration: `${_const.ANIMATION_DURATION}ms`,
+    transitionTimingFunction: _const.EASE_OUT
+  }), []);
+  const panelGeometry = (0, _react.useMemo)(() => {
+    if (isBottom) {
+      return {
+        left: 0,
+        right: 0,
+        bottom: 0,
+        maxHeight: Math.round(viewportHeight * maxHeightRatio),
+        borderTopLeftRadius: _const.PANEL_RADIUS,
+        borderTopRightRadius: _const.PANEL_RADIUS,
+        transform: [{
+          translateY: shown ? 0 : '100%'
+        }],
+        opacity: shown ? 1 : 0
+      };
+    }
+
+    // Side-sheet: full height minus top/bottom inset, anchored to `side`,
+    // offset by the matching horizontal inset. Width is capped so the panel
+    // always leaves a gutter on the opposite edge.
+    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 available = viewportWidth - anchorInset - oppositeInset - _const.SIDE_SHEET_MIN_GUTTER;
+    const cappedWidth = Math.max(0, Math.min(width, available));
+    const hiddenSign = side === 'left' ? '-100%' : '100%';
+    return {
+      top: insetTop,
+      bottom: insetBottom,
+      [side]: anchorInset,
+      width: cappedWidth,
+      borderRadius: _const.PANEL_RADIUS,
+      transform: [{
+        translateX: shown ? 0 : hiddenSign
+      }],
+      opacity: shown ? 1 : 0
+    };
+  }, [isBottom, shown, side, width, inset, viewportWidth, viewportHeight, maxHeightRatio]);
+  if (!mounted) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.root, containerStyle]
+    // NativeWind reads `className` at runtime; RN core does not type it on
+    // View, so spread it conditionally (matching the Button/Fab pattern).
+    ,
+    ...(containerClassName ? {
+      className: containerClassName
+    } : {}),
+    pointerEvents: "box-none",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      testID: RESPONSIVE_SHEET_BACKDROP_TESTID,
+      accessibilityRole: "button",
+      accessibilityLabel: `Dismiss ${label}`,
+      onPress: handleBackdropPress,
+      disabled: !dismissOnBackdrop,
+      style: [styles.backdrop, backdropTransition, {
+        opacity: shown ? _const.BACKDROP_OPACITY : 0
+      }, isWeb ? webBackdropBlur : null]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      accessibilityViewIsModal: true,
+      "aria-label": label,
+      ...(panelClassName ? {
+        className: panelClassName
+      } : {}),
+      style: [styles.panel, {
+        backgroundColor: panelBackground,
+        shadowColor: theme.colors.shadow
+      }, panelGeometry, panelTransition, panelStyle],
+      pointerEvents: "auto",
+      children: [isBottom && showHandle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.handleRow,
+        pointerEvents: "none",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.handle, {
+            backgroundColor: theme.colors.border
+          }]
+        })
+      }) : null, children]
+    })]
+  });
+}
+
+// This module is the web/default impl, but it is also the fallback resolved by
+// a downstream consumer's `tsc` for the native target, so guard the web-only
+// `backdrop-blur` style behind a runtime check rather than assuming web.
+const isWeb = typeof document !== 'undefined';
+
+/**
+ * Opaque token returned by `scheduleFrame`. `requestAnimationFrame` returns a
+ * number; the `setTimeout` fallback returns a timer handle — both are kept so
+ * `cancelFrame` can route to the matching canceller.
+ */
+
+/**
+ * Schedule a callback for the next paint. Uses `requestAnimationFrame` in the
+ * browser; degrades to a 0ms timeout when rAF is unavailable (SSR/hydration,
+ * non-DOM test envs) so the enter transition's `shown` flip still fires.
+ */
+function scheduleFrame(cb) {
+  if (typeof requestAnimationFrame === 'function') {
+    return {
+      raf: requestAnimationFrame(cb)
+    };
+  }
+  return {
+    timer: setTimeout(cb, 0)
+  };
+}
+function cancelFrame(token) {
+  if ('raf' in token) {
+    if (typeof cancelAnimationFrame === 'function') cancelAnimationFrame(token.raf);
+    return;
+  }
+  clearTimeout(token.timer);
+}
+
+// `backdrop-filter` is web-only; react-native-web passes it through to the DOM.
+const webBackdropBlur = {
+  backdropFilter: 'blur(2px)'
+};
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    // `position: fixed` pins the overlay to the viewport on web; react-native
+    // does not type `'fixed'`, so cast to the RN-accepted `'absolute'`. On
+    // native the `.native` fork uses `StyleSheet.absoluteFill` instead.
+    position: 'fixed',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    zIndex: _zIndex.Z_INDEX.fullscreen
+  },
+  backdrop: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: '#000'
+  },
+  panel: {
+    position: 'absolute',
+    overflow: 'hidden',
+    shadowOpacity: 0.18,
+    shadowRadius: 24,
+    shadowOffset: {
+      width: 0,
+      height: 8
+    }
+  },
+  handleRow: {
+    width: '100%',
+    alignItems: 'center',
+    paddingTop: 8,
+    paddingBottom: 4
+  },
+  handle: {
+    width: _const.HANDLE_WIDTH,
+    height: _const.HANDLE_HEIGHT,
+    borderRadius: _const.HANDLE_RADIUS,
+    opacity: 0.5
+  }
+});
+var _default = exports.default = ResponsiveSheet;
+//# sourceMappingURL=ResponsiveSheet.js.map

package/lib/commonjs/responsive-sheet/ResponsiveSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_zIndex","_useTheme","_const","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RESPONSIVE_SHEET_BACKDROP_TESTID","exports","ResponsiveSheet","open","onClose","side","DEFAULT_SIDE","breakpoint","DEFAULT_BREAKPOINT","width","DEFAULT_WIDTH","maxHeightRatio","DEFAULT_MAX_HEIGHT_RATIO","inset","showHandle","dismissOnBackdrop","panelStyle","panelClassName","containerStyle","containerClassName","label","DEFAULT_LABEL","children","theme","useTheme","viewportWidth","height","viewportHeight","useWindowDimensions","mounted","setMounted","useState","shown","setShown","closeTimerRef","useRef","frameRef","useEffect","current","clearTimeout","scheduleFrame","cancelFrame","setTimeout","ANIMATION_DURATION","document","handler","key","stopPropagation","addEventListener","removeEventListener","handleBackdropPress","useCallback","isBottom","panelBackground","colors","background","panelTransition","useMemo","transitionProperty","transitionDuration","transitionTimingFunction","EASE_OUT","backdropTransition","panelGeometry","left","right","bottom","maxHeight","Math","round","borderTopLeftRadius","PANEL_RADIUS","borderTopRightRadius","transform","translateY","opacity","insetTop","top","insetBottom","insetLeft","insetRight","anchorInset","oppositeInset","available","SIDE_SHEET_MIN_GUTTER","cappedWidth","max","min","hiddenSign","borderRadius","translateX","jsxs","View","style","styles","root","className","pointerEvents","jsx","Pressable","testID","accessibilityRole","accessibilityLabel","onPress","disabled","backdrop","BACKDROP_OPACITY","isWeb","webBackdropBlur","accessibilityViewIsModal","panel","backgroundColor","shadowColor","shadow","handleRow","handle","border","cb","requestAnimationFrame","raf","timer","token","cancelAnimationFrame","backdropFilter","StyleSheet","create","position","zIndex","Z_INDEX","fullscreen","overflow","shadowOpacity","shadowRadius","shadowOffset","alignItems","paddingTop","paddingBottom","HANDLE_WIDTH","HANDLE_HEIGHT","HANDLE_RADIUS","_default"],"sourceRoot":"../../../src","sources":["responsive-sheet/ResponsiveSheet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/responsive-sheet/ResponsiveSheet.native.js

@@ -0,0 +1,226 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RESPONSIVE_SHEET_BACKDROP_TESTID = void 0;
+exports.ResponsiveSheet = ResponsiveSheet;
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _zIndex = require("../styles/z-index.js");
+var _useTheme = require("../theme/use-theme.js");
+var _const = require("./const.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** Stable testID for the dimmed backdrop dismiss button. */
+const RESPONSIVE_SHEET_BACKDROP_TESTID = exports.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%)`.
+ */
+function ResponsiveSheet({
+  open,
+  onClose,
+  side = _const.DEFAULT_SIDE,
+  breakpoint = _const.DEFAULT_BREAKPOINT,
+  width = _const.DEFAULT_WIDTH,
+  maxHeightRatio = _const.DEFAULT_MAX_HEIGHT_RATIO,
+  inset,
+  showHandle = true,
+  dismissOnBackdrop = true,
+  panelStyle,
+  panelClassName,
+  containerStyle,
+  containerClassName,
+  label = _const.DEFAULT_LABEL,
+  children
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const {
+    width: viewportWidth,
+    height: viewportHeight
+  } = (0, _reactNative.useWindowDimensions)();
+
+  // Keep the tree mounted through the exit timing; unmount once it settles.
+  const [mounted, setMounted] = (0, _react.useState)(open);
+  // `progress`: 0 = fully hidden, 1 = fully shown. Drives both transform and
+  // opacity so a single timing controls the whole transition.
+  const progress = (0, _reactNativeReanimated.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 = (0, _react.useMemo)(() => {
+    const available = viewportWidth - anchorInset - oppositeInset - _const.SIDE_SHEET_MIN_GUTTER;
+    return Math.max(0, Math.min(width, available));
+  }, [viewportWidth, anchorInset, oppositeInset, width]);
+  const bottomMaxHeight = (0, _react.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 = (0, _reactNativeReanimated.useSharedValue)(isBottom ? bottomMaxHeight : sideWidth);
+  (0, _react.useEffect)(() => {
+    travel.value = isBottom ? bottomMaxHeight : sideWidth;
+  }, [isBottom, bottomMaxHeight, sideWidth, travel]);
+  const finishClose = (0, _react.useCallback)(() => {
+    setMounted(false);
+  }, []);
+  (0, _react.useEffect)(() => {
+    (0, _reactNativeReanimated.cancelAnimation)(progress);
+    const timing = {
+      duration: _const.ANIMATION_DURATION,
+      easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.cubic)
+    };
+    if (open) {
+      setMounted(true);
+      progress.value = (0, _reactNativeReanimated.withTiming)(1, timing);
+      return;
+    }
+    if (!mounted) return;
+    progress.value = (0, _reactNativeReanimated.withTiming)(0, timing, finished => {
+      if (finished) (0, _reactNativeReanimated.runOnJS)(finishClose)();
+    });
+  }, [open, mounted, progress, finishClose]);
+  const handleBackdropPress = (0, _react.useCallback)(() => {
+    if (dismissOnBackdrop) onClose();
+  }, [dismissOnBackdrop, onClose]);
+  const backdropAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: progress.value * _const.BACKDROP_OPACITY
+  }));
+  const hiddenSign = side === 'left' ? -1 : 1;
+  const panelAnimatedStyle = (0, _reactNativeReanimated.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 = (0, _react.useCallback)(e => {
+    const measured = isBottom ? e.nativeEvent.layout.height : e.nativeEvent.layout.width;
+    if (measured > 0) travel.value = measured;
+  }, [isBottom, travel]);
+  const panelGeometry = (0, _react.useMemo)(() => {
+    if (isBottom) {
+      return {
+        left: 0,
+        right: 0,
+        bottom: 0,
+        maxHeight: bottomMaxHeight,
+        borderTopLeftRadius: _const.PANEL_RADIUS,
+        borderTopRightRadius: _const.PANEL_RADIUS
+      };
+    }
+    return {
+      top: insetTop,
+      bottom: insetBottom,
+      [side]: anchorInset,
+      width: sideWidth,
+      borderRadius: _const.PANEL_RADIUS
+    };
+  }, [isBottom, bottomMaxHeight, insetTop, insetBottom, side, anchorInset, sideWidth]);
+  if (!mounted) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.root, containerStyle],
+    ...(containerClassName ? {
+      className: containerClassName
+    } : {}),
+    pointerEvents: "box-none",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [styles.backdrop, backdropAnimatedStyle],
+      pointerEvents: "auto",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        testID: RESPONSIVE_SHEET_BACKDROP_TESTID,
+        accessibilityRole: "button",
+        accessibilityLabel: `Dismiss ${label}`,
+        onPress: handleBackdropPress,
+        disabled: !dismissOnBackdrop,
+        style: _reactNative.StyleSheet.absoluteFill
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+      accessibilityViewIsModal: true,
+      ...(panelClassName ? {
+        className: panelClassName
+      } : {}),
+      onLayout: measurePanel,
+      style: [styles.panel, {
+        backgroundColor: theme.colors.background,
+        shadowColor: theme.colors.shadow
+      }, panelGeometry, panelAnimatedStyle, panelStyle],
+      pointerEvents: "auto",
+      children: [isBottom && showHandle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.handleRow,
+        pointerEvents: "none",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.handle, {
+            backgroundColor: theme.colors.border
+          }]
+        })
+      }) : null, children]
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    ..._reactNative.StyleSheet.absoluteFill,
+    zIndex: _zIndex.Z_INDEX.fullscreen
+  },
+  backdrop: {
+    ..._reactNative.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: _const.HANDLE_WIDTH,
+    height: _const.HANDLE_HEIGHT,
+    borderRadius: _const.HANDLE_RADIUS,
+    opacity: 0.5
+  }
+});
+var _default = exports.default = ResponsiveSheet;
+//# sourceMappingURL=ResponsiveSheet.native.js.map

package/lib/commonjs/responsive-sheet/ResponsiveSheet.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_zIndex","_useTheme","_const","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RESPONSIVE_SHEET_BACKDROP_TESTID","exports","ResponsiveSheet","open","onClose","side","DEFAULT_SIDE","breakpoint","DEFAULT_BREAKPOINT","width","DEFAULT_WIDTH","maxHeightRatio","DEFAULT_MAX_HEIGHT_RATIO","inset","showHandle","dismissOnBackdrop","panelStyle","panelClassName","containerStyle","containerClassName","label","DEFAULT_LABEL","children","theme","useTheme","viewportWidth","height","viewportHeight","useWindowDimensions","mounted","setMounted","useState","progress","useSharedValue","isBottom","insetTop","top","insetBottom","bottom","insetLeft","left","insetRight","right","anchorInset","oppositeInset","sideWidth","useMemo","available","SIDE_SHEET_MIN_GUTTER","Math","max","min","bottomMaxHeight","round","travel","useEffect","value","finishClose","useCallback","cancelAnimation","timing","duration","ANIMATION_DURATION","easing","Easing","out","cubic","withTiming","finished","runOnJS","handleBackdropPress","backdropAnimatedStyle","useAnimatedStyle","opacity","BACKDROP_OPACITY","hiddenSign","panelAnimatedStyle","hidden","transform","translateY","translateX","measurePanel","measured","nativeEvent","layout","panelGeometry","maxHeight","borderTopLeftRadius","PANEL_RADIUS","borderTopRightRadius","borderRadius","jsxs","View","style","styles","root","className","pointerEvents","jsx","backdrop","Pressable","testID","accessibilityRole","accessibilityLabel","onPress","disabled","StyleSheet","absoluteFill","accessibilityViewIsModal","onLayout","panel","backgroundColor","colors","background","shadowColor","shadow","handleRow","handle","border","create","zIndex","Z_INDEX","fullscreen","position","overflow","shadowOpacity","shadowRadius","shadowOffset","elevation","alignItems","paddingTop","paddingBottom","HANDLE_WIDTH","HANDLE_HEIGHT","HANDLE_RADIUS","_default"],"sourceRoot":"../../../src","sources":["responsive-sheet/ResponsiveSheet.native.tsx"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AASA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAaiB,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGjB;AACO,MAAMkB,gCAAgC,GAAAC,OAAA,CAAAD,gCAAA,GAAG,iCAAiC;;AAEjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,eAAeA,CAAC;EAC9BC,IAAI;EACJC,OAAO;EACPC,IAAI,GAAGC,mBAAY;EACnBC,UAAU,GAAGC,yBAAkB;EAC/BC,KAAK,GAAGC,oBAAa;EACrBC,cAAc,GAAGC,+BAAwB;EACzCC,KAAK;EACLC,UAAU,GAAG,IAAI;EACjBC,iBAAiB,GAAG,IAAI;EACxBC,UAAU;EACVC,cAAc;EACdC,cAAc;EACdC,kBAAkB;EAClBC,KAAK,GAAGC,oBAAa;EACrBC;AACoB,CAAC,EAAE;EACvB,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAM;IAAEf,KAAK,EAAEgB,aAAa;IAAEC,MAAM,EAAEC;EAAe,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;;EAE9E;EACA,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC5B,IAAI,CAAC;EAC5C;EACA;EACA,MAAM6B,QAAQ,GAAG,IAAAC,qCAAc,EAAC9B,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;EAE7C,MAAM+B,QAAQ,GAAGT,aAAa,GAAGlB,UAAU;;EAE3C;EACA;EACA,MAAM4B,QAAQ,GAAGtB,KAAK,EAAEuB,GAAG,IAAI,CAAC;EAChC,MAAMC,WAAW,GAAGxB,KAAK,EAAEyB,MAAM,IAAI,CAAC;EACtC,MAAMC,SAAS,GAAG1B,KAAK,EAAE2B,IAAI,IAAI,CAAC;EAClC,MAAMC,UAAU,GAAG5B,KAAK,EAAE6B,KAAK,IAAI,CAAC;EACpC,MAAMC,WAAW,GAAGtC,IAAI,KAAK,MAAM,GAAGkC,SAAS,GAAGE,UAAU;EAC5D,MAAMG,aAAa,GAAGvC,IAAI,KAAK,MAAM,GAAGoC,UAAU,GAAGF,SAAS;EAE9D,MAAMM,SAAS,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC9B,MAAMC,SAAS,GAAGtB,aAAa,GAAGkB,WAAW,GAAGC,aAAa,GAAGI,4BAAqB;IACrF,OAAOC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAAC1C,KAAK,EAAEsC,SAAS,CAAC,CAAC;EAChD,CAAC,EAAE,CAACtB,aAAa,EAAEkB,WAAW,EAAEC,aAAa,EAAEnC,KAAK,CAAC,CAAC;EAEtD,MAAM2C,eAAe,GAAG,IAAAN,cAAO,EAC7B,MAAMG,IAAI,CAACI,KAAK,CAAC1B,cAAc,GAAGhB,cAAc,CAAC,EACjD,CAACgB,cAAc,EAAEhB,cAAc,CACjC,CAAC;;EAED;EACA;EACA;EACA,MAAM2C,MAAM,GAAG,IAAArB,qCAAc,EAACC,QAAQ,GAAGkB,eAAe,GAAGP,SAAS,CAAC;EACrE,IAAAU,gBAAS,EAAC,MAAM;IACdD,MAAM,CAACE,KAAK,GAAGtB,QAAQ,GAAGkB,eAAe,GAAGP,SAAS;EACvD,CAAC,EAAE,CAACX,QAAQ,EAAEkB,eAAe,EAAEP,SAAS,EAAES,MAAM,CAAC,CAAC;EAElD,MAAMG,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACpC5B,UAAU,CAAC,KAAK,CAAC;EACnB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAyB,gBAAS,EAAC,MAAM;IACd,IAAAI,sCAAe,EAAC3B,QAAQ,CAAC;IACzB,MAAM4B,MAAM,GAAG;MAAEC,QAAQ,EAAEC,yBAAkB;MAAEC,MAAM,EAAEC,6BAAM,CAACC,GAAG,CAACD,6BAAM,CAACE,KAAK;IAAE,CAAC;IACjF,IAAI/D,IAAI,EAAE;MACR2B,UAAU,CAAC,IAAI,CAAC;MAChBE,QAAQ,CAACwB,KAAK,GAAG,IAAAW,iCAAU,EAAC,CAAC,EAAEP,MAAM,CAAC;MACtC;IACF;IACA,IAAI,CAAC/B,OAAO,EAAE;IACdG,QAAQ,CAACwB,KAAK,GAAG,IAAAW,iCAAU,EAAC,CAAC,EAAEP,MAAM,EAAGQ,QAAQ,IAAK;MACnD,IAAIA,QAAQ,EAAE,IAAAC,8BAAO,EAACZ,WAAW,CAAC,CAAC,CAAC;IACtC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACtD,IAAI,EAAE0B,OAAO,EAAEG,QAAQ,EAAEyB,WAAW,CAAC,CAAC;EAE1C,MAAMa,mBAAmB,GAAG,IAAAZ,kBAAW,EAAC,MAAM;IAC5C,IAAI3C,iBAAiB,EAAEX,OAAO,CAAC,CAAC;EAClC,CAAC,EAAE,CAACW,iBAAiB,EAAEX,OAAO,CAAC,CAAC;EAEhC,MAAMmE,qBAAqB,GAAG,IAAAC,uCAAgB,EAAC,OAAO;IACpDC,OAAO,EAAEzC,QAAQ,CAACwB,KAAK,GAAGkB;EAC5B,CAAC,CAAC,CAAC;EAEH,MAAMC,UAAU,GAAGtE,IAAI,KAAK,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC;EAC3C,MAAMuE,kBAAkB,GAAG,IAAAJ,uCAAgB,EAAC,MAAM;IAChD,MAAMK,MAAM,GAAG,CAAC,GAAG7C,QAAQ,CAACwB,KAAK;IACjC,IAAItB,QAAQ,EAAE;MACZ,OAAO;QACLuC,OAAO,EAAEzC,QAAQ,CAACwB,KAAK;QACvBsB,SAAS,EAAE,CAAC;UAAEC,UAAU,EAAEF,MAAM,GAAGvB,MAAM,CAACE;QAAM,CAAC;MACnD,CAAC;IACH;IACA,OAAO;MACLiB,OAAO,EAAEzC,QAAQ,CAACwB,KAAK;MACvBsB,SAAS,EAAE,CAAC;QAAEE,UAAU,EAAEH,MAAM,GAAGvB,MAAM,CAACE,KAAK,GAAGmB;MAAW,CAAC;IAChE,CAAC;EACH,CAAC,EAAE,CAACzC,QAAQ,EAAEyC,UAAU,CAAC,CAAC;EAE1B,MAAMM,YAAY,GAAG,IAAAvB,kBAAW,EAC7B7E,CAAiE,IAAK;IACrE,MAAMqG,QAAQ,GAAGhD,QAAQ,GAAGrD,CAAC,CAACsG,WAAW,CAACC,MAAM,CAAC1D,MAAM,GAAG7C,CAAC,CAACsG,WAAW,CAACC,MAAM,CAAC3E,KAAK;IACpF,IAAIyE,QAAQ,GAAG,CAAC,EAAE5B,MAAM,CAACE,KAAK,GAAG0B,QAAQ;EAC3C,CAAC,EACD,CAAChD,QAAQ,EAAEoB,MAAM,CACnB,CAAC;EAED,MAAM+B,aAAa,GAAG,IAAAvC,cAAO,EAAY,MAAM;IAC7C,IAAIZ,QAAQ,EAAE;MACZ,OAAO;QACLM,IAAI,EAAE,CAAC;QACPE,KAAK,EAAE,CAAC;QACRJ,MAAM,EAAE,CAAC;QACTgD,SAAS,EAAElC,eAAe;QAC1BmC,mBAAmB,EAAEC,mBAAY;QACjCC,oBAAoB,EAAED;MACxB,CAAC;IACH;IACA,OAAO;MACLpD,GAAG,EAAED,QAAQ;MACbG,MAAM,EAAED,WAAW;MACnB,CAAChC,IAAI,GAAGsC,WAAW;MACnBlC,KAAK,EAAEoC,SAAS;MAChB6C,YAAY,EAAEF;IAChB,CAAC;EACH,CAAC,EAAE,CAACtD,QAAQ,EAAEkB,eAAe,EAAEjB,QAAQ,EAAEE,WAAW,EAAEhC,IAAI,EAAEsC,WAAW,EAAEE,SAAS,CAAC,CAAC;EAEpF,IAAI,CAAChB,OAAO,EAAE,OAAO,IAAI;EAEzB,oBACE,IAAAjD,WAAA,CAAA+G,IAAA,EAACpH,YAAA,CAAAqH,IAAI;IACHC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE7E,cAAc,CAAE;IAAA,IAChCC,kBAAkB,GAAI;MAAE6E,SAAS,EAAE7E;IAAmB,CAAC,GAA8B,CAAC,CAAC;IAC5F8E,aAAa,EAAC,UAAU;IAAA3E,QAAA,gBAExB,IAAA1C,WAAA,CAAAsH,GAAA,EAAC1H,sBAAA,CAAAe,OAAQ,CAACqG,IAAI;MAACC,KAAK,EAAE,CAACC,MAAM,CAACK,QAAQ,EAAE5B,qBAAqB,CAAE;MAAC0B,aAAa,EAAC,MAAM;MAAA3E,QAAA,eAClF,IAAA1C,WAAA,CAAAsH,GAAA,EAAC3H,YAAA,CAAA6H,SAAS;QACRC,MAAM,EAAErG,gCAAiC;QACzCsG,iBAAiB,EAAC,QAAQ;QAC1BC,kBAAkB,EAAE,WAAWnF,KAAK,EAAG;QACvCoF,OAAO,EAAElC,mBAAoB;QAC7BmC,QAAQ,EAAE,CAAC1F,iBAAkB;QAC7B8E,KAAK,EAAEa,uBAAU,CAACC;MAAa,CAChC;IAAC,CACW,CAAC,eAEhB,IAAA/H,WAAA,CAAA+G,IAAA,EAACnH,sBAAA,CAAAe,OAAQ,CAACqG,IAAI;MACZgB,wBAAwB;MAAA,IACnB3F,cAAc,GAAI;QAAE+E,SAAS,EAAE/E;MAAe,CAAC,GAA8B,CAAC,CAAC;MACpF4F,QAAQ,EAAE5B,YAAa;MACvBY,KAAK,EAAE,CACLC,MAAM,CAACgB,KAAK,EACZ;QAAEC,eAAe,EAAExF,KAAK,CAACyF,MAAM,CAACC,UAAU;QAAEC,WAAW,EAAE3F,KAAK,CAACyF,MAAM,CAACG;MAAO,CAAC,EAC9E9B,aAAa,EACbT,kBAAkB,EAClB5D,UAAU,CACV;MACFiF,aAAa,EAAC,MAAM;MAAA3E,QAAA,GAEnBY,QAAQ,IAAIpB,UAAU,gBACrB,IAAAlC,WAAA,CAAAsH,GAAA,EAAC3H,YAAA,CAAAqH,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACsB,SAAU;QAACnB,aAAa,EAAC,MAAM;QAAA3E,QAAA,eACjD,IAAA1C,WAAA,CAAAsH,GAAA,EAAC3H,YAAA,CAAAqH,IAAI;UAACC,KAAK,EAAE,CAACC,MAAM,CAACuB,MAAM,EAAE;YAAEN,eAAe,EAAExF,KAAK,CAACyF,MAAM,CAACM;UAAO,CAAC;QAAE,CAAE;MAAC,CACtE,CAAC,GACL,IAAI,EACPhG,QAAQ;IAAA,CACI,CAAC;EAAA,CACZ,CAAC;AAEX;AAEA,MAAMwE,MAAM,GAAGY,uBAAU,CAACa,MAAM,CAAC;EAC/BxB,IAAI,EAAE;IACJ,GAAGW,uBAAU,CAACC,YAAY;IAC1Ba,MAAM,EAAEC,eAAO,CAACC;EAClB,CAAC;EACDvB,QAAQ,EAAE;IACR,GAAGO,uBAAU,CAACC,YAAY;IAC1BI,eAAe,EAAE;EACnB,CAAC;EACDD,KAAK,EAAE;IACLa,QAAQ,EAAE,UAAU;IACpBC,QAAQ,EAAE,QAAQ;IAClBC,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,EAAE;IAChBC,YAAY,EAAE;MAAEtH,KAAK,EAAE,CAAC;MAAEiB,MAAM,EAAE;IAAE,CAAC;IACrCsG,SAAS,EAAE;EACb,CAAC;EACDZ,SAAS,EAAE;IACT3G,KAAK,EAAE,MAAM;IACbwH,UAAU,EAAE,QAAQ;IACpBC,UAAU,EAAE,CAAC;IACbC,aAAa,EAAE;EACjB,CAAC;EACDd,MAAM,EAAE;IACN5G,KAAK,EAAE2H,mBAAY;IACnB1G,MAAM,EAAE2G,oBAAa;IACrB3C,YAAY,EAAE4C,oBAAa;IAC3B7D,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAAC,IAAA8D,QAAA,GAAAtI,OAAA,CAAAV,OAAA,GAEYW,eAAe","ignoreList":[]}

package/lib/commonjs/responsive-sheet/const.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SIDE_SHEET_MIN_GUTTER = exports.PANEL_RADIUS = exports.HANDLE_WIDTH = exports.HANDLE_RADIUS = exports.HANDLE_HEIGHT = exports.EASE_OUT = exports.DEFAULT_WIDTH = exports.DEFAULT_SIDE = exports.DEFAULT_MAX_HEIGHT_RATIO = exports.DEFAULT_LABEL = exports.DEFAULT_BREAKPOINT = exports.BACKDROP_OPACITY = exports.ANIMATION_DURATION = void 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. */
+const DEFAULT_BREAKPOINT = exports.DEFAULT_BREAKPOINT = 768;
+
+/** Side-sheet width (px) on wide screens. Capped to fit the viewport. */
+const DEFAULT_WIDTH = exports.DEFAULT_WIDTH = 460;
+
+/** Bottom-sheet maximum height as a fraction of the viewport height. */
+const DEFAULT_MAX_HEIGHT_RATIO = exports.DEFAULT_MAX_HEIGHT_RATIO = 0.9;
+
+/** Anchored edge of the side-sheet on wide screens. */
+const DEFAULT_SIDE = exports.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.
+ */
+const ANIMATION_DURATION = exports.ANIMATION_DURATION = 280;
+
+/**
+ * Standard CSS approximation of reanimated's `Easing.out(Easing.cubic)` so the
+ * web transition curve matches the native one.
+ */
+const EASE_OUT = exports.EASE_OUT = 'cubic-bezier(0.33, 1, 0.68, 1)';
+
+/** Corner radius for the side-sheet panel and the top of the bottom-sheet. */
+const PANEL_RADIUS = exports.PANEL_RADIUS = 20;
+
+/** Backdrop dim opacity once fully shown (matches `bg-black/40`). */
+const BACKDROP_OPACITY = exports.BACKDROP_OPACITY = 0.4;
+
+/** Drag-handle pill geometry for the bottom-sheet. */
+const HANDLE_WIDTH = exports.HANDLE_WIDTH = 36;
+const HANDLE_HEIGHT = exports.HANDLE_HEIGHT = 5;
+const HANDLE_RADIUS = exports.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.
+ */
+const SIDE_SHEET_MIN_GUTTER = exports.SIDE_SHEET_MIN_GUTTER = 24;
+
+/** A11y label fallback when the host does not provide one. */
+const DEFAULT_LABEL = exports.DEFAULT_LABEL = 'Sheet';
+//# sourceMappingURL=const.js.map

package/lib/commonjs/responsive-sheet/const.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_BREAKPOINT","exports","DEFAULT_WIDTH","DEFAULT_MAX_HEIGHT_RATIO","DEFAULT_SIDE","ANIMATION_DURATION","EASE_OUT","PANEL_RADIUS","BACKDROP_OPACITY","HANDLE_WIDTH","HANDLE_HEIGHT","HANDLE_RADIUS","SIDE_SHEET_MIN_GUTTER","DEFAULT_LABEL"],"sourceRoot":"../../../src","sources":["responsive-sheet/const.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACO,MAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,GAAG;;AAErC;AACO,MAAME,aAAa,GAAAD,OAAA,CAAAC,aAAA,GAAG,GAAG;;AAEhC;AACO,MAAMC,wBAAwB,GAAAF,OAAA,CAAAE,wBAAA,GAAG,GAAG;;AAE3C;AACO,MAAMC,YAAY,GAAAH,OAAA,CAAAG,YAAA,GAAG,MAAe;;AAE3C;AACA;AACA;AACA;AACA;AACO,MAAMC,kBAAkB,GAAAJ,OAAA,CAAAI,kBAAA,GAAG,GAAG;;AAErC;AACA;AACA;AACA;AACO,MAAMC,QAAQ,GAAAL,OAAA,CAAAK,QAAA,GAAG,gCAAgC;;AAExD;AACO,MAAMC,YAAY,GAAAN,OAAA,CAAAM,YAAA,GAAG,EAAE;;AAE9B;AACO,MAAMC,gBAAgB,GAAAP,OAAA,CAAAO,gBAAA,GAAG,GAAG;;AAEnC;AACO,MAAMC,YAAY,GAAAR,OAAA,CAAAQ,YAAA,GAAG,EAAE;AACvB,MAAMC,aAAa,GAAAT,OAAA,CAAAS,aAAA,GAAG,CAAC;AACvB,MAAMC,aAAa,GAAAV,OAAA,CAAAU,aAAA,GAAG,CAAC;;AAE9B;AACA;AACA;AACA;AACA;AACO,MAAMC,qBAAqB,GAAAX,OAAA,CAAAW,qBAAA,GAAG,EAAE;;AAEvC;AACO,MAAMC,aAAa,GAAAZ,OAAA,CAAAY,aAAA,GAAG,OAAO","ignoreList":[]}

package/lib/commonjs/responsive-sheet/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "RESPONSIVE_SHEET_BACKDROP_TESTID", {
+  enumerable: true,
+  get: function () {
+    return _ResponsiveSheet.RESPONSIVE_SHEET_BACKDROP_TESTID;
+  }
+});
+Object.defineProperty(exports, "ResponsiveSheet", {
+  enumerable: true,
+  get: function () {
+    return _ResponsiveSheet.ResponsiveSheet;
+  }
+});
+var _ResponsiveSheet = require("./ResponsiveSheet");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/responsive-sheet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ResponsiveSheet","require"],"sourceRoot":"../../../src","sources":["responsive-sheet/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA","ignoreList":[]}