@metamask-previews/design-system-react-native 0.0.0-preview.52473ea → 0.0.0-preview.6c1eed6

package/dist/components/BadgeWrapper/BadgeWrapper.js

@@ -0,0 +1,110 @@
+"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.BadgeWrapper = 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");
+const types_1 = require("../../types");
+const BadgeWrapper = ({ children, childrenContainerProps, badge, badgeContainerProps, position = types_1.BadgeWrapperPosition.BottomRight, positionAnchorShape = types_1.BadgeWrapperPositionAnchorShape.Circular, positionXOffset = 0, positionYOffset = 0, customPosition, twClassName = '', style, ...props }) => {
+    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
+    const [anchorWidth, setAnchorWidth] = (0, react_1.useState)(0);
+    const [anchorHeight, setAnchorHeight] = (0, react_1.useState)(0);
+    const [badgeWidth, setbadgeWidth] = (0, react_1.useState)(0);
+    const [badgeHeight, setbadgeHeight] = (0, react_1.useState)(0);
+    // Fetching the dimensions of the anchor and bagde element to properly position the badge
+    const getAnchorSize = (0, react_1.useCallback)((event) => {
+        const { width, height } = event.nativeEvent.layout;
+        setAnchorWidth(width);
+        setAnchorHeight(height);
+    }, []);
+    const getBadgeSize = (0, react_1.useCallback)((event) => {
+        const { width, height } = event.nativeEvent.layout;
+        setbadgeWidth(width);
+        setbadgeHeight(height);
+    }, []);
+    const finalPositions = (0, react_1.useMemo)(() => {
+        if (customPosition) {
+            return customPosition;
+        }
+        // 0.1464 is a mathematical coeeficient to move
+        // from a 0,0 corner of a rectangular shape to the closest "corner"
+        // of a circular shape anchor element
+        const anchorShapeXOffset = positionAnchorShape === types_1.BadgeWrapperPositionAnchorShape.Rectangular
+            ? 0
+            : anchorWidth * 0.1464;
+        const anchorShapeYOffset = positionAnchorShape === types_1.BadgeWrapperPositionAnchorShape.Rectangular
+            ? 0
+            : anchorHeight * 0.1464;
+        // This is to center the badge in the corner of the anchor element
+        const badgeCenteringXOffset = badgeWidth / 2;
+        const badgeCenteringYOffset = badgeHeight / 2;
+        const finalXOffset = anchorShapeXOffset - badgeCenteringXOffset + positionXOffset;
+        const finalYOffset = anchorShapeYOffset - badgeCenteringYOffset + positionYOffset;
+        switch (position) {
+            case types_1.BadgeWrapperPosition.TopRight:
+                return {
+                    top: finalYOffset,
+                    right: finalXOffset,
+                };
+            case types_1.BadgeWrapperPosition.BottomLeft:
+                return {
+                    bottom: finalYOffset,
+                    left: finalXOffset,
+                };
+            case types_1.BadgeWrapperPosition.TopLeft:
+                return {
+                    top: finalYOffset,
+                    left: finalXOffset,
+                };
+            case types_1.BadgeWrapperPosition.BottomRight:
+            default:
+                return {
+                    bottom: finalYOffset,
+                    right: finalXOffset,
+                };
+        }
+    }, [
+        position,
+        positionAnchorShape,
+        anchorWidth,
+        anchorHeight,
+        badgeWidth,
+        badgeHeight,
+        positionXOffset,
+        positionYOffset,
+        customPosition,
+    ]);
+    return (<react_native_1.View style={[tw `relative self-start`, style]} {...props}>
+      <react_native_1.View onLayout={getAnchorSize} {...childrenContainerProps}>
+        {children}
+      </react_native_1.View>
+      <react_native_1.View onLayout={getBadgeSize} style={[tw `absolute`, { ...finalPositions }]} {...badgeContainerProps}>
+        {badge}
+      </react_native_1.View>
+    </react_native_1.View>);
+};
+exports.BadgeWrapper = BadgeWrapper;
+//# sourceMappingURL=BadgeWrapper.js.map

