@metamask/design-system-react-native 0.40.0 → 0.41.0

package/CHANGELOG.md

@@ -7,6 +7,20 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.41.0]
+
+### Added
+
+- Added `showCloseButton` to `ToastOptions` for the imperative `toast(...)` API (default `true`); when `false`, the close button is hidden while swipe-to-dismiss, auto-dismiss, and `toast.dismiss()` still work ([#1446](https://github.com/MetaMask/metamask-design-system/pull/1446))
+
+### Changed
+
+- Updated `BannerBase` to center-align compact content (title-only, description-only, or title with a single-line description or string children) and top-align multi-line stacks, custom React node children, or below-action layouts; inherited by `BannerAlert` and `Toast` ([#1447](https://github.com/MetaMask/metamask-design-system/pull/1447))
+
+### Fixed
+
+- Fixed `Checkbox` unselected state to use a transparent background instead of `background.default` ([#1451](https://github.com/MetaMask/metamask-design-system/pull/1451))
+
 ## [0.40.0]
 
 ### Added
@@ -683,7 +697,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Full TypeScript support with type definitions and enums
 - React Native integration with TWRNC preset support
 
-[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.40.0...HEAD
+[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.41.0...HEAD
+[0.41.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.40.0...@metamask/design-system-react-native@0.41.0
 [0.40.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.39.1...@metamask/design-system-react-native@0.40.0
 [0.39.1]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.39.0...@metamask/design-system-react-native@0.39.1
 [0.39.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.38.1...@metamask/design-system-react-native@0.39.0

package/dist/components/BannerBase/BannerBase.cjs

@@ -1,43 +1,118 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BannerBase = void 0;
 const design_system_shared_1 = require("@metamask/design-system-shared");
-const react_1 = __importDefault(require("react"));
+const design_tokens_1 = require("@metamask/design-tokens");
+const react_1 = __importStar(require("react"));
 const Box_1 = require("../Box/index.cjs");
 const Button_1 = require("../Button/index.cjs");
 const ButtonIcon_1 = require("../ButtonIcon/index.cjs");
 const Text_1 = require("../Text/index.cjs");
+/** BodyMd line height — title block. */
+const BODY_MD_LINE_HEIGHT = design_tokens_1.typography.sBodyMD.lineHeight;
+/** BodySm line height — description block. */
+const BODY_SM_LINE_HEIGHT = design_tokens_1.typography.sBodySM.lineHeight;
+/** `mt-0.5` between title and description. */
+const TITLE_DESCRIPTION_GAP = 2;
+/** Sub-pixel / font rounding allowance when comparing stack height. */
+const COMPACT_HEIGHT_TOLERANCE = 4;
 const isTextContent = (content) => typeof content === 'string' || typeof content === 'number';
 const hasContent = (content) => content !== null && content !== undefined;
-const BannerBase = ({ title, titleProps, description, descriptionProps, children, childrenWrapperProps, actionButtonLabel, actionButtonOnPress, actionButtonProps, actionButtonLayout = design_system_shared_1.BannerBaseActionButtonLayout.Below, startAccessory, onClose, closeButtonProps, twClassName, ...props }) => {
+const getCompactContentMaxHeight = ({ hasTitle, hasDescription, hasChildren, }) => {
+    let maxHeight = 0;
+    if (hasTitle) {
+        maxHeight += BODY_MD_LINE_HEIGHT;
+    }
+    if (hasDescription) {
+        if (hasTitle) {
+            maxHeight += TITLE_DESCRIPTION_GAP;
+        }
+        maxHeight += BODY_SM_LINE_HEIGHT;
+    }
+    if (hasChildren) {
+        maxHeight += BODY_MD_LINE_HEIGHT;
+    }
+    return maxHeight + COMPACT_HEIGHT_TOLERANCE;
+};
+const BannerBase = ({ title, titleProps, description, descriptionProps, children, childrenWrapperProps, actionButtonLabel, actionButtonOnPress, actionButtonProps, actionButtonLayout = design_system_shared_1.BannerBaseActionButtonLayout.Below, startAccessory, onClose, closeButtonProps, twClassName, backgroundColor = design_system_shared_1.BoxBackgroundColor.BackgroundDefault, ...props }) => {
     const resolvedActionButtonProps = actionButtonProps ?? {};
     const { accessibilityLabel: closeButtonAccessibilityLabel = 'Close banner', twClassName: closeButtonTwClassName, ...resolvedCloseButtonProps } = closeButtonProps ?? {};
     const shouldShowCloseButton = Boolean(onClose);
     const shouldShowActionButton = Boolean(actionButtonOnPress);
     const isActionButtonLayoutEnd = actionButtonLayout === design_system_shared_1.BannerBaseActionButtonLayout.End;
     const hasActionButtonBelow = shouldShowActionButton && !isActionButtonLayoutEnd;
+    const hasTitle = hasContent(title);
+    const hasDescription = hasContent(description);
+    const hasChildren = hasContent(children);
+    // Custom nodes can't be measured reliably — keep top-aligned.
+    const hasUnmeasuredContent = (hasTitle && !isTextContent(title)) ||
+        (hasDescription && !isTextContent(description)) ||
+        (hasChildren && !isTextContent(children));
+    // Multiple text blocks: default top-aligned until the stack measures as
+    // single-line per block. A single title, description, or children block
+    // always centers (including wraps). Avoids multiline stacks sticking
+    // centered when layout callbacks are delayed or skipped.
+    const [isCompactContent, setIsCompactContent] = (0, react_1.useState)(false);
+    const isSingleTextBlock = [hasTitle, hasDescription, hasChildren].filter(Boolean).length === 1;
+    const isCenterAligned = !hasActionButtonBelow &&
+        !hasUnmeasuredContent &&
+        (hasTitle || hasDescription || hasChildren) &&
+        (isSingleTextBlock || isCompactContent);
+    const handleContentLayout = (event) => {
+        if (hasUnmeasuredContent || hasActionButtonBelow || isSingleTextBlock) {
+            setIsCompactContent(false);
+            return;
+        }
+        const { height } = event.nativeEvent.layout;
+        const maxCompactHeight = getCompactContentMaxHeight({
+            hasTitle,
+            hasDescription,
+            hasChildren,
+        });
+        setIsCompactContent(height > 0 && height <= maxCompactHeight);
+    };
     const actionButton = shouldShowActionButton ? (<Button_1.Button size={design_system_shared_1.ButtonSize.Md} onPress={actionButtonOnPress} {...resolvedActionButtonProps} variant={design_system_shared_1.ButtonVariant.Secondary}>
       {actionButtonLabel}
     </Button_1.Button>) : null;
-    return (<Box_1.Box flexDirection={design_system_shared_1.BoxFlexDirection.Row} alignItems={design_system_shared_1.BoxAlignItems.Start} gap={4} backgroundColor={design_system_shared_1.BoxBackgroundColor.BackgroundDefault} paddingTop={3} paddingBottom={hasActionButtonBelow ? 4 : 3} paddingLeft={4} paddingRight={shouldShowCloseButton ? 2 : 4} twClassName={(0, design_system_shared_1.mergeTwClassName)('rounded-xl', twClassName)} {...props}>
+    return (<Box_1.Box {...props} flexDirection={design_system_shared_1.BoxFlexDirection.Row} alignItems={isCenterAligned ? design_system_shared_1.BoxAlignItems.Center : design_system_shared_1.BoxAlignItems.Start} gap={4} backgroundColor={backgroundColor} paddingTop={3} paddingBottom={hasActionButtonBelow ? 4 : 3} paddingLeft={4} paddingRight={shouldShowCloseButton ? 2 : 4} twClassName={(0, design_system_shared_1.mergeTwClassName)('rounded-xl', twClassName)}>
       {startAccessory}
 
-      <Box_1.Box twClassName="flex-1">
-        {hasContent(title) &&
+      <Box_1.Box twClassName="flex-1" onLayout={handleContentLayout}>
+        {hasTitle &&
             (isTextContent(title) ? (<Text_1.Text variant={design_system_shared_1.TextVariant.BodyMd} fontWeight={design_system_shared_1.FontWeight.Medium} {...titleProps}>
               {title}
             </Text_1.Text>) : (title))}
 
-        {hasContent(description) && (<Box_1.Box twClassName={hasContent(title) ? 'mt-0.5' : undefined}>
+        {hasDescription && (<Box_1.Box twClassName={hasTitle ? 'mt-0.5' : undefined}>
             {isTextContent(description) ? (<Text_1.Text variant={design_system_shared_1.TextVariant.BodySm} {...descriptionProps}>
                 {description}
               </Text_1.Text>) : (description)}
           </Box_1.Box>)}
 
-        {hasContent(children) &&
+        {hasChildren &&
             (isTextContent(children) ? (<Text_1.Text variant={design_system_shared_1.TextVariant.BodyMd} {...childrenWrapperProps}>
               {children}
             </Text_1.Text>) : (children))}
@@ -45,9 +120,11 @@ const BannerBase = ({ title, titleProps, description, descriptionProps, children
         {hasActionButtonBelow && <Box_1.Box twClassName="mt-2">{actionButton}</Box_1.Box>}
       </Box_1.Box>
 
-      {shouldShowActionButton && isActionButtonLayoutEnd && actionButton}
+      {shouldShowActionButton && isActionButtonLayoutEnd && (<Box_1.Box twClassName="self-center">{actionButton}</Box_1.Box>)}
 
-      {shouldShowCloseButton && (<ButtonIcon_1.ButtonIcon twClassName={(0, design_system_shared_1.mergeTwClassName)('-mt-1', closeButtonTwClassName)} iconName={design_system_shared_1.IconName.Close} size={design_system_shared_1.ButtonIconSize.Md} accessibilityLabel={closeButtonAccessibilityLabel} onPress={onClose} {...resolvedCloseButtonProps}/>)}
+      {shouldShowCloseButton && (<ButtonIcon_1.ButtonIcon twClassName={isCenterAligned
+                ? closeButtonTwClassName
+                : (0, design_system_shared_1.mergeTwClassName)('-mt-1', closeButtonTwClassName)} iconName={design_system_shared_1.IconName.Close} size={design_system_shared_1.ButtonIconSize.Md} accessibilityLabel={closeButtonAccessibilityLabel} onPress={onClose} {...resolvedCloseButtonProps}/>)}
     </Box_1.Box>);
 };
 exports.BannerBase = BannerBase;

package/dist/components/BannerBase/BannerBase.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BannerBase.cjs","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  BannerBaseActionButtonLayout,\n  BoxAlignItems,\n  BoxBackgroundColor,\n  BoxFlexDirection,\n  ButtonIconSize,\n  ButtonSize,\n  ButtonVariant,\n  FontWeight,\n  IconName,\n  mergeTwClassName,\n  TextVariant,\n} from '@metamask/design-system-shared';\nimport React from 'react';\n\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Text } from '../Text';\n\nimport type { BannerBaseProps } from './BannerBase.types';\n\nconst isTextContent = (content: React.ReactNode): content is string | number =>\n  typeof content === 'string' || typeof content === 'number';\n\nconst hasContent = (content: React.ReactNode) =>\n  content !== null && content !== undefined;\n\nexport const BannerBase: React.FC<BannerBaseProps> = ({\n  title,\n  titleProps,\n  description,\n  descriptionProps,\n  children,\n  childrenWrapperProps,\n  actionButtonLabel,\n  actionButtonOnPress,\n  actionButtonProps,\n  actionButtonLayout = BannerBaseActionButtonLayout.Below,\n  startAccessory,\n  onClose,\n  closeButtonProps,\n  twClassName,\n  ...props\n}) => {\n  const resolvedActionButtonProps = actionButtonProps ?? {};\n\n  const {\n    accessibilityLabel: closeButtonAccessibilityLabel = 'Close banner',\n    twClassName: closeButtonTwClassName,\n    ...resolvedCloseButtonProps\n  } = closeButtonProps ?? {};\n\n  const shouldShowCloseButton = Boolean(onClose);\n  const shouldShowActionButton = Boolean(actionButtonOnPress);\n  const isActionButtonLayoutEnd =\n    actionButtonLayout === BannerBaseActionButtonLayout.End;\n  const hasActionButtonBelow =\n    shouldShowActionButton && !isActionButtonLayoutEnd;\n\n  const actionButton = shouldShowActionButton ? (\n    <Button\n      size={ButtonSize.Md}\n      onPress={actionButtonOnPress}\n      {...resolvedActionButtonProps}\n      variant={ButtonVariant.Secondary}\n    >\n      {actionButtonLabel}\n    </Button>\n  ) : null;\n\n  return (\n    <Box\n      flexDirection={BoxFlexDirection.Row}\n      alignItems={BoxAlignItems.Start}\n      gap={4}\n      backgroundColor={BoxBackgroundColor.BackgroundDefault}\n      paddingTop={3}\n      paddingBottom={hasActionButtonBelow ? 4 : 3}\n      paddingLeft={4}\n      paddingRight={shouldShowCloseButton ? 2 : 4}\n      twClassName={mergeTwClassName('rounded-xl', twClassName)}\n      {...props}\n    >\n      {startAccessory}\n\n      <Box twClassName=\"flex-1\">\n        {hasContent(title) &&\n          (isTextContent(title) ? (\n            <Text\n              variant={TextVariant.BodyMd}\n              fontWeight={FontWeight.Medium}\n              {...titleProps}\n            >\n              {title}\n            </Text>\n          ) : (\n            title\n          ))}\n\n        {hasContent(description) && (\n          <Box twClassName={hasContent(title) ? 'mt-0.5' : undefined}>\n            {isTextContent(description) ? (\n              <Text variant={TextVariant.BodySm} {...descriptionProps}>\n                {description}\n              </Text>\n            ) : (\n              description\n            )}\n          </Box>\n        )}\n\n        {hasContent(children) &&\n          (isTextContent(children) ? (\n            <Text variant={TextVariant.BodyMd} {...childrenWrapperProps}>\n              {children}\n            </Text>\n          ) : (\n            children\n          ))}\n\n        {hasActionButtonBelow && <Box twClassName=\"mt-2\">{actionButton}</Box>}\n      </Box>\n\n      {shouldShowActionButton && isActionButtonLayoutEnd && actionButton}\n\n      {shouldShowCloseButton && (\n        <ButtonIcon\n          twClassName={mergeTwClassName('-mt-1', closeButtonTwClassName)}\n          iconName={IconName.Close}\n          size={ButtonIconSize.Md}\n          accessibilityLabel={closeButtonAccessibilityLabel}\n          onPress={onClose}\n          {...resolvedCloseButtonProps}\n        />\n      )}\n    </Box>\n  );\n};\n"]}
+{"version":3,"file":"BannerBase.cjs","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  BannerBaseActionButtonLayout,\n  BoxAlignItems,\n  BoxBackgroundColor,\n  BoxFlexDirection,\n  ButtonIconSize,\n  ButtonSize,\n  ButtonVariant,\n  FontWeight,\n  IconName,\n  mergeTwClassName,\n  TextVariant,\n} from '@metamask/design-system-shared';\nimport { typography } from '@metamask/design-tokens';\nimport React, { useState } from 'react';\nimport type { LayoutChangeEvent } from 'react-native';\n\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Text } from '../Text';\n\nimport type { BannerBaseProps } from './BannerBase.types';\n\n/** BodyMd line height — title block. */\nconst BODY_MD_LINE_HEIGHT = typography.sBodyMD.lineHeight;\n/** BodySm line height — description block. */\nconst BODY_SM_LINE_HEIGHT = typography.sBodySM.lineHeight;\n/** `mt-0.5` between title and description. */\nconst TITLE_DESCRIPTION_GAP = 2;\n/** Sub-pixel / font rounding allowance when comparing stack height. */\nconst COMPACT_HEIGHT_TOLERANCE = 4;\n\nconst isTextContent = (content: React.ReactNode): content is string | number =>\n  typeof content === 'string' || typeof content === 'number';\n\nconst hasContent = (content: React.ReactNode) =>\n  content !== null && content !== undefined;\n\nconst getCompactContentMaxHeight = ({\n  hasTitle,\n  hasDescription,\n  hasChildren,\n}: {\n  hasTitle: boolean;\n  hasDescription: boolean;\n  hasChildren: boolean;\n}) => {\n  let maxHeight = 0;\n\n  if (hasTitle) {\n    maxHeight += BODY_MD_LINE_HEIGHT;\n  }\n  if (hasDescription) {\n    if (hasTitle) {\n      maxHeight += TITLE_DESCRIPTION_GAP;\n    }\n    maxHeight += BODY_SM_LINE_HEIGHT;\n  }\n  if (hasChildren) {\n    maxHeight += BODY_MD_LINE_HEIGHT;\n  }\n\n  return maxHeight + COMPACT_HEIGHT_TOLERANCE;\n};\n\nexport const BannerBase: React.FC<BannerBaseProps> = ({\n  title,\n  titleProps,\n  description,\n  descriptionProps,\n  children,\n  childrenWrapperProps,\n  actionButtonLabel,\n  actionButtonOnPress,\n  actionButtonProps,\n  actionButtonLayout = BannerBaseActionButtonLayout.Below,\n  startAccessory,\n  onClose,\n  closeButtonProps,\n  twClassName,\n  backgroundColor = BoxBackgroundColor.BackgroundDefault,\n  ...props\n}) => {\n  const resolvedActionButtonProps = actionButtonProps ?? {};\n\n  const {\n    accessibilityLabel: closeButtonAccessibilityLabel = 'Close banner',\n    twClassName: closeButtonTwClassName,\n    ...resolvedCloseButtonProps\n  } = closeButtonProps ?? {};\n\n  const shouldShowCloseButton = Boolean(onClose);\n  const shouldShowActionButton = Boolean(actionButtonOnPress);\n  const isActionButtonLayoutEnd =\n    actionButtonLayout === BannerBaseActionButtonLayout.End;\n  const hasActionButtonBelow =\n    shouldShowActionButton && !isActionButtonLayoutEnd;\n  const hasTitle = hasContent(title);\n  const hasDescription = hasContent(description);\n  const hasChildren = hasContent(children);\n  // Custom nodes can't be measured reliably — keep top-aligned.\n  const hasUnmeasuredContent =\n    (hasTitle && !isTextContent(title)) ||\n    (hasDescription && !isTextContent(description)) ||\n    (hasChildren && !isTextContent(children));\n\n  // Multiple text blocks: default top-aligned until the stack measures as\n  // single-line per block. A single title, description, or children block\n  // always centers (including wraps). Avoids multiline stacks sticking\n  // centered when layout callbacks are delayed or skipped.\n  const [isCompactContent, setIsCompactContent] = useState(false);\n  const isSingleTextBlock =\n    [hasTitle, hasDescription, hasChildren].filter(Boolean).length === 1;\n\n  const isCenterAligned =\n    !hasActionButtonBelow &&\n    !hasUnmeasuredContent &&\n    (hasTitle || hasDescription || hasChildren) &&\n    (isSingleTextBlock || isCompactContent);\n\n  const handleContentLayout = (event: LayoutChangeEvent) => {\n    if (hasUnmeasuredContent || hasActionButtonBelow || isSingleTextBlock) {\n      setIsCompactContent(false);\n      return;\n    }\n\n    const { height } = event.nativeEvent.layout;\n    const maxCompactHeight = getCompactContentMaxHeight({\n      hasTitle,\n      hasDescription,\n      hasChildren,\n    });\n    setIsCompactContent(height > 0 && height <= maxCompactHeight);\n  };\n\n  const actionButton = shouldShowActionButton ? (\n    <Button\n      size={ButtonSize.Md}\n      onPress={actionButtonOnPress}\n      {...resolvedActionButtonProps}\n      variant={ButtonVariant.Secondary}\n    >\n      {actionButtonLabel}\n    </Button>\n  ) : null;\n\n  return (\n    <Box\n      {...props}\n      flexDirection={BoxFlexDirection.Row}\n      alignItems={isCenterAligned ? BoxAlignItems.Center : BoxAlignItems.Start}\n      gap={4}\n      backgroundColor={backgroundColor}\n      paddingTop={3}\n      paddingBottom={hasActionButtonBelow ? 4 : 3}\n      paddingLeft={4}\n      paddingRight={shouldShowCloseButton ? 2 : 4}\n      twClassName={mergeTwClassName('rounded-xl', twClassName)}\n    >\n      {startAccessory}\n\n      <Box twClassName=\"flex-1\" onLayout={handleContentLayout}>\n        {hasTitle &&\n          (isTextContent(title) ? (\n            <Text\n              variant={TextVariant.BodyMd}\n              fontWeight={FontWeight.Medium}\n              {...titleProps}\n            >\n              {title}\n            </Text>\n          ) : (\n            title\n          ))}\n\n        {hasDescription && (\n          <Box twClassName={hasTitle ? 'mt-0.5' : undefined}>\n            {isTextContent(description) ? (\n              <Text variant={TextVariant.BodySm} {...descriptionProps}>\n                {description}\n              </Text>\n            ) : (\n              description\n            )}\n          </Box>\n        )}\n\n        {hasChildren &&\n          (isTextContent(children) ? (\n            <Text variant={TextVariant.BodyMd} {...childrenWrapperProps}>\n              {children}\n            </Text>\n          ) : (\n            children\n          ))}\n\n        {hasActionButtonBelow && <Box twClassName=\"mt-2\">{actionButton}</Box>}\n      </Box>\n\n      {shouldShowActionButton && isActionButtonLayoutEnd && (\n        <Box twClassName=\"self-center\">{actionButton}</Box>\n      )}\n\n      {shouldShowCloseButton && (\n        <ButtonIcon\n          twClassName={\n            isCenterAligned\n              ? closeButtonTwClassName\n              : mergeTwClassName('-mt-1', closeButtonTwClassName)\n          }\n          iconName={IconName.Close}\n          size={ButtonIconSize.Md}\n          accessibilityLabel={closeButtonAccessibilityLabel}\n          onPress={onClose}\n          {...resolvedCloseButtonProps}\n        />\n      )}\n    </Box>\n  );\n};\n"]}

package/dist/components/BannerBase/BannerBase.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"BannerBase.d.cts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,cAAc;AAO1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAQ1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8GhD,CAAC"}
+{"version":3,"file":"BannerBase.d.cts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAmB,cAAc;AAQxC,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AA4C1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0JhD,CAAC"}

package/dist/components/BannerBase/BannerBase.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"BannerBase.d.mts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,cAAc;AAO1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAQ1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8GhD,CAAC"}
+{"version":3,"file":"BannerBase.d.mts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAmB,cAAc;AAQxC,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AA4C1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0JhD,CAAC"}

package/dist/components/BannerBase/BannerBase.mjs

@@ -5,40 +5,95 @@ function $importDefault(module) {
     return module;
 }
 import { BannerBaseActionButtonLayout, BoxAlignItems, BoxBackgroundColor, BoxFlexDirection, ButtonIconSize, ButtonSize, ButtonVariant, FontWeight, IconName, mergeTwClassName, TextVariant } from "@metamask/design-system-shared";
-import $React from "react";
+import { typography } from "@metamask/design-tokens";
+import $React, { useState } from "react";
 const React = $importDefault($React);
 import { Box } from "../Box/index.mjs";
 import { Button } from "../Button/index.mjs";
 import { ButtonIcon } from "../ButtonIcon/index.mjs";
 import { Text } from "../Text/index.mjs";
+/** BodyMd line height — title block. */
+const BODY_MD_LINE_HEIGHT = typography.sBodyMD.lineHeight;
+/** BodySm line height — description block. */
+const BODY_SM_LINE_HEIGHT = typography.sBodySM.lineHeight;
+/** `mt-0.5` between title and description. */
+const TITLE_DESCRIPTION_GAP = 2;
+/** Sub-pixel / font rounding allowance when comparing stack height. */
+const COMPACT_HEIGHT_TOLERANCE = 4;
 const isTextContent = (content) => typeof content === 'string' || typeof content === 'number';
 const hasContent = (content) => content !== null && content !== undefined;
-export const BannerBase = ({ title, titleProps, description, descriptionProps, children, childrenWrapperProps, actionButtonLabel, actionButtonOnPress, actionButtonProps, actionButtonLayout = BannerBaseActionButtonLayout.Below, startAccessory, onClose, closeButtonProps, twClassName, ...props }) => {
+const getCompactContentMaxHeight = ({ hasTitle, hasDescription, hasChildren, }) => {
+    let maxHeight = 0;
+    if (hasTitle) {
+        maxHeight += BODY_MD_LINE_HEIGHT;
+    }
+    if (hasDescription) {
+        if (hasTitle) {
+            maxHeight += TITLE_DESCRIPTION_GAP;
+        }
+        maxHeight += BODY_SM_LINE_HEIGHT;
+    }
+    if (hasChildren) {
+        maxHeight += BODY_MD_LINE_HEIGHT;
+    }
+    return maxHeight + COMPACT_HEIGHT_TOLERANCE;
+};
+export const BannerBase = ({ title, titleProps, description, descriptionProps, children, childrenWrapperProps, actionButtonLabel, actionButtonOnPress, actionButtonProps, actionButtonLayout = BannerBaseActionButtonLayout.Below, startAccessory, onClose, closeButtonProps, twClassName, backgroundColor = BoxBackgroundColor.BackgroundDefault, ...props }) => {
     const resolvedActionButtonProps = actionButtonProps ?? {};
     const { accessibilityLabel: closeButtonAccessibilityLabel = 'Close banner', twClassName: closeButtonTwClassName, ...resolvedCloseButtonProps } = closeButtonProps ?? {};
     const shouldShowCloseButton = Boolean(onClose);
     const shouldShowActionButton = Boolean(actionButtonOnPress);
     const isActionButtonLayoutEnd = actionButtonLayout === BannerBaseActionButtonLayout.End;
     const hasActionButtonBelow = shouldShowActionButton && !isActionButtonLayoutEnd;
+    const hasTitle = hasContent(title);
+    const hasDescription = hasContent(description);
+    const hasChildren = hasContent(children);
+    // Custom nodes can't be measured reliably — keep top-aligned.
+    const hasUnmeasuredContent = (hasTitle && !isTextContent(title)) ||
+        (hasDescription && !isTextContent(description)) ||
+        (hasChildren && !isTextContent(children));
+    // Multiple text blocks: default top-aligned until the stack measures as
+    // single-line per block. A single title, description, or children block
+    // always centers (including wraps). Avoids multiline stacks sticking
+    // centered when layout callbacks are delayed or skipped.
+    const [isCompactContent, setIsCompactContent] = useState(false);
+    const isSingleTextBlock = [hasTitle, hasDescription, hasChildren].filter(Boolean).length === 1;
+    const isCenterAligned = !hasActionButtonBelow &&
+        !hasUnmeasuredContent &&
+        (hasTitle || hasDescription || hasChildren) &&
+        (isSingleTextBlock || isCompactContent);
+    const handleContentLayout = (event) => {
+        if (hasUnmeasuredContent || hasActionButtonBelow || isSingleTextBlock) {
+            setIsCompactContent(false);
+            return;
+        }
+        const { height } = event.nativeEvent.layout;
+        const maxCompactHeight = getCompactContentMaxHeight({
+            hasTitle,
+            hasDescription,
+            hasChildren,
+        });
+        setIsCompactContent(height > 0 && height <= maxCompactHeight);
+    };
     const actionButton = shouldShowActionButton ? (<Button size={ButtonSize.Md} onPress={actionButtonOnPress} {...resolvedActionButtonProps} variant={ButtonVariant.Secondary}>
       {actionButtonLabel}
     </Button>) : null;
-    return (<Box flexDirection={BoxFlexDirection.Row} alignItems={BoxAlignItems.Start} gap={4} backgroundColor={BoxBackgroundColor.BackgroundDefault} paddingTop={3} paddingBottom={hasActionButtonBelow ? 4 : 3} paddingLeft={4} paddingRight={shouldShowCloseButton ? 2 : 4} twClassName={mergeTwClassName('rounded-xl', twClassName)} {...props}>
+    return (<Box {...props} flexDirection={BoxFlexDirection.Row} alignItems={isCenterAligned ? BoxAlignItems.Center : BoxAlignItems.Start} gap={4} backgroundColor={backgroundColor} paddingTop={3} paddingBottom={hasActionButtonBelow ? 4 : 3} paddingLeft={4} paddingRight={shouldShowCloseButton ? 2 : 4} twClassName={mergeTwClassName('rounded-xl', twClassName)}>
       {startAccessory}
 
-      <Box twClassName="flex-1">
-        {hasContent(title) &&
+      <Box twClassName="flex-1" onLayout={handleContentLayout}>
+        {hasTitle &&
             (isTextContent(title) ? (<Text variant={TextVariant.BodyMd} fontWeight={FontWeight.Medium} {...titleProps}>
               {title}
             </Text>) : (title))}
 
-        {hasContent(description) && (<Box twClassName={hasContent(title) ? 'mt-0.5' : undefined}>
+        {hasDescription && (<Box twClassName={hasTitle ? 'mt-0.5' : undefined}>
             {isTextContent(description) ? (<Text variant={TextVariant.BodySm} {...descriptionProps}>
                 {description}
               </Text>) : (description)}
           </Box>)}
 
-        {hasContent(children) &&
+        {hasChildren &&
             (isTextContent(children) ? (<Text variant={TextVariant.BodyMd} {...childrenWrapperProps}>
               {children}
             </Text>) : (children))}
@@ -46,9 +101,11 @@ export const BannerBase = ({ title, titleProps, description, descriptionProps, c
         {hasActionButtonBelow && <Box twClassName="mt-2">{actionButton}</Box>}
       </Box>
 
-      {shouldShowActionButton && isActionButtonLayoutEnd && actionButton}
+      {shouldShowActionButton && isActionButtonLayoutEnd && (<Box twClassName="self-center">{actionButton}</Box>)}
 
-      {shouldShowCloseButton && (<ButtonIcon twClassName={mergeTwClassName('-mt-1', closeButtonTwClassName)} iconName={IconName.Close} size={ButtonIconSize.Md} accessibilityLabel={closeButtonAccessibilityLabel} onPress={onClose} {...resolvedCloseButtonProps}/>)}
+      {shouldShowCloseButton && (<ButtonIcon twClassName={isCenterAligned
+                ? closeButtonTwClassName
+                : mergeTwClassName('-mt-1', closeButtonTwClassName)} iconName={IconName.Close} size={ButtonIconSize.Md} accessibilityLabel={closeButtonAccessibilityLabel} onPress={onClose} {...resolvedCloseButtonProps}/>)}
     </Box>);
 };
 //# sourceMappingURL=BannerBase.mjs.map

package/dist/components/BannerBase/BannerBase.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BannerBase.mjs","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  BannerBaseActionButtonLayout,\n  BoxAlignItems,\n  BoxBackgroundColor,\n  BoxFlexDirection,\n  ButtonIconSize,\n  ButtonSize,\n  ButtonVariant,\n  FontWeight,\n  IconName,\n  mergeTwClassName,\n  TextVariant,\n} from '@metamask/design-system-shared';\nimport React from 'react';\n\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Text } from '../Text';\n\nimport type { BannerBaseProps } from './BannerBase.types';\n\nconst isTextContent = (content: React.ReactNode): content is string | number =>\n  typeof content === 'string' || typeof content === 'number';\n\nconst hasContent = (content: React.ReactNode) =>\n  content !== null && content !== undefined;\n\nexport const BannerBase: React.FC<BannerBaseProps> = ({\n  title,\n  titleProps,\n  description,\n  descriptionProps,\n  children,\n  childrenWrapperProps,\n  actionButtonLabel,\n  actionButtonOnPress,\n  actionButtonProps,\n  actionButtonLayout = BannerBaseActionButtonLayout.Below,\n  startAccessory,\n  onClose,\n  closeButtonProps,\n  twClassName,\n  ...props\n}) => {\n  const resolvedActionButtonProps = actionButtonProps ?? {};\n\n  const {\n    accessibilityLabel: closeButtonAccessibilityLabel = 'Close banner',\n    twClassName: closeButtonTwClassName,\n    ...resolvedCloseButtonProps\n  } = closeButtonProps ?? {};\n\n  const shouldShowCloseButton = Boolean(onClose);\n  const shouldShowActionButton = Boolean(actionButtonOnPress);\n  const isActionButtonLayoutEnd =\n    actionButtonLayout === BannerBaseActionButtonLayout.End;\n  const hasActionButtonBelow =\n    shouldShowActionButton && !isActionButtonLayoutEnd;\n\n  const actionButton = shouldShowActionButton ? (\n    <Button\n      size={ButtonSize.Md}\n      onPress={actionButtonOnPress}\n      {...resolvedActionButtonProps}\n      variant={ButtonVariant.Secondary}\n    >\n      {actionButtonLabel}\n    </Button>\n  ) : null;\n\n  return (\n    <Box\n      flexDirection={BoxFlexDirection.Row}\n      alignItems={BoxAlignItems.Start}\n      gap={4}\n      backgroundColor={BoxBackgroundColor.BackgroundDefault}\n      paddingTop={3}\n      paddingBottom={hasActionButtonBelow ? 4 : 3}\n      paddingLeft={4}\n      paddingRight={shouldShowCloseButton ? 2 : 4}\n      twClassName={mergeTwClassName('rounded-xl', twClassName)}\n      {...props}\n    >\n      {startAccessory}\n\n      <Box twClassName=\"flex-1\">\n        {hasContent(title) &&\n          (isTextContent(title) ? (\n            <Text\n              variant={TextVariant.BodyMd}\n              fontWeight={FontWeight.Medium}\n              {...titleProps}\n            >\n              {title}\n            </Text>\n          ) : (\n            title\n          ))}\n\n        {hasContent(description) && (\n          <Box twClassName={hasContent(title) ? 'mt-0.5' : undefined}>\n            {isTextContent(description) ? (\n              <Text variant={TextVariant.BodySm} {...descriptionProps}>\n                {description}\n              </Text>\n            ) : (\n              description\n            )}\n          </Box>\n        )}\n\n        {hasContent(children) &&\n          (isTextContent(children) ? (\n            <Text variant={TextVariant.BodyMd} {...childrenWrapperProps}>\n              {children}\n            </Text>\n          ) : (\n            children\n          ))}\n\n        {hasActionButtonBelow && <Box twClassName=\"mt-2\">{actionButton}</Box>}\n      </Box>\n\n      {shouldShowActionButton && isActionButtonLayoutEnd && actionButton}\n\n      {shouldShowCloseButton && (\n        <ButtonIcon\n          twClassName={mergeTwClassName('-mt-1', closeButtonTwClassName)}\n          iconName={IconName.Close}\n          size={ButtonIconSize.Md}\n          accessibilityLabel={closeButtonAccessibilityLabel}\n          onPress={onClose}\n          {...resolvedCloseButtonProps}\n        />\n      )}\n    </Box>\n  );\n};\n"]}
+{"version":3,"file":"BannerBase.mjs","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  BannerBaseActionButtonLayout,\n  BoxAlignItems,\n  BoxBackgroundColor,\n  BoxFlexDirection,\n  ButtonIconSize,\n  ButtonSize,\n  ButtonVariant,\n  FontWeight,\n  IconName,\n  mergeTwClassName,\n  TextVariant,\n} from '@metamask/design-system-shared';\nimport { typography } from '@metamask/design-tokens';\nimport React, { useState } from 'react';\nimport type { LayoutChangeEvent } from 'react-native';\n\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Text } from '../Text';\n\nimport type { BannerBaseProps } from './BannerBase.types';\n\n/** BodyMd line height — title block. */\nconst BODY_MD_LINE_HEIGHT = typography.sBodyMD.lineHeight;\n/** BodySm line height — description block. */\nconst BODY_SM_LINE_HEIGHT = typography.sBodySM.lineHeight;\n/** `mt-0.5` between title and description. */\nconst TITLE_DESCRIPTION_GAP = 2;\n/** Sub-pixel / font rounding allowance when comparing stack height. */\nconst COMPACT_HEIGHT_TOLERANCE = 4;\n\nconst isTextContent = (content: React.ReactNode): content is string | number =>\n  typeof content === 'string' || typeof content === 'number';\n\nconst hasContent = (content: React.ReactNode) =>\n  content !== null && content !== undefined;\n\nconst getCompactContentMaxHeight = ({\n  hasTitle,\n  hasDescription,\n  hasChildren,\n}: {\n  hasTitle: boolean;\n  hasDescription: boolean;\n  hasChildren: boolean;\n}) => {\n  let maxHeight = 0;\n\n  if (hasTitle) {\n    maxHeight += BODY_MD_LINE_HEIGHT;\n  }\n  if (hasDescription) {\n    if (hasTitle) {\n      maxHeight += TITLE_DESCRIPTION_GAP;\n    }\n    maxHeight += BODY_SM_LINE_HEIGHT;\n  }\n  if (hasChildren) {\n    maxHeight += BODY_MD_LINE_HEIGHT;\n  }\n\n  return maxHeight + COMPACT_HEIGHT_TOLERANCE;\n};\n\nexport const BannerBase: React.FC<BannerBaseProps> = ({\n  title,\n  titleProps,\n  description,\n  descriptionProps,\n  children,\n  childrenWrapperProps,\n  actionButtonLabel,\n  actionButtonOnPress,\n  actionButtonProps,\n  actionButtonLayout = BannerBaseActionButtonLayout.Below,\n  startAccessory,\n  onClose,\n  closeButtonProps,\n  twClassName,\n  backgroundColor = BoxBackgroundColor.BackgroundDefault,\n  ...props\n}) => {\n  const resolvedActionButtonProps = actionButtonProps ?? {};\n\n  const {\n    accessibilityLabel: closeButtonAccessibilityLabel = 'Close banner',\n    twClassName: closeButtonTwClassName,\n    ...resolvedCloseButtonProps\n  } = closeButtonProps ?? {};\n\n  const shouldShowCloseButton = Boolean(onClose);\n  const shouldShowActionButton = Boolean(actionButtonOnPress);\n  const isActionButtonLayoutEnd =\n    actionButtonLayout === BannerBaseActionButtonLayout.End;\n  const hasActionButtonBelow =\n    shouldShowActionButton && !isActionButtonLayoutEnd;\n  const hasTitle = hasContent(title);\n  const hasDescription = hasContent(description);\n  const hasChildren = hasContent(children);\n  // Custom nodes can't be measured reliably — keep top-aligned.\n  const hasUnmeasuredContent =\n    (hasTitle && !isTextContent(title)) ||\n    (hasDescription && !isTextContent(description)) ||\n    (hasChildren && !isTextContent(children));\n\n  // Multiple text blocks: default top-aligned until the stack measures as\n  // single-line per block. A single title, description, or children block\n  // always centers (including wraps). Avoids multiline stacks sticking\n  // centered when layout callbacks are delayed or skipped.\n  const [isCompactContent, setIsCompactContent] = useState(false);\n  const isSingleTextBlock =\n    [hasTitle, hasDescription, hasChildren].filter(Boolean).length === 1;\n\n  const isCenterAligned =\n    !hasActionButtonBelow &&\n    !hasUnmeasuredContent &&\n    (hasTitle || hasDescription || hasChildren) &&\n    (isSingleTextBlock || isCompactContent);\n\n  const handleContentLayout = (event: LayoutChangeEvent) => {\n    if (hasUnmeasuredContent || hasActionButtonBelow || isSingleTextBlock) {\n      setIsCompactContent(false);\n      return;\n    }\n\n    const { height } = event.nativeEvent.layout;\n    const maxCompactHeight = getCompactContentMaxHeight({\n      hasTitle,\n      hasDescription,\n      hasChildren,\n    });\n    setIsCompactContent(height > 0 && height <= maxCompactHeight);\n  };\n\n  const actionButton = shouldShowActionButton ? (\n    <Button\n      size={ButtonSize.Md}\n      onPress={actionButtonOnPress}\n      {...resolvedActionButtonProps}\n      variant={ButtonVariant.Secondary}\n    >\n      {actionButtonLabel}\n    </Button>\n  ) : null;\n\n  return (\n    <Box\n      {...props}\n      flexDirection={BoxFlexDirection.Row}\n      alignItems={isCenterAligned ? BoxAlignItems.Center : BoxAlignItems.Start}\n      gap={4}\n      backgroundColor={backgroundColor}\n      paddingTop={3}\n      paddingBottom={hasActionButtonBelow ? 4 : 3}\n      paddingLeft={4}\n      paddingRight={shouldShowCloseButton ? 2 : 4}\n      twClassName={mergeTwClassName('rounded-xl', twClassName)}\n    >\n      {startAccessory}\n\n      <Box twClassName=\"flex-1\" onLayout={handleContentLayout}>\n        {hasTitle &&\n          (isTextContent(title) ? (\n            <Text\n              variant={TextVariant.BodyMd}\n              fontWeight={FontWeight.Medium}\n              {...titleProps}\n            >\n              {title}\n            </Text>\n          ) : (\n            title\n          ))}\n\n        {hasDescription && (\n          <Box twClassName={hasTitle ? 'mt-0.5' : undefined}>\n            {isTextContent(description) ? (\n              <Text variant={TextVariant.BodySm} {...descriptionProps}>\n                {description}\n              </Text>\n            ) : (\n              description\n            )}\n          </Box>\n        )}\n\n        {hasChildren &&\n          (isTextContent(children) ? (\n            <Text variant={TextVariant.BodyMd} {...childrenWrapperProps}>\n              {children}\n            </Text>\n          ) : (\n            children\n          ))}\n\n        {hasActionButtonBelow && <Box twClassName=\"mt-2\">{actionButton}</Box>}\n      </Box>\n\n      {shouldShowActionButton && isActionButtonLayoutEnd && (\n        <Box twClassName=\"self-center\">{actionButton}</Box>\n      )}\n\n      {shouldShowCloseButton && (\n        <ButtonIcon\n          twClassName={\n            isCenterAligned\n              ? closeButtonTwClassName\n              : mergeTwClassName('-mt-1', closeButtonTwClassName)\n          }\n          iconName={IconName.Close}\n          size={ButtonIconSize.Md}\n          accessibilityLabel={closeButtonAccessibilityLabel}\n          onPress={onClose}\n          {...resolvedCloseButtonProps}\n        />\n      )}\n    </Box>\n  );\n};\n"]}

package/dist/components/Checkbox/Checkbox.cjs

@@ -72,7 +72,7 @@ exports.Checkbox = (0, react_1.forwardRef)(({ isSelected, isDisabled = false, is
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
     const twContainerClassNames = tw.style('flex-row items-center', isDisabled ? 'opacity-50' : 'opacity-100', twClassName);
     const getCheckboxContainerStyle = (0, react_1.useCallback)((pressed) => {
-        const baseBg = isSelected ? 'bg-icon-default' : 'bg-default';
+        const baseBg = isSelected ? 'bg-icon-default' : 'bg-transparent';
         let baseBorder = 'border-default';
         if (isSelected) {
             baseBorder = 'border-icon-default';
@@ -80,9 +80,7 @@ exports.Checkbox = (0, react_1.forwardRef)(({ isSelected, isDisabled = false, is
         else if (isInvalid) {
             baseBorder = 'border-error-default';
         }
-        const pressedBg = isSelected
-            ? 'bg-icon-default-pressed'
-            : 'bg-default-pressed';
+        const pressedBg = isSelected ? 'bg-icon-default-pressed' : 'bg-pressed';
         let pressedBorder = 'border-default';
         if (isSelected) {
             pressedBorder = 'border-icon-default-pressed';

package/dist/components/Checkbox/Checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, {\n  forwardRef,\n  useRef,\n  useImperativeHandle,\n  useCallback,\n  useEffect,\n} from 'react';\nimport type { PressableStateCallbackType } from 'react-native';\nimport { Pressable, Animated, Easing } from 'react-native';\n\nimport { Icon, IconName, IconColor, IconSize } from '../Icon';\nimport { TextOrChildren } from '../temp-components/TextOrChildren';\n\nimport type { CheckboxProps } from './Checkbox.types';\n\nconst AnimatedView = Animated.View;\n\nexport const Checkbox = forwardRef<{ toggle: () => void }, CheckboxProps>(\n  (\n    {\n      isSelected,\n      isDisabled = false,\n      isInvalid = false,\n      label = '',\n      labelProps,\n      onChange,\n      checkboxContainerProps,\n      checkedIconProps,\n      twClassName,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    // Animation values\n    const scaleAnim = useRef(new Animated.Value(1)).current;\n    const iconAnim = useRef(new Animated.Value(isSelected ? 1 : 0)).current;\n\n    // Sync icon opacity whenever selection changes\n    useEffect(() => {\n      Animated.timing(iconAnim, {\n        toValue: isSelected ? 1 : 0,\n        duration: 300,\n        easing: Easing.ease,\n        useNativeDriver: true,\n      }).start();\n    }, [isSelected, iconAnim]);\n\n    // Bounce effect when toggling\n    const animateScale = useCallback(() => {\n      Animated.sequence([\n        Animated.timing(scaleAnim, {\n          toValue: 1.15,\n          duration: 100,\n          easing: Easing.ease,\n          useNativeDriver: true,\n        }),\n        Animated.timing(scaleAnim, {\n          toValue: 1,\n          duration: 100,\n          easing: Easing.ease,\n          useNativeDriver: true,\n        }),\n      ]).start();\n    }, [scaleAnim]);\n\n    // Press handler: notify parent, then bounce\n    const handlePress = () => {\n      if (isDisabled) {\n        return;\n      }\n      onChange?.(!isSelected);\n      animateScale();\n    };\n\n    useImperativeHandle(ref, () => ({ toggle: handlePress }), [handlePress]);\n\n    const tw = useTailwind();\n    const twContainerClassNames = tw.style(\n      'flex-row items-center',\n      isDisabled ? 'opacity-50' : 'opacity-100',\n      twClassName,\n    );\n\n    const getCheckboxContainerStyle = useCallback(\n      (pressed: boolean): string => {\n        const baseBg = isSelected ? 'bg-icon-default' : 'bg-default';\n        let baseBorder = 'border-default';\n        if (isSelected) {\n          baseBorder = 'border-icon-default';\n        } else if (isInvalid) {\n          baseBorder = 'border-error-default';\n        }\n        const pressedBg = isSelected\n          ? 'bg-icon-default-pressed'\n          : 'bg-default-pressed';\n        let pressedBorder = 'border-default';\n        if (isSelected) {\n          pressedBorder = 'border-icon-default-pressed';\n        } else if (isInvalid) {\n          pressedBorder = 'border-error-default';\n        }\n        return pressed\n          ? `${pressedBg} ${pressedBorder}`\n          : `${baseBg} ${baseBorder}`;\n      },\n      [isSelected, isInvalid],\n    );\n\n    return (\n      <Pressable\n        onPress={handlePress}\n        accessible\n        accessibilityRole=\"checkbox\"\n        accessibilityState={{\n          checked: isSelected,\n          disabled: isDisabled,\n        }}\n        accessibilityLabel={typeof label === 'string' ? label : undefined}\n        disabled={isDisabled}\n        {...props}\n        style={(state: PressableStateCallbackType) => [\n          twContainerClassNames,\n          typeof style === 'function' ? style(state) : style,\n        ]}\n      >\n        {({ pressed }) => (\n          <>\n            <AnimatedView\n              {...checkboxContainerProps}\n              style={[\n                tw`${getCheckboxContainerStyle(pressed)} flex size-[22px] items-center justify-center rounded border-2`,\n                { transform: [{ scale: scaleAnim }] },\n              ]}\n            >\n              {/* Always render icon, opacity driven by iconAnim */}\n              <Animated.View style={{ opacity: iconAnim }}>\n                <Icon\n                  name={IconName.Check}\n                  color={IconColor.IconInverse}\n                  size={IconSize.Sm}\n                  {...checkedIconProps}\n                />\n              </Animated.View>\n            </AnimatedView>\n            {label ? (\n              <TextOrChildren\n                textProps={{ ...labelProps, twClassName: 'ml-3' }}\n              >\n                {label}\n              </TextOrChildren>\n            ) : null}\n          </>\n        )}\n      </Pressable>\n    );\n  },\n);\n"]}
+{"version":3,"file":"Checkbox.cjs","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, {\n  forwardRef,\n  useRef,\n  useImperativeHandle,\n  useCallback,\n  useEffect,\n} from 'react';\nimport type { PressableStateCallbackType } from 'react-native';\nimport { Pressable, Animated, Easing } from 'react-native';\n\nimport { Icon, IconName, IconColor, IconSize } from '../Icon';\nimport { TextOrChildren } from '../temp-components/TextOrChildren';\n\nimport type { CheckboxProps } from './Checkbox.types';\n\nconst AnimatedView = Animated.View;\n\nexport const Checkbox = forwardRef<{ toggle: () => void }, CheckboxProps>(\n  (\n    {\n      isSelected,\n      isDisabled = false,\n      isInvalid = false,\n      label = '',\n      labelProps,\n      onChange,\n      checkboxContainerProps,\n      checkedIconProps,\n      twClassName,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    // Animation values\n    const scaleAnim = useRef(new Animated.Value(1)).current;\n    const iconAnim = useRef(new Animated.Value(isSelected ? 1 : 0)).current;\n\n    // Sync icon opacity whenever selection changes\n    useEffect(() => {\n      Animated.timing(iconAnim, {\n        toValue: isSelected ? 1 : 0,\n        duration: 300,\n        easing: Easing.ease,\n        useNativeDriver: true,\n      }).start();\n    }, [isSelected, iconAnim]);\n\n    // Bounce effect when toggling\n    const animateScale = useCallback(() => {\n      Animated.sequence([\n        Animated.timing(scaleAnim, {\n          toValue: 1.15,\n          duration: 100,\n          easing: Easing.ease,\n          useNativeDriver: true,\n        }),\n        Animated.timing(scaleAnim, {\n          toValue: 1,\n          duration: 100,\n          easing: Easing.ease,\n          useNativeDriver: true,\n        }),\n      ]).start();\n    }, [scaleAnim]);\n\n    // Press handler: notify parent, then bounce\n    const handlePress = () => {\n      if (isDisabled) {\n        return;\n      }\n      onChange?.(!isSelected);\n      animateScale();\n    };\n\n    useImperativeHandle(ref, () => ({ toggle: handlePress }), [handlePress]);\n\n    const tw = useTailwind();\n    const twContainerClassNames = tw.style(\n      'flex-row items-center',\n      isDisabled ? 'opacity-50' : 'opacity-100',\n      twClassName,\n    );\n\n    const getCheckboxContainerStyle = useCallback(\n      (pressed: boolean): string => {\n        const baseBg = isSelected ? 'bg-icon-default' : 'bg-transparent';\n        let baseBorder = 'border-default';\n        if (isSelected) {\n          baseBorder = 'border-icon-default';\n        } else if (isInvalid) {\n          baseBorder = 'border-error-default';\n        }\n        const pressedBg = isSelected ? 'bg-icon-default-pressed' : 'bg-pressed';\n        let pressedBorder = 'border-default';\n        if (isSelected) {\n          pressedBorder = 'border-icon-default-pressed';\n        } else if (isInvalid) {\n          pressedBorder = 'border-error-default';\n        }\n        return pressed\n          ? `${pressedBg} ${pressedBorder}`\n          : `${baseBg} ${baseBorder}`;\n      },\n      [isSelected, isInvalid],\n    );\n\n    return (\n      <Pressable\n        onPress={handlePress}\n        accessible\n        accessibilityRole=\"checkbox\"\n        accessibilityState={{\n          checked: isSelected,\n          disabled: isDisabled,\n        }}\n        accessibilityLabel={typeof label === 'string' ? label : undefined}\n        disabled={isDisabled}\n        {...props}\n        style={(state: PressableStateCallbackType) => [\n          twContainerClassNames,\n          typeof style === 'function' ? style(state) : style,\n        ]}\n      >\n        {({ pressed }) => (\n          <>\n            <AnimatedView\n              {...checkboxContainerProps}\n              style={[\n                tw`${getCheckboxContainerStyle(pressed)} flex size-[22px] items-center justify-center rounded border-2`,\n                { transform: [{ scale: scaleAnim }] },\n              ]}\n            >\n              {/* Always render icon, opacity driven by iconAnim */}\n              <Animated.View style={{ opacity: iconAnim }}>\n                <Icon\n                  name={IconName.Check}\n                  color={IconColor.IconInverse}\n                  size={IconSize.Sm}\n                  {...checkedIconProps}\n                />\n              </Animated.View>\n            </AnimatedView>\n            {label ? (\n              <TextOrChildren\n                textProps={{ ...labelProps, twClassName: 'ml-3' }}\n              >\n                {label}\n              </TextOrChildren>\n            ) : null}\n          </>\n        )}\n      </Pressable>\n    );\n  },\n);\n"]}

package/dist/components/Checkbox/Checkbox.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.cts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,cAAc;AACf,OAAO,KAAK,EAAE,0BAA0B,EAAE,qBAAqB;AAU/D,eAAO,MAAM,QAAQ;;;;;;;YAAwB,MAAM,IAAI;GA4ItD,CAAC"}
+{"version":3,"file":"Checkbox.d.cts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,cAAc;AACf,OAAO,KAAK,EAAE,0BAA0B,EAAE,qBAAqB;AAU/D,eAAO,MAAM,QAAQ;;;;;;;YAAwB,MAAM,IAAI;GA0ItD,CAAC"}

package/dist/components/Checkbox/Checkbox.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.mts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,cAAc;AACf,OAAO,KAAK,EAAE,0BAA0B,EAAE,qBAAqB;AAU/D,eAAO,MAAM,QAAQ;;;;;;;YAAwB,MAAM,IAAI;GA4ItD,CAAC"}
+{"version":3,"file":"Checkbox.d.mts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,cAAc;AACf,OAAO,KAAK,EAAE,0BAA0B,EAAE,qBAAqB;AAU/D,eAAO,MAAM,QAAQ;;;;;;;YAAwB,MAAM,IAAI;GA0ItD,CAAC"}

package/dist/components/Checkbox/Checkbox.mjs

@@ -53,7 +53,7 @@ export const Checkbox = forwardRef(({ isSelected, isDisabled = false, isInvalid
     const tw = useTailwind();
     const twContainerClassNames = tw.style('flex-row items-center', isDisabled ? 'opacity-50' : 'opacity-100', twClassName);
     const getCheckboxContainerStyle = useCallback((pressed) => {
-        const baseBg = isSelected ? 'bg-icon-default' : 'bg-default';
+        const baseBg = isSelected ? 'bg-icon-default' : 'bg-transparent';
         let baseBorder = 'border-default';
         if (isSelected) {
             baseBorder = 'border-icon-default';
@@ -61,9 +61,7 @@ export const Checkbox = forwardRef(({ isSelected, isDisabled = false, isInvalid
         else if (isInvalid) {
             baseBorder = 'border-error-default';
         }
-        const pressedBg = isSelected
-            ? 'bg-icon-default-pressed'
-            : 'bg-default-pressed';
+        const pressedBg = isSelected ? 'bg-icon-default-pressed' : 'bg-pressed';
         let pressedBorder = 'border-default';
         if (isSelected) {
             pressedBorder = 'border-icon-default-pressed';

package/dist/components/Checkbox/Checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.mjs","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, {\n  forwardRef,\n  useRef,\n  useImperativeHandle,\n  useCallback,\n  useEffect,\n} from 'react';\nimport type { PressableStateCallbackType } from 'react-native';\nimport { Pressable, Animated, Easing } from 'react-native';\n\nimport { Icon, IconName, IconColor, IconSize } from '../Icon';\nimport { TextOrChildren } from '../temp-components/TextOrChildren';\n\nimport type { CheckboxProps } from './Checkbox.types';\n\nconst AnimatedView = Animated.View;\n\nexport const Checkbox = forwardRef<{ toggle: () => void }, CheckboxProps>(\n  (\n    {\n      isSelected,\n      isDisabled = false,\n      isInvalid = false,\n      label = '',\n      labelProps,\n      onChange,\n      checkboxContainerProps,\n      checkedIconProps,\n      twClassName,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    // Animation values\n    const scaleAnim = useRef(new Animated.Value(1)).current;\n    const iconAnim = useRef(new Animated.Value(isSelected ? 1 : 0)).current;\n\n    // Sync icon opacity whenever selection changes\n    useEffect(() => {\n      Animated.timing(iconAnim, {\n        toValue: isSelected ? 1 : 0,\n        duration: 300,\n        easing: Easing.ease,\n        useNativeDriver: true,\n      }).start();\n    }, [isSelected, iconAnim]);\n\n    // Bounce effect when toggling\n    const animateScale = useCallback(() => {\n      Animated.sequence([\n        Animated.timing(scaleAnim, {\n          toValue: 1.15,\n          duration: 100,\n          easing: Easing.ease,\n          useNativeDriver: true,\n        }),\n        Animated.timing(scaleAnim, {\n          toValue: 1,\n          duration: 100,\n          easing: Easing.ease,\n          useNativeDriver: true,\n        }),\n      ]).start();\n    }, [scaleAnim]);\n\n    // Press handler: notify parent, then bounce\n    const handlePress = () => {\n      if (isDisabled) {\n        return;\n      }\n      onChange?.(!isSelected);\n      animateScale();\n    };\n\n    useImperativeHandle(ref, () => ({ toggle: handlePress }), [handlePress]);\n\n    const tw = useTailwind();\n    const twContainerClassNames = tw.style(\n      'flex-row items-center',\n      isDisabled ? 'opacity-50' : 'opacity-100',\n      twClassName,\n    );\n\n    const getCheckboxContainerStyle = useCallback(\n      (pressed: boolean): string => {\n        const baseBg = isSelected ? 'bg-icon-default' : 'bg-default';\n        let baseBorder = 'border-default';\n        if (isSelected) {\n          baseBorder = 'border-icon-default';\n        } else if (isInvalid) {\n          baseBorder = 'border-error-default';\n        }\n        const pressedBg = isSelected\n          ? 'bg-icon-default-pressed'\n          : 'bg-default-pressed';\n        let pressedBorder = 'border-default';\n        if (isSelected) {\n          pressedBorder = 'border-icon-default-pressed';\n        } else if (isInvalid) {\n          pressedBorder = 'border-error-default';\n        }\n        return pressed\n          ? `${pressedBg} ${pressedBorder}`\n          : `${baseBg} ${baseBorder}`;\n      },\n      [isSelected, isInvalid],\n    );\n\n    return (\n      <Pressable\n        onPress={handlePress}\n        accessible\n        accessibilityRole=\"checkbox\"\n        accessibilityState={{\n          checked: isSelected,\n          disabled: isDisabled,\n        }}\n        accessibilityLabel={typeof label === 'string' ? label : undefined}\n        disabled={isDisabled}\n        {...props}\n        style={(state: PressableStateCallbackType) => [\n          twContainerClassNames,\n          typeof style === 'function' ? style(state) : style,\n        ]}\n      >\n        {({ pressed }) => (\n          <>\n            <AnimatedView\n              {...checkboxContainerProps}\n              style={[\n                tw`${getCheckboxContainerStyle(pressed)} flex size-[22px] items-center justify-center rounded border-2`,\n                { transform: [{ scale: scaleAnim }] },\n              ]}\n            >\n              {/* Always render icon, opacity driven by iconAnim */}\n              <Animated.View style={{ opacity: iconAnim }}>\n                <Icon\n                  name={IconName.Check}\n                  color={IconColor.IconInverse}\n                  size={IconSize.Sm}\n                  {...checkedIconProps}\n                />\n              </Animated.View>\n            </AnimatedView>\n            {label ? (\n              <TextOrChildren\n                textProps={{ ...labelProps, twClassName: 'ml-3' }}\n              >\n                {label}\n              </TextOrChildren>\n            ) : null}\n          </>\n        )}\n      </Pressable>\n    );\n  },\n);\n"]}
+{"version":3,"file":"Checkbox.mjs","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, {\n  forwardRef,\n  useRef,\n  useImperativeHandle,\n  useCallback,\n  useEffect,\n} from 'react';\nimport type { PressableStateCallbackType } from 'react-native';\nimport { Pressable, Animated, Easing } from 'react-native';\n\nimport { Icon, IconName, IconColor, IconSize } from '../Icon';\nimport { TextOrChildren } from '../temp-components/TextOrChildren';\n\nimport type { CheckboxProps } from './Checkbox.types';\n\nconst AnimatedView = Animated.View;\n\nexport const Checkbox = forwardRef<{ toggle: () => void }, CheckboxProps>(\n  (\n    {\n      isSelected,\n      isDisabled = false,\n      isInvalid = false,\n      label = '',\n      labelProps,\n      onChange,\n      checkboxContainerProps,\n      checkedIconProps,\n      twClassName,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    // Animation values\n    const scaleAnim = useRef(new Animated.Value(1)).current;\n    const iconAnim = useRef(new Animated.Value(isSelected ? 1 : 0)).current;\n\n    // Sync icon opacity whenever selection changes\n    useEffect(() => {\n      Animated.timing(iconAnim, {\n        toValue: isSelected ? 1 : 0,\n        duration: 300,\n        easing: Easing.ease,\n        useNativeDriver: true,\n      }).start();\n    }, [isSelected, iconAnim]);\n\n    // Bounce effect when toggling\n    const animateScale = useCallback(() => {\n      Animated.sequence([\n        Animated.timing(scaleAnim, {\n          toValue: 1.15,\n          duration: 100,\n          easing: Easing.ease,\n          useNativeDriver: true,\n        }),\n        Animated.timing(scaleAnim, {\n          toValue: 1,\n          duration: 100,\n          easing: Easing.ease,\n          useNativeDriver: true,\n        }),\n      ]).start();\n    }, [scaleAnim]);\n\n    // Press handler: notify parent, then bounce\n    const handlePress = () => {\n      if (isDisabled) {\n        return;\n      }\n      onChange?.(!isSelected);\n      animateScale();\n    };\n\n    useImperativeHandle(ref, () => ({ toggle: handlePress }), [handlePress]);\n\n    const tw = useTailwind();\n    const twContainerClassNames = tw.style(\n      'flex-row items-center',\n      isDisabled ? 'opacity-50' : 'opacity-100',\n      twClassName,\n    );\n\n    const getCheckboxContainerStyle = useCallback(\n      (pressed: boolean): string => {\n        const baseBg = isSelected ? 'bg-icon-default' : 'bg-transparent';\n        let baseBorder = 'border-default';\n        if (isSelected) {\n          baseBorder = 'border-icon-default';\n        } else if (isInvalid) {\n          baseBorder = 'border-error-default';\n        }\n        const pressedBg = isSelected ? 'bg-icon-default-pressed' : 'bg-pressed';\n        let pressedBorder = 'border-default';\n        if (isSelected) {\n          pressedBorder = 'border-icon-default-pressed';\n        } else if (isInvalid) {\n          pressedBorder = 'border-error-default';\n        }\n        return pressed\n          ? `${pressedBg} ${pressedBorder}`\n          : `${baseBg} ${baseBorder}`;\n      },\n      [isSelected, isInvalid],\n    );\n\n    return (\n      <Pressable\n        onPress={handlePress}\n        accessible\n        accessibilityRole=\"checkbox\"\n        accessibilityState={{\n          checked: isSelected,\n          disabled: isDisabled,\n        }}\n        accessibilityLabel={typeof label === 'string' ? label : undefined}\n        disabled={isDisabled}\n        {...props}\n        style={(state: PressableStateCallbackType) => [\n          twContainerClassNames,\n          typeof style === 'function' ? style(state) : style,\n        ]}\n      >\n        {({ pressed }) => (\n          <>\n            <AnimatedView\n              {...checkboxContainerProps}\n              style={[\n                tw`${getCheckboxContainerStyle(pressed)} flex size-[22px] items-center justify-center rounded border-2`,\n                { transform: [{ scale: scaleAnim }] },\n              ]}\n            >\n              {/* Always render icon, opacity driven by iconAnim */}\n              <Animated.View style={{ opacity: iconAnim }}>\n                <Icon\n                  name={IconName.Check}\n                  color={IconColor.IconInverse}\n                  size={IconSize.Sm}\n                  {...checkedIconProps}\n                />\n              </Animated.View>\n            </AnimatedView>\n            {label ? (\n              <TextOrChildren\n                textProps={{ ...labelProps, twClassName: 'ml-3' }}\n              >\n                {label}\n              </TextOrChildren>\n            ) : null}\n          </>\n        )}\n      </Pressable>\n    );\n  },\n);\n"]}

package/dist/components/Toast/Toast.types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.types.cjs","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":";;;AACA,yEAA+D;AAMtD,8FANA,oCAAa,OAMA","sourcesContent":["import type { ToastPropsShared } from '@metamask/design-system-shared';\nimport { ToastSeverity } from '@metamask/design-system-shared';\nimport type { ViewProps } from 'react-native';\n\nimport type { BannerBaseProps } from '../BannerBase';\nimport type { IconProps } from '../Icon/Icon.types';\n\nexport { ToastSeverity };\nexport type { ToastPropsShared };\n\n/**\n * Optional props for the leading severity `Icon`.\n */\nexport type ToastIconProps = Omit<IconProps, 'name' | 'size' | 'color'>;\n\n/**\n * Shared toast props aligned with BannerBase, plus optional severity/icon props.\n */\nexport type ToastSharedProps = Omit<BannerBaseProps, 'closeButtonProps'> & {\n  closeButtonProps?: Omit<\n    NonNullable<BannerBaseProps['closeButtonProps']>,\n    'onPress'\n  >;\n  severity?: ToastSeverity;\n  iconAlertProps?: ToastIconProps;\n};\n\n/**\n * Toast options used by the imperative `toast(...)` API.\n */\nexport type ToastOptions = ToastSharedProps & {\n  hasNoTimeout?: boolean;\n  topOffset?: number;\n};\n\n/**\n * Toaster component reference.\n */\nexport type ToasterRef = {\n  showToast: (toastOptions: ToastOptions) => void;\n  closeToast: () => void;\n};\n\n/**\n * Toast component props intended for direct rendering of a single toast surface.\n */\nexport type ToastProps = ToastSharedProps;\n\n/**\n * Toaster component props.\n * Extends ViewProps to inherit standard React Native props such as testID and accessibilityLabel.\n */\nexport type ToasterProps = {\n  /**\n   * Optional Tailwind CSS classes for the toast container.\n   */\n  twClassName?: string;\n} & Omit<ViewProps, 'style'>;\n"]}
+{"version":3,"file":"Toast.types.cjs","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":";;;AACA,yEAA+D;AAMtD,8FANA,oCAAa,OAMA","sourcesContent":["import type { ToastPropsShared } from '@metamask/design-system-shared';\nimport { ToastSeverity } from '@metamask/design-system-shared';\nimport type { ViewProps } from 'react-native';\n\nimport type { BannerBaseProps } from '../BannerBase';\nimport type { IconProps } from '../Icon/Icon.types';\n\nexport { ToastSeverity };\nexport type { ToastPropsShared };\n\n/**\n * Optional props for the leading severity `Icon`.\n */\nexport type ToastIconProps = Omit<IconProps, 'name' | 'size' | 'color'>;\n\n/**\n * Shared toast props aligned with BannerBase, plus optional severity/icon props.\n */\nexport type ToastSharedProps = Omit<BannerBaseProps, 'closeButtonProps'> & {\n  closeButtonProps?: Omit<\n    NonNullable<BannerBaseProps['closeButtonProps']>,\n    'onPress'\n  >;\n  severity?: ToastSeverity;\n  iconAlertProps?: ToastIconProps;\n};\n\n/**\n * Toast options used by the imperative `toast(...)` API.\n */\nexport type ToastOptions = ToastSharedProps & {\n  hasNoTimeout?: boolean;\n  topOffset?: number;\n  /**\n   * When `false`, hides the close button on the imperative toast.\n   * Swipe-to-dismiss, auto-dismiss, and `toast.dismiss()` still work.\n   * Defaults to `true`.\n   */\n  showCloseButton?: boolean;\n};\n\n/**\n * Toaster component reference.\n */\nexport type ToasterRef = {\n  showToast: (toastOptions: ToastOptions) => void;\n  closeToast: () => void;\n};\n\n/**\n * Toast component props intended for direct rendering of a single toast surface.\n */\nexport type ToastProps = ToastSharedProps;\n\n/**\n * Toaster component props.\n * Extends ViewProps to inherit standard React Native props such as testID and accessibilityLabel.\n */\nexport type ToasterProps = {\n  /**\n   * Optional Tailwind CSS classes for the toast container.\n   */\n  twClassName?: string;\n} & Omit<ViewProps, 'style'>;\n"]}

package/dist/components/Toast/Toast.types.d.cts

@@ -23,6 +23,12 @@ export type ToastSharedProps = Omit<BannerBaseProps, 'closeButtonProps'> & {
 export type ToastOptions = ToastSharedProps & {
     hasNoTimeout?: boolean;
     topOffset?: number;
+    /**
+     * When `false`, hides the close button on the imperative toast.
+     * Swipe-to-dismiss, auto-dismiss, and `toast.dismiss()` still work.
+     * Defaults to `true`.
+     */
+    showCloseButton?: boolean;
 };
 /**
  * Toaster component reference.

package/dist/components/Toast/Toast.types.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.types.d.cts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,uCAAuC;AACvE,OAAO,EAAE,aAAa,EAAE,uCAAuC;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,qBAAqB;AAE9C,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,+BAA2B;AAEpD,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG;IACzE,gBAAgB,CAAC,EAAE,IAAI,CACrB,WAAW,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC,EAChD,SAAS,CACV,CAAC;IACF,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC;AAE1C;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC"}
+{"version":3,"file":"Toast.types.d.cts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,uCAAuC;AACvE,OAAO,EAAE,aAAa,EAAE,uCAAuC;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,qBAAqB;AAE9C,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,+BAA2B;AAEpD,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG;IACzE,gBAAgB,CAAC,EAAE,IAAI,CACrB,WAAW,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC,EAChD,SAAS,CACV,CAAC;IACF,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC;AAE1C;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC"}

package/dist/components/Toast/Toast.types.d.mts

@@ -23,6 +23,12 @@ export type ToastSharedProps = Omit<BannerBaseProps, 'closeButtonProps'> & {
 export type ToastOptions = ToastSharedProps & {
     hasNoTimeout?: boolean;
     topOffset?: number;
+    /**
+     * When `false`, hides the close button on the imperative toast.
+     * Swipe-to-dismiss, auto-dismiss, and `toast.dismiss()` still work.
+     * Defaults to `true`.
+     */
+    showCloseButton?: boolean;
 };
 /**
  * Toaster component reference.

package/dist/components/Toast/Toast.types.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.types.d.mts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,uCAAuC;AACvE,OAAO,EAAE,aAAa,EAAE,uCAAuC;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,qBAAqB;AAE9C,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,+BAA2B;AAEpD,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG;IACzE,gBAAgB,CAAC,EAAE,IAAI,CACrB,WAAW,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC,EAChD,SAAS,CACV,CAAC;IACF,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC;AAE1C;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC"}
+{"version":3,"file":"Toast.types.d.mts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,uCAAuC;AACvE,OAAO,EAAE,aAAa,EAAE,uCAAuC;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,qBAAqB;AAE9C,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,+BAA2B;AAEpD,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG;IACzE,gBAAgB,CAAC,EAAE,IAAI,CACrB,WAAW,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC,EAChD,SAAS,CACV,CAAC;IACF,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC;AAE1C;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC"}

package/dist/components/Toast/Toast.types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.types.mjs","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,uCAAuC;AAM/D,OAAO,EAAE,aAAa,EAAE,CAAC","sourcesContent":["import type { ToastPropsShared } from '@metamask/design-system-shared';\nimport { ToastSeverity } from '@metamask/design-system-shared';\nimport type { ViewProps } from 'react-native';\n\nimport type { BannerBaseProps } from '../BannerBase';\nimport type { IconProps } from '../Icon/Icon.types';\n\nexport { ToastSeverity };\nexport type { ToastPropsShared };\n\n/**\n * Optional props for the leading severity `Icon`.\n */\nexport type ToastIconProps = Omit<IconProps, 'name' | 'size' | 'color'>;\n\n/**\n * Shared toast props aligned with BannerBase, plus optional severity/icon props.\n */\nexport type ToastSharedProps = Omit<BannerBaseProps, 'closeButtonProps'> & {\n  closeButtonProps?: Omit<\n    NonNullable<BannerBaseProps['closeButtonProps']>,\n    'onPress'\n  >;\n  severity?: ToastSeverity;\n  iconAlertProps?: ToastIconProps;\n};\n\n/**\n * Toast options used by the imperative `toast(...)` API.\n */\nexport type ToastOptions = ToastSharedProps & {\n  hasNoTimeout?: boolean;\n  topOffset?: number;\n};\n\n/**\n * Toaster component reference.\n */\nexport type ToasterRef = {\n  showToast: (toastOptions: ToastOptions) => void;\n  closeToast: () => void;\n};\n\n/**\n * Toast component props intended for direct rendering of a single toast surface.\n */\nexport type ToastProps = ToastSharedProps;\n\n/**\n * Toaster component props.\n * Extends ViewProps to inherit standard React Native props such as testID and accessibilityLabel.\n */\nexport type ToasterProps = {\n  /**\n   * Optional Tailwind CSS classes for the toast container.\n   */\n  twClassName?: string;\n} & Omit<ViewProps, 'style'>;\n"]}
+{"version":3,"file":"Toast.types.mjs","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,uCAAuC;AAM/D,OAAO,EAAE,aAAa,EAAE,CAAC","sourcesContent":["import type { ToastPropsShared } from '@metamask/design-system-shared';\nimport { ToastSeverity } from '@metamask/design-system-shared';\nimport type { ViewProps } from 'react-native';\n\nimport type { BannerBaseProps } from '../BannerBase';\nimport type { IconProps } from '../Icon/Icon.types';\n\nexport { ToastSeverity };\nexport type { ToastPropsShared };\n\n/**\n * Optional props for the leading severity `Icon`.\n */\nexport type ToastIconProps = Omit<IconProps, 'name' | 'size' | 'color'>;\n\n/**\n * Shared toast props aligned with BannerBase, plus optional severity/icon props.\n */\nexport type ToastSharedProps = Omit<BannerBaseProps, 'closeButtonProps'> & {\n  closeButtonProps?: Omit<\n    NonNullable<BannerBaseProps['closeButtonProps']>,\n    'onPress'\n  >;\n  severity?: ToastSeverity;\n  iconAlertProps?: ToastIconProps;\n};\n\n/**\n * Toast options used by the imperative `toast(...)` API.\n */\nexport type ToastOptions = ToastSharedProps & {\n  hasNoTimeout?: boolean;\n  topOffset?: number;\n  /**\n   * When `false`, hides the close button on the imperative toast.\n   * Swipe-to-dismiss, auto-dismiss, and `toast.dismiss()` still work.\n   * Defaults to `true`.\n   */\n  showCloseButton?: boolean;\n};\n\n/**\n * Toaster component reference.\n */\nexport type ToasterRef = {\n  showToast: (toastOptions: ToastOptions) => void;\n  closeToast: () => void;\n};\n\n/**\n * Toast component props intended for direct rendering of a single toast surface.\n */\nexport type ToastProps = ToastSharedProps;\n\n/**\n * Toaster component props.\n * Extends ViewProps to inherit standard React Native props such as testID and accessibilityLabel.\n */\nexport type ToasterProps = {\n  /**\n   * Optional Tailwind CSS classes for the toast container.\n   */\n  twClassName?: string;\n} & Omit<ViewProps, 'style'>;\n"]}

package/dist/components/Toast/Toaster.cjs

@@ -44,7 +44,7 @@ const assertRegisteredRef = (method) => {
     }
     return registeredRef.current;
 };
-const getToastProps = ({ hasNoTimeout: _hasNoTimeout, onClose: _onClose, topOffset: _topOffset, twClassName: _twClassName, ...toastProps }) => toastProps;
+const getToastProps = ({ hasNoTimeout: _hasNoTimeout, onClose: _onClose, topOffset: _topOffset, twClassName: _twClassName, showCloseButton: _showCloseButton, ...toastProps }) => toastProps;
 const getHiddenTranslateY = (height, offset) => -(height + offset);
 const ToasterComponent = (0, react_1.forwardRef)(({ twClassName, ...props }, ref) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
@@ -286,12 +286,18 @@ const ToasterComponent = (0, react_1.forwardRef)(({ twClassName, ...props }, ref
     if (!toastOptions) {
         return null;
     }
-    const { onClose: toastOnClose, twClassName: toastTwClassName } = toastOptions;
+    const { onClose: toastOnClose, showCloseButton = true, twClassName: toastTwClassName, } = toastOptions;
     const toastProps = getToastProps(toastOptions);
     const { actionButtonLabel, actionButtonOnPress, ...restToastProps } = toastProps;
     const toastTwClassNames = [twClassName, toastTwClassName]
         .filter(Boolean)
         .join(' ');
+    const handleClose = showCloseButton
+        ? () => {
+            closeToast();
+            toastOnClose?.();
+        }
+        : undefined;
     const onAnimatedViewLayout = (e) => {
         const { height } = e.nativeEvent.layout;
         const nextHiddenTranslateY = getHiddenTranslateY(height, topOffset);
@@ -317,13 +323,7 @@ const ToasterComponent = (0, react_1.forwardRef)(({ twClassName, ...props }, ref
     };
     return (<react_native_gesture_handler_1.GestureDetector gesture={swipeGesture}>
         <react_native_reanimated_1.default.View onLayout={onAnimatedViewLayout} style={baseStyle} {...props}>
-          {actionButtonLabel && actionButtonOnPress ? (<Toast_1.Toast {...toastProps} actionButtonLabel={actionButtonLabel} actionButtonOnPress={actionButtonOnPress} onClose={() => {
-                closeToast();
-                toastOnClose?.();
-            }} twClassName={toastTwClassNames}/>) : (<Toast_1.Toast {...restToastProps} onClose={() => {
-                closeToast();
-                toastOnClose?.();
-            }} twClassName={toastTwClassNames}/>)}
+          {actionButtonLabel && actionButtonOnPress ? (<Toast_1.Toast {...toastProps} actionButtonLabel={actionButtonLabel} actionButtonOnPress={actionButtonOnPress} onClose={handleClose} twClassName={toastTwClassNames}/>) : (<Toast_1.Toast {...restToastProps} onClose={handleClose} twClassName={toastTwClassNames}/>)}
         </react_native_reanimated_1.default.View>
       </react_native_gesture_handler_1.GestureDetector>);
 });

package/dist/components/Toast/Toaster.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.cjs","sourceRoot":"","sources":["../../../src/components/Toast/Toaster.tsx"],"names":[],"mappings":"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","sourcesContent":["// Third party dependencies.\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, {\n  forwardRef,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { RefObject } from 'react';\nimport { Dimensions } from 'react-native';\nimport type { LayoutChangeEvent, StyleProp, ViewStyle } from 'react-native';\nimport { Gesture, GestureDetector } from 'react-native-gesture-handler';\nimport Animated, {\n  cancelAnimation,\n  useAnimatedStyle,\n  useSharedValue,\n  withSpring,\n} from 'react-native-reanimated';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { scheduleOnRN } from 'react-native-worklets';\n\n// Internal dependencies.\nimport { Toast } from './Toast';\nimport {\n  TOAST_DISMISS_DISTANCE_THRESHOLD,\n  TOAST_DISMISS_MIN_DISTANCE,\n  TOAST_DISMISS_VELOCITY_THRESHOLD,\n  TOAST_SPRING_CONFIG,\n  TOAST_SWIPE_ACTIVE_OFFSET_Y,\n  TOAST_SWIPE_FAIL_OFFSET_X,\n  TOAST_TOP_PADDING,\n  TOAST_VISIBILITY_DURATION,\n} from './Toast.constants';\nimport type {\n  ToastOptions,\n  ToastProps,\n  ToasterProps,\n  ToasterRef,\n} from './Toast.types';\n\nconst screenHeight = Dimensions.get('window').height;\n\nlet registeredRef: RefObject<ToasterRef | null> | null = null;\n\nconst assertRegisteredRef = (method: 'dismiss' | 'toast'): ToasterRef => {\n  if (!registeredRef?.current) {\n    const invocation = method === 'toast' ? 'toast()' : `toast.${method}()`;\n    throw new Error(\n      `${invocation} called before <Toaster /> mounted. Render <Toaster /> once at the root of your app.`,\n    );\n  }\n  return registeredRef.current;\n};\n\nconst getToastProps = ({\n  hasNoTimeout: _hasNoTimeout,\n  onClose: _onClose,\n  topOffset: _topOffset,\n  twClassName: _twClassName,\n  ...toastProps\n}: ToastOptions): Omit<ToastProps, 'twClassName'> => toastProps;\n\nconst getHiddenTranslateY = (height: number, offset: number) =>\n  -(height + offset);\n\nconst ToasterComponent = forwardRef<ToasterRef, ToasterProps>(\n  ({ twClassName, ...props }, ref) => {\n    const tw = useTailwind();\n    const [toastOptions, setToastOptions] = useState<ToastOptions | undefined>(\n      undefined,\n    );\n    const replacementTimerRef = useRef<ReturnType<typeof setTimeout> | null>(\n      null,\n    );\n    const autoDismissTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(\n      null,\n    );\n    const animationStartedRef = useRef(false);\n    const visibleAtRef = useRef<number | null>(null);\n    const hasNoTimeoutRef = useRef(false);\n    // Invalidates queued spring-back resumes after replace/dismiss. A completed\n    // spring cannot be cancelled, so scheduleOnRN(resume) can still run later.\n    const toastGenerationRef = useRef(0);\n    const { top: topInset } = useSafeAreaInsets();\n    const toastHeight = useSharedValue(screenHeight);\n    const hiddenTranslateY = useSharedValue(-screenHeight);\n    const visibleTranslateY = useSharedValue(0);\n    const gestureStartY = useSharedValue(0);\n    const translateYProgress = useSharedValue(-screenHeight);\n    const isDismissing = useSharedValue(false);\n    // True after onStart until onEnd/onFinalize recovers. Used so a failed pan\n    // (e.g. failOffsetX after activation) still springs back and resumes dismiss.\n    const isSwipeActive = useSharedValue(false);\n    const toastGeneration = useSharedValue(0);\n    const topOffset = toastOptions?.topOffset ?? 0;\n    hasNoTimeoutRef.current = Boolean(toastOptions?.hasNoTimeout);\n    const animatedStyle = useAnimatedStyle(() => ({\n      transform: [{ translateY: translateYProgress.value + topOffset }],\n    }));\n    const baseStyle = useMemo(\n      () =>\n        [\n          tw.style('absolute left-4 right-4 top-0'),\n          animatedStyle,\n        ] as StyleProp<ViewStyle>,\n      [tw, animatedStyle],\n    );\n    const innerRef = useRef<ToasterRef | null>(null);\n\n    const clearScheduledAutoDismiss = () => {\n      if (autoDismissTimeoutRef.current !== null) {\n        clearTimeout(autoDismissTimeoutRef.current);\n        autoDismissTimeoutRef.current = null;\n      }\n    };\n\n    const bumpToastGeneration = () => {\n      toastGenerationRef.current += 1;\n      toastGeneration.value = toastGenerationRef.current;\n    };\n\n    const resetState = () => {\n      animationStartedRef.current = false;\n      visibleAtRef.current = null;\n      isDismissing.value = false;\n      isSwipeActive.value = false;\n      clearScheduledAutoDismiss();\n      setToastOptions(undefined);\n    };\n\n    const startDismissAnimation = () => {\n      bumpToastGeneration();\n      clearScheduledAutoDismiss();\n      isDismissing.value = true;\n      visibleAtRef.current = null;\n      translateYProgress.value = withSpring(\n        hiddenTranslateY.value,\n        TOAST_SPRING_CONFIG,\n        (finished) => {\n          if (finished) {\n            scheduleOnRN(resetState);\n          }\n        },\n      );\n    };\n\n    const scheduleAutoDismiss = (delayMs: number) => {\n      clearScheduledAutoDismiss();\n      autoDismissTimeoutRef.current = setTimeout(() => {\n        autoDismissTimeoutRef.current = null;\n        startDismissAnimation();\n      }, delayMs);\n    };\n\n    const beginAutoDismiss = () => {\n      visibleAtRef.current = Date.now();\n      scheduleAutoDismiss(TOAST_VISIBILITY_DURATION);\n    };\n\n    const resumeAutoDismissAfterSwipe = () => {\n      if (hasNoTimeoutRef.current || isDismissing.value) {\n        return;\n      }\n\n      // Entrance was interrupted before auto-dismiss started — start a full timer.\n      if (visibleAtRef.current === null) {\n        beginAutoDismiss();\n        return;\n      }\n\n      const elapsed = Date.now() - visibleAtRef.current;\n      if (elapsed >= TOAST_VISIBILITY_DURATION) {\n        startDismissAnimation();\n        return;\n      }\n\n      scheduleAutoDismiss(TOAST_VISIBILITY_DURATION - elapsed);\n    };\n\n    const showToast = (options: ToastOptions) => {\n      bumpToastGeneration();\n      let timeoutDuration = 0;\n      const normalizedOptions = {\n        hasNoTimeout: false,\n        ...options,\n      };\n      if (toastOptions) {\n        // Always clear any pending auto-dismiss from the previous toast, including\n        // when the replacement is persistent (hasNoTimeout). Otherwise the old\n        // timer can fire and dismiss the new toast.\n        clearScheduledAutoDismiss();\n        cancelAnimation(translateYProgress);\n        timeoutDuration = 100;\n        animationStartedRef.current = false;\n        visibleAtRef.current = null;\n        isDismissing.value = false;\n        isSwipeActive.value = false;\n        setToastOptions(undefined);\n      }\n      if (replacementTimerRef.current !== null) {\n        clearTimeout(replacementTimerRef.current);\n      }\n      replacementTimerRef.current = setTimeout(() => {\n        replacementTimerRef.current = null;\n        setToastOptions(normalizedOptions);\n      }, timeoutDuration);\n    };\n\n    const closeToast = () => {\n      if (replacementTimerRef.current !== null) {\n        clearTimeout(replacementTimerRef.current);\n        replacementTimerRef.current = null;\n      }\n      startDismissAnimation();\n    };\n\n    const closeToastRef = useRef(closeToast);\n    const resumeAutoDismissAfterSwipeRef = useRef(resumeAutoDismissAfterSwipe);\n    const clearScheduledAutoDismissRef = useRef(clearScheduledAutoDismiss);\n    closeToastRef.current = closeToast;\n    resumeAutoDismissAfterSwipeRef.current = resumeAutoDismissAfterSwipe;\n    clearScheduledAutoDismissRef.current = clearScheduledAutoDismiss;\n\n    const dismissToastFromSwipe = () => {\n      closeToastRef.current();\n    };\n\n    const resumeAutoDismissFromSwipe = (generation: number) => {\n      // Ignore resumes from a toast that was replaced or dismissed after the\n      // spring-back started (completed springs cannot be cancelled).\n      if (generation !== toastGenerationRef.current) {\n        return;\n      }\n      resumeAutoDismissAfterSwipeRef.current();\n    };\n\n    const clearScheduledAutoDismissFromSwipe = () => {\n      clearScheduledAutoDismissRef.current();\n    };\n\n    const swipeGesture = useMemo(() => {\n      // These gesture callbacks need explicit 'worklet' directives because this\n      // package ships a pre-built dist compiled by ts-bridge (tsc), which emits the\n      // gesture chain as a namespaced call (react_native_gesture_handler_1.Gesture).\n      // The consumer's Reanimated/Worklets Babel plugin does run over dist, but its\n      // gesture auto-detection doesn't recognize that compiled namespaced form.\n      const springBackAfterSwipe = () => {\n        'worklet';\n\n        const generationAtSpringStart = toastGeneration.value;\n        translateYProgress.value = withSpring(\n          visibleTranslateY.value,\n          TOAST_SPRING_CONFIG,\n          (finished) => {\n            // A new pan cancels this spring via cancelAnimation; only resume\n            // auto-dismiss when the spring-back completed naturally.\n            if (finished) {\n              scheduleOnRN(resumeAutoDismissFromSwipe, generationAtSpringStart);\n            }\n          },\n        );\n      };\n\n      return Gesture.Pan()\n        .activeOffsetY(TOAST_SWIPE_ACTIVE_OFFSET_Y)\n        .failOffsetX([-TOAST_SWIPE_FAIL_OFFSET_X, TOAST_SWIPE_FAIL_OFFSET_X])\n        .onStart(() => {\n          'worklet';\n\n          // Don't interrupt an in-progress dismiss animation.\n          if (isDismissing.value) {\n            return;\n          }\n          isSwipeActive.value = true;\n          scheduleOnRN(clearScheduledAutoDismissFromSwipe);\n          cancelAnimation(translateYProgress);\n          gestureStartY.value = translateYProgress.value;\n        })\n        .onUpdate((event) => {\n          'worklet';\n\n          if (isDismissing.value || !isSwipeActive.value) {\n            return;\n          }\n          const nextTranslateY = gestureStartY.value + event.translationY;\n          // Toast sits at the top; only allow dragging upward (more negative).\n          translateYProgress.value = Math.min(\n            nextTranslateY,\n            visibleTranslateY.value,\n          );\n        })\n        .onEnd((event) => {\n          'worklet';\n\n          if (!isSwipeActive.value) {\n            return;\n          }\n          isSwipeActive.value = false;\n\n          if (isDismissing.value) {\n            return;\n          }\n          const { translationY, velocityY } = event;\n          const dismissDistance = Math.max(\n            toastHeight.value * TOAST_DISMISS_DISTANCE_THRESHOLD,\n            TOAST_DISMISS_MIN_DISTANCE,\n          );\n          const hasReachedDismissOffset = translationY <= -dismissDistance;\n          const hasReachedSwipeThreshold =\n            Math.abs(velocityY) > TOAST_DISMISS_VELOCITY_THRESHOLD;\n          const isQuickDismissing = velocityY < 0;\n\n          const shouldDismiss =\n            hasReachedDismissOffset ||\n            (hasReachedSwipeThreshold && isQuickDismissing);\n\n          if (shouldDismiss) {\n            scheduleOnRN(dismissToastFromSwipe);\n            return;\n          }\n\n          springBackAfterSwipe();\n        })\n        .onFinalize(() => {\n          'worklet';\n\n          // onEnd is skipped when the pan fails/cancels after activation\n          // (e.g. horizontal travel past failOffsetX). Recover position and\n          // auto-dismiss so the toast is not left stuck mid-offset.\n          if (!isSwipeActive.value) {\n            return;\n          }\n          // Clear before the dismiss check — same order as onEnd — so a pan\n          // cancelled mid-dismiss cannot leave isSwipeActive stuck true for a\n          // later toast (resetState alone is not enough if finalize races it).\n          isSwipeActive.value = false;\n\n          if (isDismissing.value) {\n            return;\n          }\n          springBackAfterSwipe();\n        });\n      // Shared values and swipe JS wrappers are stable for the component lifetime.\n    }, []);\n\n    innerRef.current = {\n      closeToast,\n      showToast,\n    };\n\n    useImperativeHandle(ref, () => innerRef.current as ToasterRef);\n\n    useLayoutEffect(() => {\n      registeredRef = innerRef;\n      return () => {\n        if (registeredRef === innerRef) {\n          registeredRef = null;\n        }\n      };\n    }, []);\n\n    if (!toastOptions) {\n      return null;\n    }\n\n    const { onClose: toastOnClose, twClassName: toastTwClassName } =\n      toastOptions;\n    const toastProps = getToastProps(toastOptions);\n    const { actionButtonLabel, actionButtonOnPress, ...restToastProps } =\n      toastProps;\n    const toastTwClassNames = [twClassName, toastTwClassName]\n      .filter(Boolean)\n      .join(' ');\n\n    const onAnimatedViewLayout = (e: LayoutChangeEvent) => {\n      const { height } = e.nativeEvent.layout;\n      const nextHiddenTranslateY = getHiddenTranslateY(height, topOffset);\n      const nextVisibleTranslateY = topInset + TOAST_TOP_PADDING;\n\n      hiddenTranslateY.value = nextHiddenTranslateY;\n      visibleTranslateY.value = nextVisibleTranslateY;\n      toastHeight.value = height;\n\n      if (animationStartedRef.current) {\n        return;\n      }\n\n      animationStartedRef.current = true;\n      translateYProgress.value = nextHiddenTranslateY;\n\n      if (toastOptions.hasNoTimeout) {\n        translateYProgress.value = withSpring(\n          nextVisibleTranslateY,\n          TOAST_SPRING_CONFIG,\n        );\n      } else {\n        translateYProgress.value = withSpring(\n          nextVisibleTranslateY,\n          TOAST_SPRING_CONFIG,\n          (finished) => {\n            if (finished) {\n              scheduleOnRN(beginAutoDismiss);\n            }\n          },\n        );\n      }\n    };\n\n    return (\n      <GestureDetector gesture={swipeGesture}>\n        <Animated.View\n          onLayout={onAnimatedViewLayout}\n          style={baseStyle}\n          {...props}\n        >\n          {actionButtonLabel && actionButtonOnPress ? (\n            <Toast\n              {...toastProps}\n              actionButtonLabel={actionButtonLabel}\n              actionButtonOnPress={actionButtonOnPress}\n              onClose={() => {\n                closeToast();\n                toastOnClose?.();\n              }}\n              twClassName={toastTwClassNames}\n            />\n          ) : (\n            <Toast\n              {...restToastProps}\n              onClose={() => {\n                closeToast();\n                toastOnClose?.();\n              }}\n              twClassName={toastTwClassNames}\n            />\n          )}\n        </Animated.View>\n      </GestureDetector>\n    );\n  },\n);\n\nToasterComponent.displayName = 'Toaster';\n\ntype ToastFunction = ((options: ToastOptions) => void) & {\n  dismiss: () => void;\n};\n\nexport const Toaster = ToasterComponent;\n\nexport const toast = ((options: ToastOptions) => {\n  assertRegisteredRef('toast').showToast(options);\n}) as ToastFunction;\n\ntoast.dismiss = () => {\n  assertRegisteredRef('dismiss').closeToast();\n};\n"]}
+{"version":3,"file":"Toaster.cjs","sourceRoot":"","sources":["../../../src/components/Toast/Toaster.tsx"],"names":[],"mappings":"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","sourcesContent":["// Third party dependencies.\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, {\n  forwardRef,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { RefObject } from 'react';\nimport { Dimensions } from 'react-native';\nimport type { LayoutChangeEvent, StyleProp, ViewStyle } from 'react-native';\nimport { Gesture, GestureDetector } from 'react-native-gesture-handler';\nimport Animated, {\n  cancelAnimation,\n  useAnimatedStyle,\n  useSharedValue,\n  withSpring,\n} from 'react-native-reanimated';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { scheduleOnRN } from 'react-native-worklets';\n\n// Internal dependencies.\nimport { Toast } from './Toast';\nimport {\n  TOAST_DISMISS_DISTANCE_THRESHOLD,\n  TOAST_DISMISS_MIN_DISTANCE,\n  TOAST_DISMISS_VELOCITY_THRESHOLD,\n  TOAST_SPRING_CONFIG,\n  TOAST_SWIPE_ACTIVE_OFFSET_Y,\n  TOAST_SWIPE_FAIL_OFFSET_X,\n  TOAST_TOP_PADDING,\n  TOAST_VISIBILITY_DURATION,\n} from './Toast.constants';\nimport type {\n  ToastOptions,\n  ToastProps,\n  ToasterProps,\n  ToasterRef,\n} from './Toast.types';\n\nconst screenHeight = Dimensions.get('window').height;\n\nlet registeredRef: RefObject<ToasterRef | null> | null = null;\n\nconst assertRegisteredRef = (method: 'dismiss' | 'toast'): ToasterRef => {\n  if (!registeredRef?.current) {\n    const invocation = method === 'toast' ? 'toast()' : `toast.${method}()`;\n    throw new Error(\n      `${invocation} called before <Toaster /> mounted. Render <Toaster /> once at the root of your app.`,\n    );\n  }\n  return registeredRef.current;\n};\n\nconst getToastProps = ({\n  hasNoTimeout: _hasNoTimeout,\n  onClose: _onClose,\n  topOffset: _topOffset,\n  twClassName: _twClassName,\n  showCloseButton: _showCloseButton,\n  ...toastProps\n}: ToastOptions): Omit<ToastProps, 'twClassName'> => toastProps;\n\nconst getHiddenTranslateY = (height: number, offset: number) =>\n  -(height + offset);\n\nconst ToasterComponent = forwardRef<ToasterRef, ToasterProps>(\n  ({ twClassName, ...props }, ref) => {\n    const tw = useTailwind();\n    const [toastOptions, setToastOptions] = useState<ToastOptions | undefined>(\n      undefined,\n    );\n    const replacementTimerRef = useRef<ReturnType<typeof setTimeout> | null>(\n      null,\n    );\n    const autoDismissTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(\n      null,\n    );\n    const animationStartedRef = useRef(false);\n    const visibleAtRef = useRef<number | null>(null);\n    const hasNoTimeoutRef = useRef(false);\n    // Invalidates queued spring-back resumes after replace/dismiss. A completed\n    // spring cannot be cancelled, so scheduleOnRN(resume) can still run later.\n    const toastGenerationRef = useRef(0);\n    const { top: topInset } = useSafeAreaInsets();\n    const toastHeight = useSharedValue(screenHeight);\n    const hiddenTranslateY = useSharedValue(-screenHeight);\n    const visibleTranslateY = useSharedValue(0);\n    const gestureStartY = useSharedValue(0);\n    const translateYProgress = useSharedValue(-screenHeight);\n    const isDismissing = useSharedValue(false);\n    // True after onStart until onEnd/onFinalize recovers. Used so a failed pan\n    // (e.g. failOffsetX after activation) still springs back and resumes dismiss.\n    const isSwipeActive = useSharedValue(false);\n    const toastGeneration = useSharedValue(0);\n    const topOffset = toastOptions?.topOffset ?? 0;\n    hasNoTimeoutRef.current = Boolean(toastOptions?.hasNoTimeout);\n    const animatedStyle = useAnimatedStyle(() => ({\n      transform: [{ translateY: translateYProgress.value + topOffset }],\n    }));\n    const baseStyle = useMemo(\n      () =>\n        [\n          tw.style('absolute left-4 right-4 top-0'),\n          animatedStyle,\n        ] as StyleProp<ViewStyle>,\n      [tw, animatedStyle],\n    );\n    const innerRef = useRef<ToasterRef | null>(null);\n\n    const clearScheduledAutoDismiss = () => {\n      if (autoDismissTimeoutRef.current !== null) {\n        clearTimeout(autoDismissTimeoutRef.current);\n        autoDismissTimeoutRef.current = null;\n      }\n    };\n\n    const bumpToastGeneration = () => {\n      toastGenerationRef.current += 1;\n      toastGeneration.value = toastGenerationRef.current;\n    };\n\n    const resetState = () => {\n      animationStartedRef.current = false;\n      visibleAtRef.current = null;\n      isDismissing.value = false;\n      isSwipeActive.value = false;\n      clearScheduledAutoDismiss();\n      setToastOptions(undefined);\n    };\n\n    const startDismissAnimation = () => {\n      bumpToastGeneration();\n      clearScheduledAutoDismiss();\n      isDismissing.value = true;\n      visibleAtRef.current = null;\n      translateYProgress.value = withSpring(\n        hiddenTranslateY.value,\n        TOAST_SPRING_CONFIG,\n        (finished) => {\n          if (finished) {\n            scheduleOnRN(resetState);\n          }\n        },\n      );\n    };\n\n    const scheduleAutoDismiss = (delayMs: number) => {\n      clearScheduledAutoDismiss();\n      autoDismissTimeoutRef.current = setTimeout(() => {\n        autoDismissTimeoutRef.current = null;\n        startDismissAnimation();\n      }, delayMs);\n    };\n\n    const beginAutoDismiss = () => {\n      visibleAtRef.current = Date.now();\n      scheduleAutoDismiss(TOAST_VISIBILITY_DURATION);\n    };\n\n    const resumeAutoDismissAfterSwipe = () => {\n      if (hasNoTimeoutRef.current || isDismissing.value) {\n        return;\n      }\n\n      // Entrance was interrupted before auto-dismiss started — start a full timer.\n      if (visibleAtRef.current === null) {\n        beginAutoDismiss();\n        return;\n      }\n\n      const elapsed = Date.now() - visibleAtRef.current;\n      if (elapsed >= TOAST_VISIBILITY_DURATION) {\n        startDismissAnimation();\n        return;\n      }\n\n      scheduleAutoDismiss(TOAST_VISIBILITY_DURATION - elapsed);\n    };\n\n    const showToast = (options: ToastOptions) => {\n      bumpToastGeneration();\n      let timeoutDuration = 0;\n      const normalizedOptions = {\n        hasNoTimeout: false,\n        ...options,\n      };\n      if (toastOptions) {\n        // Always clear any pending auto-dismiss from the previous toast, including\n        // when the replacement is persistent (hasNoTimeout). Otherwise the old\n        // timer can fire and dismiss the new toast.\n        clearScheduledAutoDismiss();\n        cancelAnimation(translateYProgress);\n        timeoutDuration = 100;\n        animationStartedRef.current = false;\n        visibleAtRef.current = null;\n        isDismissing.value = false;\n        isSwipeActive.value = false;\n        setToastOptions(undefined);\n      }\n      if (replacementTimerRef.current !== null) {\n        clearTimeout(replacementTimerRef.current);\n      }\n      replacementTimerRef.current = setTimeout(() => {\n        replacementTimerRef.current = null;\n        setToastOptions(normalizedOptions);\n      }, timeoutDuration);\n    };\n\n    const closeToast = () => {\n      if (replacementTimerRef.current !== null) {\n        clearTimeout(replacementTimerRef.current);\n        replacementTimerRef.current = null;\n      }\n      startDismissAnimation();\n    };\n\n    const closeToastRef = useRef(closeToast);\n    const resumeAutoDismissAfterSwipeRef = useRef(resumeAutoDismissAfterSwipe);\n    const clearScheduledAutoDismissRef = useRef(clearScheduledAutoDismiss);\n    closeToastRef.current = closeToast;\n    resumeAutoDismissAfterSwipeRef.current = resumeAutoDismissAfterSwipe;\n    clearScheduledAutoDismissRef.current = clearScheduledAutoDismiss;\n\n    const dismissToastFromSwipe = () => {\n      closeToastRef.current();\n    };\n\n    const resumeAutoDismissFromSwipe = (generation: number) => {\n      // Ignore resumes from a toast that was replaced or dismissed after the\n      // spring-back started (completed springs cannot be cancelled).\n      if (generation !== toastGenerationRef.current) {\n        return;\n      }\n      resumeAutoDismissAfterSwipeRef.current();\n    };\n\n    const clearScheduledAutoDismissFromSwipe = () => {\n      clearScheduledAutoDismissRef.current();\n    };\n\n    const swipeGesture = useMemo(() => {\n      // These gesture callbacks need explicit 'worklet' directives because this\n      // package ships a pre-built dist compiled by ts-bridge (tsc), which emits the\n      // gesture chain as a namespaced call (react_native_gesture_handler_1.Gesture).\n      // The consumer's Reanimated/Worklets Babel plugin does run over dist, but its\n      // gesture auto-detection doesn't recognize that compiled namespaced form.\n      const springBackAfterSwipe = () => {\n        'worklet';\n\n        const generationAtSpringStart = toastGeneration.value;\n        translateYProgress.value = withSpring(\n          visibleTranslateY.value,\n          TOAST_SPRING_CONFIG,\n          (finished) => {\n            // A new pan cancels this spring via cancelAnimation; only resume\n            // auto-dismiss when the spring-back completed naturally.\n            if (finished) {\n              scheduleOnRN(resumeAutoDismissFromSwipe, generationAtSpringStart);\n            }\n          },\n        );\n      };\n\n      return Gesture.Pan()\n        .activeOffsetY(TOAST_SWIPE_ACTIVE_OFFSET_Y)\n        .failOffsetX([-TOAST_SWIPE_FAIL_OFFSET_X, TOAST_SWIPE_FAIL_OFFSET_X])\n        .onStart(() => {\n          'worklet';\n\n          // Don't interrupt an in-progress dismiss animation.\n          if (isDismissing.value) {\n            return;\n          }\n          isSwipeActive.value = true;\n          scheduleOnRN(clearScheduledAutoDismissFromSwipe);\n          cancelAnimation(translateYProgress);\n          gestureStartY.value = translateYProgress.value;\n        })\n        .onUpdate((event) => {\n          'worklet';\n\n          if (isDismissing.value || !isSwipeActive.value) {\n            return;\n          }\n          const nextTranslateY = gestureStartY.value + event.translationY;\n          // Toast sits at the top; only allow dragging upward (more negative).\n          translateYProgress.value = Math.min(\n            nextTranslateY,\n            visibleTranslateY.value,\n          );\n        })\n        .onEnd((event) => {\n          'worklet';\n\n          if (!isSwipeActive.value) {\n            return;\n          }\n          isSwipeActive.value = false;\n\n          if (isDismissing.value) {\n            return;\n          }\n          const { translationY, velocityY } = event;\n          const dismissDistance = Math.max(\n            toastHeight.value * TOAST_DISMISS_DISTANCE_THRESHOLD,\n            TOAST_DISMISS_MIN_DISTANCE,\n          );\n          const hasReachedDismissOffset = translationY <= -dismissDistance;\n          const hasReachedSwipeThreshold =\n            Math.abs(velocityY) > TOAST_DISMISS_VELOCITY_THRESHOLD;\n          const isQuickDismissing = velocityY < 0;\n\n          const shouldDismiss =\n            hasReachedDismissOffset ||\n            (hasReachedSwipeThreshold && isQuickDismissing);\n\n          if (shouldDismiss) {\n            scheduleOnRN(dismissToastFromSwipe);\n            return;\n          }\n\n          springBackAfterSwipe();\n        })\n        .onFinalize(() => {\n          'worklet';\n\n          // onEnd is skipped when the pan fails/cancels after activation\n          // (e.g. horizontal travel past failOffsetX). Recover position and\n          // auto-dismiss so the toast is not left stuck mid-offset.\n          if (!isSwipeActive.value) {\n            return;\n          }\n          // Clear before the dismiss check — same order as onEnd — so a pan\n          // cancelled mid-dismiss cannot leave isSwipeActive stuck true for a\n          // later toast (resetState alone is not enough if finalize races it).\n          isSwipeActive.value = false;\n\n          if (isDismissing.value) {\n            return;\n          }\n          springBackAfterSwipe();\n        });\n      // Shared values and swipe JS wrappers are stable for the component lifetime.\n    }, []);\n\n    innerRef.current = {\n      closeToast,\n      showToast,\n    };\n\n    useImperativeHandle(ref, () => innerRef.current as ToasterRef);\n\n    useLayoutEffect(() => {\n      registeredRef = innerRef;\n      return () => {\n        if (registeredRef === innerRef) {\n          registeredRef = null;\n        }\n      };\n    }, []);\n\n    if (!toastOptions) {\n      return null;\n    }\n\n    const {\n      onClose: toastOnClose,\n      showCloseButton = true,\n      twClassName: toastTwClassName,\n    } = toastOptions;\n    const toastProps = getToastProps(toastOptions);\n    const { actionButtonLabel, actionButtonOnPress, ...restToastProps } =\n      toastProps;\n    const toastTwClassNames = [twClassName, toastTwClassName]\n      .filter(Boolean)\n      .join(' ');\n    const handleClose = showCloseButton\n      ? () => {\n          closeToast();\n          toastOnClose?.();\n        }\n      : undefined;\n\n    const onAnimatedViewLayout = (e: LayoutChangeEvent) => {\n      const { height } = e.nativeEvent.layout;\n      const nextHiddenTranslateY = getHiddenTranslateY(height, topOffset);\n      const nextVisibleTranslateY = topInset + TOAST_TOP_PADDING;\n\n      hiddenTranslateY.value = nextHiddenTranslateY;\n      visibleTranslateY.value = nextVisibleTranslateY;\n      toastHeight.value = height;\n\n      if (animationStartedRef.current) {\n        return;\n      }\n\n      animationStartedRef.current = true;\n      translateYProgress.value = nextHiddenTranslateY;\n\n      if (toastOptions.hasNoTimeout) {\n        translateYProgress.value = withSpring(\n          nextVisibleTranslateY,\n          TOAST_SPRING_CONFIG,\n        );\n      } else {\n        translateYProgress.value = withSpring(\n          nextVisibleTranslateY,\n          TOAST_SPRING_CONFIG,\n          (finished) => {\n            if (finished) {\n              scheduleOnRN(beginAutoDismiss);\n            }\n          },\n        );\n      }\n    };\n\n    return (\n      <GestureDetector gesture={swipeGesture}>\n        <Animated.View\n          onLayout={onAnimatedViewLayout}\n          style={baseStyle}\n          {...props}\n        >\n          {actionButtonLabel && actionButtonOnPress ? (\n            <Toast\n              {...toastProps}\n              actionButtonLabel={actionButtonLabel}\n              actionButtonOnPress={actionButtonOnPress}\n              onClose={handleClose}\n              twClassName={toastTwClassNames}\n            />\n          ) : (\n            <Toast\n              {...restToastProps}\n              onClose={handleClose}\n              twClassName={toastTwClassNames}\n            />\n          )}\n        </Animated.View>\n      </GestureDetector>\n    );\n  },\n);\n\nToasterComponent.displayName = 'Toaster';\n\ntype ToastFunction = ((options: ToastOptions) => void) & {\n  dismiss: () => void;\n};\n\nexport const Toaster = ToasterComponent;\n\nexport const toast = ((options: ToastOptions) => {\n  assertRegisteredRef('toast').showToast(options);\n}) as ToastFunction;\n\ntoast.dismiss = () => {\n  assertRegisteredRef('dismiss').closeToast();\n};\n"]}

package/dist/components/Toast/Toaster.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.d.cts","sourceRoot":"","sources":["../../../src/components/Toast/Toaster.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,cAAc;AA0Bf,OAAO,KAAK,EACV,YAAY,EAGZ,UAAU,EACX,0BAAsB;AAsZvB,KAAK,aAAa,GAAG,CAAC,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC,GAAG;IACvD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,OAAO;;sFAAmB,CAAC;AAExC,eAAO,MAAM,KAAK,eAEC,CAAC"}
+{"version":3,"file":"Toaster.d.cts","sourceRoot":"","sources":["../../../src/components/Toast/Toaster.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,cAAc;AA0Bf,OAAO,KAAK,EACV,YAAY,EAGZ,UAAU,EACX,0BAAsB;AA0ZvB,KAAK,aAAa,GAAG,CAAC,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC,GAAG;IACvD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,OAAO;;sFAAmB,CAAC;AAExC,eAAO,MAAM,KAAK,eAEC,CAAC"}

package/dist/components/Toast/Toaster.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.d.mts","sourceRoot":"","sources":["../../../src/components/Toast/Toaster.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,cAAc;AA0Bf,OAAO,KAAK,EACV,YAAY,EAGZ,UAAU,EACX,0BAAsB;AAsZvB,KAAK,aAAa,GAAG,CAAC,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC,GAAG;IACvD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,OAAO;;sFAAmB,CAAC;AAExC,eAAO,MAAM,KAAK,eAEC,CAAC"}
+{"version":3,"file":"Toaster.d.mts","sourceRoot":"","sources":["../../../src/components/Toast/Toaster.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,cAAc;AA0Bf,OAAO,KAAK,EACV,YAAY,EAGZ,UAAU,EACX,0BAAsB;AA0ZvB,KAAK,aAAa,GAAG,CAAC,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC,GAAG;IACvD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,OAAO;;sFAAmB,CAAC;AAExC,eAAO,MAAM,KAAK,eAEC,CAAC"}

package/dist/components/Toast/Toaster.mjs

@@ -25,7 +25,7 @@ const assertRegisteredRef = (method) => {
     }
     return registeredRef.current;
 };
-const getToastProps = ({ hasNoTimeout: _hasNoTimeout, onClose: _onClose, topOffset: _topOffset, twClassName: _twClassName, ...toastProps }) => toastProps;
+const getToastProps = ({ hasNoTimeout: _hasNoTimeout, onClose: _onClose, topOffset: _topOffset, twClassName: _twClassName, showCloseButton: _showCloseButton, ...toastProps }) => toastProps;
 const getHiddenTranslateY = (height, offset) => -(height + offset);
 const ToasterComponent = forwardRef(({ twClassName, ...props }, ref) => {
     const tw = useTailwind();
@@ -267,12 +267,18 @@ const ToasterComponent = forwardRef(({ twClassName, ...props }, ref) => {
     if (!toastOptions) {
         return null;
     }
-    const { onClose: toastOnClose, twClassName: toastTwClassName } = toastOptions;
+    const { onClose: toastOnClose, showCloseButton = true, twClassName: toastTwClassName, } = toastOptions;
     const toastProps = getToastProps(toastOptions);
     const { actionButtonLabel, actionButtonOnPress, ...restToastProps } = toastProps;
     const toastTwClassNames = [twClassName, toastTwClassName]
         .filter(Boolean)
         .join(' ');
+    const handleClose = showCloseButton
+        ? () => {
+            closeToast();
+            toastOnClose?.();
+        }
+        : undefined;
     const onAnimatedViewLayout = (e) => {
         const { height } = e.nativeEvent.layout;
         const nextHiddenTranslateY = getHiddenTranslateY(height, topOffset);
@@ -298,13 +304,7 @@ const ToasterComponent = forwardRef(({ twClassName, ...props }, ref) => {
     };
     return (<GestureDetector gesture={swipeGesture}>
         <Animated.View onLayout={onAnimatedViewLayout} style={baseStyle} {...props}>
-          {actionButtonLabel && actionButtonOnPress ? (<Toast {...toastProps} actionButtonLabel={actionButtonLabel} actionButtonOnPress={actionButtonOnPress} onClose={() => {
-                closeToast();
-                toastOnClose?.();
-            }} twClassName={toastTwClassNames}/>) : (<Toast {...restToastProps} onClose={() => {
-                closeToast();
-                toastOnClose?.();
-            }} twClassName={toastTwClassNames}/>)}
+          {actionButtonLabel && actionButtonOnPress ? (<Toast {...toastProps} actionButtonLabel={actionButtonLabel} actionButtonOnPress={actionButtonOnPress} onClose={handleClose} twClassName={toastTwClassNames}/>) : (<Toast {...restToastProps} onClose={handleClose} twClassName={toastTwClassNames}/>)}
         </Animated.View>
       </GestureDetector>);
 });

package/dist/components/Toast/Toaster.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.mjs","sourceRoot":"","sources":["../../../src/components/Toast/Toaster.tsx"],"names":[],"mappings":"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","sourcesContent":["// Third party dependencies.\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, {\n  forwardRef,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { RefObject } from 'react';\nimport { Dimensions } from 'react-native';\nimport type { LayoutChangeEvent, StyleProp, ViewStyle } from 'react-native';\nimport { Gesture, GestureDetector } from 'react-native-gesture-handler';\nimport Animated, {\n  cancelAnimation,\n  useAnimatedStyle,\n  useSharedValue,\n  withSpring,\n} from 'react-native-reanimated';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { scheduleOnRN } from 'react-native-worklets';\n\n// Internal dependencies.\nimport { Toast } from './Toast';\nimport {\n  TOAST_DISMISS_DISTANCE_THRESHOLD,\n  TOAST_DISMISS_MIN_DISTANCE,\n  TOAST_DISMISS_VELOCITY_THRESHOLD,\n  TOAST_SPRING_CONFIG,\n  TOAST_SWIPE_ACTIVE_OFFSET_Y,\n  TOAST_SWIPE_FAIL_OFFSET_X,\n  TOAST_TOP_PADDING,\n  TOAST_VISIBILITY_DURATION,\n} from './Toast.constants';\nimport type {\n  ToastOptions,\n  ToastProps,\n  ToasterProps,\n  ToasterRef,\n} from './Toast.types';\n\nconst screenHeight = Dimensions.get('window').height;\n\nlet registeredRef: RefObject<ToasterRef | null> | null = null;\n\nconst assertRegisteredRef = (method: 'dismiss' | 'toast'): ToasterRef => {\n  if (!registeredRef?.current) {\n    const invocation = method === 'toast' ? 'toast()' : `toast.${method}()`;\n    throw new Error(\n      `${invocation} called before <Toaster /> mounted. Render <Toaster /> once at the root of your app.`,\n    );\n  }\n  return registeredRef.current;\n};\n\nconst getToastProps = ({\n  hasNoTimeout: _hasNoTimeout,\n  onClose: _onClose,\n  topOffset: _topOffset,\n  twClassName: _twClassName,\n  ...toastProps\n}: ToastOptions): Omit<ToastProps, 'twClassName'> => toastProps;\n\nconst getHiddenTranslateY = (height: number, offset: number) =>\n  -(height + offset);\n\nconst ToasterComponent = forwardRef<ToasterRef, ToasterProps>(\n  ({ twClassName, ...props }, ref) => {\n    const tw = useTailwind();\n    const [toastOptions, setToastOptions] = useState<ToastOptions | undefined>(\n      undefined,\n    );\n    const replacementTimerRef = useRef<ReturnType<typeof setTimeout> | null>(\n      null,\n    );\n    const autoDismissTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(\n      null,\n    );\n    const animationStartedRef = useRef(false);\n    const visibleAtRef = useRef<number | null>(null);\n    const hasNoTimeoutRef = useRef(false);\n    // Invalidates queued spring-back resumes after replace/dismiss. A completed\n    // spring cannot be cancelled, so scheduleOnRN(resume) can still run later.\n    const toastGenerationRef = useRef(0);\n    const { top: topInset } = useSafeAreaInsets();\n    const toastHeight = useSharedValue(screenHeight);\n    const hiddenTranslateY = useSharedValue(-screenHeight);\n    const visibleTranslateY = useSharedValue(0);\n    const gestureStartY = useSharedValue(0);\n    const translateYProgress = useSharedValue(-screenHeight);\n    const isDismissing = useSharedValue(false);\n    // True after onStart until onEnd/onFinalize recovers. Used so a failed pan\n    // (e.g. failOffsetX after activation) still springs back and resumes dismiss.\n    const isSwipeActive = useSharedValue(false);\n    const toastGeneration = useSharedValue(0);\n    const topOffset = toastOptions?.topOffset ?? 0;\n    hasNoTimeoutRef.current = Boolean(toastOptions?.hasNoTimeout);\n    const animatedStyle = useAnimatedStyle(() => ({\n      transform: [{ translateY: translateYProgress.value + topOffset }],\n    }));\n    const baseStyle = useMemo(\n      () =>\n        [\n          tw.style('absolute left-4 right-4 top-0'),\n          animatedStyle,\n        ] as StyleProp<ViewStyle>,\n      [tw, animatedStyle],\n    );\n    const innerRef = useRef<ToasterRef | null>(null);\n\n    const clearScheduledAutoDismiss = () => {\n      if (autoDismissTimeoutRef.current !== null) {\n        clearTimeout(autoDismissTimeoutRef.current);\n        autoDismissTimeoutRef.current = null;\n      }\n    };\n\n    const bumpToastGeneration = () => {\n      toastGenerationRef.current += 1;\n      toastGeneration.value = toastGenerationRef.current;\n    };\n\n    const resetState = () => {\n      animationStartedRef.current = false;\n      visibleAtRef.current = null;\n      isDismissing.value = false;\n      isSwipeActive.value = false;\n      clearScheduledAutoDismiss();\n      setToastOptions(undefined);\n    };\n\n    const startDismissAnimation = () => {\n      bumpToastGeneration();\n      clearScheduledAutoDismiss();\n      isDismissing.value = true;\n      visibleAtRef.current = null;\n      translateYProgress.value = withSpring(\n        hiddenTranslateY.value,\n        TOAST_SPRING_CONFIG,\n        (finished) => {\n          if (finished) {\n            scheduleOnRN(resetState);\n          }\n        },\n      );\n    };\n\n    const scheduleAutoDismiss = (delayMs: number) => {\n      clearScheduledAutoDismiss();\n      autoDismissTimeoutRef.current = setTimeout(() => {\n        autoDismissTimeoutRef.current = null;\n        startDismissAnimation();\n      }, delayMs);\n    };\n\n    const beginAutoDismiss = () => {\n      visibleAtRef.current = Date.now();\n      scheduleAutoDismiss(TOAST_VISIBILITY_DURATION);\n    };\n\n    const resumeAutoDismissAfterSwipe = () => {\n      if (hasNoTimeoutRef.current || isDismissing.value) {\n        return;\n      }\n\n      // Entrance was interrupted before auto-dismiss started — start a full timer.\n      if (visibleAtRef.current === null) {\n        beginAutoDismiss();\n        return;\n      }\n\n      const elapsed = Date.now() - visibleAtRef.current;\n      if (elapsed >= TOAST_VISIBILITY_DURATION) {\n        startDismissAnimation();\n        return;\n      }\n\n      scheduleAutoDismiss(TOAST_VISIBILITY_DURATION - elapsed);\n    };\n\n    const showToast = (options: ToastOptions) => {\n      bumpToastGeneration();\n      let timeoutDuration = 0;\n      const normalizedOptions = {\n        hasNoTimeout: false,\n        ...options,\n      };\n      if (toastOptions) {\n        // Always clear any pending auto-dismiss from the previous toast, including\n        // when the replacement is persistent (hasNoTimeout). Otherwise the old\n        // timer can fire and dismiss the new toast.\n        clearScheduledAutoDismiss();\n        cancelAnimation(translateYProgress);\n        timeoutDuration = 100;\n        animationStartedRef.current = false;\n        visibleAtRef.current = null;\n        isDismissing.value = false;\n        isSwipeActive.value = false;\n        setToastOptions(undefined);\n      }\n      if (replacementTimerRef.current !== null) {\n        clearTimeout(replacementTimerRef.current);\n      }\n      replacementTimerRef.current = setTimeout(() => {\n        replacementTimerRef.current = null;\n        setToastOptions(normalizedOptions);\n      }, timeoutDuration);\n    };\n\n    const closeToast = () => {\n      if (replacementTimerRef.current !== null) {\n        clearTimeout(replacementTimerRef.current);\n        replacementTimerRef.current = null;\n      }\n      startDismissAnimation();\n    };\n\n    const closeToastRef = useRef(closeToast);\n    const resumeAutoDismissAfterSwipeRef = useRef(resumeAutoDismissAfterSwipe);\n    const clearScheduledAutoDismissRef = useRef(clearScheduledAutoDismiss);\n    closeToastRef.current = closeToast;\n    resumeAutoDismissAfterSwipeRef.current = resumeAutoDismissAfterSwipe;\n    clearScheduledAutoDismissRef.current = clearScheduledAutoDismiss;\n\n    const dismissToastFromSwipe = () => {\n      closeToastRef.current();\n    };\n\n    const resumeAutoDismissFromSwipe = (generation: number) => {\n      // Ignore resumes from a toast that was replaced or dismissed after the\n      // spring-back started (completed springs cannot be cancelled).\n      if (generation !== toastGenerationRef.current) {\n        return;\n      }\n      resumeAutoDismissAfterSwipeRef.current();\n    };\n\n    const clearScheduledAutoDismissFromSwipe = () => {\n      clearScheduledAutoDismissRef.current();\n    };\n\n    const swipeGesture = useMemo(() => {\n      // These gesture callbacks need explicit 'worklet' directives because this\n      // package ships a pre-built dist compiled by ts-bridge (tsc), which emits the\n      // gesture chain as a namespaced call (react_native_gesture_handler_1.Gesture).\n      // The consumer's Reanimated/Worklets Babel plugin does run over dist, but its\n      // gesture auto-detection doesn't recognize that compiled namespaced form.\n      const springBackAfterSwipe = () => {\n        'worklet';\n\n        const generationAtSpringStart = toastGeneration.value;\n        translateYProgress.value = withSpring(\n          visibleTranslateY.value,\n          TOAST_SPRING_CONFIG,\n          (finished) => {\n            // A new pan cancels this spring via cancelAnimation; only resume\n            // auto-dismiss when the spring-back completed naturally.\n            if (finished) {\n              scheduleOnRN(resumeAutoDismissFromSwipe, generationAtSpringStart);\n            }\n          },\n        );\n      };\n\n      return Gesture.Pan()\n        .activeOffsetY(TOAST_SWIPE_ACTIVE_OFFSET_Y)\n        .failOffsetX([-TOAST_SWIPE_FAIL_OFFSET_X, TOAST_SWIPE_FAIL_OFFSET_X])\n        .onStart(() => {\n          'worklet';\n\n          // Don't interrupt an in-progress dismiss animation.\n          if (isDismissing.value) {\n            return;\n          }\n          isSwipeActive.value = true;\n          scheduleOnRN(clearScheduledAutoDismissFromSwipe);\n          cancelAnimation(translateYProgress);\n          gestureStartY.value = translateYProgress.value;\n        })\n        .onUpdate((event) => {\n          'worklet';\n\n          if (isDismissing.value || !isSwipeActive.value) {\n            return;\n          }\n          const nextTranslateY = gestureStartY.value + event.translationY;\n          // Toast sits at the top; only allow dragging upward (more negative).\n          translateYProgress.value = Math.min(\n            nextTranslateY,\n            visibleTranslateY.value,\n          );\n        })\n        .onEnd((event) => {\n          'worklet';\n\n          if (!isSwipeActive.value) {\n            return;\n          }\n          isSwipeActive.value = false;\n\n          if (isDismissing.value) {\n            return;\n          }\n          const { translationY, velocityY } = event;\n          const dismissDistance = Math.max(\n            toastHeight.value * TOAST_DISMISS_DISTANCE_THRESHOLD,\n            TOAST_DISMISS_MIN_DISTANCE,\n          );\n          const hasReachedDismissOffset = translationY <= -dismissDistance;\n          const hasReachedSwipeThreshold =\n            Math.abs(velocityY) > TOAST_DISMISS_VELOCITY_THRESHOLD;\n          const isQuickDismissing = velocityY < 0;\n\n          const shouldDismiss =\n            hasReachedDismissOffset ||\n            (hasReachedSwipeThreshold && isQuickDismissing);\n\n          if (shouldDismiss) {\n            scheduleOnRN(dismissToastFromSwipe);\n            return;\n          }\n\n          springBackAfterSwipe();\n        })\n        .onFinalize(() => {\n          'worklet';\n\n          // onEnd is skipped when the pan fails/cancels after activation\n          // (e.g. horizontal travel past failOffsetX). Recover position and\n          // auto-dismiss so the toast is not left stuck mid-offset.\n          if (!isSwipeActive.value) {\n            return;\n          }\n          // Clear before the dismiss check — same order as onEnd — so a pan\n          // cancelled mid-dismiss cannot leave isSwipeActive stuck true for a\n          // later toast (resetState alone is not enough if finalize races it).\n          isSwipeActive.value = false;\n\n          if (isDismissing.value) {\n            return;\n          }\n          springBackAfterSwipe();\n        });\n      // Shared values and swipe JS wrappers are stable for the component lifetime.\n    }, []);\n\n    innerRef.current = {\n      closeToast,\n      showToast,\n    };\n\n    useImperativeHandle(ref, () => innerRef.current as ToasterRef);\n\n    useLayoutEffect(() => {\n      registeredRef = innerRef;\n      return () => {\n        if (registeredRef === innerRef) {\n          registeredRef = null;\n        }\n      };\n    }, []);\n\n    if (!toastOptions) {\n      return null;\n    }\n\n    const { onClose: toastOnClose, twClassName: toastTwClassName } =\n      toastOptions;\n    const toastProps = getToastProps(toastOptions);\n    const { actionButtonLabel, actionButtonOnPress, ...restToastProps } =\n      toastProps;\n    const toastTwClassNames = [twClassName, toastTwClassName]\n      .filter(Boolean)\n      .join(' ');\n\n    const onAnimatedViewLayout = (e: LayoutChangeEvent) => {\n      const { height } = e.nativeEvent.layout;\n      const nextHiddenTranslateY = getHiddenTranslateY(height, topOffset);\n      const nextVisibleTranslateY = topInset + TOAST_TOP_PADDING;\n\n      hiddenTranslateY.value = nextHiddenTranslateY;\n      visibleTranslateY.value = nextVisibleTranslateY;\n      toastHeight.value = height;\n\n      if (animationStartedRef.current) {\n        return;\n      }\n\n      animationStartedRef.current = true;\n      translateYProgress.value = nextHiddenTranslateY;\n\n      if (toastOptions.hasNoTimeout) {\n        translateYProgress.value = withSpring(\n          nextVisibleTranslateY,\n          TOAST_SPRING_CONFIG,\n        );\n      } else {\n        translateYProgress.value = withSpring(\n          nextVisibleTranslateY,\n          TOAST_SPRING_CONFIG,\n          (finished) => {\n            if (finished) {\n              scheduleOnRN(beginAutoDismiss);\n            }\n          },\n        );\n      }\n    };\n\n    return (\n      <GestureDetector gesture={swipeGesture}>\n        <Animated.View\n          onLayout={onAnimatedViewLayout}\n          style={baseStyle}\n          {...props}\n        >\n          {actionButtonLabel && actionButtonOnPress ? (\n            <Toast\n              {...toastProps}\n              actionButtonLabel={actionButtonLabel}\n              actionButtonOnPress={actionButtonOnPress}\n              onClose={() => {\n                closeToast();\n                toastOnClose?.();\n              }}\n              twClassName={toastTwClassNames}\n            />\n          ) : (\n            <Toast\n              {...restToastProps}\n              onClose={() => {\n                closeToast();\n                toastOnClose?.();\n              }}\n              twClassName={toastTwClassNames}\n            />\n          )}\n        </Animated.View>\n      </GestureDetector>\n    );\n  },\n);\n\nToasterComponent.displayName = 'Toaster';\n\ntype ToastFunction = ((options: ToastOptions) => void) & {\n  dismiss: () => void;\n};\n\nexport const Toaster = ToasterComponent;\n\nexport const toast = ((options: ToastOptions) => {\n  assertRegisteredRef('toast').showToast(options);\n}) as ToastFunction;\n\ntoast.dismiss = () => {\n  assertRegisteredRef('dismiss').closeToast();\n};\n"]}
+{"version":3,"file":"Toaster.mjs","sourceRoot":"","sources":["../../../src/components/Toast/Toaster.tsx"],"names":[],"mappings":"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","sourcesContent":["// Third party dependencies.\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, {\n  forwardRef,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { RefObject } from 'react';\nimport { Dimensions } from 'react-native';\nimport type { LayoutChangeEvent, StyleProp, ViewStyle } from 'react-native';\nimport { Gesture, GestureDetector } from 'react-native-gesture-handler';\nimport Animated, {\n  cancelAnimation,\n  useAnimatedStyle,\n  useSharedValue,\n  withSpring,\n} from 'react-native-reanimated';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { scheduleOnRN } from 'react-native-worklets';\n\n// Internal dependencies.\nimport { Toast } from './Toast';\nimport {\n  TOAST_DISMISS_DISTANCE_THRESHOLD,\n  TOAST_DISMISS_MIN_DISTANCE,\n  TOAST_DISMISS_VELOCITY_THRESHOLD,\n  TOAST_SPRING_CONFIG,\n  TOAST_SWIPE_ACTIVE_OFFSET_Y,\n  TOAST_SWIPE_FAIL_OFFSET_X,\n  TOAST_TOP_PADDING,\n  TOAST_VISIBILITY_DURATION,\n} from './Toast.constants';\nimport type {\n  ToastOptions,\n  ToastProps,\n  ToasterProps,\n  ToasterRef,\n} from './Toast.types';\n\nconst screenHeight = Dimensions.get('window').height;\n\nlet registeredRef: RefObject<ToasterRef | null> | null = null;\n\nconst assertRegisteredRef = (method: 'dismiss' | 'toast'): ToasterRef => {\n  if (!registeredRef?.current) {\n    const invocation = method === 'toast' ? 'toast()' : `toast.${method}()`;\n    throw new Error(\n      `${invocation} called before <Toaster /> mounted. Render <Toaster /> once at the root of your app.`,\n    );\n  }\n  return registeredRef.current;\n};\n\nconst getToastProps = ({\n  hasNoTimeout: _hasNoTimeout,\n  onClose: _onClose,\n  topOffset: _topOffset,\n  twClassName: _twClassName,\n  showCloseButton: _showCloseButton,\n  ...toastProps\n}: ToastOptions): Omit<ToastProps, 'twClassName'> => toastProps;\n\nconst getHiddenTranslateY = (height: number, offset: number) =>\n  -(height + offset);\n\nconst ToasterComponent = forwardRef<ToasterRef, ToasterProps>(\n  ({ twClassName, ...props }, ref) => {\n    const tw = useTailwind();\n    const [toastOptions, setToastOptions] = useState<ToastOptions | undefined>(\n      undefined,\n    );\n    const replacementTimerRef = useRef<ReturnType<typeof setTimeout> | null>(\n      null,\n    );\n    const autoDismissTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(\n      null,\n    );\n    const animationStartedRef = useRef(false);\n    const visibleAtRef = useRef<number | null>(null);\n    const hasNoTimeoutRef = useRef(false);\n    // Invalidates queued spring-back resumes after replace/dismiss. A completed\n    // spring cannot be cancelled, so scheduleOnRN(resume) can still run later.\n    const toastGenerationRef = useRef(0);\n    const { top: topInset } = useSafeAreaInsets();\n    const toastHeight = useSharedValue(screenHeight);\n    const hiddenTranslateY = useSharedValue(-screenHeight);\n    const visibleTranslateY = useSharedValue(0);\n    const gestureStartY = useSharedValue(0);\n    const translateYProgress = useSharedValue(-screenHeight);\n    const isDismissing = useSharedValue(false);\n    // True after onStart until onEnd/onFinalize recovers. Used so a failed pan\n    // (e.g. failOffsetX after activation) still springs back and resumes dismiss.\n    const isSwipeActive = useSharedValue(false);\n    const toastGeneration = useSharedValue(0);\n    const topOffset = toastOptions?.topOffset ?? 0;\n    hasNoTimeoutRef.current = Boolean(toastOptions?.hasNoTimeout);\n    const animatedStyle = useAnimatedStyle(() => ({\n      transform: [{ translateY: translateYProgress.value + topOffset }],\n    }));\n    const baseStyle = useMemo(\n      () =>\n        [\n          tw.style('absolute left-4 right-4 top-0'),\n          animatedStyle,\n        ] as StyleProp<ViewStyle>,\n      [tw, animatedStyle],\n    );\n    const innerRef = useRef<ToasterRef | null>(null);\n\n    const clearScheduledAutoDismiss = () => {\n      if (autoDismissTimeoutRef.current !== null) {\n        clearTimeout(autoDismissTimeoutRef.current);\n        autoDismissTimeoutRef.current = null;\n      }\n    };\n\n    const bumpToastGeneration = () => {\n      toastGenerationRef.current += 1;\n      toastGeneration.value = toastGenerationRef.current;\n    };\n\n    const resetState = () => {\n      animationStartedRef.current = false;\n      visibleAtRef.current = null;\n      isDismissing.value = false;\n      isSwipeActive.value = false;\n      clearScheduledAutoDismiss();\n      setToastOptions(undefined);\n    };\n\n    const startDismissAnimation = () => {\n      bumpToastGeneration();\n      clearScheduledAutoDismiss();\n      isDismissing.value = true;\n      visibleAtRef.current = null;\n      translateYProgress.value = withSpring(\n        hiddenTranslateY.value,\n        TOAST_SPRING_CONFIG,\n        (finished) => {\n          if (finished) {\n            scheduleOnRN(resetState);\n          }\n        },\n      );\n    };\n\n    const scheduleAutoDismiss = (delayMs: number) => {\n      clearScheduledAutoDismiss();\n      autoDismissTimeoutRef.current = setTimeout(() => {\n        autoDismissTimeoutRef.current = null;\n        startDismissAnimation();\n      }, delayMs);\n    };\n\n    const beginAutoDismiss = () => {\n      visibleAtRef.current = Date.now();\n      scheduleAutoDismiss(TOAST_VISIBILITY_DURATION);\n    };\n\n    const resumeAutoDismissAfterSwipe = () => {\n      if (hasNoTimeoutRef.current || isDismissing.value) {\n        return;\n      }\n\n      // Entrance was interrupted before auto-dismiss started — start a full timer.\n      if (visibleAtRef.current === null) {\n        beginAutoDismiss();\n        return;\n      }\n\n      const elapsed = Date.now() - visibleAtRef.current;\n      if (elapsed >= TOAST_VISIBILITY_DURATION) {\n        startDismissAnimation();\n        return;\n      }\n\n      scheduleAutoDismiss(TOAST_VISIBILITY_DURATION - elapsed);\n    };\n\n    const showToast = (options: ToastOptions) => {\n      bumpToastGeneration();\n      let timeoutDuration = 0;\n      const normalizedOptions = {\n        hasNoTimeout: false,\n        ...options,\n      };\n      if (toastOptions) {\n        // Always clear any pending auto-dismiss from the previous toast, including\n        // when the replacement is persistent (hasNoTimeout). Otherwise the old\n        // timer can fire and dismiss the new toast.\n        clearScheduledAutoDismiss();\n        cancelAnimation(translateYProgress);\n        timeoutDuration = 100;\n        animationStartedRef.current = false;\n        visibleAtRef.current = null;\n        isDismissing.value = false;\n        isSwipeActive.value = false;\n        setToastOptions(undefined);\n      }\n      if (replacementTimerRef.current !== null) {\n        clearTimeout(replacementTimerRef.current);\n      }\n      replacementTimerRef.current = setTimeout(() => {\n        replacementTimerRef.current = null;\n        setToastOptions(normalizedOptions);\n      }, timeoutDuration);\n    };\n\n    const closeToast = () => {\n      if (replacementTimerRef.current !== null) {\n        clearTimeout(replacementTimerRef.current);\n        replacementTimerRef.current = null;\n      }\n      startDismissAnimation();\n    };\n\n    const closeToastRef = useRef(closeToast);\n    const resumeAutoDismissAfterSwipeRef = useRef(resumeAutoDismissAfterSwipe);\n    const clearScheduledAutoDismissRef = useRef(clearScheduledAutoDismiss);\n    closeToastRef.current = closeToast;\n    resumeAutoDismissAfterSwipeRef.current = resumeAutoDismissAfterSwipe;\n    clearScheduledAutoDismissRef.current = clearScheduledAutoDismiss;\n\n    const dismissToastFromSwipe = () => {\n      closeToastRef.current();\n    };\n\n    const resumeAutoDismissFromSwipe = (generation: number) => {\n      // Ignore resumes from a toast that was replaced or dismissed after the\n      // spring-back started (completed springs cannot be cancelled).\n      if (generation !== toastGenerationRef.current) {\n        return;\n      }\n      resumeAutoDismissAfterSwipeRef.current();\n    };\n\n    const clearScheduledAutoDismissFromSwipe = () => {\n      clearScheduledAutoDismissRef.current();\n    };\n\n    const swipeGesture = useMemo(() => {\n      // These gesture callbacks need explicit 'worklet' directives because this\n      // package ships a pre-built dist compiled by ts-bridge (tsc), which emits the\n      // gesture chain as a namespaced call (react_native_gesture_handler_1.Gesture).\n      // The consumer's Reanimated/Worklets Babel plugin does run over dist, but its\n      // gesture auto-detection doesn't recognize that compiled namespaced form.\n      const springBackAfterSwipe = () => {\n        'worklet';\n\n        const generationAtSpringStart = toastGeneration.value;\n        translateYProgress.value = withSpring(\n          visibleTranslateY.value,\n          TOAST_SPRING_CONFIG,\n          (finished) => {\n            // A new pan cancels this spring via cancelAnimation; only resume\n            // auto-dismiss when the spring-back completed naturally.\n            if (finished) {\n              scheduleOnRN(resumeAutoDismissFromSwipe, generationAtSpringStart);\n            }\n          },\n        );\n      };\n\n      return Gesture.Pan()\n        .activeOffsetY(TOAST_SWIPE_ACTIVE_OFFSET_Y)\n        .failOffsetX([-TOAST_SWIPE_FAIL_OFFSET_X, TOAST_SWIPE_FAIL_OFFSET_X])\n        .onStart(() => {\n          'worklet';\n\n          // Don't interrupt an in-progress dismiss animation.\n          if (isDismissing.value) {\n            return;\n          }\n          isSwipeActive.value = true;\n          scheduleOnRN(clearScheduledAutoDismissFromSwipe);\n          cancelAnimation(translateYProgress);\n          gestureStartY.value = translateYProgress.value;\n        })\n        .onUpdate((event) => {\n          'worklet';\n\n          if (isDismissing.value || !isSwipeActive.value) {\n            return;\n          }\n          const nextTranslateY = gestureStartY.value + event.translationY;\n          // Toast sits at the top; only allow dragging upward (more negative).\n          translateYProgress.value = Math.min(\n            nextTranslateY,\n            visibleTranslateY.value,\n          );\n        })\n        .onEnd((event) => {\n          'worklet';\n\n          if (!isSwipeActive.value) {\n            return;\n          }\n          isSwipeActive.value = false;\n\n          if (isDismissing.value) {\n            return;\n          }\n          const { translationY, velocityY } = event;\n          const dismissDistance = Math.max(\n            toastHeight.value * TOAST_DISMISS_DISTANCE_THRESHOLD,\n            TOAST_DISMISS_MIN_DISTANCE,\n          );\n          const hasReachedDismissOffset = translationY <= -dismissDistance;\n          const hasReachedSwipeThreshold =\n            Math.abs(velocityY) > TOAST_DISMISS_VELOCITY_THRESHOLD;\n          const isQuickDismissing = velocityY < 0;\n\n          const shouldDismiss =\n            hasReachedDismissOffset ||\n            (hasReachedSwipeThreshold && isQuickDismissing);\n\n          if (shouldDismiss) {\n            scheduleOnRN(dismissToastFromSwipe);\n            return;\n          }\n\n          springBackAfterSwipe();\n        })\n        .onFinalize(() => {\n          'worklet';\n\n          // onEnd is skipped when the pan fails/cancels after activation\n          // (e.g. horizontal travel past failOffsetX). Recover position and\n          // auto-dismiss so the toast is not left stuck mid-offset.\n          if (!isSwipeActive.value) {\n            return;\n          }\n          // Clear before the dismiss check — same order as onEnd — so a pan\n          // cancelled mid-dismiss cannot leave isSwipeActive stuck true for a\n          // later toast (resetState alone is not enough if finalize races it).\n          isSwipeActive.value = false;\n\n          if (isDismissing.value) {\n            return;\n          }\n          springBackAfterSwipe();\n        });\n      // Shared values and swipe JS wrappers are stable for the component lifetime.\n    }, []);\n\n    innerRef.current = {\n      closeToast,\n      showToast,\n    };\n\n    useImperativeHandle(ref, () => innerRef.current as ToasterRef);\n\n    useLayoutEffect(() => {\n      registeredRef = innerRef;\n      return () => {\n        if (registeredRef === innerRef) {\n          registeredRef = null;\n        }\n      };\n    }, []);\n\n    if (!toastOptions) {\n      return null;\n    }\n\n    const {\n      onClose: toastOnClose,\n      showCloseButton = true,\n      twClassName: toastTwClassName,\n    } = toastOptions;\n    const toastProps = getToastProps(toastOptions);\n    const { actionButtonLabel, actionButtonOnPress, ...restToastProps } =\n      toastProps;\n    const toastTwClassNames = [twClassName, toastTwClassName]\n      .filter(Boolean)\n      .join(' ');\n    const handleClose = showCloseButton\n      ? () => {\n          closeToast();\n          toastOnClose?.();\n        }\n      : undefined;\n\n    const onAnimatedViewLayout = (e: LayoutChangeEvent) => {\n      const { height } = e.nativeEvent.layout;\n      const nextHiddenTranslateY = getHiddenTranslateY(height, topOffset);\n      const nextVisibleTranslateY = topInset + TOAST_TOP_PADDING;\n\n      hiddenTranslateY.value = nextHiddenTranslateY;\n      visibleTranslateY.value = nextVisibleTranslateY;\n      toastHeight.value = height;\n\n      if (animationStartedRef.current) {\n        return;\n      }\n\n      animationStartedRef.current = true;\n      translateYProgress.value = nextHiddenTranslateY;\n\n      if (toastOptions.hasNoTimeout) {\n        translateYProgress.value = withSpring(\n          nextVisibleTranslateY,\n          TOAST_SPRING_CONFIG,\n        );\n      } else {\n        translateYProgress.value = withSpring(\n          nextVisibleTranslateY,\n          TOAST_SPRING_CONFIG,\n          (finished) => {\n            if (finished) {\n              scheduleOnRN(beginAutoDismiss);\n            }\n          },\n        );\n      }\n    };\n\n    return (\n      <GestureDetector gesture={swipeGesture}>\n        <Animated.View\n          onLayout={onAnimatedViewLayout}\n          style={baseStyle}\n          {...props}\n        >\n          {actionButtonLabel && actionButtonOnPress ? (\n            <Toast\n              {...toastProps}\n              actionButtonLabel={actionButtonLabel}\n              actionButtonOnPress={actionButtonOnPress}\n              onClose={handleClose}\n              twClassName={toastTwClassNames}\n            />\n          ) : (\n            <Toast\n              {...restToastProps}\n              onClose={handleClose}\n              twClassName={toastTwClassNames}\n            />\n          )}\n        </Animated.View>\n      </GestureDetector>\n    );\n  },\n);\n\nToasterComponent.displayName = 'Toaster';\n\ntype ToastFunction = ((options: ToastOptions) => void) & {\n  dismiss: () => void;\n};\n\nexport const Toaster = ToasterComponent;\n\nexport const toast = ((options: ToastOptions) => {\n  assertRegisteredRef('toast').showToast(options);\n}) as ToastFunction;\n\ntoast.dismiss = () => {\n  assertRegisteredRef('dismiss').closeToast();\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask/design-system-react-native",
-  "version": "0.40.0",
+  "version": "0.41.0",
   "description": "Design System React Native",
   "keywords": [
     "MetaMask",
@@ -57,7 +57,7 @@
     "@babel/preset-typescript": "^7.23.3",
     "@figma/code-connect": "^1.4.9",
     "@gorhom/bottom-sheet": "^5.1.3",
-    "@metamask/auto-changelog": "^6.1.1",
+    "@metamask/auto-changelog": "^6.2.0",
     "@metamask/design-system-twrnc-preset": "^0.9.0",
     "@metamask/design-tokens": "^9.0.0",
     "@metamask/utils": "^11.11.0",