npm - @metamask/design-system-react-native - Versions diffs - 0.22.0 → 0.24.0 - Mend

@metamask/design-system-react-native 0.22.0 → 0.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (180) hide show

package/dist/components/Toast/Toast.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toast.mjs","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"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","sourcesContent":["// Third party dependencies.\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, {\n forwardRef,\n isValidElement,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { Dimensions, View } from 'react-native';\nimport type { LayoutChangeEvent, StyleProp, ViewStyle } from 'react-native';\nimport Animated, {\n cancelAnimation,\n runOnJS,\n useAnimatedStyle,\n useSharedValue,\n withDelay,\n withTiming,\n} from 'react-native-reanimated';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\n// External dependencies.\nimport { AvatarAccount, AvatarAccountSize } from '../AvatarAccount';\nimport { AvatarFavicon, AvatarFaviconSize } from '../AvatarFavicon';\nimport { AvatarIcon, AvatarIconSize } from '../AvatarIcon';\nimport { AvatarNetwork, AvatarNetworkSize } from '../AvatarNetwork';\nimport { Button, ButtonVariant } from '../Button';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Text, TextVariant, TextColor, FontWeight } from '../Text';\n\n// Internal dependencies.\nimport {\n TOAST_VISIBILITY_DURATION,\n TOAST_ANIMATION_DURATION,\n TOAST_BOTTOM_PADDING,\n} from './Toast.constants';\nimport type {\n ToastCloseButtonIconOptions,\n ToastCloseButtonOptions,\n ToastDescriptionOptions,\n ToastLabelOptions,\n ToastLinkButtonOptions,\n ToastOptions,\n ToastProps,\n ToastRef,\n} from './Toast.types';\nimport { ToastVariant } from './Toast.types';\n\nconst screenHeight = Dimensions.get('window').height;\n\nexport const Toast = forwardRef<ToastRef, ToastProps>(\n ({ twClassName, labelsContainerProps, ...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 { bottom: bottomNotchSpacing } = useSafeAreaInsets();\n const translateYProgress = useSharedValue(screenHeight);\n const bottomOffset = toastOptions?.bottomOffset ?? 0;\n const animatedStyle = useAnimatedStyle(() => ({\n transform: [{ translateY: translateYProgress.value - bottomOffset }],\n }));\n const baseStyle: StyleProp<ViewStyle> = useMemo(\n () => [\n tw.style(\n 'absolute left-4 right-4 bottom-0 bg-background-section border border-border-muted rounded-xl p-3 flex-row items-center',\n twClassName,\n ),\n animatedStyle,\n ],\n [tw, animatedStyle, twClassName],\n );\n\n const resetState = () => setToastOptions(undefined);\n\n const showToast = (options: ToastOptions) => {\n let timeoutDuration = 0;\n if (toastOptions) {\n cancelAnimation(translateYProgress);\n timeoutDuration = 100;\n // Clear existing toast state to prevent animation conflicts when showing rapid successive toasts\n setToastOptions(undefined);\n }\n if (replacementTimerRef.current !== null) {\n clearTimeout(replacementTimerRef.current);\n }\n replacementTimerRef.current = setTimeout(() => {\n replacementTimerRef.current = null;\n setToastOptions(options);\n }, timeoutDuration);\n };\n\n const closeToast = () => {\n if (replacementTimerRef.current !== null) {\n clearTimeout(replacementTimerRef.current);\n replacementTimerRef.current = null;\n }\n translateYProgress.value = withTiming(\n screenHeight,\n { duration: TOAST_ANIMATION_DURATION },\n () => {\n runOnJS(resetState)();\n },\n );\n };\n\n useImperativeHandle(ref, () => ({\n showToast,\n closeToast,\n }));\n\n const onAnimatedViewLayout = (e: LayoutChangeEvent) => {\n /* istanbul ignore next - guard only; layout fires when toastOptions is set /\n if (toastOptions) {\n const { height } = e.nativeEvent.layout;\n const translateYToValue = -(TOAST_BOTTOM_PADDING + bottomNotchSpacing);\n\n translateYProgress.value = height;\n\n if (toastOptions.hasNoTimeout) {\n translateYProgress.value = withTiming(translateYToValue, {\n duration: TOAST_ANIMATION_DURATION,\n });\n } else {\n translateYProgress.value = withTiming(\n translateYToValue,\n { duration: TOAST_ANIMATION_DURATION },\n () => {\n translateYProgress.value = withDelay(\n TOAST_VISIBILITY_DURATION,\n withTiming(\n height,\n { duration: TOAST_ANIMATION_DURATION },\n runOnJS(resetState),\n ),\n );\n },\n );\n }\n }\n };\n\n const renderLabel = (labelOptions: ToastLabelOptions) => (\n <Text variant={TextVariant.BodyMd}>\n {labelOptions.map(({ label, isBold }, index) => (\n <Text\n key={`toast-label-${index}`}\n variant={TextVariant.BodyMd}\n fontWeight={isBold ? FontWeight.Bold : undefined}\n color={TextColor.TextDefault}\n >\n {label}\n </Text>\n ))}\n </Text>\n );\n\n const renderDescription = (descriptionOptions?: ToastDescriptionOptions) =>\n descriptionOptions && (\n <Text\n variant={TextVariant.BodySm}\n color={TextColor.TextAlternative}\n style={tw.style('mt-1')}\n >\n {descriptionOptions.description}\n </Text>\n );\n\n const renderActionButton = (linkButtonOptions?: ToastLinkButtonOptions) =>\n linkButtonOptions && (\n <Button\n variant={ButtonVariant.Secondary}\n onPress={linkButtonOptions.onPress}\n style={tw.style('mt-2')}\n >\n {linkButtonOptions.label}\n </Button>\n );\n\n const renderCloseButton = (\n closeButtonOptions?: ToastCloseButtonOptions,\n ) => {\n if (closeButtonOptions && 'iconName' in closeButtonOptions) {\n const iconOptions = closeButtonOptions as ToastCloseButtonIconOptions;\n return (\n <ButtonIcon\n iconName={iconOptions.iconName}\n onPress={(e) => iconOptions.onPress?.(e)}\n size={iconOptions.size}\n isDisabled={iconOptions.isDisabled}\n twClassName={iconOptions.twClassName}\n style={iconOptions.style}\n iconProps={iconOptions.iconProps}\n />\n );\n }\n return (\n <Button\n variant={ButtonVariant.Primary}\n onPress={(e) => closeButtonOptions?.onPress?.(e)}\n startIconName={closeButtonOptions?.startIconName}\n endIconName={closeButtonOptions?.endIconName}\n style={closeButtonOptions?.style}\n >\n {closeButtonOptions?.children}\n </Button>\n );\n };\n\n const renderAvatar = () => {\n switch (toastOptions?.variant) {\n case ToastVariant.Plain:\n return null;\n case ToastVariant.Account: {\n const { accountAddress, accountAvatarType } = toastOptions;\n return (\n <AvatarAccount\n address={accountAddress}\n variant={accountAvatarType}\n size={AvatarAccountSize.Md}\n style={tw.style('mr-4')}\n />\n );\n }\n case ToastVariant.Network: {\n const { networkImageSource, networkName } = toastOptions;\n return (\n <AvatarNetwork\n name={networkName}\n src={networkImageSource}\n size={AvatarNetworkSize.Md}\n style={tw.style('mr-4')}\n />\n );\n }\n case ToastVariant.App: {\n const { appIconSource } = toastOptions;\n return (\n <AvatarFavicon\n src={appIconSource}\n size={AvatarFaviconSize.Md}\n style={tw.style('mr-4')}\n />\n );\n }\n case ToastVariant.Icon: {\n const { iconName, severity } = toastOptions;\n return (\n <AvatarIcon\n iconName={iconName}\n severity={severity}\n size={AvatarIconSize.Md}\n style={tw.style('mr-4')}\n />\n );\n }\n / istanbul ignore next - all variants handled above */\n default:\n return null;\n }\n };\n\n const renderToastContent = (options: ToastOptions) => {\n const {\n labelOptions,\n descriptionOptions,\n linkButtonOptions,\n closeButtonOptions,\n startAccessory,\n } = options;\n\n const isStartAccessoryValid =\n startAccessory !== null &&\n startAccessory !== undefined &&\n isValidElement(startAccessory);\n\n return (\n <>\n {isStartAccessoryValid ? startAccessory : renderAvatar()}\n <View\n style={tw.style('flex-1 justify-center')}\n {...labelsContainerProps}\n >\n {renderLabel(labelOptions)}\n {renderDescription(descriptionOptions)}\n {renderActionButton(linkButtonOptions)}\n </View>\n {closeButtonOptions ? renderCloseButton(closeButtonOptions) : null}\n </>\n );\n };\n\n if (!toastOptions) {\n return null;\n }\n\n return (\n <Animated.View\n onLayout={onAnimatedViewLayout}\n style={baseStyle}\n {...props}\n >\n {renderToastContent(toastOptions)}\n </Animated.View>\n );\n },\n);\n"]}
1	+ {"version":3,"file":"Toast.mjs","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":";;;;;;AAAA,4BAA4B;AAC5B,OAAO,EACL,kBAAkB,EAClB,cAAc,EACd,UAAU,EACV,QAAQ,EACT,uCAAuC;AACxC,OAAO,MAAK,cAAc;;AAE1B,yBAAyB;AACzB,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAC3C,OAAO,EAAE,SAAS,EAAE,+BAAqB;AAEzC,yBAAyB;AACzB,OAAO,EAAE,uBAAuB,EAAE,8BAA0B;AAC5D,OAAO,EAAE,aAAa,EAAE,0BAAsB;AAG9C,MAAM,uBAAuB,GAAG,CAAC,EAC/B,cAAc,EACd,QAAQ,EACR,cAAc,GACqD,EAAE,EAAE;IACvE,IAAI,cAAc,KAAK,IAAI,IAAI,cAAc,KAAK,SAAS,EAAE;QAC3D,OAAO,cAAc,CAAC;KACvB;IAED,IAAI,CAAC,QAAQ,IAAI,QAAQ,KAAK,aAAa,CAAC,OAAO,EAAE;QACnD,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,iBAAiB,GAAG,uBAAuB,CAAC,QAAQ,CAAC,CAAC;IAE5D,OAAO,CACL,CAAC,SAAS,CACR,QAAQ,CAAC,CAAC,iBAAiB,CAAC,CAC5B,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAClB,IAAI,cAAc,CAAC,EACnB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,QAAQ,EACR,oBAAoB,EACpB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,cAAc,EACd,QAAQ,GAAG,aAAa,CAAC,OAAO,EAChC,cAAc,EACd,KAAK,EACL,UAAU,EACV,WAAW,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GACf,iBAAiB,IAAI,mBAAmB;QACtC,CAAC,CAAC;YACE,iBAAiB;YACjB,mBAAmB;YACnB,iBAAiB,EAAE;gBACjB,IAAI,EAAE,UAAU,CAAC,EAAE;gBACnB,GAAG,iBAAiB;aACrB;SACF;QACH,CAAC,CAAC,EAAE,CAAC;IACT,4EAA4E;IAC5E,wEAAwE;IACxE,MAAM,wBAAwB,GAC5B,OAAO,IAAI,gBAAgB;QACzB,CAAC,CAAC;YACE,kBAAkB,EAAE,aAAa;YACjC,GAAG,gBAAgB;SACpB;QACH,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,CACL,CAAC,UAAU,CACT,IAAI,WAAW,CAAC,CAChB,IAAI,KAAK,CAAC,CACV,eAAe,CAAC,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CACtD,WAAW,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,CACxC,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,oBAAoB,CAAC,CAAC,oBAAoB,CAAC,CAC3C,gBAAgB,CAAC,CAAC,wBAAwB,CAAC,CAC3C,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,cAAc,CAAC,CAAC,uBAAuB,CAAC;YACtC,cAAc;YACd,QAAQ;YACR,cAAc;SACf,CAAC,CAAC,CACH,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,WAAW,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,EACtE,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Third party dependencies.\nimport {\n BoxBackgroundColor,\n BoxBorderColor,\n ButtonSize,\n IconSize,\n} from '@metamask/design-system-shared';\nimport React from 'react';\n\n// External dependencies.\nimport { BannerBase } from '../BannerBase';\nimport { IconAlert } from '../IconAlert';\n\n// Internal dependencies.\nimport { TOAST_SEVERITY_ICON_MAP } from './Toast.constants';\nimport { ToastSeverity } from './Toast.types';\nimport type { ToastProps } from './Toast.types';\n\nconst renderSeverityAccessory = ({\n iconAlertProps,\n severity,\n startAccessory,\n}: Pick<ToastProps, 'iconAlertProps' \| 'severity' \| 'startAccessory'>) => {\n if (startAccessory !== null && startAccessory !== undefined) {\n return startAccessory;\n }\n\n if (!severity \|\| severity === ToastSeverity.Default) {\n return undefined;\n }\n\n const iconAlertSeverity = TOAST_SEVERITY_ICON_MAP[severity];\n\n return (\n <IconAlert\n severity={iconAlertSeverity}\n size={IconSize.Lg}\n {...iconAlertProps}\n />\n );\n};\n\nexport const Toast: React.FC<ToastProps> = ({\n actionButtonLabel,\n actionButtonOnPress,\n actionButtonProps,\n children,\n childrenWrapperProps,\n closeButtonProps,\n description,\n descriptionProps,\n onClose,\n iconAlertProps,\n severity = ToastSeverity.Default,\n startAccessory,\n title,\n titleProps,\n twClassName,\n ...props\n}) => {\n const actionProps =\n actionButtonLabel && actionButtonOnPress\n ? {\n actionButtonLabel,\n actionButtonOnPress,\n actionButtonProps: {\n size: ButtonSize.Sm,\n ...actionButtonProps,\n },\n }\n : {};\n // TODO: Remove this conditional once BannerBase only renders a close button\n // from onClose. At that point Toast can pass closeButtonProps directly.\n const resolvedCloseButtonProps =\n onClose \|\| closeButtonProps\n ? {\n accessibilityLabel: 'Close toast',\n ...closeButtonProps,\n }\n : undefined;\n\n return (\n <BannerBase\n {...actionProps}\n {...props}\n backgroundColor={BoxBackgroundColor.BackgroundSection}\n borderColor={BoxBorderColor.BorderMuted}\n borderWidth={1}\n children={children}\n childrenWrapperProps={childrenWrapperProps}\n closeButtonProps={resolvedCloseButtonProps}\n description={description}\n descriptionProps={descriptionProps}\n onClose={onClose}\n startAccessory={renderSeverityAccessory({\n iconAlertProps,\n severity,\n startAccessory,\n })}\n title={title}\n titleProps={titleProps}\n twClassName={twClassName ? `rounded-xl ${twClassName}` : 'rounded-xl'}\n />\n );\n};\n"]}

