@metamask-previews/design-system-react-native 0.24.0-preview.178e60f → 0.26.0-preview.047f96c

package/dist/components/BottomSheetOverlay/BottomSheetOverlay.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetOverlay.mjs","sourceRoot":"","sources":["../../../src/components/BottomSheetOverlay/BottomSheetOverlay.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,QAAO,EAAE,SAAS,EAAE,cAAc;;AACzC,OAAO,EACL,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,gBAAgB,EACjB,8BAAqB;AAEtB,OAAO,EAAE,kCAAkC,EAAE,2CAAuC;AAGpF,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,KAAK,EACL,WAAW,EACX,OAAO,EACP,qBAAqB,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACzB,MAAM,UAAU,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE;YAC1B,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,kCAAkC;YAC5C,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,eAAe,EAAE,IAAI;SACtB,CAAC,CAAC,KAAK,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,CAAC,QAAQ,CAAC,IAAI,CACZ,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CAAC,qCAAqC,EAAE,WAAW,CAAC;YAC5D,KAAK;YACL,EAAE,OAAO,EAAE,UAAU,EAAE;SACxB,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,OAAO,IAAI,CACV,CAAC,gBAAgB,CACf,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,qBAAqB,CAAC,CAC1B,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAC1B,CACH,CACH;IAAA,EAAE,QAAQ,CAAC,IAAI,CAAC,CACjB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useEffect } from 'react';\nimport {\n  Animated,\n  Easing,\n  TouchableOpacity,\n  useAnimatedValue,\n} from 'react-native';\n\nimport { DEFAULT_OVERLAY_ANIMATION_DURATION } from './BottomSheetOverlay.constants';\nimport { BottomSheetOverlayProps } from './BottomSheetOverlay.types';\n\nexport const BottomSheetOverlay: React.FC<BottomSheetOverlayProps> = ({\n  style,\n  twClassName,\n  onPress,\n  touchableOpacityProps,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const opacityVal = useAnimatedValue(0);\n\n  useEffect(() => {\n    Animated.timing(opacityVal, {\n      toValue: 1,\n      duration: DEFAULT_OVERLAY_ANIMATION_DURATION,\n      easing: Easing.linear,\n      useNativeDriver: true,\n    }).start();\n  }, [opacityVal]);\n\n  return (\n    <Animated.View\n      style={[\n        tw.style('absolute inset-0 bg-overlay-default', twClassName),\n        style,\n        { opacity: opacityVal },\n      ]}\n      {...props}\n    >\n      {onPress && (\n        <TouchableOpacity\n          onPress={onPress}\n          {...touchableOpacityProps}\n          style={tw.style('flex-1')}\n        />\n      )}\n    </Animated.View>\n  );\n};\n"]}
+{"version":3,"file":"BottomSheetOverlay.mjs","sourceRoot":"","sources":["../../../src/components/BottomSheetOverlay/BottomSheetOverlay.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,QAAO,EAAE,SAAS,EAAE,cAAc;;AACzC,OAAO,EACL,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,gBAAgB,EACjB,qBAAqB;AAEtB,OAAO,EAAE,kCAAkC,EAAE,2CAAuC;AAGpF,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,KAAK,EACL,WAAW,EACX,OAAO,EACP,qBAAqB,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACzB,MAAM,UAAU,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE;YAC1B,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,kCAAkC;YAC5C,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,eAAe,EAAE,IAAI;SACtB,CAAC,CAAC,KAAK,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,CAAC,QAAQ,CAAC,IAAI,CACZ,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CAAC,qCAAqC,EAAE,WAAW,CAAC;YAC5D,KAAK;YACL,EAAE,OAAO,EAAE,UAAU,EAAE;SACxB,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,OAAO,IAAI,CACV,CAAC,gBAAgB,CACf,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,qBAAqB,CAAC,CAC1B,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAC1B,CACH,CACH;IAAA,EAAE,QAAQ,CAAC,IAAI,CAAC,CACjB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useEffect } from 'react';\nimport {\n  Animated,\n  Easing,\n  TouchableOpacity,\n  useAnimatedValue,\n} from 'react-native';\n\nimport { DEFAULT_OVERLAY_ANIMATION_DURATION } from './BottomSheetOverlay.constants';\nimport { BottomSheetOverlayProps } from './BottomSheetOverlay.types';\n\nexport const BottomSheetOverlay: React.FC<BottomSheetOverlayProps> = ({\n  style,\n  twClassName,\n  onPress,\n  touchableOpacityProps,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const opacityVal = useAnimatedValue(0);\n\n  useEffect(() => {\n    Animated.timing(opacityVal, {\n      toValue: 1,\n      duration: DEFAULT_OVERLAY_ANIMATION_DURATION,\n      easing: Easing.linear,\n      useNativeDriver: true,\n    }).start();\n  }, [opacityVal]);\n\n  return (\n    <Animated.View\n      style={[\n        tw.style('absolute inset-0 bg-overlay-default', twClassName),\n        style,\n        { opacity: opacityVal },\n      ]}\n      {...props}\n    >\n      {onPress && (\n        <TouchableOpacity\n          onPress={onPress}\n          {...touchableOpacityProps}\n          style={tw.style('flex-1')}\n        />\n      )}\n    </Animated.View>\n  );\n};\n"]}

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

@@ -1,4 +1,4 @@
-import type { TouchableOpacityProps, ViewProps } from "react-native/index.js";
+import type { TouchableOpacityProps, ViewProps } from "react-native";
 /**
  * Overlay component props.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetOverlay.types.d.cts","sourceRoot":"","sources":["../../../src/components/BottomSheetOverlay/BottomSheetOverlay.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,8BAAqB;AAErE;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC;CAC1E,GAAG,SAAS,CAAC"}
+{"version":3,"file":"BottomSheetOverlay.types.d.cts","sourceRoot":"","sources":["../../../src/components/BottomSheetOverlay/BottomSheetOverlay.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,qBAAqB;AAErE;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC;CAC1E,GAAG,SAAS,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { TouchableOpacityProps, ViewProps } from "react-native/index.js";
+import type { TouchableOpacityProps, ViewProps } from "react-native";
 /**
  * Overlay component props.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetOverlay.types.d.mts","sourceRoot":"","sources":["../../../src/components/BottomSheetOverlay/BottomSheetOverlay.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,8BAAqB;AAErE;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC;CAC1E,GAAG,SAAS,CAAC"}
+{"version":3,"file":"BottomSheetOverlay.types.d.mts","sourceRoot":"","sources":["../../../src/components/BottomSheetOverlay/BottomSheetOverlay.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,qBAAqB;AAErE;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC;CAC1E,GAAG,SAAS,CAAC"}

package/dist/components/Box/Box.cjs

@@ -26,7 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Box = void 0;
 const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
 const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native/index.js");
+const react_native_1 = require("react-native");
 const Box_constants_1 = require("./Box.constants.cjs");
 exports.Box = (0, react_1.forwardRef)(({ flexDirection, flexWrap, gap, alignItems, justifyContent, margin, marginTop, marginRight, marginBottom, marginLeft, marginHorizontal, marginVertical, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, paddingHorizontal, paddingVertical, borderWidth, borderColor, backgroundColor, twClassName, style, children, ...props }, ref) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();

package/dist/components/Box/Box.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Box.cjs","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8FAA4E;AAC5E,+CAA0C;AAC1C,wDAAoC;AAEpC,uDAiByB;AAGZ,QAAA,GAAG,GAAG,IAAA,kBAAU,EAC3B,CACE,EACE,aAAa,EACb,QAAQ,EACR,GAAG,EACH,UAAU,EACV,cAAc,EACd,MAAM,EACN,SAAS,EACT,WAAW,EACX,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,OAAO,EACP,UAAU,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,WAAW,EACX,eAAe,EACf,WAAW,EACX,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACC,EACX,GAAG,EACH,EAAE;IACF,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,OAAO,CACL,CAAC,mBAAI,CACH,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,MAAM,EACN,aAAa,EACb,QAAQ,EACR,GAAG,KAAK,SAAS,IAAI,kCAAkB,CAAC,GAAG,CAAC,EAC5C,UAAU,EACV,cAAc,EACd,MAAM,KAAK,SAAS,IAAI,qCAAqB,CAAC,MAAM,CAAC,EACrD,SAAS,KAAK,SAAS,IAAI,yCAAyB,CAAC,SAAS,CAAC,EAC/D,WAAW,KAAK,SAAS;gBACvB,2CAA2B,CAAC,WAAW,CAAC,EAC1C,YAAY,KAAK,SAAS;gBACxB,4CAA4B,CAAC,YAAY,CAAC,EAC5C,UAAU,KAAK,SAAS,IAAI,0CAA0B,CAAC,UAAU,CAAC,EAClE,gBAAgB,KAAK,SAAS;gBAC5B,gDAAgC,CAAC,gBAAgB,CAAC,EACpD,cAAc,KAAK,SAAS;gBAC1B,8CAA8B,CAAC,cAAc,CAAC,EAChD,OAAO,KAAK,SAAS,IAAI,sCAAsB,CAAC,OAAO,CAAC,EACxD,UAAU,KAAK,SAAS,IAAI,0CAA0B,CAAC,UAAU,CAAC,EAClE,YAAY,KAAK,SAAS;gBACxB,4CAA4B,CAAC,YAAY,CAAC,EAC5C,aAAa,KAAK,SAAS;gBACzB,6CAA6B,CAAC,aAAa,CAAC,EAC9C,WAAW,KAAK,SAAS;gBACvB,2CAA2B,CAAC,WAAW,CAAC,EAC1C,iBAAiB,KAAK,SAAS;gBAC7B,iDAAiC,CAAC,iBAAiB,CAAC,EACtD,eAAe,KAAK,SAAS;gBAC3B,+CAA+B,CAAC,eAAe,CAAC,EAClD,WAAW,KAAK,SAAS;gBACvB,2CAA2B,CAAC,WAAW,CAAC,EAC1C,WAAW,EACX,eAAe,EACf,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAG,CAAC,WAAW,GAAG,KAAK,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { forwardRef } from 'react';\nimport { View } from 'react-native';\n\nimport {\n  TWCLASSMAP_BOX_GAP,\n  TWCLASSMAP_BOX_MARGIN,\n  TWCLASSMAP_BOX_MARGIN_TOP,\n  TWCLASSMAP_BOX_MARGIN_RIGHT,\n  TWCLASSMAP_BOX_MARGIN_BOTTOM,\n  TWCLASSMAP_BOX_MARGIN_LEFT,\n  TWCLASSMAP_BOX_MARGIN_HORIZONTAL,\n  TWCLASSMAP_BOX_MARGIN_VERTICAL,\n  TWCLASSMAP_BOX_PADDING,\n  TWCLASSMAP_BOX_PADDING_TOP,\n  TWCLASSMAP_BOX_PADDING_RIGHT,\n  TWCLASSMAP_BOX_PADDING_BOTTOM,\n  TWCLASSMAP_BOX_PADDING_LEFT,\n  TWCLASSMAP_BOX_PADDING_HORIZONTAL,\n  TWCLASSMAP_BOX_PADDING_VERTICAL,\n  TWCLASSMAP_BOX_BORDER_WIDTH,\n} from './Box.constants';\nimport type { BoxProps } from './Box.types';\n\nexport const Box = forwardRef<View, BoxProps>(\n  (\n    {\n      flexDirection,\n      flexWrap,\n      gap,\n      alignItems,\n      justifyContent,\n      margin,\n      marginTop,\n      marginRight,\n      marginBottom,\n      marginLeft,\n      marginHorizontal,\n      marginVertical,\n      padding,\n      paddingTop,\n      paddingRight,\n      paddingBottom,\n      paddingLeft,\n      paddingHorizontal,\n      paddingVertical,\n      borderWidth,\n      borderColor,\n      backgroundColor,\n      twClassName,\n      style,\n      children,\n      ...props\n    }: BoxProps,\n    ref,\n  ) => {\n    const tw = useTailwind();\n\n    return (\n      <View\n        ref={ref}\n        {...props}\n        style={[\n          tw.style(\n            'flex',\n            flexDirection,\n            flexWrap,\n            gap !== undefined && TWCLASSMAP_BOX_GAP[gap],\n            alignItems,\n            justifyContent,\n            margin !== undefined && TWCLASSMAP_BOX_MARGIN[margin],\n            marginTop !== undefined && TWCLASSMAP_BOX_MARGIN_TOP[marginTop],\n            marginRight !== undefined &&\n              TWCLASSMAP_BOX_MARGIN_RIGHT[marginRight],\n            marginBottom !== undefined &&\n              TWCLASSMAP_BOX_MARGIN_BOTTOM[marginBottom],\n            marginLeft !== undefined && TWCLASSMAP_BOX_MARGIN_LEFT[marginLeft],\n            marginHorizontal !== undefined &&\n              TWCLASSMAP_BOX_MARGIN_HORIZONTAL[marginHorizontal],\n            marginVertical !== undefined &&\n              TWCLASSMAP_BOX_MARGIN_VERTICAL[marginVertical],\n            padding !== undefined && TWCLASSMAP_BOX_PADDING[padding],\n            paddingTop !== undefined && TWCLASSMAP_BOX_PADDING_TOP[paddingTop],\n            paddingRight !== undefined &&\n              TWCLASSMAP_BOX_PADDING_RIGHT[paddingRight],\n            paddingBottom !== undefined &&\n              TWCLASSMAP_BOX_PADDING_BOTTOM[paddingBottom],\n            paddingLeft !== undefined &&\n              TWCLASSMAP_BOX_PADDING_LEFT[paddingLeft],\n            paddingHorizontal !== undefined &&\n              TWCLASSMAP_BOX_PADDING_HORIZONTAL[paddingHorizontal],\n            paddingVertical !== undefined &&\n              TWCLASSMAP_BOX_PADDING_VERTICAL[paddingVertical],\n            borderWidth !== undefined &&\n              TWCLASSMAP_BOX_BORDER_WIDTH[borderWidth],\n            borderColor,\n            backgroundColor,\n            twClassName,\n          ),\n          style,\n        ]}\n      >\n        {children}\n      </View>\n    );\n  },\n);\n\nBox.displayName = 'Box';\n"]}
+{"version":3,"file":"Box.cjs","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8FAA4E;AAC5E,+CAA0C;AAC1C,+CAAoC;AAEpC,uDAiByB;AAGZ,QAAA,GAAG,GAAG,IAAA,kBAAU,EAC3B,CACE,EACE,aAAa,EACb,QAAQ,EACR,GAAG,EACH,UAAU,EACV,cAAc,EACd,MAAM,EACN,SAAS,EACT,WAAW,EACX,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,OAAO,EACP,UAAU,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,WAAW,EACX,eAAe,EACf,WAAW,EACX,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACC,EACX,GAAG,EACH,EAAE;IACF,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,OAAO,CACL,CAAC,mBAAI,CACH,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,MAAM,EACN,aAAa,EACb,QAAQ,EACR,GAAG,KAAK,SAAS,IAAI,kCAAkB,CAAC,GAAG,CAAC,EAC5C,UAAU,EACV,cAAc,EACd,MAAM,KAAK,SAAS,IAAI,qCAAqB,CAAC,MAAM,CAAC,EACrD,SAAS,KAAK,SAAS,IAAI,yCAAyB,CAAC,SAAS,CAAC,EAC/D,WAAW,KAAK,SAAS;gBACvB,2CAA2B,CAAC,WAAW,CAAC,EAC1C,YAAY,KAAK,SAAS;gBACxB,4CAA4B,CAAC,YAAY,CAAC,EAC5C,UAAU,KAAK,SAAS,IAAI,0CAA0B,CAAC,UAAU,CAAC,EAClE,gBAAgB,KAAK,SAAS;gBAC5B,gDAAgC,CAAC,gBAAgB,CAAC,EACpD,cAAc,KAAK,SAAS;gBAC1B,8CAA8B,CAAC,cAAc,CAAC,EAChD,OAAO,KAAK,SAAS,IAAI,sCAAsB,CAAC,OAAO,CAAC,EACxD,UAAU,KAAK,SAAS,IAAI,0CAA0B,CAAC,UAAU,CAAC,EAClE,YAAY,KAAK,SAAS;gBACxB,4CAA4B,CAAC,YAAY,CAAC,EAC5C,aAAa,KAAK,SAAS;gBACzB,6CAA6B,CAAC,aAAa,CAAC,EAC9C,WAAW,KAAK,SAAS;gBACvB,2CAA2B,CAAC,WAAW,CAAC,EAC1C,iBAAiB,KAAK,SAAS;gBAC7B,iDAAiC,CAAC,iBAAiB,CAAC,EACtD,eAAe,KAAK,SAAS;gBAC3B,+CAA+B,CAAC,eAAe,CAAC,EAClD,WAAW,KAAK,SAAS;gBACvB,2CAA2B,CAAC,WAAW,CAAC,EAC1C,WAAW,EACX,eAAe,EACf,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAG,CAAC,WAAW,GAAG,KAAK,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { forwardRef } from 'react';\nimport { View } from 'react-native';\n\nimport {\n  TWCLASSMAP_BOX_GAP,\n  TWCLASSMAP_BOX_MARGIN,\n  TWCLASSMAP_BOX_MARGIN_TOP,\n  TWCLASSMAP_BOX_MARGIN_RIGHT,\n  TWCLASSMAP_BOX_MARGIN_BOTTOM,\n  TWCLASSMAP_BOX_MARGIN_LEFT,\n  TWCLASSMAP_BOX_MARGIN_HORIZONTAL,\n  TWCLASSMAP_BOX_MARGIN_VERTICAL,\n  TWCLASSMAP_BOX_PADDING,\n  TWCLASSMAP_BOX_PADDING_TOP,\n  TWCLASSMAP_BOX_PADDING_RIGHT,\n  TWCLASSMAP_BOX_PADDING_BOTTOM,\n  TWCLASSMAP_BOX_PADDING_LEFT,\n  TWCLASSMAP_BOX_PADDING_HORIZONTAL,\n  TWCLASSMAP_BOX_PADDING_VERTICAL,\n  TWCLASSMAP_BOX_BORDER_WIDTH,\n} from './Box.constants';\nimport type { BoxProps } from './Box.types';\n\nexport const Box = forwardRef<View, BoxProps>(\n  (\n    {\n      flexDirection,\n      flexWrap,\n      gap,\n      alignItems,\n      justifyContent,\n      margin,\n      marginTop,\n      marginRight,\n      marginBottom,\n      marginLeft,\n      marginHorizontal,\n      marginVertical,\n      padding,\n      paddingTop,\n      paddingRight,\n      paddingBottom,\n      paddingLeft,\n      paddingHorizontal,\n      paddingVertical,\n      borderWidth,\n      borderColor,\n      backgroundColor,\n      twClassName,\n      style,\n      children,\n      ...props\n    }: BoxProps,\n    ref,\n  ) => {\n    const tw = useTailwind();\n\n    return (\n      <View\n        ref={ref}\n        {...props}\n        style={[\n          tw.style(\n            'flex',\n            flexDirection,\n            flexWrap,\n            gap !== undefined && TWCLASSMAP_BOX_GAP[gap],\n            alignItems,\n            justifyContent,\n            margin !== undefined && TWCLASSMAP_BOX_MARGIN[margin],\n            marginTop !== undefined && TWCLASSMAP_BOX_MARGIN_TOP[marginTop],\n            marginRight !== undefined &&\n              TWCLASSMAP_BOX_MARGIN_RIGHT[marginRight],\n            marginBottom !== undefined &&\n              TWCLASSMAP_BOX_MARGIN_BOTTOM[marginBottom],\n            marginLeft !== undefined && TWCLASSMAP_BOX_MARGIN_LEFT[marginLeft],\n            marginHorizontal !== undefined &&\n              TWCLASSMAP_BOX_MARGIN_HORIZONTAL[marginHorizontal],\n            marginVertical !== undefined &&\n              TWCLASSMAP_BOX_MARGIN_VERTICAL[marginVertical],\n            padding !== undefined && TWCLASSMAP_BOX_PADDING[padding],\n            paddingTop !== undefined && TWCLASSMAP_BOX_PADDING_TOP[paddingTop],\n            paddingRight !== undefined &&\n              TWCLASSMAP_BOX_PADDING_RIGHT[paddingRight],\n            paddingBottom !== undefined &&\n              TWCLASSMAP_BOX_PADDING_BOTTOM[paddingBottom],\n            paddingLeft !== undefined &&\n              TWCLASSMAP_BOX_PADDING_LEFT[paddingLeft],\n            paddingHorizontal !== undefined &&\n              TWCLASSMAP_BOX_PADDING_HORIZONTAL[paddingHorizontal],\n            paddingVertical !== undefined &&\n              TWCLASSMAP_BOX_PADDING_VERTICAL[paddingVertical],\n            borderWidth !== undefined &&\n              TWCLASSMAP_BOX_BORDER_WIDTH[borderWidth],\n            borderColor,\n            backgroundColor,\n            twClassName,\n          ),\n          style,\n        ]}\n      >\n        {children}\n      </View>\n    );\n  },\n);\n\nBox.displayName = 'Box';\n"]}

package/dist/components/Box/Box.d.cts

@@ -1,5 +1,5 @@
 import React from "react";
-import { View } from "react-native/index.js";
+import { View } from "react-native";
 export declare const Box: React.ForwardRefExoticComponent<import("@metamask-previews/design-system-shared").BoxPropsShared & import("react-native").ViewProps & {
     twClassName?: string | undefined;
 } & React.RefAttributes<View>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Box.d.cts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,cAAc;AAC1C,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAsBpC,eAAO,MAAM,GAAG;;8BAkFf,CAAC"}
+{"version":3,"file":"Box.d.cts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,cAAc;AAC1C,OAAO,EAAE,IAAI,EAAE,qBAAqB;AAsBpC,eAAO,MAAM,GAAG;;8BAkFf,CAAC"}

package/dist/components/Box/Box.d.mts

@@ -1,5 +1,5 @@
 import React from "react";
-import { View } from "react-native/index.js";
+import { View } from "react-native";
 export declare const Box: React.ForwardRefExoticComponent<import("@metamask-previews/design-system-shared").BoxPropsShared & import("react-native").ViewProps & {
     twClassName?: string | undefined;
 } & React.RefAttributes<View>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Box.d.mts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,cAAc;AAC1C,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAsBpC,eAAO,MAAM,GAAG;;8BAkFf,CAAC"}
+{"version":3,"file":"Box.d.mts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,cAAc;AAC1C,OAAO,EAAE,IAAI,EAAE,qBAAqB;AAsBpC,eAAO,MAAM,GAAG;;8BAkFf,CAAC"}

package/dist/components/Box/Box.mjs

@@ -7,7 +7,7 @@ function $importDefault(module) {
 import { useTailwind } from "@metamask-previews/design-system-twrnc-preset";
 import $React, { forwardRef } from "react";
 const React = $importDefault($React);
-import { View } from "react-native/index.js";
+import { View } from "react-native";
 import { TWCLASSMAP_BOX_GAP, TWCLASSMAP_BOX_MARGIN, TWCLASSMAP_BOX_MARGIN_TOP, TWCLASSMAP_BOX_MARGIN_RIGHT, TWCLASSMAP_BOX_MARGIN_BOTTOM, TWCLASSMAP_BOX_MARGIN_LEFT, TWCLASSMAP_BOX_MARGIN_HORIZONTAL, TWCLASSMAP_BOX_MARGIN_VERTICAL, TWCLASSMAP_BOX_PADDING, TWCLASSMAP_BOX_PADDING_TOP, TWCLASSMAP_BOX_PADDING_RIGHT, TWCLASSMAP_BOX_PADDING_BOTTOM, TWCLASSMAP_BOX_PADDING_LEFT, TWCLASSMAP_BOX_PADDING_HORIZONTAL, TWCLASSMAP_BOX_PADDING_VERTICAL, TWCLASSMAP_BOX_BORDER_WIDTH } from "./Box.constants.mjs";
 export const Box = forwardRef(({ flexDirection, flexWrap, gap, alignItems, justifyContent, margin, marginTop, marginRight, marginBottom, marginLeft, marginHorizontal, marginVertical, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, paddingHorizontal, paddingVertical, borderWidth, borderColor, backgroundColor, twClassName, style, children, ...props }, ref) => {
     const tw = useTailwind();

package/dist/components/Box/Box.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Box.mjs","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAC1C,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAEpC,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,yBAAyB,EACzB,2BAA2B,EAC3B,4BAA4B,EAC5B,0BAA0B,EAC1B,gCAAgC,EAChC,8BAA8B,EAC9B,sBAAsB,EACtB,0BAA0B,EAC1B,4BAA4B,EAC5B,6BAA6B,EAC7B,2BAA2B,EAC3B,iCAAiC,EACjC,+BAA+B,EAC/B,2BAA2B,EAC5B,4BAAwB;AAGzB,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAC3B,CACE,EACE,aAAa,EACb,QAAQ,EACR,GAAG,EACH,UAAU,EACV,cAAc,EACd,MAAM,EACN,SAAS,EACT,WAAW,EACX,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,OAAO,EACP,UAAU,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,WAAW,EACX,eAAe,EACf,WAAW,EACX,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACC,EACX,GAAG,EACH,EAAE;IACF,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,OAAO,CACL,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,MAAM,EACN,aAAa,EACb,QAAQ,EACR,GAAG,KAAK,SAAS,IAAI,kBAAkB,CAAC,GAAG,CAAC,EAC5C,UAAU,EACV,cAAc,EACd,MAAM,KAAK,SAAS,IAAI,qBAAqB,CAAC,MAAM,CAAC,EACrD,SAAS,KAAK,SAAS,IAAI,yBAAyB,CAAC,SAAS,CAAC,EAC/D,WAAW,KAAK,SAAS;gBACvB,2BAA2B,CAAC,WAAW,CAAC,EAC1C,YAAY,KAAK,SAAS;gBACxB,4BAA4B,CAAC,YAAY,CAAC,EAC5C,UAAU,KAAK,SAAS,IAAI,0BAA0B,CAAC,UAAU,CAAC,EAClE,gBAAgB,KAAK,SAAS;gBAC5B,gCAAgC,CAAC,gBAAgB,CAAC,EACpD,cAAc,KAAK,SAAS;gBAC1B,8BAA8B,CAAC,cAAc,CAAC,EAChD,OAAO,KAAK,SAAS,IAAI,sBAAsB,CAAC,OAAO,CAAC,EACxD,UAAU,KAAK,SAAS,IAAI,0BAA0B,CAAC,UAAU,CAAC,EAClE,YAAY,KAAK,SAAS;gBACxB,4BAA4B,CAAC,YAAY,CAAC,EAC5C,aAAa,KAAK,SAAS;gBACzB,6BAA6B,CAAC,aAAa,CAAC,EAC9C,WAAW,KAAK,SAAS;gBACvB,2BAA2B,CAAC,WAAW,CAAC,EAC1C,iBAAiB,KAAK,SAAS;gBAC7B,iCAAiC,CAAC,iBAAiB,CAAC,EACtD,eAAe,KAAK,SAAS;gBAC3B,+BAA+B,CAAC,eAAe,CAAC,EAClD,WAAW,KAAK,SAAS;gBACvB,2BAA2B,CAAC,WAAW,CAAC,EAC1C,WAAW,EACX,eAAe,EACf,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { forwardRef } from 'react';\nimport { View } from 'react-native';\n\nimport {\n  TWCLASSMAP_BOX_GAP,\n  TWCLASSMAP_BOX_MARGIN,\n  TWCLASSMAP_BOX_MARGIN_TOP,\n  TWCLASSMAP_BOX_MARGIN_RIGHT,\n  TWCLASSMAP_BOX_MARGIN_BOTTOM,\n  TWCLASSMAP_BOX_MARGIN_LEFT,\n  TWCLASSMAP_BOX_MARGIN_HORIZONTAL,\n  TWCLASSMAP_BOX_MARGIN_VERTICAL,\n  TWCLASSMAP_BOX_PADDING,\n  TWCLASSMAP_BOX_PADDING_TOP,\n  TWCLASSMAP_BOX_PADDING_RIGHT,\n  TWCLASSMAP_BOX_PADDING_BOTTOM,\n  TWCLASSMAP_BOX_PADDING_LEFT,\n  TWCLASSMAP_BOX_PADDING_HORIZONTAL,\n  TWCLASSMAP_BOX_PADDING_VERTICAL,\n  TWCLASSMAP_BOX_BORDER_WIDTH,\n} from './Box.constants';\nimport type { BoxProps } from './Box.types';\n\nexport const Box = forwardRef<View, BoxProps>(\n  (\n    {\n      flexDirection,\n      flexWrap,\n      gap,\n      alignItems,\n      justifyContent,\n      margin,\n      marginTop,\n      marginRight,\n      marginBottom,\n      marginLeft,\n      marginHorizontal,\n      marginVertical,\n      padding,\n      paddingTop,\n      paddingRight,\n      paddingBottom,\n      paddingLeft,\n      paddingHorizontal,\n      paddingVertical,\n      borderWidth,\n      borderColor,\n      backgroundColor,\n      twClassName,\n      style,\n      children,\n      ...props\n    }: BoxProps,\n    ref,\n  ) => {\n    const tw = useTailwind();\n\n    return (\n      <View\n        ref={ref}\n        {...props}\n        style={[\n          tw.style(\n            'flex',\n            flexDirection,\n            flexWrap,\n            gap !== undefined && TWCLASSMAP_BOX_GAP[gap],\n            alignItems,\n            justifyContent,\n            margin !== undefined && TWCLASSMAP_BOX_MARGIN[margin],\n            marginTop !== undefined && TWCLASSMAP_BOX_MARGIN_TOP[marginTop],\n            marginRight !== undefined &&\n              TWCLASSMAP_BOX_MARGIN_RIGHT[marginRight],\n            marginBottom !== undefined &&\n              TWCLASSMAP_BOX_MARGIN_BOTTOM[marginBottom],\n            marginLeft !== undefined && TWCLASSMAP_BOX_MARGIN_LEFT[marginLeft],\n            marginHorizontal !== undefined &&\n              TWCLASSMAP_BOX_MARGIN_HORIZONTAL[marginHorizontal],\n            marginVertical !== undefined &&\n              TWCLASSMAP_BOX_MARGIN_VERTICAL[marginVertical],\n            padding !== undefined && TWCLASSMAP_BOX_PADDING[padding],\n            paddingTop !== undefined && TWCLASSMAP_BOX_PADDING_TOP[paddingTop],\n            paddingRight !== undefined &&\n              TWCLASSMAP_BOX_PADDING_RIGHT[paddingRight],\n            paddingBottom !== undefined &&\n              TWCLASSMAP_BOX_PADDING_BOTTOM[paddingBottom],\n            paddingLeft !== undefined &&\n              TWCLASSMAP_BOX_PADDING_LEFT[paddingLeft],\n            paddingHorizontal !== undefined &&\n              TWCLASSMAP_BOX_PADDING_HORIZONTAL[paddingHorizontal],\n            paddingVertical !== undefined &&\n              TWCLASSMAP_BOX_PADDING_VERTICAL[paddingVertical],\n            borderWidth !== undefined &&\n              TWCLASSMAP_BOX_BORDER_WIDTH[borderWidth],\n            borderColor,\n            backgroundColor,\n            twClassName,\n          ),\n          style,\n        ]}\n      >\n        {children}\n      </View>\n    );\n  },\n);\n\nBox.displayName = 'Box';\n"]}
+{"version":3,"file":"Box.mjs","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAC1C,OAAO,EAAE,IAAI,EAAE,qBAAqB;AAEpC,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,yBAAyB,EACzB,2BAA2B,EAC3B,4BAA4B,EAC5B,0BAA0B,EAC1B,gCAAgC,EAChC,8BAA8B,EAC9B,sBAAsB,EACtB,0BAA0B,EAC1B,4BAA4B,EAC5B,6BAA6B,EAC7B,2BAA2B,EAC3B,iCAAiC,EACjC,+BAA+B,EAC/B,2BAA2B,EAC5B,4BAAwB;AAGzB,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAC3B,CACE,EACE,aAAa,EACb,QAAQ,EACR,GAAG,EACH,UAAU,EACV,cAAc,EACd,MAAM,EACN,SAAS,EACT,WAAW,EACX,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,OAAO,EACP,UAAU,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,WAAW,EACX,eAAe,EACf,WAAW,EACX,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACC,EACX,GAAG,EACH,EAAE;IACF,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,OAAO,CACL,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,MAAM,EACN,aAAa,EACb,QAAQ,EACR,GAAG,KAAK,SAAS,IAAI,kBAAkB,CAAC,GAAG,CAAC,EAC5C,UAAU,EACV,cAAc,EACd,MAAM,KAAK,SAAS,IAAI,qBAAqB,CAAC,MAAM,CAAC,EACrD,SAAS,KAAK,SAAS,IAAI,yBAAyB,CAAC,SAAS,CAAC,EAC/D,WAAW,KAAK,SAAS;gBACvB,2BAA2B,CAAC,WAAW,CAAC,EAC1C,YAAY,KAAK,SAAS;gBACxB,4BAA4B,CAAC,YAAY,CAAC,EAC5C,UAAU,KAAK,SAAS,IAAI,0BAA0B,CAAC,UAAU,CAAC,EAClE,gBAAgB,KAAK,SAAS;gBAC5B,gCAAgC,CAAC,gBAAgB,CAAC,EACpD,cAAc,KAAK,SAAS;gBAC1B,8BAA8B,CAAC,cAAc,CAAC,EAChD,OAAO,KAAK,SAAS,IAAI,sBAAsB,CAAC,OAAO,CAAC,EACxD,UAAU,KAAK,SAAS,IAAI,0BAA0B,CAAC,UAAU,CAAC,EAClE,YAAY,KAAK,SAAS;gBACxB,4BAA4B,CAAC,YAAY,CAAC,EAC5C,aAAa,KAAK,SAAS;gBACzB,6BAA6B,CAAC,aAAa,CAAC,EAC9C,WAAW,KAAK,SAAS;gBACvB,2BAA2B,CAAC,WAAW,CAAC,EAC1C,iBAAiB,KAAK,SAAS;gBAC7B,iCAAiC,CAAC,iBAAiB,CAAC,EACtD,eAAe,KAAK,SAAS;gBAC3B,+BAA+B,CAAC,eAAe,CAAC,EAClD,WAAW,KAAK,SAAS;gBACvB,2BAA2B,CAAC,WAAW,CAAC,EAC1C,WAAW,EACX,eAAe,EACf,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { forwardRef } from 'react';\nimport { View } from 'react-native';\n\nimport {\n  TWCLASSMAP_BOX_GAP,\n  TWCLASSMAP_BOX_MARGIN,\n  TWCLASSMAP_BOX_MARGIN_TOP,\n  TWCLASSMAP_BOX_MARGIN_RIGHT,\n  TWCLASSMAP_BOX_MARGIN_BOTTOM,\n  TWCLASSMAP_BOX_MARGIN_LEFT,\n  TWCLASSMAP_BOX_MARGIN_HORIZONTAL,\n  TWCLASSMAP_BOX_MARGIN_VERTICAL,\n  TWCLASSMAP_BOX_PADDING,\n  TWCLASSMAP_BOX_PADDING_TOP,\n  TWCLASSMAP_BOX_PADDING_RIGHT,\n  TWCLASSMAP_BOX_PADDING_BOTTOM,\n  TWCLASSMAP_BOX_PADDING_LEFT,\n  TWCLASSMAP_BOX_PADDING_HORIZONTAL,\n  TWCLASSMAP_BOX_PADDING_VERTICAL,\n  TWCLASSMAP_BOX_BORDER_WIDTH,\n} from './Box.constants';\nimport type { BoxProps } from './Box.types';\n\nexport const Box = forwardRef<View, BoxProps>(\n  (\n    {\n      flexDirection,\n      flexWrap,\n      gap,\n      alignItems,\n      justifyContent,\n      margin,\n      marginTop,\n      marginRight,\n      marginBottom,\n      marginLeft,\n      marginHorizontal,\n      marginVertical,\n      padding,\n      paddingTop,\n      paddingRight,\n      paddingBottom,\n      paddingLeft,\n      paddingHorizontal,\n      paddingVertical,\n      borderWidth,\n      borderColor,\n      backgroundColor,\n      twClassName,\n      style,\n      children,\n      ...props\n    }: BoxProps,\n    ref,\n  ) => {\n    const tw = useTailwind();\n\n    return (\n      <View\n        ref={ref}\n        {...props}\n        style={[\n          tw.style(\n            'flex',\n            flexDirection,\n            flexWrap,\n            gap !== undefined && TWCLASSMAP_BOX_GAP[gap],\n            alignItems,\n            justifyContent,\n            margin !== undefined && TWCLASSMAP_BOX_MARGIN[margin],\n            marginTop !== undefined && TWCLASSMAP_BOX_MARGIN_TOP[marginTop],\n            marginRight !== undefined &&\n              TWCLASSMAP_BOX_MARGIN_RIGHT[marginRight],\n            marginBottom !== undefined &&\n              TWCLASSMAP_BOX_MARGIN_BOTTOM[marginBottom],\n            marginLeft !== undefined && TWCLASSMAP_BOX_MARGIN_LEFT[marginLeft],\n            marginHorizontal !== undefined &&\n              TWCLASSMAP_BOX_MARGIN_HORIZONTAL[marginHorizontal],\n            marginVertical !== undefined &&\n              TWCLASSMAP_BOX_MARGIN_VERTICAL[marginVertical],\n            padding !== undefined && TWCLASSMAP_BOX_PADDING[padding],\n            paddingTop !== undefined && TWCLASSMAP_BOX_PADDING_TOP[paddingTop],\n            paddingRight !== undefined &&\n              TWCLASSMAP_BOX_PADDING_RIGHT[paddingRight],\n            paddingBottom !== undefined &&\n              TWCLASSMAP_BOX_PADDING_BOTTOM[paddingBottom],\n            paddingLeft !== undefined &&\n              TWCLASSMAP_BOX_PADDING_LEFT[paddingLeft],\n            paddingHorizontal !== undefined &&\n              TWCLASSMAP_BOX_PADDING_HORIZONTAL[paddingHorizontal],\n            paddingVertical !== undefined &&\n              TWCLASSMAP_BOX_PADDING_VERTICAL[paddingVertical],\n            borderWidth !== undefined &&\n              TWCLASSMAP_BOX_BORDER_WIDTH[borderWidth],\n            borderColor,\n            backgroundColor,\n            twClassName,\n          ),\n          style,\n        ]}\n      >\n        {children}\n      </View>\n    );\n  },\n);\n\nBox.displayName = 'Box';\n"]}

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

@@ -1,5 +1,5 @@
 import type { BoxPropsShared } from "@metamask-previews/design-system-shared";
-import type { ViewProps } from "react-native/index.js";
+import type { ViewProps } from "react-native";
 export type BoxProps = BoxPropsShared & ViewProps & {
     /**
      * Optional prop to add twrnc overriding classNames.

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

@@ -1 +1 @@
-{"version":3,"file":"Box.types.d.cts","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,gDAAgD;AAC9E,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C,MAAM,MAAM,QAAQ,GAAG,cAAc,GACnC,SAAS,GAAG;IACV;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
+{"version":3,"file":"Box.types.d.cts","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,gDAAgD;AAC9E,OAAO,KAAK,EAAE,SAAS,EAAE,qBAAqB;AAE9C,MAAM,MAAM,QAAQ,GAAG,cAAc,GACnC,SAAS,GAAG;IACV;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

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

@@ -1,5 +1,5 @@
 import type { BoxPropsShared } from "@metamask-previews/design-system-shared";
-import type { ViewProps } from "react-native/index.js";
+import type { ViewProps } from "react-native";
 export type BoxProps = BoxPropsShared & ViewProps & {
     /**
      * Optional prop to add twrnc overriding classNames.

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

@@ -1 +1 @@
-{"version":3,"file":"Box.types.d.mts","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,gDAAgD;AAC9E,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C,MAAM,MAAM,QAAQ,GAAG,cAAc,GACnC,SAAS,GAAG;IACV;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
+{"version":3,"file":"Box.types.d.mts","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,gDAAgD;AAC9E,OAAO,KAAK,EAAE,SAAS,EAAE,qBAAqB;AAE9C,MAAM,MAAM,QAAQ,GAAG,cAAc,GACnC,SAAS,GAAG;IACV;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { ButtonBasePropsShared, IconName } from "@metamask-previews/design-system-shared";
-import type { PressableProps, StyleProp, ViewStyle } from "react-native/index.js";
+import type { PressableProps, StyleProp, ViewStyle } from "react-native";
 import type { BoxProps } from "../Box/Box.types.cjs";
 import type { BoxRowProps } from "../BoxRow/BoxRow.types.cjs";
 import type { IconProps } from "../Icon/index.cjs";

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonBase.types.d.cts","sourceRoot":"","sources":["../../../src/components/ButtonBase/ButtonBase.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,QAAQ,EACT,gDAAgD;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,8BAAqB;AAEzE,OAAO,KAAK,EAAE,QAAQ,EAAE,6BAAyB;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,mCAA+B;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AACzC,OAAO,KAAK,EAAE,YAAY,EAAE,6CAAmC;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG;IACpD;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACjD;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACrC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;IAC1D;;OAEG;IACH,mBAAmB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC,CAAC;IAC3E;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACpC;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC;IACtD;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC;IAC7C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC;IAC7C;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,MAAM,CAAC;IACpE;;;OAGG;IACH,oBAAoB,CAAC,EAAE;QACrB,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,EAAE,CAAC;IACJ;;OAEG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC9B,WAAW,EAAE;YAAE,UAAU,EAAE,MAAM,CAAA;SAAE,CAAC;KACrC,KAAK,IAAI,CAAC;CACZ,GAAG,IAAI,CACJ,cAAc,EACZ,mBAAmB,GACnB,oBAAoB,GACpB,mBAAmB,GACnB,sBAAsB,GACtB,uBAAuB,CAC1B,CAAC"}
+{"version":3,"file":"ButtonBase.types.d.cts","sourceRoot":"","sources":["../../../src/components/ButtonBase/ButtonBase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,QAAQ,EACT,gDAAgD;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB;AAEzE,OAAO,KAAK,EAAE,QAAQ,EAAE,6BAAyB;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,mCAA+B;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AACzC,OAAO,KAAK,EAAE,YAAY,EAAE,6CAAmC;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG;IACpD;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACjD;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACrC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;IAC1D;;OAEG;IACH,mBAAmB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC,CAAC;IAC3E;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACpC;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC;IACtD;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC;IAC7C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC;IAC7C;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,MAAM,CAAC;IACpE;;;OAGG;IACH,oBAAoB,CAAC,EAAE;QACrB,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,EAAE,CAAC;IACJ;;OAEG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC9B,WAAW,EAAE;YAAE,UAAU,EAAE,MAAM,CAAA;SAAE,CAAC;KACrC,KAAK,IAAI,CAAC;CACZ,GAAG,IAAI,CACJ,cAAc,EACZ,mBAAmB,GACnB,oBAAoB,GACpB,mBAAmB,GACnB,sBAAsB,GACtB,uBAAuB,CAC1B,CAAC"}

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { ButtonBasePropsShared, IconName } from "@metamask-previews/design-system-shared";
-import type { PressableProps, StyleProp, ViewStyle } from "react-native/index.js";
+import type { PressableProps, StyleProp, ViewStyle } from "react-native";
 import type { BoxProps } from "../Box/Box.types.mjs";
 import type { BoxRowProps } from "../BoxRow/BoxRow.types.mjs";
 import type { IconProps } from "../Icon/index.mjs";

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonBase.types.d.mts","sourceRoot":"","sources":["../../../src/components/ButtonBase/ButtonBase.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,QAAQ,EACT,gDAAgD;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,8BAAqB;AAEzE,OAAO,KAAK,EAAE,QAAQ,EAAE,6BAAyB;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,mCAA+B;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AACzC,OAAO,KAAK,EAAE,YAAY,EAAE,6CAAmC;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG;IACpD;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACjD;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACrC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;IAC1D;;OAEG;IACH,mBAAmB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC,CAAC;IAC3E;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACpC;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC;IACtD;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC;IAC7C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC;IAC7C;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,MAAM,CAAC;IACpE;;;OAGG;IACH,oBAAoB,CAAC,EAAE;QACrB,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,EAAE,CAAC;IACJ;;OAEG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC9B,WAAW,EAAE;YAAE,UAAU,EAAE,MAAM,CAAA;SAAE,CAAC;KACrC,KAAK,IAAI,CAAC;CACZ,GAAG,IAAI,CACJ,cAAc,EACZ,mBAAmB,GACnB,oBAAoB,GACpB,mBAAmB,GACnB,sBAAsB,GACtB,uBAAuB,CAC1B,CAAC"}
+{"version":3,"file":"ButtonBase.types.d.mts","sourceRoot":"","sources":["../../../src/components/ButtonBase/ButtonBase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,QAAQ,EACT,gDAAgD;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB;AAEzE,OAAO,KAAK,EAAE,QAAQ,EAAE,6BAAyB;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,mCAA+B;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AACzC,OAAO,KAAK,EAAE,YAAY,EAAE,6CAAmC;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG;IACpD;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACjD;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACrC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;IAC1D;;OAEG;IACH,mBAAmB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC,CAAC;IAC3E;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACpC;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC;IACtD;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC;IAC7C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC;IAC7C;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,MAAM,CAAC;IACpE;;;OAGG;IACH,oBAAoB,CAAC,EAAE;QACrB,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,EAAE,CAAC;IACJ;;OAEG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC9B,WAAW,EAAE;YAAE,UAAU,EAAE,MAAM,CAAA;SAAE,CAAC;KACrC,KAAK,IAAI,CAAC;CACZ,GAAG,IAAI,CACJ,cAAc,EACZ,mBAAmB,GACnB,oBAAoB,GACpB,mBAAmB,GACnB,sBAAsB,GACtB,uBAAuB,CAC1B,CAAC"}

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

@@ -1,5 +1,5 @@
 import type { ButtonIconPropsShared } from "@metamask-previews/design-system-shared";
-import type { StyleProp, ViewStyle } from "react-native/index.js";
+import type { StyleProp, ViewStyle } from "react-native";
 import type { IconProps } from "../Icon/index.cjs";
 import type { ButtonAnimatedProps } from "../temp-components/ButtonAnimated/index.cjs";
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.types.d.cts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gDAAgD;AACrF,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,8BAAqB;AAEzD,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AACzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,oDAA0C;AAE7E;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG;IACpD;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"ButtonIcon.types.d.cts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gDAAgD;AACrF,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB;AAEzD,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AACzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,oDAA0C;AAE7E;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG;IACpD;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC"}

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

@@ -1,5 +1,5 @@
 import type { ButtonIconPropsShared } from "@metamask-previews/design-system-shared";
-import type { StyleProp, ViewStyle } from "react-native/index.js";
+import type { StyleProp, ViewStyle } from "react-native";
 import type { IconProps } from "../Icon/index.mjs";
 import type { ButtonAnimatedProps } from "../temp-components/ButtonAnimated/index.mjs";
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.types.d.mts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gDAAgD;AACrF,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,8BAAqB;AAEzD,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AACzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,oDAA0C;AAE7E;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG;IACpD;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"ButtonIcon.types.d.mts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gDAAgD;AACrF,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB;AAEzD,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AACzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,oDAA0C;AAE7E;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG;IACpD;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC"}

package/dist/components/Card/Card.cjs

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Card = void 0;
 const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
 const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native/index.js");
+const react_native_1 = require("react-native");
 const Card = ({ children, onPress, twClassName, touchableOpacityProps, style, ...props }) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
     const cardStyle = [
@@ -14,7 +14,7 @@ const Card = ({ children, onPress, twClassName, touchableOpacityProps, style, ..
         style,
     ];
     if (onPress) {
-        return (<react_native_1.TouchableOpacity onPress={onPress} style={cardStyle} {...touchableOpacityProps} {...props}>
+        return (<react_native_1.TouchableOpacity {...props} onPress={onPress} style={cardStyle} {...touchableOpacityProps}>
         {children}
       </react_native_1.TouchableOpacity>);
     }

package/dist/components/Card/Card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.cjs","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;;;AAAA,8FAA4E;AAC5E,kDAA0B;AAC1B,wDAAsD;AAI/C,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,KAAK,EACL,GAAG,KAAK,EACE,EAAE,EAAE;IACd,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,MAAM,SAAS,GAAG;QAChB,EAAE,CAAC,KAAK,CAAC,8CAA8C,EAAE,WAAW,CAAC;QACrE,KAAK;KACN,CAAC;IAEF,IAAI,OAAO,EAAE;QACX,OAAO,CACL,CAAC,+BAAgB,CACf,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,IAAI,qBAAqB,CAAC,CAC1B,IAAI,KAAK,CAAC,CAEV;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,+BAAgB,CAAC,CACpB,CAAC;KACH;IAED,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,CAAC,CAChC;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,IAAI,QAiCf","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nimport type { CardProps } from './Card.types';\n\nexport const Card = ({\n  children,\n  onPress,\n  twClassName,\n  touchableOpacityProps,\n  style,\n  ...props\n}: CardProps) => {\n  const tw = useTailwind();\n\n  const cardStyle = [\n    tw.style('p-4 rounded border border-default bg-default', twClassName),\n    style,\n  ];\n\n  if (onPress) {\n    return (\n      <TouchableOpacity\n        onPress={onPress}\n        style={cardStyle}\n        {...touchableOpacityProps}\n        {...props}\n      >\n        {children}\n      </TouchableOpacity>\n    );\n  }\n\n  return (\n    <View style={cardStyle} {...props}>\n      {children}\n    </View>\n  );\n};\n"]}
+{"version":3,"file":"Card.cjs","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;;;AAAA,8FAA4E;AAC5E,kDAA0B;AAC1B,+CAAsD;AAI/C,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,KAAK,EACL,GAAG,KAAK,EACE,EAAE,EAAE;IACd,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,MAAM,SAAS,GAAG;QAChB,EAAE,CAAC,KAAK,CAAC,8CAA8C,EAAE,WAAW,CAAC;QACrE,KAAK;KACN,CAAC;IAEF,IAAI,OAAO,EAAE;QACX,OAAO,CACL,CAAC,+BAAgB,CACf,IAAI,KAAK,CAAC,CACV,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,IAAI,qBAAqB,CAAC,CAE1B;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,+BAAgB,CAAC,CACpB,CAAC;KACH;IAED,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,CAAC,CAChC;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,IAAI,QAiCf","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nimport type { CardProps } from './Card.types';\n\nexport const Card = ({\n  children,\n  onPress,\n  twClassName,\n  touchableOpacityProps,\n  style,\n  ...props\n}: CardProps) => {\n  const tw = useTailwind();\n\n  const cardStyle = [\n    tw.style('p-4 rounded border border-default bg-default', twClassName),\n    style,\n  ];\n\n  if (onPress) {\n    return (\n      <TouchableOpacity\n        {...props}\n        onPress={onPress}\n        style={cardStyle}\n        {...touchableOpacityProps}\n      >\n        {children}\n      </TouchableOpacity>\n    );\n  }\n\n  return (\n    <View style={cardStyle} {...props}>\n      {children}\n    </View>\n  );\n};\n"]}

package/dist/components/Card/Card.mjs

@@ -7,7 +7,7 @@ function $importDefault(module) {
 import { useTailwind } from "@metamask-previews/design-system-twrnc-preset";
 import $React from "react";
 const React = $importDefault($React);
-import { TouchableOpacity, View } from "react-native/index.js";
+import { TouchableOpacity, View } from "react-native";
 export const Card = ({ children, onPress, twClassName, touchableOpacityProps, style, ...props }) => {
     const tw = useTailwind();
     const cardStyle = [
@@ -15,7 +15,7 @@ export const Card = ({ children, onPress, twClassName, touchableOpacityProps, st
         style,
     ];
     if (onPress) {
-        return (<TouchableOpacity onPress={onPress} style={cardStyle} {...touchableOpacityProps} {...props}>
+        return (<TouchableOpacity {...props} onPress={onPress} style={cardStyle} {...touchableOpacityProps}>
         {children}
       </TouchableOpacity>);
     }

package/dist/components/Card/Card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.mjs","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,8BAAqB;AAItD,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,KAAK,EACL,GAAG,KAAK,EACE,EAAE,EAAE;IACd,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,MAAM,SAAS,GAAG;QAChB,EAAE,CAAC,KAAK,CAAC,8CAA8C,EAAE,WAAW,CAAC;QACrE,KAAK;KACN,CAAC;IAEF,IAAI,OAAO,EAAE;QACX,OAAO,CACL,CAAC,gBAAgB,CACf,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,IAAI,qBAAqB,CAAC,CAC1B,IAAI,KAAK,CAAC,CAEV;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;KACH;IAED,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,CAAC,CAChC;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nimport type { CardProps } from './Card.types';\n\nexport const Card = ({\n  children,\n  onPress,\n  twClassName,\n  touchableOpacityProps,\n  style,\n  ...props\n}: CardProps) => {\n  const tw = useTailwind();\n\n  const cardStyle = [\n    tw.style('p-4 rounded border border-default bg-default', twClassName),\n    style,\n  ];\n\n  if (onPress) {\n    return (\n      <TouchableOpacity\n        onPress={onPress}\n        style={cardStyle}\n        {...touchableOpacityProps}\n        {...props}\n      >\n        {children}\n      </TouchableOpacity>\n    );\n  }\n\n  return (\n    <View style={cardStyle} {...props}>\n      {children}\n    </View>\n  );\n};\n"]}
+{"version":3,"file":"Card.mjs","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,qBAAqB;AAItD,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,KAAK,EACL,GAAG,KAAK,EACE,EAAE,EAAE;IACd,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,MAAM,SAAS,GAAG;QAChB,EAAE,CAAC,KAAK,CAAC,8CAA8C,EAAE,WAAW,CAAC;QACrE,KAAK;KACN,CAAC;IAEF,IAAI,OAAO,EAAE;QACX,OAAO,CACL,CAAC,gBAAgB,CACf,IAAI,KAAK,CAAC,CACV,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,IAAI,qBAAqB,CAAC,CAE1B;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;KACH;IAED,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,CAAC,CAChC;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nimport type { CardProps } from './Card.types';\n\nexport const Card = ({\n  children,\n  onPress,\n  twClassName,\n  touchableOpacityProps,\n  style,\n  ...props\n}: CardProps) => {\n  const tw = useTailwind();\n\n  const cardStyle = [\n    tw.style('p-4 rounded border border-default bg-default', twClassName),\n    style,\n  ];\n\n  if (onPress) {\n    return (\n      <TouchableOpacity\n        {...props}\n        onPress={onPress}\n        style={cardStyle}\n        {...touchableOpacityProps}\n      >\n        {children}\n      </TouchableOpacity>\n    );\n  }\n\n  return (\n    <View style={cardStyle} {...props}>\n      {children}\n    </View>\n  );\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Card.types.cjs","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode } from 'react';\nimport type { TouchableOpacityProps, ViewProps } from 'react-native';\n\n/**\n * Card component props.\n */\nexport type CardProps = {\n  /**\n   * Content to display inside the card.\n   */\n  children: ReactNode;\n  /**\n   * Optional callback when the card is pressed.\n   * When provided, the card wraps content in a TouchableOpacity.\n   */\n  onPress?: () => void;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n  /**\n   * Optional props to pass to the underlying TouchableOpacity when onPress is provided.\n   */\n  touchableOpacityProps?: Omit<\n    TouchableOpacityProps,\n    'onPress' | 'style' | 'children'\n  >;\n} & ViewProps;\n"]}
+{"version":3,"file":"Card.types.cjs","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode } from 'react';\nimport type { TouchableOpacityProps } from 'react-native';\n\n/**\n * Card component props.\n */\nexport type CardProps = {\n  /**\n   * Content to display inside the card.\n   */\n  children: ReactNode;\n  /**\n   * Optional callback when the card is pressed.\n   * When provided, the card wraps content in a TouchableOpacity.\n   */\n  onPress?: () => void;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n  /**\n   * Optional props to pass to the underlying TouchableOpacity when onPress is provided.\n   */\n  touchableOpacityProps?: Omit<\n    TouchableOpacityProps,\n    'onPress' | 'style' | 'children'\n  >;\n} & TouchableOpacityProps;\n"]}

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { TouchableOpacityProps, ViewProps } from "react-native/index.js";
+import type { TouchableOpacityProps } from "react-native";
 /**
  * Card component props.
  */
