@oxyhq/bloom 0.50.2 → 0.51.0

package/src/zoomable-image-gallery/ZoomableImageGallery.stories.tsx

@@ -0,0 +1,134 @@
+import React from 'react';
+import { Image, Pressable, View } from 'react-native';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import { ZoomableImageGallery } from './ZoomableImageGallery';
+import type {
+  GalleryImage,
+  MeasuredRect,
+  ZoomableImageGalleryHandle,
+  ZoomableImageGalleryProps,
+} from './types';
+
+/**
+ * There was no story for this component, which is exactly why its four frozen
+ * web mappers (`useAnimatedStyle` with no dependency array — see the CRITICAL note
+ * in `ZoomableImageGallery.tsx`) were found by static analysis instead of by the
+ * web gate. These stories make the animated paths observable in a browser:
+ *
+ *  - **open**: the tapped thumbnail flies to the fitted centre and the backdrop fades in
+ *  - **drag to dismiss**: dragging the open image follows the pointer, fades, and snaps
+ *    back or closes
+ *  - **zoom**: pinch, or double-tap, then pan the zoomed image
+ *
+ * All three are driven by shared values read inside those mappers, so if a
+ * dependency array is ever dropped again these stories freeze visibly.
+ */
+const meta: Meta = {
+  title: 'Components/ZoomableImageGallery',
+};
+
+export default meta;
+
+type Story = StoryObj;
+
+const FOREST: GalleryImage = {
+  uri: 'https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=1200',
+  alt: 'Sunlight through a forest canopy',
+  aspectRatio: 1.5,
+};
+
+const RIDGE: GalleryImage = {
+  uri: 'https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?w=1200',
+  alt: 'A mountain ridge above the clouds',
+  aspectRatio: 1.5,
+};
+
+const VALLEY: GalleryImage = {
+  uri: 'https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?w=1200',
+  alt: 'Fog rolling through a valley of pines',
+  aspectRatio: 1.5,
+};
+
+const IMAGES: GalleryImage[] = [FOREST, RIDGE, VALLEY];
+
+const THUMB = 96;
+
+/**
+ * Mirrors how a consumer wires this up: thumbnails measure themselves so the
+ * open/close transition can fly to and from the tapped tile.
+ */
+function GalleryDemo({
+  images,
+  ...props
+}: ZoomableImageGalleryProps & { images: GalleryImage[] }) {
+  const galleryRef = React.useRef<ZoomableImageGalleryHandle>(null);
+  const thumbRefs = React.useRef<Array<View | null>>([]);
+
+  const measureRect = React.useCallback(
+    (index: number) =>
+      new Promise<MeasuredRect | null>((resolve) => {
+        const node = thumbRefs.current[index];
+        if (!node) {
+          resolve(null);
+          return;
+        }
+        node.measureInWindow((x, y, width, height) => {
+          resolve({ x, y, width, height });
+        });
+      }),
+    [],
+  );
+
+  const openAt = React.useCallback(
+    async (index: number) => {
+      const rect = await measureRect(index);
+      galleryRef.current?.open(images, index, rect ?? undefined);
+    },
+    [images, measureRect],
+  );
+
+  return (
+    <View style={{ gap: 12 }}>
+      <View style={{ flexDirection: 'row', gap: 8, flexWrap: 'wrap' }}>
+        {images.map((image, index) => (
+          <Pressable
+            key={image.uri}
+            ref={(node) => {
+              thumbRefs.current[index] = node;
+            }}
+            onPress={() => {
+              void openAt(index);
+            }}
+          >
+            <Image
+              source={{ uri: image.uri }}
+              style={{ width: THUMB, height: THUMB, borderRadius: 8 }}
+            />
+          </Pressable>
+        ))}
+      </View>
+      <ZoomableImageGallery
+        ref={galleryRef}
+        measureThumb={measureRect}
+        {...props}
+      />
+    </View>
+  );
+}
+
+export const SingleImage: Story = {
+  render: () => <GalleryDemo images={[FOREST]} />,
+};
+
+export const MultipleImages: Story = {
+  render: () => <GalleryDemo images={IMAGES} />,
+};
+
+export const ThumbnailIndicator: Story = {
+  render: () => <GalleryDemo images={IMAGES} indicatorVariant="thumbnails" />,
+};
+
+export const SquareCorners: Story = {
+  render: () => <GalleryDemo images={IMAGES} cornerRadius={0} />,
+};