package/dist/components/BadgeWrapper/BadgeWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeWrapper.js","sourceRoot":"","sources":["../../../src/components/BadgeWrapper/BadgeWrapper.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useCallback, useState, useMemo } from 'react';\nimport type { LayoutChangeEvent } from 'react-native';\nimport { View } from 'react-native';\n\nimport {\n  BadgeWrapperPosition,\n  BadgeWrapperPositionAnchorShape,\n} from '../../types';\n\nimport type { BadgeWrapperProps } from './BadgeWrapper.types';\n\nexport const BadgeWrapper = ({\n  children,\n  childrenContainerProps,\n  badge,\n  badgeContainerProps,\n  position = BadgeWrapperPosition.BottomRight,\n  positionAnchorShape = BadgeWrapperPositionAnchorShape.Circular,\n  positionXOffset = 0,\n  positionYOffset = 0,\n  customPosition,\n  twClassName = '',\n  style,\n  ...props\n}: BadgeWrapperProps) => {\n  const tw = useTailwind();\n  const [anchorWidth, setAnchorWidth] = useState<number>(0);\n  const [anchorHeight, setAnchorHeight] = useState<number>(0);\n  const [badgeWidth, setbadgeWidth] = useState<number>(0);\n  const [badgeHeight, setbadgeHeight] = useState<number>(0);\n\n  // Fetching the dimensions of the anchor and bagde element to properly position the badge\n  const getAnchorSize = useCallback((event: LayoutChangeEvent) => {\n    const { width, height } = event.nativeEvent.layout;\n    setAnchorWidth(width);\n    setAnchorHeight(height);\n  }, []);\n  const getBadgeSize = useCallback((event: LayoutChangeEvent) => {\n    const { width, height } = event.nativeEvent.layout;\n    setbadgeWidth(width);\n    setbadgeHeight(height);\n  }, []);\n\n  const finalPositions = useMemo(() => {\n    if (customPosition) {\n      return customPosition;\n    }\n    // 0.1464 is a mathematical coeeficient to move\n    // from a 0,0 corner of a rectangular shape to the closest \"corner\"\n    // of a circular shape anchor element\n    const anchorShapeXOffset =\n      positionAnchorShape === BadgeWrapperPositionAnchorShape.Rectangular\n        ? 0\n        : anchorWidth * 0.1464;\n    const anchorShapeYOffset =\n      positionAnchorShape === BadgeWrapperPositionAnchorShape.Rectangular\n        ? 0\n        : anchorHeight * 0.1464;\n    // This is to center the badge in the corner of the anchor element\n    const badgeCenteringXOffset = badgeWidth / 2;\n    const badgeCenteringYOffset = badgeHeight / 2;\n\n    const finalXOffset =\n      anchorShapeXOffset - badgeCenteringXOffset + positionXOffset;\n    const finalYOffset =\n      anchorShapeYOffset - badgeCenteringYOffset + positionYOffset;\n    switch (position) {\n      case BadgeWrapperPosition.TopRight:\n        return {\n          top: finalYOffset,\n          right: finalXOffset,\n        };\n      case BadgeWrapperPosition.BottomLeft:\n        return {\n          bottom: finalYOffset,\n          left: finalXOffset,\n        };\n      case BadgeWrapperPosition.TopLeft:\n        return {\n          top: finalYOffset,\n          left: finalXOffset,\n        };\n      case BadgeWrapperPosition.BottomRight:\n      default:\n        return {\n          bottom: finalYOffset,\n          right: finalXOffset,\n        };\n    }\n  }, [\n    position,\n    positionAnchorShape,\n    anchorWidth,\n    anchorHeight,\n    badgeWidth,\n    badgeHeight,\n    positionXOffset,\n    positionYOffset,\n    customPosition,\n  ]);\n\n  return (\n    <View style={[tw`relative self-start`, style]} {...props}>\n      <View onLayout={getAnchorSize} {...childrenContainerProps}>\n        {children}\n      </View>\n      <View\n        onLayout={getBadgeSize}\n        style={[tw`absolute`, { ...finalPositions }]}\n        {...badgeContainerProps}\n      >\n        {badge}\n      </View>\n    </View>\n  );\n};\n"]}

package/dist/components/BadgeWrapper/BadgeWrapper.types.d.ts

@@ -0,0 +1,73 @@
+/// <reference types="react" />
+import type { ViewProps, StyleProp, ViewStyle } from 'react-native';
+import type { BadgeWrapperPosition, BadgeWrapperCustomPosition, BadgeWrapperPositionAnchorShape } from '../../types';
+/**
+ * Badge component props.
+ */
+export type BadgeWrapperProps = {
+    /**
+     * Optional prop to determine the shape of the anchoring element.
+     * This prop gets used along with position, positionXOffset, and positionYOffset
+     * to determine the final position.
+     * Possible values:
+     * BadgeWrapperPositionAnchorShape.Circular,
+     * - BadgeWrapperPositionAnchorShape.Rectangular,
+     *
+     * @default BadgeWrapperPositionAnchorShape.Circular
+     */
+    positionAnchorShape?: BadgeWrapperPositionAnchorShape;
+    /**
+     * Optional prop to control the preset position of the badge.
+     * This prop gets used along with positionAnchorShape, positionXOffset, and positionYOffset
+     * to determine the final position.
+     *
+     * @default BadgeWrapperPosition.TopRight
+     */
+    position?: BadgeWrapperPosition;
+    /**
+     * Optional prop to move the preset position horizontally.
+     * This prop gets used along with position, positionAnchorShape, and positionYOffset
+     * to determine the final position.
+     *
+     * @default 0
+     */
+    positionXOffset?: number;
+    /**
+     * Optional prop to move the preset position vertically.
+     * This prop gets used along with position, positionAnchorShape, and positionXOffset
+     * to determine the final position.
+     *
+     * @default 0
+     */
+    positionYOffset?: number;
+    /**
+     * Optional prop to customize the position through the position object.
+     * Position object - {top: 0, right: 0, bottom: 0, left: 0}
+     */
+    customPosition?: BadgeWrapperCustomPosition;
+    /**
+     * The element that the badge will attach itself to.
+     */
+    children: React.ReactNode;
+    /**
+     * Optional prop to pass additional props to the children container
+     */
+    childrenContainerProps?: ViewProps;
+    /**
+     * Any element that will be placed in the position of the badge.
+     */
+    badge: React.ReactNode;
+    /**
+     * Optional prop to pass additional props to the badge container
+     */
+    badgeContainerProps?: ViewProps;
+    /**
+     * Optional prop to add twrnc overriding classNames.
+     */
+    twClassName?: string;
+    /**
+     * Optional prop to control the style.
+     */
+    style?: StyleProp<ViewStyle>;
+} & ViewProps;
+//# sourceMappingURL=BadgeWrapper.types.d.ts.map

package/dist/components/BadgeWrapper/BadgeWrapper.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeWrapper.types.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeWrapper/BadgeWrapper.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EACV,oBAAoB,EACpB,0BAA0B,EAC1B,+BAA+B,EAChC,MAAM,aAAa,CAAC;AAErB;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;;;;;;;OASG;IACH,mBAAmB,CAAC,EAAE,+BAA+B,CAAC;IACtD;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,cAAc,CAAC,EAAE,0BAA0B,CAAC;IAC5C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACnC;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,SAAS,CAAC"}

package/dist/components/BadgeWrapper/BadgeWrapper.types.js

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

package/dist/components/BadgeWrapper/BadgeWrapper.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeWrapper.types.js","sourceRoot":"","sources":["../../../src/components/BadgeWrapper/BadgeWrapper.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ViewProps, StyleProp, ViewStyle } from 'react-native';\n\nimport type {\n  BadgeWrapperPosition,\n  BadgeWrapperCustomPosition,\n  BadgeWrapperPositionAnchorShape,\n} from '../../types';\n\n/**\n * Badge component props.\n */\nexport type BadgeWrapperProps = {\n  /**\n   * Optional prop to determine the shape of the anchoring element.\n   * This prop gets used along with position, positionXOffset, and positionYOffset\n   * to determine the final position.\n   * Possible values:\n   * BadgeWrapperPositionAnchorShape.Circular,\n   * - BadgeWrapperPositionAnchorShape.Rectangular,\n   *\n   * @default BadgeWrapperPositionAnchorShape.Circular\n   */\n  positionAnchorShape?: BadgeWrapperPositionAnchorShape;\n  /**\n   * Optional prop to control the preset position of the badge.\n   * This prop gets used along with positionAnchorShape, positionXOffset, and positionYOffset\n   * to determine the final position.\n   *\n   * @default BadgeWrapperPosition.TopRight\n   */\n  position?: BadgeWrapperPosition;\n  /**\n   * Optional prop to move the preset position horizontally.\n   * This prop gets used along with position, positionAnchorShape, and positionYOffset\n   * to determine the final position.\n   *\n   * @default 0\n   */\n  positionXOffset?: number;\n  /**\n   * Optional prop to move the preset position vertically.\n   * This prop gets used along with position, positionAnchorShape, and positionXOffset\n   * to determine the final position.\n   *\n   * @default 0\n   */\n  positionYOffset?: number;\n  /**\n   * Optional prop to customize the position through the position object.\n   * Position object - {top: 0, right: 0, bottom: 0, left: 0}\n   */\n  customPosition?: BadgeWrapperCustomPosition;\n  /**\n   * The element that the badge will attach itself to.\n   */\n  children: React.ReactNode;\n  /**\n   * Optional prop to pass additional props to the children container\n   */\n  childrenContainerProps?: ViewProps;\n  /**\n   * Any element that will be placed in the position of the badge.\n   */\n  badge: React.ReactNode;\n  /**\n   * Optional prop to pass additional props to the badge container\n   */\n  badgeContainerProps?: ViewProps;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n  /**\n   * Optional prop to control the style.\n   */\n  style?: StyleProp<ViewStyle>;\n} & ViewProps;\n"]}