@@ -21,5 +21,5 @@ export type CardProps = {
      * Optional props to pass to the underlying TouchableOpacity when onPress is provided.
      */
     touchableOpacityProps?: Omit<TouchableOpacityProps, 'onPress' | 'style' | 'children'>;
-} & ViewProps;
+} & TouchableOpacityProps;
 //# sourceMappingURL=Card.types.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.types.d.cts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AACvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,8BAAqB;AAErE;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,qBAAqB,CAAC,EAAE,IAAI,CAC1B,qBAAqB,EACrB,SAAS,GAAG,OAAO,GAAG,UAAU,CACjC,CAAC;CACH,GAAG,SAAS,CAAC"}
+{"version":3,"file":"Card.types.d.cts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AACvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB;AAE1D;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,qBAAqB,CAAC,EAAE,IAAI,CAC1B,qBAAqB,EACrB,SAAS,GAAG,OAAO,GAAG,UAAU,CACjC,CAAC;CACH,GAAG,qBAAqB,CAAC"}

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { TouchableOpacityProps, ViewProps } from "react-native/index.js";
+import type { TouchableOpacityProps } from "react-native";
 /**
  * Card component props.
  */
@@ -21,5 +21,5 @@ export type CardProps = {
      * Optional props to pass to the underlying TouchableOpacity when onPress is provided.
      */
     touchableOpacityProps?: Omit<TouchableOpacityProps, 'onPress' | 'style' | 'children'>;
-} & ViewProps;
+} & TouchableOpacityProps;
 //# sourceMappingURL=Card.types.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.types.d.mts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AACvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,8BAAqB;AAErE;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,qBAAqB,CAAC,EAAE,IAAI,CAC1B,qBAAqB,EACrB,SAAS,GAAG,OAAO,GAAG,UAAU,CACjC,CAAC;CACH,GAAG,SAAS,CAAC"}