package/src/zoomable-image-gallery/ZoomableImageGallery.tsx

@@ -36,6 +36,7 @@ import {
   ArrowOutOfBox_Stroke2_Corner0_Rounded,
 } from '../icons';
 import { Z_INDEX } from '../styles/z-index';
+import { WEB_POSITION_FIXED } from '../styles/web-view-style';
 import {
   getAspectRatio,
   fetchAspectRatio,
@@ -475,36 +476,57 @@ const ZoomableImageGalleryInner = React.forwardRef<ZoomableImageGalleryHandle, Z
     [handleDismiss, isOpen, isZoomed, SCREEN_HEIGHT, opacity, scale, startScale, startX, startY, translateX, translateY]
   );
 
-  const backdropStyle = useAnimatedStyle(() => ({ opacity: opacity.value }));
+  // CRITICAL — every shared value a mapper READS must be listed in its dependency
+  // array. On web WITHOUT the react-native-worklets babel plugin (what every Oxy
+  // RN-Web app ships), reanimated cannot auto-detect the reads, so it drives the
+  // mapper off the deps array instead: with none, each mapper runs ONCE and
+  // freezes at the opening frame while the shared values animate underneath it.
+  // That froze the open animation, the drag-to-dismiss follow and the pinch/
+  // double-tap zoom on web. Native (plugin present) auto-tracks and ignores the
+  // extra deps, so listing them is correct on both platforms. Same rule as
+  // `bottom-sheet/BottomSheetBase.tsx`. Do NOT strip these.
+  const backdropStyle = useAnimatedStyle(
+    () => ({ opacity: opacity.value }),
+    [opacity],
+  );
 
   // The single open-image animates from origin → fitted center.
-  const openImageStyle = useAnimatedStyle(() => ({
-    transform: [
-      { translateX: translateX.value },
-      { translateY: translateY.value },
-      { scale: scale.value },
-    ],
-  }));
+  const openImageStyle = useAnimatedStyle(
+    () => ({
+      transform: [
+        { translateX: translateX.value },
+        { translateY: translateY.value },
+        { scale: scale.value },
+      ],
+    }),
+    [translateX, translateY, scale],
+  );
 
   // While dragging to dismiss, the whole pager follows the finger + fades.
-  const pagerContainerStyle = useAnimatedStyle(() => ({
-    opacity: opacity.value,
-    transform: [
-      { translateX: translateX.value },
-      { translateY: translateY.value },
-      { scale: scale.value },
-    ],
-  }));
+  const pagerContainerStyle = useAnimatedStyle(
+    () => ({
+      opacity: opacity.value,
+      transform: [
+        { translateX: translateX.value },
+        { translateY: translateY.value },
+        { scale: scale.value },
+      ],
+    }),
+    [opacity, translateX, translateY, scale],
+  );
 
   // Pinch/double-tap zoom transform, layered on TOP of the active page image's
   // `fit`-based sizing (composed, never replacing it).
-  const zoomImageStyle = useAnimatedStyle(() => ({
-    transform: [
-      { scale: zoomScale.value },
-      { translateX: zoomTranslateX.value },
-      { translateY: zoomTranslateY.value },
-    ],
-  }));
+  const zoomImageStyle = useAnimatedStyle(
+    () => ({
+      transform: [
+        { scale: zoomScale.value },
+        { translateX: zoomTranslateX.value },
+        { translateY: zoomTranslateY.value },
+      ],
+    }),
+    [zoomScale, zoomTranslateX, zoomTranslateY],
+  );
 
   // Derive the current page from the scroll offset, clamp into range, and update
   // `activeIndex` only when it actually changes (drives the live indicator + the