package/dist/components/BadgeWrapper/index.d.ts

@@ -0,0 +1,5 @@
+export { BadgeWrapperPosition, BadgeWrapperPositionAnchorShape, } from '../../types';
+export type { BadgeWrapperCustomPosition } from '../../types';
+export { BadgeWrapper } from './BadgeWrapper';
+export type { BadgeWrapperProps } from './BadgeWrapper.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/BadgeWrapper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeWrapper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,+BAA+B,GAChC,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/BadgeWrapper/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgeWrapper = exports.BadgeWrapperPositionAnchorShape = exports.BadgeWrapperPosition = void 0;
+var types_1 = require("../../types");
+Object.defineProperty(exports, "BadgeWrapperPosition", { enumerable: true, get: function () { return types_1.BadgeWrapperPosition; } });
+Object.defineProperty(exports, "BadgeWrapperPositionAnchorShape", { enumerable: true, get: function () { return types_1.BadgeWrapperPositionAnchorShape; } });
+var BadgeWrapper_1 = require("./BadgeWrapper");
+Object.defineProperty(exports, "BadgeWrapper", { enumerable: true, get: function () { return BadgeWrapper_1.BadgeWrapper; } });
+//# sourceMappingURL=index.js.map

package/dist/components/BadgeWrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BadgeWrapper/index.ts"],"names":[],"mappings":";;;AAAA,qCAGqB;AAFnB,6GAAA,oBAAoB,OAAA;AACpB,wHAAA,+BAA+B,OAAA;AAGjC,+CAA8C;AAArC,4GAAA,YAAY,OAAA","sourcesContent":["export {\n  BadgeWrapperPosition,\n  BadgeWrapperPositionAnchorShape,\n} from '../../types';\nexport type { BadgeWrapperCustomPosition } from '../../types';\nexport { BadgeWrapper } from './BadgeWrapper';\nexport type { BadgeWrapperProps } from './BadgeWrapper.types';\n"]}