+{"version":3,"file":"Card.types.d.mts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AACvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB;AAE1D;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,qBAAqB,CAAC,EAAE,IAAI,CAC1B,qBAAqB,EACrB,SAAS,GAAG,OAAO,GAAG,UAAU,CACjC,CAAC;CACH,GAAG,qBAAqB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Card.types.mjs","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode } from 'react';\nimport type { TouchableOpacityProps, ViewProps } from 'react-native';\n\n/**\n * Card component props.\n */\nexport type CardProps = {\n  /**\n   * Content to display inside the card.\n   */\n  children: ReactNode;\n  /**\n   * Optional callback when the card is pressed.\n   * When provided, the card wraps content in a TouchableOpacity.\n   */\n  onPress?: () => void;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n  /**\n   * Optional props to pass to the underlying TouchableOpacity when onPress is provided.\n   */\n  touchableOpacityProps?: Omit<\n    TouchableOpacityProps,\n    'onPress' | 'style' | 'children'\n  >;\n} & ViewProps;\n"]}
+{"version":3,"file":"Card.types.mjs","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode } from 'react';\nimport type { TouchableOpacityProps } from 'react-native';\n\n/**\n * Card component props.\n */\nexport type CardProps = {\n  /**\n   * Content to display inside the card.\n   */\n  children: ReactNode;\n  /**\n   * Optional callback when the card is pressed.\n   * When provided, the card wraps content in a TouchableOpacity.\n   */\n  onPress?: () => void;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n  /**\n   * Optional props to pass to the underlying TouchableOpacity when onPress is provided.\n   */\n  touchableOpacityProps?: Omit<\n    TouchableOpacityProps,\n    'onPress' | 'style' | 'children'\n  >;\n} & TouchableOpacityProps;\n"]}