@@ -963,10 +985,11 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     ...Platform.select({
       web: {
-        // Full-screen fixed overlay (web). Mirrors Bloom's Portal/Dialog.web
-        // `position: 'fixed' as 'absolute'` pattern; the fullscreen z-index
-        // token keeps the viewer above the app chrome.
-        position: 'fixed' as 'absolute',
+        // Full-screen fixed overlay (web), like Bloom's Portal and Dialog.web.
+        // Only ever applied on web (this is the `web` arm of Platform.select),
+        // so `WEB_POSITION_FIXED` is honest here; the fullscreen z-index token
+        // keeps the viewer above the app chrome.
+        position: WEB_POSITION_FIXED,
         top: 0,
         left: 0,
         right: 0,

package/lib/commonjs/toast/Toast.js

@@ -1,267 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Action = Action;
-exports.Icon = Icon;
-exports.Outer = Outer;
-exports.Text = Text;
-exports.ToastConfigProvider = ToastConfigProvider;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _useTheme = require("../theme/use-theme.js");
-var _useInteractionState = require("../hooks/useInteractionState.js");
-var _shadows = require("../design-tokens/shadows");
-var _sonner = require("./sonner");
-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); }
-const ToastConfigContext = /*#__PURE__*/(0, _react.createContext)({
-  id: '',
-  type: 'default'
-});
-ToastConfigContext.displayName = 'ToastConfigContext';
-function ToastConfigProvider({
-  children,
-  id,
-  type
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ToastConfigContext.Provider, {
-    value: (0, _react.useMemo)(() => ({
-      id,
-      type
-    }), [id, type]),
-    children: children
-  });
-}
-function Outer({
-  children
-}) {
-  const {
-    colors
-  } = (0, _useTheme.useTheme)();
-  const {
-    type
-  } = (0, _react.useContext)(ToastConfigContext);
-  const toastColors = useToastColors({
-    type,
-    colors
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.outer, {
-      backgroundColor: toastColors.backgroundColor,
-      borderColor: toastColors.borderColor
-    }],
-    children: children
-  });
-}
-function Icon({
-  icon
-}) {
-  const {
-    colors
-  } = (0, _useTheme.useTheme)();
-  const {
-    type
-  } = (0, _react.useContext)(ToastConfigContext);
-  const toastColors = useToastColors({
-    type,
-    colors
-  });
-  if (!icon) {
-    return null;
-  }
-  if (/*#__PURE__*/_react.default.isValidElement(icon)) {
-    return /*#__PURE__*/_react.default.cloneElement(icon, {
-      color: toastColors.iconColor
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: icon
-  });
-}
-function Text({
-  children
-}) {
-  const {
-    colors
-  } = (0, _useTheme.useTheme)();
-  const {
-    type
-  } = (0, _react.useContext)(ToastConfigContext);
-  const toastColors = useToastColors({
-    type,
-    colors
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.textContainer,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      selectable: false,
-      style: [styles.text, {
-        color: toastColors.textColor
-      }],
-      children: children
-    })
-  });
-}
-function Action({
-  children,
-  onPress,
-  ...rest
-}) {
-  const {
-    colors
-  } = (0, _useTheme.useTheme)();
-  const {
-    type,
-    id
-  } = (0, _react.useContext)(ToastConfigContext);
-  const actionColors = useActionColors({
-    type,
-    colors
-  });
-  // Drive the pressed visual via state, not Pressable's function-form `style`
-  // / function-children, which NativeWind v4's css-interop swallows (dropping
-  // the base button style: padding, radius, alignSelf).
-  const {
-    state: pressed,
-    onIn: onPressIn,
-    onOut: onPressOut
-  } = (0, _useInteractionState.useInteractionState)();
-  const handlePress = e => {
-    (0, _sonner.dismiss)(id);
-    onPress?.(e);
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-    ...rest,
-    onPress: handlePress,
-    onPressIn: onPressIn,
-    onPressOut: onPressOut,
-    style: [styles.actionButton, {
-      backgroundColor: pressed ? actionColors.interacted.backgroundColor : actionColors.base.backgroundColor
-    }],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.actionText, {
-        color: pressed ? actionColors.interacted.textColor : actionColors.base.textColor
-      }],
-      children: children
-    })
-  });
-}
-function useToastColors({
-  type,
-  colors
-}) {
-  return (0, _react.useMemo)(() => {
-    const colorMap = {
-      default: {
-        backgroundColor: colors.backgroundSecondary,
-        borderColor: colors.border,
-        iconColor: colors.text,
-        textColor: colors.text
-      },
-      success: {
-        backgroundColor: colors.primarySubtle,
-        borderColor: colors.primary,
-        iconColor: colors.primarySubtleForeground,
-        textColor: colors.primarySubtleForeground
-      },
-      error: {
-        backgroundColor: colors.negativeSubtle,
-        borderColor: colors.negative,
-        iconColor: colors.negativeSubtleForeground,
-        textColor: colors.negativeSubtleForeground
-      },
-      warning: {
-        backgroundColor: colors.backgroundSecondary,
-        borderColor: colors.border,
-        iconColor: colors.warning,
-        textColor: colors.text
-      },
-      info: {
-        backgroundColor: colors.backgroundSecondary,
-        borderColor: colors.border,
-        iconColor: colors.info,
-        textColor: colors.text
-      }
-    };
-    return colorMap[type];
-  }, [type, colors]);
-}
-function useActionColors({
-  type,
-  colors
-}) {
-  return (0, _react.useMemo)(() => {
-    const base = {
-      base: {
-        textColor: colors.textSecondary,
-        backgroundColor: colors.backgroundTertiary
-      },
-      interacted: {
-        textColor: colors.text,
-        backgroundColor: colors.contrast50
-      }
-    };
-    const colorMap = {
-      default: base,
-      warning: base,
-      info: base,
-      success: {
-        base: {
-          textColor: colors.primarySubtleForeground,
-          backgroundColor: colors.primarySubtle
-        },
-        interacted: {
-          textColor: colors.primaryDark,
-          backgroundColor: colors.primaryLight
-        }
-      },
-      error: {
-        base: {
-          textColor: colors.negativeSubtleForeground,
-          backgroundColor: colors.negativeSubtle
-        },
-        interacted: {
-          textColor: colors.negativeForeground,
-          backgroundColor: colors.negative
-        }
-      }
-    };
-    return colorMap[type];
-  }, [type, colors]);
-}
-const styles = _reactNative.StyleSheet.create({
-  outer: {
-    flex: 1,
-    padding: 16,
-    borderRadius: 8,
-    borderWidth: 1,
-    flexDirection: 'row',
-    gap: 8,
-    paddingVertical: 14,
-    // Subtle raise (`shadow-s`) — `boxShadow` on web, RN shadow/elevation on native.
-    ...(0, _shadows.bloomShadowStyle)('s')
-  },
-  textContainer: {
-    flex: 1,
-    paddingRight: 16
-  },
-  text: {
-    fontSize: 15,
-    fontWeight: '500',
-    lineHeight: 20
-  },
-  actionButton: {
-    paddingVertical: 5,
-    paddingHorizontal: 9,
-    borderRadius: 6,
-    alignSelf: 'center'
-  },
-  actionText: {
-    fontSize: 15,
-    fontWeight: '500',
-    lineHeight: 20
-  }
-});
-//# sourceMappingURL=Toast.js.map