package/dist/components/Toast/Toast.types.cjs CHANGED Viewed

@@ -1,19 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToastCloseButtonVariant = exports.ToastVariant = void 0;
+exports.ToastSeverity = void 0;
 /**
- * Toast variants.
+ * Toast severity variants.
+ * `Default` renders no built-in leading icon.
  */
-var ToastVariant;
-(function (ToastVariant) {
-    ToastVariant["Plain"] = "Plain";
-    ToastVariant["Account"] = "Account";
-    ToastVariant["Network"] = "Network";
-    ToastVariant["App"] = "App";
-    ToastVariant["Icon"] = "Icon";
-})(ToastVariant || (exports.ToastVariant = ToastVariant = {}));
-var ToastCloseButtonVariant;
-(function (ToastCloseButtonVariant) {
-    ToastCloseButtonVariant["Icon"] = "Icon";
-})(ToastCloseButtonVariant || (exports.ToastCloseButtonVariant = ToastCloseButtonVariant = {}));
+exports.ToastSeverity = {
+    Default: 'default',
+    Success: 'success',
+    Warning: 'warning',
+    Danger: 'danger',
+};
 //# sourceMappingURL=Toast.types.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Toast.types.cjs","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":";;;~~AAcA;;GAEG~~;~~AACH~~,~~IAAY~~,~~YAMX;AAND~~,~~WAAY,YAAY~~;~~IACtB,+BAAe~~,~~CAAA;IACf~~,~~mCAAmB~~,~~CAAA~~;~~IACnB~~,~~mCAAmB~~,~~CAAA;IACnB~~,~~2BAAW,CAAA~~;~~IACX~~,~~6BAAa~~,~~CAAA;AACf~~,~~CAAC,EANW,YAAY,4BAAZ,YAAY,QAMvB~~;~~AA4CD~~,~~IAAY~~,~~uBAEX;AAFD~~,~~WAAY,uBAAuB~~;~~IACjC~~,~~wCAAa,CAAA;AACf,~~CAAC~~,EAFW,uBAAuB,uCAAvB,uBAAuB,QAElC~~","sourcesContent":["// ~~Third party dependencies.\nimport~~ type {~~\n AvatarIconSeverity,\n IconName,\n}~~ ~~from '@metamask/design-system-shared';\nimport type { ReactElement } from 'react';\nimport type {~~ ViewProps } from 'react-native';\n\~~n// External Dependencies.\~~nimport type { ~~AvatarAccountVariant~~ } from '../~~AvatarAccount~~';\nimport type { ~~ButtonProps~~ } from '../~~Button';\nimport type { ButtonIconProps } from '../ButtonIcon';\nimport type { ImageOrSvgSrc } from '../temp-components~~/~~ImageOrSvg~~';\n\n/*\n Toast variants.\n /\nexport ~~enum~~ ~~ToastVariant~~ {\n ~~Plain~~ = '~~Plain~~',\n ~~Account~~ = '~~Account~~',\n ~~Network~~ = '~~Network~~',\n ~~App~~ = '~~App~~',\n ~~Icon~~ = ~~'Icon',\~~n}\~~n\n/\n Options for the main text in the toast.\n /\~~nexport type ~~ToastLabelOptions~~ = ~~{\n label:~~ ~~string;\n isBold?:~~ ~~boolean;\n}[~~];\n\n/\n ~~Options~~ for the ~~description~~ ~~text~~ ~~in the toast.\~~n /\nexport type ~~ToastDescriptionOptions~~ = ~~{\n description:~~ ~~string;\n};\n\n/\n~~ ~~Options~~ ~~for~~ ~~displaying a Link in the toast.\~~n /\nexport type ToastLinkButtonOptions = {\n ~~label: string;\n onPress: () => void;\n};\n\n~~/\n ~~Common~~ toast ~~option~~ ~~shared~~ ~~between~~ ~~all~~ ~~other~~ ~~options~~.\n /\ntype BaseToastVariants = {\n hasNoTimeout: boolean;\n labelOptions: ToastLabelOptions;\n descriptionOptions?: ToastDescriptionOptions;\n linkButtonOptions?: ToastLinkButtonOptions;\n closeButtonOptions?: ToastCloseButtonOptions;\n startAccessory?: ReactElement;\n bottomOffset?: number;\n};\n\nexport type ~~ToastCloseButtonIconOptions~~ = Omit<~~ButtonIconProps~~, '~~variant~~'> & {\n ~~variant:~~ ~~ToastCloseButtonVariant;\~~n~~};\~~n~~\nexport type ToastCloseButtonOptions = ButtonProps \| ToastCloseButtonIconOptions;\n\nexport enum ToastCloseButtonVariant {\n Icon =~~ '~~Icon~~'~~,\n}~~\n\n~~/\n~~ Plain toast option.\n /\ntype PlainToastOption = {\n ~~variant:~~ ~~ToastVariant.Plain~~;\n} ~~& BaseToastVariants~~;\n\n/\n ~~Account~~ ~~toast~~ ~~option.\n~~ /\ntype ~~AccountToastOption~~ = ~~{\n variant: ToastVariant.Account;\n accountAddress: string;\n accountAvatarType: AvatarAccountVariant;\n} & BaseToastVariants;\n\n/\n Network~~ toast ~~option~~.\n /\~~ntype~~ ~~NetworkToastOption~~ = {\n ~~variant:~~ ~~ToastVariant.Network~~;\n ~~networkName~~?: ~~string~~;\n ~~networkImageSource: ImageOrSvgSrc;\n~~} ~~& BaseToastVariants~~;\n\n/\n ~~App~~ ~~toast~~ ~~option~~.\n /\~~ntype~~ ~~AppToastOption~~ = {\n ~~variant~~: ~~ToastVariant.App;\n appIconSource~~: ~~ImageOrSvgSrc;\n}~~ & ~~BaseToastVariants~~;\n~~\ntype IconToastOption = {\n~~ ~~variant~~: ~~ToastVariant.Icon;\n iconName:~~ ~~IconName;\n severity?:~~ ~~AvatarIconSeverity~~;\n} ~~& BaseToastVariants~~;\n\n/\n ~~Different~~ ~~toast~~ ~~options~~ ~~combined~~ in a ~~union~~ ~~type.\n~~ /\nexport ~~type~~ ~~ToastOptions~~ ~~=\n \| PlainToastOption\n \| AccountToastOption\n \| NetworkToastOption\n \| AppToastOption\n \| IconToastOption;\n\n/\n Toast component reference~~.\n /\nexport type ~~ToastRef~~ = ~~{\n showToast: (toastOptions: ToastOptions) => void~~;\n ~~closeToast: () => void;\n};\n~~\n/\n ~~Toast~~ component props.\n * Extends ViewProps to inherit standard React Native props such as testID and accessibilityLabel.\n /\nexport type ~~ToastProps~~ = {\n /\n Optional Tailwind CSS classes for the toast container.\n /\n twClassName?: string;\n ~~/\n Props spread to the labels container View (e.g., testID for testing).\n /\n labelsContainerProps?: Omit<ViewProps, 'children' \| 'style'>;\n~~} & Omit<ViewProps, 'style'>;\n~~\n/\n Toast context parameters.\n */\nexport type ToastContextParams = {\n toastRef: React.RefObject<ToastRef> \| undefined;\n};\n~~"]}