package/dist/components/Box/Box.constants.d.ts

@@ -0,0 +1,17 @@
+import type { BoxSpacing } from '../../types';
+export declare const TWCLASSMAP_BOX_GAP: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_MARGIN: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_MARGINTOP: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_MARGINBOTTOM: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_MARGINLEFT: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_MARGINRIGHT: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_PADDING: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_PADDINGTOP: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_PADDINGBOTTOM: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_PADDINGLEFT: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_PADDINGRIGHT: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_WIDTH: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_MINWIDTH: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_HEIGHT: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_MINHEIGHT: Record<BoxSpacing, string>;
+//# sourceMappingURL=Box.constants.d.ts.map

package/dist/components/Box/Box.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.constants.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAczD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAc5D,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAc/D,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAclE,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAchE,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcjE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAc7D,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAchE,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcnE,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcjE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAclE,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAc3D,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAc9D,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAc5D,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAc/D,CAAC"}

package/dist/components/Box/Box.constants.js

@@ -0,0 +1,229 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TWCLASSMAP_BOX_MINHEIGHT = exports.TWCLASSMAP_BOX_HEIGHT = exports.TWCLASSMAP_BOX_MINWIDTH = exports.TWCLASSMAP_BOX_WIDTH = exports.TWCLASSMAP_BOX_PADDINGRIGHT = exports.TWCLASSMAP_BOX_PADDINGLEFT = exports.TWCLASSMAP_BOX_PADDINGBOTTOM = exports.TWCLASSMAP_BOX_PADDINGTOP = exports.TWCLASSMAP_BOX_PADDING = exports.TWCLASSMAP_BOX_MARGINRIGHT = exports.TWCLASSMAP_BOX_MARGINLEFT = exports.TWCLASSMAP_BOX_MARGINBOTTOM = exports.TWCLASSMAP_BOX_MARGINTOP = exports.TWCLASSMAP_BOX_MARGIN = exports.TWCLASSMAP_BOX_GAP = void 0;
+exports.TWCLASSMAP_BOX_GAP = {
+    0: 'gap-0',
+    1: 'gap-1',
+    2: 'gap-2',
+    3: 'gap-3',
+    4: 'gap-4',
+    5: 'gap-5',
+    6: 'gap-6',
+    7: 'gap-7',
+    8: 'gap-8',
+    9: 'gap-9',
+    10: 'gap-10',
+    11: 'gap-11',
+    12: 'gap-12',
+};
+exports.TWCLASSMAP_BOX_MARGIN = {
+    0: 'm-0',
+    1: 'm-1',
+    2: 'm-2',
+    3: 'm-3',
+    4: 'm-4',
+    5: 'm-5',
+    6: 'm-6',
+    7: 'm-7',
+    8: 'm-8',
+    9: 'm-9',
+    10: 'm-10',
+    11: 'm-11',
+    12: 'm-12',
+};
+exports.TWCLASSMAP_BOX_MARGINTOP = {
+    0: 'mt-0',
+    1: 'mt-1',
+    2: 'mt-2',
+    3: 'mt-3',
+    4: 'mt-4',
+    5: 'mt-5',
+    6: 'mt-6',
+    7: 'mt-7',
+    8: 'mt-8',
+    9: 'mt-9',
+    10: 'mt-10',
+    11: 'mt-11',
+    12: 'mt-12',
+};
+exports.TWCLASSMAP_BOX_MARGINBOTTOM = {
+    0: 'mb-0',
+    1: 'mb-1',
+    2: 'mb-2',
+    3: 'mb-3',
+    4: 'mb-4',
+    5: 'mb-5',
+    6: 'mb-6',
+    7: 'mb-7',
+    8: 'mb-8',
+    9: 'mb-9',
+    10: 'mb-10',
+    11: 'mb-11',
+    12: 'mb-12',
+};
+exports.TWCLASSMAP_BOX_MARGINLEFT = {
+    0: 'ml-0',
+    1: 'ml-1',
+    2: 'ml-2',
+    3: 'ml-3',
+    4: 'ml-4',
+    5: 'ml-5',
+    6: 'ml-6',
+    7: 'ml-7',
+    8: 'ml-8',
+    9: 'ml-9',
+    10: 'ml-10',
+    11: 'ml-11',
+    12: 'ml-12',
+};
+exports.TWCLASSMAP_BOX_MARGINRIGHT = {
+    0: 'mr-0',
+    1: 'mr-1',
+    2: 'mr-2',
+    3: 'mr-3',
+    4: 'mr-4',
+    5: 'mr-5',
+    6: 'mr-6',
+    7: 'mr-7',
+    8: 'mr-8',
+    9: 'mr-9',
+    10: 'mr-10',
+    11: 'mr-11',
+    12: 'mr-12',
+};
+exports.TWCLASSMAP_BOX_PADDING = {
+    0: 'p-0',
+    1: 'p-1',
+    2: 'p-2',
+    3: 'p-3',
+    4: 'p-4',
+    5: 'p-5',
+    6: 'p-6',
+    7: 'p-7',
+    8: 'p-8',
+    9: 'p-9',
+    10: 'p-10',
+    11: 'p-11',
+    12: 'p-12',
+};
+exports.TWCLASSMAP_BOX_PADDINGTOP = {
+    0: 'pt-0',
+    1: 'pt-1',
+    2: 'pt-2',
+    3: 'pt-3',
+    4: 'pt-4',
+    5: 'pt-5',
+    6: 'pt-6',
+    7: 'pt-7',
+    8: 'pt-8',
+    9: 'pt-9',
+    10: 'pt-10',
+    11: 'pt-11',
+    12: 'pt-12',
+};
+exports.TWCLASSMAP_BOX_PADDINGBOTTOM = {
+    0: 'pb-0',
+    1: 'pb-1',
+    2: 'pb-2',
+    3: 'pb-3',
+    4: 'pb-4',
+    5: 'pb-5',
+    6: 'pb-6',
+    7: 'pb-7',
+    8: 'pb-8',
+    9: 'pb-9',
+    10: 'pb-10',
+    11: 'pb-11',
+    12: 'pb-12',
+};
+exports.TWCLASSMAP_BOX_PADDINGLEFT = {
+    0: 'pl-0',
+    1: 'pl-1',
+    2: 'pl-2',
+    3: 'pl-3',
+    4: 'pl-4',
+    5: 'pl-5',
+    6: 'pl-6',
+    7: 'pl-7',
+    8: 'pl-8',
+    9: 'pl-9',
+    10: 'pl-10',
+    11: 'pl-11',
+    12: 'pl-12',
+};
+exports.TWCLASSMAP_BOX_PADDINGRIGHT = {
+    0: 'pr-0',
+    1: 'pr-1',
+    2: 'pr-2',
+    3: 'pr-3',
+    4: 'pr-4',
+    5: 'pr-5',
+    6: 'pr-6',
+    7: 'pr-7',
+    8: 'pr-8',
+    9: 'pr-9',
+    10: 'pr-10',
+    11: 'pr-11',
+    12: 'pr-12',
+};
+exports.TWCLASSMAP_BOX_WIDTH = {
+    0: 'w-0',
+    1: 'w-1',
+    2: 'w-2',
+    3: 'w-3',
+    4: 'w-4',
+    5: 'w-5',
+    6: 'w-6',
+    7: 'w-7',
+    8: 'w-8',
+    9: 'w-9',
+    10: 'w-10',
+    11: 'w-11',
+    12: 'w-12',
+};
+exports.TWCLASSMAP_BOX_MINWIDTH = {
+    0: 'min-w-0',
+    1: 'min-w-1',
+    2: 'min-w-2',
+    3: 'min-w-3',
+    4: 'min-w-4',
+    5: 'min-w-5',
+    6: 'min-w-6',
+    7: 'min-w-7',
+    8: 'min-w-8',
+    9: 'min-w-9',
+    10: 'min-w-10',
+    11: 'min-w-11',
+    12: 'min-w-12',
+};
+exports.TWCLASSMAP_BOX_HEIGHT = {
+    0: 'h-0',
+    1: 'h-1',
+    2: 'h-2',
+    3: 'h-3',
+    4: 'h-4',
+    5: 'h-5',
+    6: 'h-6',
+    7: 'h-7',
+    8: 'h-8',
+    9: 'h-9',
+    10: 'h-10',
+    11: 'h-11',
+    12: 'h-12',
+};
+exports.TWCLASSMAP_BOX_MINHEIGHT = {
+    0: 'min-h-0',
+    1: 'min-h-1',
+    2: 'min-h-2',
+    3: 'min-h-3',
+    4: 'min-h-4',
+    5: 'min-h-5',
+    6: 'min-h-6',
+    7: 'min-h-7',
+    8: 'min-h-8',
+    9: 'min-h-9',
+    10: 'min-h-10',
+    11: 'min-h-11',
+    12: 'min-h-12',
+};
+//# sourceMappingURL=Box.constants.js.map