package/lib/commonjs/toast/Toast.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useTheme","_useInteractionState","_shadows","_sonner","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ToastConfigContext","createContext","id","type","displayName","ToastConfigProvider","children","jsx","Provider","value","useMemo","Outer","colors","useTheme","useContext","toastColors","useToastColors","View","style","styles","outer","backgroundColor","borderColor","Icon","icon","React","isValidElement","cloneElement","color","iconColor","Fragment","Text","textContainer","selectable","text","textColor","Action","onPress","rest","actionColors","useActionColors","state","pressed","onIn","onPressIn","onOut","onPressOut","useInteractionState","handlePress","dismiss","Pressable","actionButton","interacted","base","actionText","colorMap","backgroundSecondary","border","success","primarySubtle","primary","primarySubtleForeground","error","negativeSubtle","negative","negativeSubtleForeground","warning","info","textSecondary","backgroundTertiary","contrast50","primaryDark","primaryLight","negativeForeground","StyleSheet","create","flex","padding","borderRadius","borderWidth","flexDirection","gap","paddingVertical","bloomShadowStyle","paddingRight","fontSize","fontWeight","lineHeight","paddingHorizontal","alignSelf"],"sourceRoot":"../../../src","sources":["toast/Toast.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/toast/const.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DURATION = void 0;
-const DURATION = exports.DURATION = 3e3;
-//# sourceMappingURL=const.js.map

package/lib/commonjs/toast/const.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DURATION","exports"],"sourceRoot":"../../../src","sources":["toast/const.ts"],"mappings":";;;;;;AAAO,MAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,GAAG","ignoreList":[]}

package/lib/commonjs/toast/index.web.js

