@metamask-previews/design-system-react-native 0.0.0-preview.1c1a94d → 0.0.0-preview.3774cae

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

@@ -1,27 +1,5 @@
-import { ViewProps } from 'react-native';
-/**
- * The status of BadgeStatus
- */
-export declare enum BadgeStatusStatus {
-    Active = "active",
-    PartiallyActive = "partiallyactive",
-    Inactive = "inactive",
-    New = "new",
-    Attention = "attention"
-}
-/**
- * The size of BadgeStatus
- */
-export declare enum BadgeStatusSize {
-    /**
-     * Represents a medium badge status size (8px).
-     */
-    Md = "Md",
-    /**
-     * Represents a large avatar size (10px).
-     */
-    Lg = "Lg"
-}
+import type { ViewProps } from 'react-native';
+import type { BadgeStatusStatus, BadgeStatusSize } from '../../types';
 /**
  * BadgeStatus component props.
  */
@@ -29,15 +7,16 @@ export type BadgeStatusProps = {
     /**
      * Optional prop to control the status of the badge
      * Possible values:
-     * - BadgeStatusStatus.Active.
-     * - BadgeStatusStatus.PartiallyActive.
-     * - BadgeStatusStatus.Inactive.
+     * - BadgeStatusStatus.Active. (Connected)
+     * - BadgeStatusStatus.Inactive. (Connected)
+     * - BadgeStatusStatus.Disconnected.
      * - BadgeStatusStatus.New.
      * - BadgeStatusStatus.Attention.
      */
     status: BadgeStatusStatus;
     /**
      * Optional prop to determine whether the badge should display a border
+     *
      * @default true
      */
     hasBorder?: boolean;
@@ -46,6 +25,7 @@ export type BadgeStatusProps = {
      * Possible values:
      * - BadgeStatusSize.Md (8px),
      * - BadgeStatusSize.Lg (10px),
+     *
      * @default AvatarBaseSize.Md
      */
     size?: BadgeStatusSize;

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeStatus.types.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC;;GAEG;AACH,oBAAY,iBAAiB;IAC3B,MAAM,WAAW;IACjB,eAAe,oBAAoB;IACnC,QAAQ,aAAa;IACrB,GAAG,QAAQ;IACX,SAAS,cAAc;CACxB;AACD;;GAEG;AACH,oBAAY,eAAe;IACzB;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;CACV;AACD;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;;;;;OAQG;IACH,MAAM,EAAE,iBAAiB,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"BadgeStatus.types.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEtE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;;;;;OAQG;IACH,MAAM,EAAE,iBAAiB,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC"}

package/dist/components/BadgeStatus/BadgeStatus.types.js

@@ -1,29 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BadgeStatusSize = exports.BadgeStatusStatus = void 0;
-/**
- * The status of BadgeStatus
- */
-var BadgeStatusStatus;
-(function (BadgeStatusStatus) {
-    BadgeStatusStatus["Active"] = "active";
-    BadgeStatusStatus["PartiallyActive"] = "partiallyactive";
-    BadgeStatusStatus["Inactive"] = "inactive";
-    BadgeStatusStatus["New"] = "new";
-    BadgeStatusStatus["Attention"] = "attention";
-})(BadgeStatusStatus || (exports.BadgeStatusStatus = BadgeStatusStatus = {}));
-/**
- * The size of BadgeStatus
- */
-var BadgeStatusSize;
-(function (BadgeStatusSize) {
-    /**
-     * Represents a medium badge status size (8px).
-     */
-    BadgeStatusSize["Md"] = "Md";
-    /**
-     * Represents a large avatar size (10px).
-     */
-    BadgeStatusSize["Lg"] = "Lg";
-})(BadgeStatusSize || (exports.BadgeStatusSize = BadgeStatusSize = {}));
 //# sourceMappingURL=BadgeStatus.types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeStatus.types.js","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":";;;AAEA;;GAEG;AACH,IAAY,iBAMX;AAND,WAAY,iBAAiB;IAC3B,sCAAiB,CAAA;IACjB,wDAAmC,CAAA;IACnC,0CAAqB,CAAA;IACrB,gCAAW,CAAA;IACX,4CAAuB,CAAA;AACzB,CAAC,EANW,iBAAiB,iCAAjB,iBAAiB,QAM5B;AACD;;GAEG;AACH,IAAY,eASX;AATD,WAAY,eAAe;IACzB;;OAEG;IACH,4BAAS,CAAA;IACT;;OAEG;IACH,4BAAS,CAAA;AACX,CAAC,EATW,eAAe,+BAAf,eAAe,QAS1B","sourcesContent":["import { ViewProps } from 'react-native';\n\n/**\n * The status of BadgeStatus\n */\nexport enum BadgeStatusStatus {\n  Active = 'active',\n  PartiallyActive = 'partiallyactive',\n  Inactive = 'inactive',\n  New = 'new',\n  Attention = 'attention',\n}\n/**\n * The size of BadgeStatus\n */\nexport enum BadgeStatusSize {\n  /**\n   * Represents a medium badge status size (8px).\n   */\n  Md = 'Md',\n  /**\n   * Represents a large avatar size (10px).\n   */\n  Lg = 'Lg',\n}\n/**\n * BadgeStatus component props.\n */\nexport type BadgeStatusProps = {\n  /**\n   * Optional prop to control the status of the badge\n   * Possible values:\n   * - BadgeStatusStatus.Active.\n   * - BadgeStatusStatus.PartiallyActive.\n   * - BadgeStatusStatus.Inactive.\n   * - BadgeStatusStatus.New.\n   * - BadgeStatusStatus.Attention.\n   */\n  status: BadgeStatusStatus;\n  /**\n   * Optional prop to determine whether the badge should display a border\n   * @default true\n   */\n  hasBorder?: boolean;\n  /**\n   * Optional prop to control the size of the BadgeStatus\n   * Possible values:\n   * - BadgeStatusSize.Md (8px),\n   * - BadgeStatusSize.Lg (10px),\n   * @default AvatarBaseSize.Md\n   */\n  size?: BadgeStatusSize;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n} & Omit<ViewProps, 'children'>;\n"]}
+{"version":3,"file":"BadgeStatus.types.js","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ViewProps } from 'react-native';\n\nimport type { BadgeStatusStatus, BadgeStatusSize } from '../../types';\n\n/**\n * BadgeStatus component props.\n */\nexport type BadgeStatusProps = {\n  /**\n   * Optional prop to control the status of the badge\n   * Possible values:\n   * - BadgeStatusStatus.Active. (Connected)\n   * - BadgeStatusStatus.Inactive. (Connected)\n   * - BadgeStatusStatus.Disconnected.\n   * - BadgeStatusStatus.New.\n   * - BadgeStatusStatus.Attention.\n   */\n  status: BadgeStatusStatus;\n  /**\n   * Optional prop to determine whether the badge should display a border\n   *\n   * @default true\n   */\n  hasBorder?: boolean;\n  /**\n   * Optional prop to control the size of the BadgeStatus\n   * Possible values:\n   * - BadgeStatusSize.Md (8px),\n   * - BadgeStatusSize.Lg (10px),\n   *\n   * @default AvatarBaseSize.Md\n   */\n  size?: BadgeStatusSize;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n} & Omit<ViewProps, 'children'>;\n"]}

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