package/dist/components/Checkbox/Checkbox.cjs

@@ -26,7 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Checkbox = void 0;
 const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
 const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native/index.js");
+const react_native_1 = require("react-native");
 const Icon_1 = require("../Icon/index.cjs");
 const TextOrChildren_1 = require("../temp-components/TextOrChildren/index.cjs");
 const AnimatedView = react_native_1.Animated.View;

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-previews/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-primary-default' : 'bg-default';\n        let baseBorder = 'border-default';\n        if (isSelected) {\n          baseBorder = 'border-primary-default';\n        } else if (isInvalid) {\n          baseBorder = 'border-error-default';\n        }\n        const pressedBg = isSelected\n          ? 'bg-primary-default-pressed'\n          : 'bg-default-pressed';\n        let pressedBorder = 'border-default';\n        if (isSelected) {\n          pressedBorder = 'border-primary-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.PrimaryInverse}\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-previews/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-primary-default' : 'bg-default';\n        let baseBorder = 'border-default';\n        if (isSelected) {\n          baseBorder = 'border-primary-default';\n        } else if (isInvalid) {\n          baseBorder = 'border-error-default';\n        }\n        const pressedBg = isSelected\n          ? 'bg-primary-default-pressed'\n          : 'bg-default-pressed';\n        let pressedBorder = 'border-default';\n        if (isSelected) {\n          pressedBorder = 'border-primary-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.PrimaryInverse}\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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { PressableStateCallbackType } from "react-native/index.js";
+import type { PressableStateCallbackType } from "react-native";
 export declare const Checkbox: React.ForwardRefExoticComponent<import("@metamask-previews/design-system-shared").CheckboxPropsShared & {
     labelProps?: Omit<Partial<import("../index.cjs").TextProps>, "children"> | undefined;
     checkboxContainerProps?: Omit<Partial<import("react-native").ViewProps>, "children"> | undefined;

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,8BAAqB;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;GA4ItD,CAAC"}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { PressableStateCallbackType } from "react-native/index.js";
+import type { PressableStateCallbackType } from "react-native";
 export declare const Checkbox: React.ForwardRefExoticComponent<import("@metamask-previews/design-system-shared").CheckboxPropsShared & {
     labelProps?: Omit<Partial<import("../index.mjs").TextProps>, "children"> | undefined;
     checkboxContainerProps?: Omit<Partial<import("react-native").ViewProps>, "children"> | undefined;

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,8BAAqB;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;GA4ItD,CAAC"}

package/dist/components/Checkbox/Checkbox.mjs

@@ -7,7 +7,7 @@ function $importDefault(module) {
 import { useTailwind } from "@metamask-previews/design-system-twrnc-preset";
 import $React, { forwardRef, useRef, useImperativeHandle, useCallback, useEffect } from "react";
 const React = $importDefault($React);
-import { Pressable, Animated, Easing } from "react-native/index.js";
+import { Pressable, Animated, Easing } from "react-native";
 import { Icon, IconName, IconColor, IconSize } from "../Icon/index.mjs";
 import { TextOrChildren } from "../temp-components/TextOrChildren/index.mjs";
 const AnimatedView = Animated.View;

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-previews/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-primary-default' : 'bg-default';\n        let baseBorder = 'border-default';\n        if (isSelected) {\n          baseBorder = 'border-primary-default';\n        } else if (isInvalid) {\n          baseBorder = 'border-error-default';\n        }\n        const pressedBg = isSelected\n          ? 'bg-primary-default-pressed'\n          : 'bg-default-pressed';\n        let pressedBorder = 'border-default';\n        if (isSelected) {\n          pressedBorder = 'border-primary-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.PrimaryInverse}\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-previews/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-primary-default' : 'bg-default';\n        let baseBorder = 'border-default';\n        if (isSelected) {\n          baseBorder = 'border-primary-default';\n        } else if (isInvalid) {\n          baseBorder = 'border-error-default';\n        }\n        const pressedBg = isSelected\n          ? 'bg-primary-default-pressed'\n          : 'bg-default-pressed';\n        let pressedBorder = 'border-default';\n        if (isSelected) {\n          pressedBorder = 'border-primary-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.PrimaryInverse}\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.types.d.cts

@@ -1,5 +1,5 @@
 import type { CheckboxPropsShared } from "@metamask-previews/design-system-shared";
-import type { PressableProps, ViewProps } from "react-native/index.js";
+import type { PressableProps, ViewProps } from "react-native";
 import type { IconProps } from "../Icon/index.cjs";
 import type { TextProps } from "../Text/index.cjs";
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.types.d.cts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,gDAAgD;AACnF,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,8BAAqB;AAE9D,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IAChD;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IAElD;;OAEG;IACH,sBAAsB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IAE9D;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAEtC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;CACjC,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"Checkbox.types.d.cts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,gDAAgD;AACnF,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,qBAAqB;AAE9D,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IAChD;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IAElD;;OAEG;IACH,sBAAsB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IAE9D;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAEtC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;CACjC,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC"}

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

@@ -1,5 +1,5 @@
 import type { CheckboxPropsShared } from "@metamask-previews/design-system-shared";
-import type { PressableProps, ViewProps } from "react-native/index.js";
+import type { PressableProps, ViewProps } from "react-native";
 import type { IconProps } from "../Icon/index.mjs";
 import type { TextProps } from "../Text/index.mjs";
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.types.d.mts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,gDAAgD;AACnF,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,8BAAqB;AAE9D,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IAChD;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IAElD;;OAEG;IACH,sBAAsB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IAE9D;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAEtC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;CACjC,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"Checkbox.types.d.mts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,gDAAgD;AACnF,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,qBAAqB;AAE9D,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IAChD;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IAElD;;OAEG;IACH,sBAAsB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IAE9D;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAEtC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;CACjC,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC"}

package/dist/components/HeaderBase/HeaderBase.cjs

@@ -27,7 +27,7 @@ exports.HeaderBase = void 0;
 // Third party dependencies.
 const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
 const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native/index.js");
+const react_native_1 = require("react-native");
 const react_native_safe_area_context_1 = require("react-native-safe-area-context");
 // External dependencies.
 const Box_1 = require("../Box/index.cjs");