package/dist/components/Box/Box.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.constants.js","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"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","sourcesContent":["import type { BoxSpacing } from '../../types';\n\nexport const TWCLASSMAP_BOX_GAP: Record<BoxSpacing, string> = {\n  0: 'gap-0',\n  1: 'gap-1',\n  2: 'gap-2',\n  3: 'gap-3',\n  4: 'gap-4',\n  5: 'gap-5',\n  6: 'gap-6',\n  7: 'gap-7',\n  8: 'gap-8',\n  9: 'gap-9',\n  10: 'gap-10',\n  11: 'gap-11',\n  12: 'gap-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN: Record<BoxSpacing, string> = {\n  0: 'm-0',\n  1: 'm-1',\n  2: 'm-2',\n  3: 'm-3',\n  4: 'm-4',\n  5: 'm-5',\n  6: 'm-6',\n  7: 'm-7',\n  8: 'm-8',\n  9: 'm-9',\n  10: 'm-10',\n  11: 'm-11',\n  12: 'm-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGINTOP: Record<BoxSpacing, string> = {\n  0: 'mt-0',\n  1: 'mt-1',\n  2: 'mt-2',\n  3: 'mt-3',\n  4: 'mt-4',\n  5: 'mt-5',\n  6: 'mt-6',\n  7: 'mt-7',\n  8: 'mt-8',\n  9: 'mt-9',\n  10: 'mt-10',\n  11: 'mt-11',\n  12: 'mt-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGINBOTTOM: Record<BoxSpacing, string> = {\n  0: 'mb-0',\n  1: 'mb-1',\n  2: 'mb-2',\n  3: 'mb-3',\n  4: 'mb-4',\n  5: 'mb-5',\n  6: 'mb-6',\n  7: 'mb-7',\n  8: 'mb-8',\n  9: 'mb-9',\n  10: 'mb-10',\n  11: 'mb-11',\n  12: 'mb-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGINLEFT: Record<BoxSpacing, string> = {\n  0: 'ml-0',\n  1: 'ml-1',\n  2: 'ml-2',\n  3: 'ml-3',\n  4: 'ml-4',\n  5: 'ml-5',\n  6: 'ml-6',\n  7: 'ml-7',\n  8: 'ml-8',\n  9: 'ml-9',\n  10: 'ml-10',\n  11: 'ml-11',\n  12: 'ml-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGINRIGHT: Record<BoxSpacing, string> = {\n  0: 'mr-0',\n  1: 'mr-1',\n  2: 'mr-2',\n  3: 'mr-3',\n  4: 'mr-4',\n  5: 'mr-5',\n  6: 'mr-6',\n  7: 'mr-7',\n  8: 'mr-8',\n  9: 'mr-9',\n  10: 'mr-10',\n  11: 'mr-11',\n  12: 'mr-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING: Record<BoxSpacing, string> = {\n  0: 'p-0',\n  1: 'p-1',\n  2: 'p-2',\n  3: 'p-3',\n  4: 'p-4',\n  5: 'p-5',\n  6: 'p-6',\n  7: 'p-7',\n  8: 'p-8',\n  9: 'p-9',\n  10: 'p-10',\n  11: 'p-11',\n  12: 'p-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDINGTOP: Record<BoxSpacing, string> = {\n  0: 'pt-0',\n  1: 'pt-1',\n  2: 'pt-2',\n  3: 'pt-3',\n  4: 'pt-4',\n  5: 'pt-5',\n  6: 'pt-6',\n  7: 'pt-7',\n  8: 'pt-8',\n  9: 'pt-9',\n  10: 'pt-10',\n  11: 'pt-11',\n  12: 'pt-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDINGBOTTOM: Record<BoxSpacing, string> = {\n  0: 'pb-0',\n  1: 'pb-1',\n  2: 'pb-2',\n  3: 'pb-3',\n  4: 'pb-4',\n  5: 'pb-5',\n  6: 'pb-6',\n  7: 'pb-7',\n  8: 'pb-8',\n  9: 'pb-9',\n  10: 'pb-10',\n  11: 'pb-11',\n  12: 'pb-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDINGLEFT: Record<BoxSpacing, string> = {\n  0: 'pl-0',\n  1: 'pl-1',\n  2: 'pl-2',\n  3: 'pl-3',\n  4: 'pl-4',\n  5: 'pl-5',\n  6: 'pl-6',\n  7: 'pl-7',\n  8: 'pl-8',\n  9: 'pl-9',\n  10: 'pl-10',\n  11: 'pl-11',\n  12: 'pl-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDINGRIGHT: Record<BoxSpacing, string> = {\n  0: 'pr-0',\n  1: 'pr-1',\n  2: 'pr-2',\n  3: 'pr-3',\n  4: 'pr-4',\n  5: 'pr-5',\n  6: 'pr-6',\n  7: 'pr-7',\n  8: 'pr-8',\n  9: 'pr-9',\n  10: 'pr-10',\n  11: 'pr-11',\n  12: 'pr-12',\n};\n\nexport const TWCLASSMAP_BOX_WIDTH: Record<BoxSpacing, string> = {\n  0: 'w-0',\n  1: 'w-1',\n  2: 'w-2',\n  3: 'w-3',\n  4: 'w-4',\n  5: 'w-5',\n  6: 'w-6',\n  7: 'w-7',\n  8: 'w-8',\n  9: 'w-9',\n  10: 'w-10',\n  11: 'w-11',\n  12: 'w-12',\n};\n\nexport const TWCLASSMAP_BOX_MINWIDTH: Record<BoxSpacing, string> = {\n  0: 'min-w-0',\n  1: 'min-w-1',\n  2: 'min-w-2',\n  3: 'min-w-3',\n  4: 'min-w-4',\n  5: 'min-w-5',\n  6: 'min-w-6',\n  7: 'min-w-7',\n  8: 'min-w-8',\n  9: 'min-w-9',\n  10: 'min-w-10',\n  11: 'min-w-11',\n  12: 'min-w-12',\n};\n\nexport const TWCLASSMAP_BOX_HEIGHT: Record<BoxSpacing, string> = {\n  0: 'h-0',\n  1: 'h-1',\n  2: 'h-2',\n  3: 'h-3',\n  4: 'h-4',\n  5: 'h-5',\n  6: 'h-6',\n  7: 'h-7',\n  8: 'h-8',\n  9: 'h-9',\n  10: 'h-10',\n  11: 'h-11',\n  12: 'h-12',\n};\n\nexport const TWCLASSMAP_BOX_MINHEIGHT: Record<BoxSpacing, string> = {\n  0: 'min-h-0',\n  1: 'min-h-1',\n  2: 'min-h-2',\n  3: 'min-h-3',\n  4: 'min-h-4',\n  5: 'min-h-5',\n  6: 'min-h-6',\n  7: 'min-h-7',\n  8: 'min-h-8',\n  9: 'min-h-9',\n  10: 'min-h-10',\n  11: 'min-h-11',\n  12: 'min-h-12',\n};\n"]}