1	+ {"version":3,"file":"Toast.types.cjs","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":";;;AAKA;;;GAGG;AACU,QAAA,aAAa,GAAG;IAC3B,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACR,CAAC","sourcesContent":["import type { ViewProps } from 'react-native';\n\nimport type { BannerBaseProps } from '../BannerBase';\nimport type { IconProps } from '../Icon/Icon.types';\n\n/*\n Toast severity variants.\n * `Default` renders no built-in leading icon.\n /\nexport const ToastSeverity = {\n Default: 'default',\n Success: 'success',\n Warning: 'warning',\n Danger: 'danger',\n} as const;\n\nexport type ToastSeverity = (typeof ToastSeverity)[keyof typeof ToastSeverity];\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 bottomOffset?: 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"]}

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

@@ -1,123 +1,55 @@
-import type { AvatarIconSeverity, IconName } from "@metamask/design-system-shared";
-import type { ReactElement } from "react";
 import type { ViewProps } from "react-native/index.js";
-import type { AvatarAccountVariant } from "../AvatarAccount/index.cjs";
-import type { ButtonProps } from "../Button/index.cjs";
-import type { ButtonIconProps } from "../ButtonIcon/index.cjs";
-import type { ImageOrSvgSrc } from "../temp-components/ImageOrSvg/index.cjs";
+import type { BannerBaseProps } from "../BannerBase/index.cjs";
+import type { IconProps } from "../Icon/Icon.types.cjs";
 /**
- * Toast variants.
+ * Toast severity variants.
+ * `Default` renders no built-in leading icon.
  */