@@ -1,4 +1,4 @@
-export { default } from './BadgeStatus';
+export { BadgeStatusStatus, BadgeStatusSize } from '../../types';
+export { BadgeStatus } from './BadgeStatus';
 export type { BadgeStatusProps } from './BadgeStatus.types';
-export { BadgeStatusStatus, BadgeStatusSize } from './BadgeStatus.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/BadgeStatus/index.js

@@ -1,12 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BadgeStatusSize = exports.BadgeStatusStatus = exports.default = void 0;
+exports.BadgeStatus = exports.BadgeStatusSize = exports.BadgeStatusStatus = void 0;
+var types_1 = require("../../types");
+Object.defineProperty(exports, "BadgeStatusStatus", { enumerable: true, get: function () { return types_1.BadgeStatusStatus; } });
+Object.defineProperty(exports, "BadgeStatusSize", { enumerable: true, get: function () { return types_1.BadgeStatusSize; } });
 var BadgeStatus_1 = require("./BadgeStatus");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(BadgeStatus_1).default; } });
-var BadgeStatus_types_1 = require("./BadgeStatus.types");
-Object.defineProperty(exports, "BadgeStatusStatus", { enumerable: true, get: function () { return BadgeStatus_types_1.BadgeStatusStatus; } });
-Object.defineProperty(exports, "BadgeStatusSize", { enumerable: true, get: function () { return BadgeStatus_types_1.BadgeStatusSize; } });
+Object.defineProperty(exports, "BadgeStatus", { enumerable: true, get: function () { return BadgeStatus_1.BadgeStatus; } });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BadgeStatus/index.ts"],"names":[],"mappings":";;;;;;AAAA,6CAAwC;AAA/B,uHAAA,OAAO,OAAA;AAEhB,yDAAyE;AAAhE,sHAAA,iBAAiB,OAAA;AAAE,oHAAA,eAAe,OAAA","sourcesContent":["export { default } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus.types';\nexport { BadgeStatusStatus, BadgeStatusSize } from './BadgeStatus.types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BadgeStatus/index.ts"],"names":[],"mappings":";;;AAAA,qCAAiE;AAAxD,0GAAA,iBAAiB,OAAA;AAAE,wGAAA,eAAe,OAAA;AAC3C,6CAA4C;AAAnC,0GAAA,WAAW,OAAA","sourcesContent":["export { BadgeStatusStatus, BadgeStatusSize } from '../../types';\nexport { BadgeStatus } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus.types';\n"]}

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