package/dist/components/Box/Box.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BoxProps } from './Box.types';
+export declare const Box: ({ flexDirection, flexWrap, gap, margin, marginTop, marginBottom, marginLeft, marginRight, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, borderColor, borderWidth, borderRadius, borderStyle, alignItems, justifyContent, width, minWidth, height, minHeight, backgroundColor, twClassName, style, children, ...props }: BoxProps) => React.JSX.Element;
+//# sourceMappingURL=Box.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,eAAO,MAAM,GAAG,4UA6Bb,QAAQ,sBAmCV,CAAC"}

package/dist/components/Box/Box.js

@@ -0,0 +1,45 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const Box_constants_1 = require("./Box.constants");
+const Box = ({ flexDirection, flexWrap, gap, margin, marginTop, marginBottom, marginLeft, marginRight, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, borderColor, borderWidth, borderRadius, borderStyle, alignItems, justifyContent, width, minWidth, height, minHeight, backgroundColor, twClassName = '', style, children, ...props }) => {
+    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
+    const twContainerClassNames = `
+    flex
+    ${flexDirection ?? ''} 
+    ${flexWrap ?? ''} 
+    ${gap !== undefined ? Box_constants_1.TWCLASSMAP_BOX_GAP[gap] : ''} 
+    ${margin !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGIN[margin] : ''} 
+    ${marginTop !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGINTOP[marginTop] : ''} 
+    ${marginBottom !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGINBOTTOM[marginBottom] : ''} 
+    ${marginLeft !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGINLEFT[marginLeft] : ''} 
+    ${marginRight !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGINRIGHT[marginRight] : ''} 
+    ${padding !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDING[padding] : ''} 
+    ${paddingTop !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDINGTOP[paddingTop] : ''} 
+    ${paddingBottom !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDINGBOTTOM[paddingBottom] : ''} 
+    ${paddingLeft !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDINGLEFT[paddingLeft] : ''} 
+    ${paddingRight !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDINGRIGHT[paddingRight] : ''} 
+    ${borderColor ?? ''} 
+    ${borderWidth ?? ''}    
+    ${borderRadius ?? ''} 
+    ${borderStyle ?? ''} 
+    ${alignItems ?? ''} 
+    ${justifyContent ?? ''} 
+    ${width !== undefined ? Box_constants_1.TWCLASSMAP_BOX_WIDTH[width] : ''} 
+    ${minWidth !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MINWIDTH[minWidth] : ''} 
+    ${height !== undefined ? Box_constants_1.TWCLASSMAP_BOX_HEIGHT[height] : ''} 
+    ${minHeight !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MINHEIGHT[minHeight] : ''} 
+    ${backgroundColor ?? ''} 
+    ${twClassName}`.trim();
+    return (<react_native_1.View style={[tw `${twContainerClassNames}`, style]} {...props}>
+      {children}
+    </react_native_1.View>);
+};
+exports.Box = Box;
+//# sourceMappingURL=Box.js.map