-export declare enum ToastVariant {
-    Plain = "Plain",
-    Account = "Account",
-    Network = "Network",
-    App = "App",
-    Icon = "Icon"
-}
-/**
- * Options for the main text in the toast.
- */
-export type ToastLabelOptions = {
-    label: string;
-    isBold?: boolean;
-}[];
+export declare const ToastSeverity: {
+    readonly Default: "default";
+    readonly Success: "success";
+    readonly Warning: "warning";
+    readonly Danger: "danger";
+};
+export type ToastSeverity = (typeof ToastSeverity)[keyof typeof ToastSeverity];
 /**
- * Options for the description text in the toast.
+ * Optional props for the leading severity `Icon`.
  */
-export type ToastDescriptionOptions = {
-    description: string;
-};
+export type ToastIconProps = Omit<IconProps, 'name' | 'size' | 'color'>;
 /**
- * Options for displaying a Link in the toast.
+ * Shared toast props aligned with BannerBase, plus optional severity/icon props.
  */
-export type ToastLinkButtonOptions = {
-    label: string;
-    onPress: () => void;
+export type ToastSharedProps = Omit<BannerBaseProps, 'closeButtonProps'> & {
+    closeButtonProps?: Omit<NonNullable<BannerBaseProps['closeButtonProps']>, 'onPress'>;
+    severity?: ToastSeverity;
+    iconAlertProps?: ToastIconProps;
 };
 /**
- * Common toast option shared between all other options.
+ * Toast options used by the imperative `toast(...)` API.
  */
-type BaseToastVariants = {
-    hasNoTimeout: boolean;
-    labelOptions: ToastLabelOptions;
-    descriptionOptions?: ToastDescriptionOptions;
-    linkButtonOptions?: ToastLinkButtonOptions;
-    closeButtonOptions?: ToastCloseButtonOptions;
-    startAccessory?: ReactElement;
+export type ToastOptions = ToastSharedProps & {
+    hasNoTimeout?: boolean;
     bottomOffset?: number;
 };
-export type ToastCloseButtonIconOptions = Omit<ButtonIconProps, 'variant'> & {
-    variant: ToastCloseButtonVariant;
-};
-export type ToastCloseButtonOptions = ButtonProps | ToastCloseButtonIconOptions;
-export declare enum ToastCloseButtonVariant {
-    Icon = "Icon"
-}
-/**
- * Plain toast option.
- */
-type PlainToastOption = {
-    variant: ToastVariant.Plain;
-} & BaseToastVariants;
-/**
- * Account toast option.
- */
-type AccountToastOption = {
-    variant: ToastVariant.Account;
-    accountAddress: string;
-    accountAvatarType: AvatarAccountVariant;
-} & BaseToastVariants;
-/**
- * Network toast option.
- */
-type NetworkToastOption = {
-    variant: ToastVariant.Network;
-    networkName?: string;
-    networkImageSource: ImageOrSvgSrc;
-} & BaseToastVariants;
 /**
- * App toast option.
+ * Toaster component reference.
  */
-type AppToastOption = {
-    variant: ToastVariant.App;
-    appIconSource: ImageOrSvgSrc;
-} & BaseToastVariants;
-type IconToastOption = {
-    variant: ToastVariant.Icon;
-    iconName: IconName;
-    severity?: AvatarIconSeverity;
-} & BaseToastVariants;
-/**
- * Different toast options combined in a union type.
- */
-export type ToastOptions = PlainToastOption | AccountToastOption | NetworkToastOption | AppToastOption | IconToastOption;
-/**
- * Toast component reference.
- */
-export type ToastRef = {
+export type ToasterRef = {
     showToast: (toastOptions: ToastOptions) => void;
     closeToast: () => void;
 };
 /**
- * Toast component props.
+ * Toast component props intended for direct rendering of a single toast surface.
+ */
+export type ToastProps = ToastSharedProps;
+/**
+ * Toaster component props.
  * Extends ViewProps to inherit standard React Native props such as testID and accessibilityLabel.
  */
-export type ToastProps = {
+export type ToasterProps = {
     /**
      * Optional Tailwind CSS classes for the toast container.
      */
     twClassName?: string;
-    /**
-     * Props spread to the labels container View (e.g., testID for testing).
-     */
-    labelsContainerProps?: Omit<ViewProps, 'children' | 'style'>;
 } & Omit<ViewProps, 'style'>;
-/**
- * Toast context parameters.
- */
-export type ToastContextParams = {
-    toastRef: React.RefObject<ToastRef> | undefined;
-};
-export {};
 //# sourceMappingURL=Toast.types.d.cts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Toast.types.d.cts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"~~AACA~~,OAAO,KAAK,~~EACV,kBAAkB,EAClB,QAAQ,EACT,uCAAuC;AACxC,OAAO,KAAK,~~EAAE,~~YAAY,EAAE,cAAc;AAC1C,OAAO,KAAK,EAAE,~~SAAS,EAAE,8BAAqB;~~AAG9C~~,OAAO,KAAK,EAAE,~~oBAAoB,EAAE,mCAAyB;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,4BAAkB;AAC7C,OAAO,KAAK,EAAE,~~eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,~~aAAa~~,EAAE~~,gDAAsC~~;~~AAEnE;;GAEG~~;AACH,~~oBAAY~~,~~YAAY;IACtB~~,~~KAAK~~,~~UAAU~~;~~IACf~~,~~OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,GAAG,QAAQ;IACX,IAAI,SAAS;CACd;AAED;;GAEG;AACH,~~MAAM,MAAM,~~iBAAiB~~,GAAG~~;IAC9B~~,~~KAAK~~,~~EAAE~~,~~MAAM~~,CAAC~~;IACd~~,~~MAAM,~~CAAC,~~EAAE~~,OAAO,CAAC~~;CAClB~~,~~EAAE,~~CAAC;~~AAEJ~~;;GAEG;AACH,MAAM,MAAM,~~uBAAuB~~,GAAG~~;IACpC~~,~~WAAW~~,~~EAAE,MAAM,~~CAAC~~;CACrB~~,~~CAAC;AAEF;;GAEG;AACH~~,~~MAAM~~,MAAM,~~sBAAsB,~~GAAG~~;IACnC~~,~~KAAK,EAAE,~~MAAM,~~CAAC;IACd~~,OAAO,~~EAAE,MAAM,IAAI,~~CAAC~~;CACrB~~,CAAC;~~AAEF~~;;GAEG;AACH,KAAK,iBAAiB,GAAG;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,iBAAiB,CAAC;IAChC,kBAAkB,CAAC,EAAE,uBAAuB,CAAC;IAC7C,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;IAC3C,kBAAkB,CAAC,EAAE,uBAAuB,CAAC;IAC7C,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,~~CAAC;CACvB,CAAC;AAEF,~~MAAM,~~MAAM~~,~~2BAA2B,~~GAAG,IAAI,CAAC,eAAe,EAAE,~~SAAS~~,CAAC,GAAG;~~IAC3E~~,~~OAAO~~,~~EAAE,uBAAuB,~~CAAC~~;CAClC~~,~~CAAC;AAEF~~,~~MAAM~~,~~MAAM~~,~~uBAAuB,GAAG,~~WAAW,~~GAAG,2BAA2B,~~CAAC~~;AAEhF~~,~~oBAAY~~,~~uBAAuB;IACjC,IAAI,SAAS;CACd;AAED;;GAEG;AACH,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,YAAY,~~CAAC,~~KAAK,CAAC;CAC7B,GAAG,iBAAiB,CAAC;AAEtB;;GAEG;AACH,KAAK,~~kBAAkB,~~GAAG;IACxB,OAAO,EAAE,YAAY,~~CAAC,~~OAAO,~~CAAC~~;IAC9B~~,~~cAAc~~,~~EAAE~~,~~MAAM~~,CAAC;~~IACvB~~,~~iBAAiB~~,~~EAAE,oBAAoB,~~CAAC~~;CACzC~~,~~GAAG,iBAAiB,CAAC;AAEtB;;GAEG;AACH,KAAK,kBAAkB,GAAG;IACxB,OAAO,~~EAAE,~~YAAY~~,CAAC~~,OAAO,CAAC~~;~~IAC9B~~,~~WAAW~~,CAAC,EAAE,~~MAAM~~,CAAC;~~IACrB~~,~~kBAAkB,EAAE,aAAa,~~CAAC;~~CACnC,GAAG,iBAAiB,CAAC;AAEtB~~;;GAEG;AACH,~~KAAK~~,~~cAAc~~,~~GAAG;IACpB,OAAO,EAAE,~~YAAY,~~CAAC,~~GAAG,~~CAAC;IAC1B~~,~~aAAa,EAAE,aAAa,CAAC;CAC9B,~~GAAG~~,iBAAiB,CAAC~~;~~AAEtB~~,~~KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,~~YAAY,CAAC,~~IAAI,CAAC;IAC3B,QAAQ,~~EAAE,~~QAAQ~~,CAAC;~~IACnB~~,~~QAAQ~~,CAAC,EAAE,~~kBAAkB~~,CAAC;~~CAC/B~~,~~GAAG,iBAAiB,~~CAAC;~~AAEtB~~;;GAEG;AACH,MAAM,MAAM,~~YAAY~~,~~GACpB,gBAAgB,GAChB,kBAAkB,GAClB,kBAAkB,GAClB,cAAc,GACd,eAAe,CAAC;AAEpB;;GAEG;AACH,MAAM,MAAM,QAAQ,~~GAAG;~~IACrB~~,SAAS,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF~~;;;GAGG~~;AACH,MAAM,MAAM,UAAU,GAAG~~;IACvB;;OAEG;IACH~~,~~WAAW~~,CAAC,~~EAAE~~,MAAM,~~CAAC~~;~~IACrB~~;;OAEG;IACH,~~oBAAoB~~,CAAC,EAAE,~~IAAI~~,CAAC~~,SAAS,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC~~;~~CAC9D~~,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC~~;AAE7B;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;CACjD,CAAC~~"}
1	+ {"version":3,"file":"Toast.types.d.cts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,+BAA2B;AAEpD;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E;;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,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,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 CHANGED Viewed

@@ -1,123 +1,55 @@
-import type { AvatarIconSeverity, IconName } from "@metamask/design-system-shared";
-import type { ReactElement } from "react";
 import type { ViewProps } from "react-native/index.js";
-import type { AvatarAccountVariant } from "../AvatarAccount/index.mjs";
-import type { ButtonProps } from "../Button/index.mjs";
-import type { ButtonIconProps } from "../ButtonIcon/index.mjs";
-import type { ImageOrSvgSrc } from "../temp-components/ImageOrSvg/index.mjs";
+import type { BannerBaseProps } from "../BannerBase/index.mjs";
+import type { IconProps } from "../Icon/Icon.types.mjs";
 /**
- * Toast variants.
+ * Toast severity variants.
+ * `Default` renders no built-in leading icon.
  */
-export declare enum ToastVariant {
-    Plain = "Plain",
-    Account = "Account",
-    Network = "Network",
-    App = "App",
-    Icon = "Icon"
-}
-/**
- * Options for the main text in the toast.
- */
-export type ToastLabelOptions = {
-    label: string;
-    isBold?: boolean;
-}[];
+export declare const ToastSeverity: {
+    readonly Default: "default";
+    readonly Success: "success";
+    readonly Warning: "warning";
+    readonly Danger: "danger";
+};
+export type ToastSeverity = (typeof ToastSeverity)[keyof typeof ToastSeverity];
 /**
- * Options for the description text in the toast.
+ * Optional props for the leading severity `Icon`.
  */
-export type ToastDescriptionOptions = {
-    description: string;
-};
+export type ToastIconProps = Omit<IconProps, 'name' | 'size' | 'color'>;
 /**
- * Options for displaying a Link in the toast.
+ * Shared toast props aligned with BannerBase, plus optional severity/icon props.
  */
-export type ToastLinkButtonOptions = {
-    label: string;
-    onPress: () => void;
+export type ToastSharedProps = Omit<BannerBaseProps, 'closeButtonProps'> & {
+    closeButtonProps?: Omit<NonNullable<BannerBaseProps['closeButtonProps']>, 'onPress'>;
+    severity?: ToastSeverity;
+    iconAlertProps?: ToastIconProps;
 };
 /**
- * Common toast option shared between all other options.
+ * Toast options used by the imperative `toast(...)` API.
  */
-type BaseToastVariants = {
-    hasNoTimeout: boolean;
-    labelOptions: ToastLabelOptions;
-    descriptionOptions?: ToastDescriptionOptions;
-    linkButtonOptions?: ToastLinkButtonOptions;
-    closeButtonOptions?: ToastCloseButtonOptions;
-    startAccessory?: ReactElement;
+export type ToastOptions = ToastSharedProps & {
+    hasNoTimeout?: boolean;
     bottomOffset?: number;
 };
-export type ToastCloseButtonIconOptions = Omit<ButtonIconProps, 'variant'> & {
-    variant: ToastCloseButtonVariant;
-};
-export type ToastCloseButtonOptions = ButtonProps | ToastCloseButtonIconOptions;
-export declare enum ToastCloseButtonVariant {
-    Icon = "Icon"
-}
-/**
- * Plain toast option.
- */
-type PlainToastOption = {
-    variant: ToastVariant.Plain;
-} & BaseToastVariants;
-/**
- * Account toast option.
- */
-type AccountToastOption = {
-    variant: ToastVariant.Account;
-    accountAddress: string;
-    accountAvatarType: AvatarAccountVariant;
-} & BaseToastVariants;
-/**
- * Network toast option.
- */
-type NetworkToastOption = {
-    variant: ToastVariant.Network;
-    networkName?: string;
-    networkImageSource: ImageOrSvgSrc;
-} & BaseToastVariants;
 /**
- * App toast option.
+ * Toaster component reference.
  */
-type AppToastOption = {
-    variant: ToastVariant.App;
-    appIconSource: ImageOrSvgSrc;
-} & BaseToastVariants;
-type IconToastOption = {
-    variant: ToastVariant.Icon;
-    iconName: IconName;
-    severity?: AvatarIconSeverity;
-} & BaseToastVariants;
-/**
- * Different toast options combined in a union type.
- */
-export type ToastOptions = PlainToastOption | AccountToastOption | NetworkToastOption | AppToastOption | IconToastOption;
-/**
- * Toast component reference.
- */
-export type ToastRef = {
+export type ToasterRef = {
     showToast: (toastOptions: ToastOptions) => void;
     closeToast: () => void;
 };
 /**
- * Toast component props.
+ * Toast component props intended for direct rendering of a single toast surface.
+ */
+export type ToastProps = ToastSharedProps;
+/**
+ * Toaster component props.
  * Extends ViewProps to inherit standard React Native props such as testID and accessibilityLabel.
  */
-export type ToastProps = {
+export type ToasterProps = {
     /**
      * Optional Tailwind CSS classes for the toast container.
      */
     twClassName?: string;
-    /**
-     * Props spread to the labels container View (e.g., testID for testing).
-     */
-    labelsContainerProps?: Omit<ViewProps, 'children' | 'style'>;
 } & Omit<ViewProps, 'style'>;
-/**
- * Toast context parameters.
- */
-export type ToastContextParams = {
-    toastRef: React.RefObject<ToastRef> | undefined;
-};
-export {};
 //# sourceMappingURL=Toast.types.d.mts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Toast.types.d.mts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"~~AACA~~,OAAO,KAAK,~~EACV,kBAAkB,EAClB,QAAQ,EACT,uCAAuC;AACxC,OAAO,KAAK,~~EAAE,~~YAAY,EAAE,cAAc;AAC1C,OAAO,KAAK,EAAE,~~SAAS,EAAE,8BAAqB;~~AAG9C~~,OAAO,KAAK,EAAE,~~oBAAoB,EAAE,mCAAyB;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,4BAAkB;AAC7C,OAAO,KAAK,EAAE,~~eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,~~aAAa~~,EAAE~~,gDAAsC~~;~~AAEnE;;GAEG~~;AACH,~~oBAAY~~,~~YAAY;IACtB~~,~~KAAK~~,~~UAAU~~;~~IACf~~,~~OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,GAAG,QAAQ;IACX,IAAI,SAAS;CACd;AAED;;GAEG;AACH,~~MAAM,MAAM,~~iBAAiB~~,GAAG~~;IAC9B~~,~~KAAK~~,~~EAAE~~,~~MAAM~~,CAAC~~;IACd~~,~~MAAM,~~CAAC,~~EAAE~~,OAAO,CAAC~~;CAClB~~,~~EAAE,~~CAAC;~~AAEJ~~;;GAEG;AACH,MAAM,MAAM,~~uBAAuB~~,GAAG~~;IACpC~~,~~WAAW~~,~~EAAE,MAAM,~~CAAC~~;CACrB~~,~~CAAC;AAEF;;GAEG;AACH~~,~~MAAM~~,MAAM,~~sBAAsB,~~GAAG~~;IACnC~~,~~KAAK,EAAE,~~MAAM,~~CAAC;IACd~~,OAAO,~~EAAE,MAAM,IAAI,~~CAAC~~;CACrB~~,CAAC;~~AAEF~~;;GAEG;AACH,KAAK,iBAAiB,GAAG;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,iBAAiB,CAAC;IAChC,kBAAkB,CAAC,EAAE,uBAAuB,CAAC;IAC7C,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;IAC3C,kBAAkB,CAAC,EAAE,uBAAuB,CAAC;IAC7C,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,~~CAAC;CACvB,CAAC;AAEF,~~MAAM,~~MAAM~~,~~2BAA2B,~~GAAG,IAAI,CAAC,eAAe,EAAE,~~SAAS~~,CAAC,GAAG;~~IAC3E~~,~~OAAO~~,~~EAAE,uBAAuB,~~CAAC~~;CAClC~~,~~CAAC;AAEF~~,~~MAAM~~,~~MAAM~~,~~uBAAuB,GAAG,~~WAAW,~~GAAG,2BAA2B,~~CAAC~~;AAEhF~~,~~oBAAY~~,~~uBAAuB;IACjC,IAAI,SAAS;CACd;AAED;;GAEG;AACH,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,YAAY,~~CAAC,~~KAAK,CAAC;CAC7B,GAAG,iBAAiB,CAAC;AAEtB;;GAEG;AACH,KAAK,~~kBAAkB,~~GAAG;IACxB,OAAO,EAAE,YAAY,~~CAAC,~~OAAO,~~CAAC~~;IAC9B~~,~~cAAc~~,~~EAAE~~,~~MAAM~~,CAAC;~~IACvB~~,~~iBAAiB~~,~~EAAE,oBAAoB,~~CAAC~~;CACzC~~,~~GAAG,iBAAiB,CAAC;AAEtB;;GAEG;AACH,KAAK,kBAAkB,GAAG;IACxB,OAAO,~~EAAE,~~YAAY~~,CAAC~~,OAAO,CAAC~~;~~IAC9B~~,~~WAAW~~,CAAC,EAAE,~~MAAM~~,CAAC;~~IACrB~~,~~kBAAkB,EAAE,aAAa,~~CAAC;~~CACnC,GAAG,iBAAiB,CAAC;AAEtB~~;;GAEG;AACH,~~KAAK~~,~~cAAc~~,~~GAAG;IACpB,OAAO,EAAE,~~YAAY,~~CAAC,~~GAAG,~~CAAC;IAC1B~~,~~aAAa,EAAE,aAAa,CAAC;CAC9B,~~GAAG~~,iBAAiB,CAAC~~;~~AAEtB~~,~~KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,~~YAAY,CAAC,~~IAAI,CAAC;IAC3B,QAAQ,~~EAAE,~~QAAQ~~,CAAC;~~IACnB~~,~~QAAQ~~,CAAC,EAAE,~~kBAAkB~~,CAAC;~~CAC/B~~,~~GAAG,iBAAiB,~~CAAC;~~AAEtB~~;;GAEG;AACH,MAAM,MAAM,~~YAAY~~,~~GACpB,gBAAgB,GAChB,kBAAkB,GAClB,kBAAkB,GAClB,cAAc,GACd,eAAe,CAAC;AAEpB;;GAEG;AACH,MAAM,MAAM,QAAQ,~~GAAG;~~IACrB~~,SAAS,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF~~;;;GAGG~~;AACH,MAAM,MAAM,UAAU,GAAG~~;IACvB;;OAEG;IACH~~,~~WAAW~~,CAAC,~~EAAE~~,MAAM,~~CAAC~~;~~IACrB~~;;OAEG;IACH,~~oBAAoB~~,CAAC,EAAE,~~IAAI~~,CAAC~~,SAAS,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC~~;~~CAC9D~~,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC~~;AAE7B;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;CACjD,CAAC~~"}
1	+ {"version":3,"file":"Toast.types.d.mts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,+BAA2B;AAEpD;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E;;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,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,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 CHANGED Viewed

@@ -1,16 +1,11 @@
 /**
- * Toast variants.
+ * Toast severity variants.
+ * `Default` renders no built-in leading icon.
  */
-export var ToastVariant;
-(function (ToastVariant) {
-    ToastVariant["Plain"] = "Plain";
-    ToastVariant["Account"] = "Account";
-    ToastVariant["Network"] = "Network";
-    ToastVariant["App"] = "App";
-    ToastVariant["Icon"] = "Icon";
-})(ToastVariant || (ToastVariant = {}));
-export var ToastCloseButtonVariant;
-(function (ToastCloseButtonVariant) {
-    ToastCloseButtonVariant["Icon"] = "Icon";
-})(ToastCloseButtonVariant || (ToastCloseButtonVariant = {}));
+export const ToastSeverity = {
+    Default: 'default',
+    Success: 'success',
+    Warning: 'warning',
+    Danger: 'danger',
+};
 //# sourceMappingURL=Toast.types.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Toast.types.mjs","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"~~AAcA;;GAEG~~;AACH,MAAM,~~CAAN~~,~~IAAY~~,~~YAMX;AAND~~,~~WAAY,YAAY~~;~~IACtB,+BAAe~~,~~CAAA;IACf~~,~~mCAAmB~~,~~CAAA~~;~~IACnB~~,~~mCAAmB~~,~~CAAA;IACnB~~,~~2BAAW,CAAA~~;~~IACX~~,~~6BAAa~~,~~CAAA;AACf~~,~~CAAC,EANW,YAAY,KAAZ,YAAY,QAMvB~~;~~AA4CD~~,MAAM,~~CAAN~~,~~IAAY,uBAEX~~;~~AAFD~~,~~WAAY,uBAAuB;IACjC,wCAAa,CAAA;AACf,~~CAAC~~,EAFW,uBAAuB,KAAvB,uBAAuB,QAElC~~","sourcesContent":["// ~~Third party dependencies.\nimport~~ type {~~\n AvatarIconSeverity,\n IconName,\n}~~ ~~from '@metamask/design-system-shared';\nimport type { ReactElement } from 'react';\nimport type {~~ ViewProps } from 'react-native';\n\~~n// External Dependencies.\~~nimport type { ~~AvatarAccountVariant~~ } from '../~~AvatarAccount~~';\nimport type { ~~ButtonProps~~ } from '../~~Button';\nimport type { ButtonIconProps } from '../ButtonIcon';\nimport type { ImageOrSvgSrc } from '../temp-components~~/~~ImageOrSvg~~';\n\n/*\n Toast variants.\n /\nexport ~~enum~~ ~~ToastVariant~~ {\n ~~Plain~~ = '~~Plain~~',\n ~~Account~~ = '~~Account~~',\n ~~Network~~ = '~~Network~~',\n ~~App~~ = '~~App~~',\n ~~Icon~~ = ~~'Icon',\~~n}\~~n\n/\n Options for the main text in the toast.\n /\~~nexport type ~~ToastLabelOptions~~ = ~~{\n label:~~ ~~string;\n isBold?:~~ ~~boolean;\n}[~~];\n\n/\n ~~Options~~ for the ~~description~~ ~~text~~ ~~in the toast.\~~n /\nexport type ~~ToastDescriptionOptions~~ = ~~{\n description:~~ ~~string;\n};\n\n/\n~~ ~~Options~~ ~~for~~ ~~displaying a Link in the toast.\~~n /\nexport type ToastLinkButtonOptions = {\n ~~label: string;\n onPress: () => void;\n};\n\n~~/\n ~~Common~~ toast ~~option~~ ~~shared~~ ~~between~~ ~~all~~ ~~other~~ ~~options~~.\n /\ntype BaseToastVariants = {\n hasNoTimeout: boolean;\n labelOptions: ToastLabelOptions;\n descriptionOptions?: ToastDescriptionOptions;\n linkButtonOptions?: ToastLinkButtonOptions;\n closeButtonOptions?: ToastCloseButtonOptions;\n startAccessory?: ReactElement;\n bottomOffset?: number;\n};\n\nexport type ~~ToastCloseButtonIconOptions~~ = Omit<~~ButtonIconProps~~, '~~variant~~'> & {\n ~~variant:~~ ~~ToastCloseButtonVariant;\~~n~~};\~~n~~\nexport type ToastCloseButtonOptions = ButtonProps \| ToastCloseButtonIconOptions;\n\nexport enum ToastCloseButtonVariant {\n Icon =~~ '~~Icon~~'~~,\n}~~\n\n~~/\n~~ Plain toast option.\n /\ntype PlainToastOption = {\n ~~variant:~~ ~~ToastVariant.Plain~~;\n} ~~& BaseToastVariants~~;\n\n/\n ~~Account~~ ~~toast~~ ~~option.\n~~ /\ntype ~~AccountToastOption~~ = ~~{\n variant: ToastVariant.Account;\n accountAddress: string;\n accountAvatarType: AvatarAccountVariant;\n} & BaseToastVariants;\n\n/\n Network~~ toast ~~option~~.\n /\~~ntype~~ ~~NetworkToastOption~~ = {\n ~~variant:~~ ~~ToastVariant.Network~~;\n ~~networkName~~?: ~~string~~;\n ~~networkImageSource: ImageOrSvgSrc;\n~~} ~~& BaseToastVariants~~;\n\n/\n ~~App~~ ~~toast~~ ~~option~~.\n /\~~ntype~~ ~~AppToastOption~~ = {\n ~~variant~~: ~~ToastVariant.App;\n appIconSource~~: ~~ImageOrSvgSrc;\n}~~ & ~~BaseToastVariants~~;\n~~\ntype IconToastOption = {\n~~ ~~variant~~: ~~ToastVariant.Icon;\n iconName:~~ ~~IconName;\n severity?:~~ ~~AvatarIconSeverity~~;\n} ~~& BaseToastVariants~~;\n\n/\n ~~Different~~ ~~toast~~ ~~options~~ ~~combined~~ in a ~~union~~ ~~type.\n~~ /\nexport ~~type~~ ~~ToastOptions~~ ~~=\n \| PlainToastOption\n \| AccountToastOption\n \| NetworkToastOption\n \| AppToastOption\n \| IconToastOption;\n\n/\n Toast component reference~~.\n /\nexport type ~~ToastRef~~ = ~~{\n showToast: (toastOptions: ToastOptions) => void~~;\n ~~closeToast: () => void;\n};\n~~\n/\n ~~Toast~~ component props.\n * Extends ViewProps to inherit standard React Native props such as testID and accessibilityLabel.\n /\nexport type ~~ToastProps~~ = {\n /\n Optional Tailwind CSS classes for the toast container.\n /\n twClassName?: string;\n ~~/\n Props spread to the labels container View (e.g., testID for testing).\n /\n labelsContainerProps?: Omit<ViewProps, 'children' \| 'style'>;\n~~} & Omit<ViewProps, 'style'>;\n~~\n/\n Toast context parameters.\n */\nexport type ToastContextParams = {\n toastRef: React.RefObject<ToastRef> \| undefined;\n};\n~~"]}
1	+ {"version":3,"file":"Toast.types.mjs","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAKA;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACR,CAAC","sourcesContent":["import type { ViewProps } from 'react-native';\n\nimport type { BannerBaseProps } from '../BannerBase';\nimport type { IconProps } from '../Icon/Icon.types';\n\n/*\n Toast severity variants.\n * `Default` renders no built-in leading icon.\n /\nexport const ToastSeverity = {\n Default: 'default',\n Success: 'success',\n Warning: 'warning',\n Danger: 'danger',\n} as const;\n\nexport type ToastSeverity = (typeof ToastSeverity)[keyof typeof ToastSeverity];\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 bottomOffset?: 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"]}

package/dist/components/Toast/Toaster.cjs ADDED Viewed

@@ -0,0 +1,142 @@
+"use strict";
+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.toast = exports.Toaster = void 0;
+// Third party dependencies.
+const design_system_twrnc_preset_1 = require("@metamask/design-system-twrnc-preset");
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native/index.js");
+const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+// Internal dependencies.
+const Toast_1 = require("./Toast.cjs");
+const Toast_constants_1 = require("./Toast.constants.cjs");
+const screenHeight = react_native_1.Dimensions.get('window').height;
+let registeredRef = null;
+const assertRegisteredRef = (method) => {
+    if (!registeredRef?.current) {
+        const invocation = method === 'toast' ? 'toast()' : `toast.${method}()`;
+        throw new Error(`${invocation} called before <Toaster /> mounted. Render <Toaster /> once at the root of your app.`);
+    }
+    return registeredRef.current;
+};
+const getToastProps = ({ bottomOffset: _bottomOffset, hasNoTimeout: _hasNoTimeout, onClose: _onClose, twClassName: _twClassName, ...toastProps }) => toastProps;
+const ToasterComponent = (0, react_1.forwardRef)(({ twClassName, ...props }, ref) => {
+    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
+    const [toastOptions, setToastOptions] = (0, react_1.useState)(undefined);
+    const replacementTimerRef = (0, react_1.useRef)(null);
+    const { bottom: bottomNotchSpacing } = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
+    const translateYProgress = (0, react_native_reanimated_1.useSharedValue)(screenHeight);
+    const bottomOffset = toastOptions?.bottomOffset ?? 0;
+    const animatedStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => ({
+        transform: [{ translateY: translateYProgress.value - bottomOffset }],
+    }));
+    const baseStyle = (0, react_1.useMemo)(() => [tw.style('absolute left-4 right-4 bottom-0'), animatedStyle], [tw, animatedStyle]);
+    const innerRef = (0, react_1.useRef)(null);
+    const resetState = () => setToastOptions(undefined);
+    const showToast = (options) => {
+        let timeoutDuration = 0;
+        const normalizedOptions = {
+            hasNoTimeout: false,
+            ...options,
+        };
+        if (toastOptions) {
+            (0, react_native_reanimated_1.cancelAnimation)(translateYProgress);
+            timeoutDuration = 100;
+            setToastOptions(undefined);
+        }
+        if (replacementTimerRef.current !== null) {
+            clearTimeout(replacementTimerRef.current);
+        }
+        replacementTimerRef.current = setTimeout(() => {
+            replacementTimerRef.current = null;
+            setToastOptions(normalizedOptions);
+        }, timeoutDuration);
+    };
+    const closeToast = () => {
+        if (replacementTimerRef.current !== null) {
+            clearTimeout(replacementTimerRef.current);
+            replacementTimerRef.current = null;
+        }
+        translateYProgress.value = (0, react_native_reanimated_1.withTiming)(screenHeight, { duration: Toast_constants_1.TOAST_ANIMATION_DURATION }, () => {
+            (0, react_native_reanimated_1.runOnJS)(resetState)();
+        });
+    };
+    innerRef.current = {
+        closeToast,
+        showToast,
+    };
+    (0, react_1.useImperativeHandle)(ref, () => innerRef.current);
+    (0, react_1.useLayoutEffect)(() => {
+        registeredRef = innerRef;
+        return () => {
+            if (registeredRef === innerRef) {
+                registeredRef = null;
+            }
+        };
+    }, []);
+    if (!toastOptions) {
+        return null;
+    }
+    const { onClose: toastOnClose, twClassName: toastTwClassName } = toastOptions;
+    const toastProps = getToastProps(toastOptions);
+    const { actionButtonLabel, actionButtonOnPress, ...restToastProps } = toastProps;
+    const toastTwClassNames = [twClassName, toastTwClassName]
+        .filter(Boolean)
+        .join(' ');
+    const onAnimatedViewLayout = (e) => {
+        const { height } = e.nativeEvent.layout;
+        const translateYToValue = -(Toast_constants_1.TOAST_BOTTOM_PADDING + bottomNotchSpacing);
+        translateYProgress.value = height;
+        if (toastOptions.hasNoTimeout) {
+            translateYProgress.value = (0, react_native_reanimated_1.withTiming)(translateYToValue, {
+                duration: Toast_constants_1.TOAST_ANIMATION_DURATION,
+            });
+        }
+        else {
+            translateYProgress.value = (0, react_native_reanimated_1.withTiming)(translateYToValue, { duration: Toast_constants_1.TOAST_ANIMATION_DURATION }, () => {
+                translateYProgress.value = (0, react_native_reanimated_1.withDelay)(Toast_constants_1.TOAST_VISIBILITY_DURATION, (0, react_native_reanimated_1.withTiming)(height, { duration: Toast_constants_1.TOAST_ANIMATION_DURATION }, (0, react_native_reanimated_1.runOnJS)(resetState)));
+            });
+        }
+    };
+    return (<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}/>)}
+      </react_native_reanimated_1.default.View>);
+});
+ToasterComponent.displayName = 'Toaster';
+exports.Toaster = ToasterComponent;
+exports.toast = ((options) => {
+    assertRegisteredRef('toast').showToast(options);
+});
+exports.toast.dismiss = () => {
+    assertRegisteredRef('dismiss').closeToast();
+};
+//# sourceMappingURL=Toaster.cjs.map