@@ -1,5 +1,4 @@
 import React from 'react';
 import type { BadgeWrapperProps } from './BadgeWrapper.types';
-declare const BadgeWrapper: ({ children, badge, position, positionAnchorShape, positionXOffset, positionYOffset, customPosition, twClassName, style, ...props }: BadgeWrapperProps) => React.JSX.Element;
-export default BadgeWrapper;
+export declare const BadgeWrapper: ({ children, childrenContainerProps, badge, badgeContainerProps, position, positionAnchorShape, positionXOffset, positionYOffset, customPosition, twClassName, style, ...props }: BadgeWrapperProps) => React.JSX.Element;
 //# sourceMappingURL=BadgeWrapper.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeWrapper/BadgeWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAM9D,QAAA,MAAM,YAAY,uIAWf,iBAAiB,sBAwFnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"BadgeWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeWrapper/BadgeWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAS9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,YAAY,oLAatB,iBAAiB,sBA2FnB,CAAC"}

package/dist/components/BadgeWrapper/BadgeWrapper.js

@@ -23,12 +23,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
+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 BadgeWrapper_types_1 = require("./BadgeWrapper.types");
-const BadgeWrapper = ({ children, badge, position = BadgeWrapper_types_1.BadgeWrapperPosition.BottomRight, positionAnchorShape = BadgeWrapper_types_1.BadgeWrapperPositionAnchorShape.Circular, positionXOffset = 0, positionYOffset = 0, customPosition, twClassName = '', style, ...props }) => {
+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);
@@ -52,10 +52,10 @@ const BadgeWrapper = ({ children, badge, position = BadgeWrapper_types_1.BadgeWr
         // 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 === BadgeWrapper_types_1.BadgeWrapperPositionAnchorShape.Rectangular
+        const anchorShapeXOffset = positionAnchorShape === types_1.BadgeWrapperPositionAnchorShape.Rectangular
             ? 0
             : anchorWidth * 0.1464;
-        const anchorShapeYOffset = positionAnchorShape === BadgeWrapper_types_1.BadgeWrapperPositionAnchorShape.Rectangular
+        const anchorShapeYOffset = positionAnchorShape === types_1.BadgeWrapperPositionAnchorShape.Rectangular
             ? 0
             : anchorHeight * 0.1464;
         // This is to center the badge in the corner of the anchor element
@@ -64,22 +64,22 @@ const BadgeWrapper = ({ children, badge, position = BadgeWrapper_types_1.BadgeWr
         const finalXOffset = anchorShapeXOffset - badgeCenteringXOffset + positionXOffset;
         const finalYOffset = anchorShapeYOffset - badgeCenteringYOffset + positionYOffset;
         switch (position) {
-            case BadgeWrapper_types_1.BadgeWrapperPosition.TopRight:
+            case types_1.BadgeWrapperPosition.TopRight:
                 return {
                     top: finalYOffset,
                     right: finalXOffset,
                 };
-            case BadgeWrapper_types_1.BadgeWrapperPosition.BottomLeft:
+            case types_1.BadgeWrapperPosition.BottomLeft:
                 return {
                     bottom: finalYOffset,
                     left: finalXOffset,
                 };
-            case BadgeWrapper_types_1.BadgeWrapperPosition.TopLeft:
+            case types_1.BadgeWrapperPosition.TopLeft:
                 return {
                     top: finalYOffset,
                     left: finalXOffset,
                 };
-            case BadgeWrapper_types_1.BadgeWrapperPosition.BottomRight:
+            case types_1.BadgeWrapperPosition.BottomRight:
             default:
                 return {
                     bottom: finalYOffset,
@@ -98,11 +98,13 @@ const BadgeWrapper = ({ children, badge, position = BadgeWrapper_types_1.BadgeWr
         customPosition,
     ]);
     return (<react_native_1.View style={[tw `relative self-start`, style]} {...props}>
-      <react_native_1.View onLayout={getAnchorSize}>{children}</react_native_1.View>
-      <react_native_1.View onLayout={getBadgeSize} style={[tw `absolute`, { ...finalPositions }]}>
+      <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.default = BadgeWrapper;
+exports.BadgeWrapper = BadgeWrapper;
 //# sourceMappingURL=BadgeWrapper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeWrapper.js","sourceRoot":"","sources":["../../../src/components/BadgeWrapper/BadgeWrapper.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useCallback, useState, useMemo } from 'react';\nimport { View, LayoutChangeEvent } from 'react-native';\n\nimport type { BadgeWrapperProps } from './BadgeWrapper.types';\nimport {\n  BadgeWrapperPositionAnchorShape,\n  BadgeWrapperPosition,\n} from './BadgeWrapper.types';\n\nconst BadgeWrapper = ({\n  children,\n  badge,\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}>{children}</View>\n      <View\n        onLayout={getBadgeSize}\n        style={[tw`absolute`, { ...finalPositions }]}\n      >\n        {badge}\n      </View>\n    </View>\n  );\n};\n\nexport default BadgeWrapper;\n"]}
+{"version":3,"file":"BadgeWrapper.js","sourceRoot":"","sources":["../../../src/components/BadgeWrapper/BadgeWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8FAA4E;AAC5E,+CAA8D;AAE9D,+CAAoC;AAEpC,uCAGqB;AAId,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,sBAAsB,EACtB,KAAK,EACL,mBAAmB,EACnB,QAAQ,GAAG,4BAAoB,CAAC,WAAW,EAC3C,mBAAmB,GAAG,uCAA+B,CAAC,QAAQ,EAC9D,eAAe,GAAG,CAAC,EACnB,eAAe,GAAG,CAAC,EACnB,cAAc,EACd,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,GAAG,KAAK,EACU,EAAE,EAAE;IACtB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC;IAC1D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC;IAC5D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC;IACxD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC;IAE1D,yFAAyF;IACzF,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,CAAC,KAAwB,EAAE,EAAE;QAC7D,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;QACnD,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,eAAe,CAAC,MAAM,CAAC,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,CAAC,KAAwB,EAAE,EAAE;QAC5D,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;QACnD,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,cAAc,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAClC,IAAI,cAAc,EAAE;YAClB,OAAO,cAAc,CAAC;SACvB;QACD,+CAA+C;QAC/C,mEAAmE;QACnE,qCAAqC;QACrC,MAAM,kBAAkB,GACtB,mBAAmB,KAAK,uCAA+B,CAAC,WAAW;YACjE,CAAC,CAAC,CAAC;YACH,CAAC,CAAC,WAAW,GAAG,MAAM,CAAC;QAC3B,MAAM,kBAAkB,GACtB,mBAAmB,KAAK,uCAA+B,CAAC,WAAW;YACjE,CAAC,CAAC,CAAC;YACH,CAAC,CAAC,YAAY,GAAG,MAAM,CAAC;QAC5B,kEAAkE;QAClE,MAAM,qBAAqB,GAAG,UAAU,GAAG,CAAC,CAAC;QAC7C,MAAM,qBAAqB,GAAG,WAAW,GAAG,CAAC,CAAC;QAE9C,MAAM,YAAY,GAChB,kBAAkB,GAAG,qBAAqB,GAAG,eAAe,CAAC;QAC/D,MAAM,YAAY,GAChB,kBAAkB,GAAG,qBAAqB,GAAG,eAAe,CAAC;QAC/D,QAAQ,QAAQ,EAAE;YAChB,KAAK,4BAAoB,CAAC,QAAQ;gBAChC,OAAO;oBACL,GAAG,EAAE,YAAY;oBACjB,KAAK,EAAE,YAAY;iBACpB,CAAC;YACJ,KAAK,4BAAoB,CAAC,UAAU;gBAClC,OAAO;oBACL,MAAM,EAAE,YAAY;oBACpB,IAAI,EAAE,YAAY;iBACnB,CAAC;YACJ,KAAK,4BAAoB,CAAC,OAAO;gBAC/B,OAAO;oBACL,GAAG,EAAE,YAAY;oBACjB,IAAI,EAAE,YAAY;iBACnB,CAAC;YACJ,KAAK,4BAAoB,CAAC,WAAW,CAAC;YACtC;gBACE,OAAO;oBACL,MAAM,EAAE,YAAY;oBACpB,KAAK,EAAE,YAAY;iBACpB,CAAC;SACL;IACH,CAAC,EAAE;QACD,QAAQ;QACR,mBAAmB;QACnB,WAAW;QACX,YAAY;QACZ,UAAU;QACV,WAAW;QACX,eAAe;QACf,eAAe;QACf,cAAc;KACf,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA,qBAAqB,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CACvD;MAAA,CAAC,mBAAI,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,CAAC,IAAI,sBAAsB,CAAC,CACxD;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,mBAAI,CACN;MAAA,CAAC,mBAAI,CACH,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA,UAAU,EAAE,EAAE,GAAG,cAAc,EAAE,CAAC,CAAC,CAC7C,IAAI,mBAAmB,CAAC,CAExB;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,mBAAI,CACR;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAxGW,QAAA,YAAY,gBAwGvB","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

@@ -1,26 +1,6 @@
+/// <reference types="react" />
 import type { ViewProps, StyleProp, ViewStyle } from 'react-native';
-export declare enum BadgeWrapperPositionAnchorShape {
-    Rectangular = "Rectangular",
-    Circular = "Circular"
-}
-/**
- * BadgeWrapper Position.
- */
-export declare enum BadgeWrapperPosition {
-    TopRight = "TopRight",
-    BottomRight = "BottomRight",
-    BottomLeft = "BottomLeft",
-    TopLeft = "TopLeft"
-}
-/**
- * Badge Position Obj.
- */
-export interface BadgeWrapperCustomPosition {
-    top?: number | string | undefined;
-    right?: number | string | undefined;
-    bottom?: number | string | undefined;
-    left?: number | string | undefined;
-}
+import type { BadgeWrapperPosition, BadgeWrapperCustomPosition, BadgeWrapperPositionAnchorShape } from '../../types';
 /**
  * Badge component props.
  */
@@ -30,22 +10,25 @@ export type BadgeWrapperProps = {
      * This prop gets used along with position, positionXOffset, and positionYOffset
      * to determine the final position.
      * Possible values:
-     *   BadgeAnchorElementShape.Circular,
-     * - BadgeAnchorElementShape.Rectangular,
-     * @default BadgeAnchorElementShape.Circular
+     * 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 BadgePosition.TopRight
+     *
+     * @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;
@@ -53,6 +36,7 @@ export type BadgeWrapperProps = {
      * 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;
@@ -65,10 +49,18 @@ export type BadgeWrapperProps = {
      * 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.
      */

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

@@ -1 +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,oBAAY,+BAA+B;IACzC,WAAW,gBAAgB;IAC3B,QAAQ,aAAa;CACtB;AAED;;GAEG;AACH,oBAAY,oBAAoB;IAC9B,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,UAAU,eAAe;IACzB,OAAO,YAAY;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACpC;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;;;;;;OAQG;IACH,mBAAmB,CAAC,EAAE,+BAA+B,CAAC;IACtD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;OAKG;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,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,SAAS,CAAC"}
+{"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

@@ -1,19 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BadgeWrapperPosition = exports.BadgeWrapperPositionAnchorShape = void 0;
-var BadgeWrapperPositionAnchorShape;
-(function (BadgeWrapperPositionAnchorShape) {
-    BadgeWrapperPositionAnchorShape["Rectangular"] = "Rectangular";
-    BadgeWrapperPositionAnchorShape["Circular"] = "Circular";
-})(BadgeWrapperPositionAnchorShape || (exports.BadgeWrapperPositionAnchorShape = BadgeWrapperPositionAnchorShape = {}));
-/**
- * BadgeWrapper Position.
- */
-var BadgeWrapperPosition;
-(function (BadgeWrapperPosition) {
-    BadgeWrapperPosition["TopRight"] = "TopRight";
-    BadgeWrapperPosition["BottomRight"] = "BottomRight";
-    BadgeWrapperPosition["BottomLeft"] = "BottomLeft";
-    BadgeWrapperPosition["TopLeft"] = "TopLeft";
-})(BadgeWrapperPosition || (exports.BadgeWrapperPosition = BadgeWrapperPosition = {}));
 //# sourceMappingURL=BadgeWrapper.types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeWrapper.types.js","sourceRoot":"","sources":["../../../src/components/BadgeWrapper/BadgeWrapper.types.ts"],"names":[],"mappings":";;;AAEA,IAAY,+BAGX;AAHD,WAAY,+BAA+B;IACzC,8DAA2B,CAAA;IAC3B,wDAAqB,CAAA;AACvB,CAAC,EAHW,+BAA+B,+CAA/B,+BAA+B,QAG1C;AAED;;GAEG;AACH,IAAY,oBAKX;AALD,WAAY,oBAAoB;IAC9B,6CAAqB,CAAA;IACrB,mDAA2B,CAAA;IAC3B,iDAAyB,CAAA;IACzB,2CAAmB,CAAA;AACrB,CAAC,EALW,oBAAoB,oCAApB,oBAAoB,QAK/B","sourcesContent":["import type { ViewProps, StyleProp, ViewStyle } from 'react-native';\n\nexport enum BadgeWrapperPositionAnchorShape {\n  Rectangular = 'Rectangular',\n  Circular = 'Circular',\n}\n\n/**\n * BadgeWrapper Position.\n */\nexport enum BadgeWrapperPosition {\n  TopRight = 'TopRight',\n  BottomRight = 'BottomRight',\n  BottomLeft = 'BottomLeft',\n  TopLeft = 'TopLeft',\n}\n\n/**\n * Badge Position Obj.\n */\nexport interface BadgeWrapperCustomPosition {\n  top?: number | string | undefined;\n  right?: number | string | undefined;\n  bottom?: number | string | undefined;\n  left?: number | string | undefined;\n}\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   *   BadgeAnchorElementShape.Circular,\n   * - BadgeAnchorElementShape.Rectangular,\n   * @default BadgeAnchorElementShape.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   * @default BadgePosition.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   * @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   * @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   * Any element that will be placed in the position of the badge.\n   */\n  badge: React.ReactNode;\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"]}
+{"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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeWrapper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EACL,oBAAoB,EACpB,0BAA0B,EAC1B,+BAA+B,GAChC,MAAM,sBAAsB,CAAC"}
+{"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

@@ -1,12 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BadgeWrapperPositionAnchorShape = exports.BadgeWrapperPosition = exports.default = void 0;
+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, "default", { enumerable: true, get: function () { return __importDefault(BadgeWrapper_1).default; } });
-var BadgeWrapper_types_1 = require("./BadgeWrapper.types");
-Object.defineProperty(exports, "BadgeWrapperPosition", { enumerable: true, get: function () { return BadgeWrapper_types_1.BadgeWrapperPosition; } });
-Object.defineProperty(exports, "BadgeWrapperPositionAnchorShape", { enumerable: true, get: function () { return BadgeWrapper_types_1.BadgeWrapperPositionAnchorShape; } });
+Object.defineProperty(exports, "BadgeWrapper", { enumerable: true, get: function () { return BadgeWrapper_1.BadgeWrapper; } });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BadgeWrapper/index.ts"],"names":[],"mappings":";;;;;;AAAA,+CAAyC;AAAhC,wHAAA,OAAO,OAAA;AAEhB,2DAI8B;AAH5B,0HAAA,oBAAoB,OAAA;AAEpB,qIAAA,+BAA+B,OAAA","sourcesContent":["export { default } from './BadgeWrapper';\nexport type { BadgeWrapperProps } from './BadgeWrapper.types';\nexport {\n  BadgeWrapperPosition,\n  BadgeWrapperCustomPosition,\n  BadgeWrapperPositionAnchorShape,\n} from './BadgeWrapper.types';\n"]}
+{"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"}