package/dist/components/Box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport {\n  TWCLASSMAP_BOX_GAP,\n  TWCLASSMAP_BOX_MARGIN,\n  TWCLASSMAP_BOX_MARGINTOP,\n  TWCLASSMAP_BOX_MARGINBOTTOM,\n  TWCLASSMAP_BOX_MARGINLEFT,\n  TWCLASSMAP_BOX_MARGINRIGHT,\n  TWCLASSMAP_BOX_PADDING,\n  TWCLASSMAP_BOX_PADDINGTOP,\n  TWCLASSMAP_BOX_PADDINGBOTTOM,\n  TWCLASSMAP_BOX_PADDINGLEFT,\n  TWCLASSMAP_BOX_PADDINGRIGHT,\n  TWCLASSMAP_BOX_WIDTH,\n  TWCLASSMAP_BOX_MINWIDTH,\n  TWCLASSMAP_BOX_HEIGHT,\n  TWCLASSMAP_BOX_MINHEIGHT,\n} from './Box.constants';\nimport type { BoxProps } from './Box.types';\n\nexport const Box = ({\n  flexDirection,\n  flexWrap,\n  gap,\n  margin,\n  marginTop,\n  marginBottom,\n  marginLeft,\n  marginRight,\n  padding,\n  paddingTop,\n  paddingBottom,\n  paddingLeft,\n  paddingRight,\n  borderColor,\n  borderWidth,\n  borderRadius,\n  borderStyle,\n  alignItems,\n  justifyContent,\n  width,\n  minWidth,\n  height,\n  minHeight,\n  backgroundColor,\n  twClassName = '',\n  style,\n  children,\n  ...props\n}: BoxProps) => {\n  const tw = useTailwind();\n  const twContainerClassNames = `\n    flex\n    ${flexDirection ?? ''} \n    ${flexWrap ?? ''} \n    ${gap !== undefined ? TWCLASSMAP_BOX_GAP[gap] : ''} \n    ${margin !== undefined ? TWCLASSMAP_BOX_MARGIN[margin] : ''} \n    ${marginTop !== undefined ? TWCLASSMAP_BOX_MARGINTOP[marginTop] : ''} \n    ${marginBottom !== undefined ? TWCLASSMAP_BOX_MARGINBOTTOM[marginBottom] : ''} \n    ${marginLeft !== undefined ? TWCLASSMAP_BOX_MARGINLEFT[marginLeft] : ''} \n    ${marginRight !== undefined ? TWCLASSMAP_BOX_MARGINRIGHT[marginRight] : ''} \n    ${padding !== undefined ? TWCLASSMAP_BOX_PADDING[padding] : ''} \n    ${paddingTop !== undefined ? TWCLASSMAP_BOX_PADDINGTOP[paddingTop] : ''} \n    ${paddingBottom !== undefined ? TWCLASSMAP_BOX_PADDINGBOTTOM[paddingBottom] : ''} \n    ${paddingLeft !== undefined ? TWCLASSMAP_BOX_PADDINGLEFT[paddingLeft] : ''} \n    ${paddingRight !== undefined ? TWCLASSMAP_BOX_PADDINGRIGHT[paddingRight] : ''} \n    ${borderColor ?? ''} \n    ${borderWidth ?? ''}    \n    ${borderRadius ?? ''} \n    ${borderStyle ?? ''} \n    ${alignItems ?? ''} \n    ${justifyContent ?? ''} \n    ${width !== undefined ? TWCLASSMAP_BOX_WIDTH[width] : ''} \n    ${minWidth !== undefined ? TWCLASSMAP_BOX_MINWIDTH[minWidth] : ''} \n    ${height !== undefined ? TWCLASSMAP_BOX_HEIGHT[height] : ''} \n    ${minHeight !== undefined ? TWCLASSMAP_BOX_MINHEIGHT[minHeight] : ''} \n    ${backgroundColor ?? ''} \n    ${twClassName}`.trim();\n\n  return (\n    <View style={[tw`${twContainerClassNames}`, style]} {...props}>\n      {children}\n    </View>\n  );\n};\n"]}