@@ -1,114 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Action", {
-  enumerable: true,
-  get: function () {
-    return _Toast.Action;
-  }
-});
-Object.defineProperty(exports, "DURATION", {
-  enumerable: true,
-  get: function () {
-    return _const.DURATION;
-  }
-});
-Object.defineProperty(exports, "Icon", {
-  enumerable: true,
-  get: function () {
-    return _Toast.Icon;
-  }
-});
-Object.defineProperty(exports, "Outer", {
-  enumerable: true,
-  get: function () {
-    return _Toast.Outer;
-  }
-});
-Object.defineProperty(exports, "Text", {
-  enumerable: true,
-  get: function () {
-    return _Toast.Text;
-  }
-});
-Object.defineProperty(exports, "ToastConfigProvider", {
-  enumerable: true,
-  get: function () {
-    return _Toast.ToastConfigProvider;
-  }
-});
-exports.ToastOutlet = ToastOutlet;
-exports.toast = exports.show = exports.api = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _nonSecure = require("nanoid/non-secure");
-var _sonner = require("sonner");
-var _const = require("./const.js");
-var _Toast = require("./Toast.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); }
-/**
- * Toasts are rendered in a global outlet, which is placed at the top of the
- * component tree.
- */
-function ToastOutlet() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sonner.Toaster, {
-    position: "bottom-left",
-    gap: 8,
-    offset: 20,
-    mobileOffset: 20
-  });
-}
-
-/** Direct access to the underlying Sonner API. Use sparingly. */
-const api = exports.api = _sonner.toast;
-function dispatch(content, type, options = {}) {
-  const id = (0, _nonSecure.nanoid)();
-  if (typeof content === 'string') {
-    (0, _sonner.toast)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.ToastConfigProvider, {
-      id: id,
-      type: type,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Toast.Outer, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.Icon, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.Text, {
-          children: content
-        })]
-      })
-    }), {
-      ...options,
-      unstyled: true,
-      id,
-      duration: options?.duration ?? _const.DURATION
-    });
-  } else if (/*#__PURE__*/(0, _react.isValidElement)(content)) {
-    (0, _sonner.toast)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.ToastConfigProvider, {
-      id: id,
-      type: type,
-      children: content
-    }), {
-      ...options,
-      unstyled: true,
-      id,
-      duration: options?.duration ?? _const.DURATION
-    });
-  } else {
-    throw new Error(`Toast can be a string or a React element, got ${typeof content}`);
-  }
-}
-
-/**
- * Show a toast notification. Identical API to the native variant — see
- * `./index.tsx` for the full usage docs.
- */
-
-const toastImpl = (content, options = {}) => {
-  dispatch(content, options.type ?? 'default', options);
-};
-toastImpl.success = (content, options) => dispatch(content, 'success', options ?? {});
-toastImpl.error = (content, options) => dispatch(content, 'error', options ?? {});
-toastImpl.warning = (content, options) => dispatch(content, 'warning', options ?? {});
-toastImpl.info = (content, options) => dispatch(content, 'info', options ?? {});
-toastImpl.dismiss = id => _sonner.toast.dismiss(id);
-const toast = exports.toast = toastImpl;
-const show = exports.show = toastImpl;
-//# sourceMappingURL=index.web.js.map

package/lib/commonjs/toast/index.web.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_nonSecure","_sonner","_const","_Toast","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ToastOutlet","jsx","Toaster","position","gap","offset","mobileOffset","api","exports","sonner","dispatch","content","type","options","id","nanoid","ToastConfigProvider","children","jsxs","Outer","Icon","Text","unstyled","duration","DURATION","isValidElement","Error","toastImpl","success","error","warning","info","dismiss","toast","show"],"sourceRoot":"../../../src","sources":["toast/index.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/toast/sonner/index.js

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.dismiss = void 0;
-var _sonnerNative = require("sonner-native");
-const dismiss = exports.dismiss = _sonnerNative.toast.dismiss;
-//# sourceMappingURL=index.js.map

package/lib/commonjs/toast/sonner/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_sonnerNative","require","dismiss","exports","toast"],"sourceRoot":"../../../../src","sources":["toast/sonner/index.ts"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAEO,MAAMC,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAGE,mBAAK,CAACF,OAAO","ignoreList":[]}