@metamask/design-system-react-native 0.5.1 → 0.7.0

package/dist/components/BottomSheetOverlay/BottomSheetOverlay.constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetOverlay.constants.cjs","sourceRoot":"","sources":["../../../src/components/BottomSheetOverlay/BottomSheetOverlay.constants.ts"],"names":[],"mappings":";;;AAAA,2DAA4D;AAE5D,WAAW;AACE,QAAA,kCAAkC,GAAG,iCAAiB,CAAC,IAAI,CAAC","sourcesContent":["import { AnimationDuration } from '@metamask/design-tokens';\n\n// Defaults\nexport const DEFAULT_OVERLAY_ANIMATION_DURATION = AnimationDuration.Fast;\n"]}

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

@@ -0,0 +1,3 @@
+import { AnimationDuration } from "@metamask/design-tokens";
+export declare const DEFAULT_OVERLAY_ANIMATION_DURATION = AnimationDuration.Fast;
+//# sourceMappingURL=BottomSheetOverlay.constants.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetOverlay.constants.d.cts","sourceRoot":"","sources":["../../../src/components/BottomSheetOverlay/BottomSheetOverlay.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,gCAAgC;AAG5D,eAAO,MAAM,kCAAkC,yBAAyB,CAAC"}

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

@@ -0,0 +1,3 @@
+import { AnimationDuration } from "@metamask/design-tokens";
+export declare const DEFAULT_OVERLAY_ANIMATION_DURATION = AnimationDuration.Fast;
+//# sourceMappingURL=BottomSheetOverlay.constants.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetOverlay.constants.d.mts","sourceRoot":"","sources":["../../../src/components/BottomSheetOverlay/BottomSheetOverlay.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,gCAAgC;AAG5D,eAAO,MAAM,kCAAkC,yBAAyB,CAAC"}

package/dist/components/BottomSheetOverlay/BottomSheetOverlay.constants.mjs

@@ -0,0 +1,4 @@
+import { AnimationDuration } from "@metamask/design-tokens";
+// Defaults
+export const DEFAULT_OVERLAY_ANIMATION_DURATION = AnimationDuration.Fast;
+//# sourceMappingURL=BottomSheetOverlay.constants.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetOverlay.constants.mjs","sourceRoot":"","sources":["../../../src/components/BottomSheetOverlay/BottomSheetOverlay.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,gCAAgC;AAE5D,WAAW;AACX,MAAM,CAAC,MAAM,kCAAkC,GAAG,iBAAiB,CAAC,IAAI,CAAC","sourcesContent":["import { AnimationDuration } from '@metamask/design-tokens';\n\n// Defaults\nexport const DEFAULT_OVERLAY_ANIMATION_DURATION = AnimationDuration.Fast;\n"]}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { BottomSheetOverlayProps } from "./BottomSheetOverlay.types.cjs";
+export declare const BottomSheetOverlay: React.FC<BottomSheetOverlayProps>;
+//# sourceMappingURL=BottomSheetOverlay.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetOverlay.d.cts","sourceRoot":"","sources":["../../../src/components/BottomSheetOverlay/BottomSheetOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,cAAc;AASzC,OAAO,EAAE,uBAAuB,EAAE,uCAAmC;AAErE,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAqChE,CAAC"}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { BottomSheetOverlayProps } from "./BottomSheetOverlay.types.mjs";
+export declare const BottomSheetOverlay: React.FC<BottomSheetOverlayProps>;
+//# sourceMappingURL=BottomSheetOverlay.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetOverlay.d.mts","sourceRoot":"","sources":["../../../src/components/BottomSheetOverlay/BottomSheetOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,cAAc;AASzC,OAAO,EAAE,uBAAuB,EAAE,uCAAmC;AAErE,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAqChE,CAAC"}

package/dist/components/BottomSheetOverlay/BottomSheetOverlay.mjs

@@ -0,0 +1,31 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import { useTailwind } from "@metamask/design-system-twrnc-preset";
+import $React, { useEffect } from "react";
+const React = $importDefault($React);
+import { Animated, Easing, TouchableOpacity, useAnimatedValue } from "react-native/index.js";
+import { DEFAULT_OVERLAY_ANIMATION_DURATION } from "./BottomSheetOverlay.constants.mjs";
+export const BottomSheetOverlay = ({ style, twClassName, onPress, touchableOpacityProps, ...props }) => {
+    const tw = useTailwind();
+    const opacityVal = useAnimatedValue(0);
+    useEffect(() => {
+        Animated.timing(opacityVal, {
+            toValue: 1,
+            duration: DEFAULT_OVERLAY_ANIMATION_DURATION,
+            easing: Easing.linear,
+            useNativeDriver: true,
+        }).start();
+    }, [opacityVal]);
+    return (<Animated.View style={[
+            tw.style('absolute inset-0 bg-overlay-default', twClassName),
+            style,
+            { opacity: opacityVal },
+        ]} {...props}>
+      {onPress && (<TouchableOpacity onPress={onPress} {...touchableOpacityProps} style={tw.style('flex-1')}/>)}
+    </Animated.View>);
+};
+//# sourceMappingURL=BottomSheetOverlay.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetOverlay.mjs","sourceRoot":"","sources":["../../../src/components/BottomSheetOverlay/BottomSheetOverlay.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,6CAA6C;AACnE,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/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.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetOverlay.types.cjs","sourceRoot":"","sources":["../../../src/components/BottomSheetOverlay/BottomSheetOverlay.types.ts"],"names":[],"mappings":"","sourcesContent":["// Third party dependencies.\nimport type { TouchableOpacityProps, ViewProps } from 'react-native';\n\n/**\n * Overlay component props.\n */\nexport type BottomSheetOverlayProps = {\n  /**\n   * Tailwind CSS classes for the overlay container.\n   */\n  twClassName?: string;\n  /**\n   * Callback function triggered when the overlay is pressed.\n   */\n  onPress?: () => void;\n  /**\n   * Props spread to the TouchableOpacity component (e.g., testID for the button).\n   * Note: onPress should be passed as a top-level prop, not through this object.\n   */\n  touchableOpacityProps?: Omit<TouchableOpacityProps, 'onPress' | 'style'>;\n} & ViewProps;\n"]}

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

@@ -0,0 +1,20 @@
+import type { TouchableOpacityProps, ViewProps } from "react-native/index.js";
+/**
+ * Overlay component props.
+ */
+export type BottomSheetOverlayProps = {
+    /**
+     * Tailwind CSS classes for the overlay container.
+     */
+    twClassName?: string;
+    /**
+     * Callback function triggered when the overlay is pressed.
+     */
+    onPress?: () => void;
+    /**
+     * Props spread to the TouchableOpacity component (e.g., testID for the button).
+     * Note: onPress should be passed as a top-level prop, not through this object.
+     */
+    touchableOpacityProps?: Omit<TouchableOpacityProps, 'onPress' | 'style'>;
+} & ViewProps;
+//# sourceMappingURL=BottomSheetOverlay.types.d.cts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,20 @@
+import type { TouchableOpacityProps, ViewProps } from "react-native/index.js";
+/**
+ * Overlay component props.
+ */
+export type BottomSheetOverlayProps = {
+    /**
+     * Tailwind CSS classes for the overlay container.
+     */
+    twClassName?: string;
+    /**
+     * Callback function triggered when the overlay is pressed.
+     */
+    onPress?: () => void;
+    /**
+     * Props spread to the TouchableOpacity component (e.g., testID for the button).
+     * Note: onPress should be passed as a top-level prop, not through this object.
+     */
+    touchableOpacityProps?: Omit<TouchableOpacityProps, 'onPress' | 'style'>;
+} & ViewProps;
+//# sourceMappingURL=BottomSheetOverlay.types.d.mts.map

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

@@ -0,0 +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"}

package/dist/components/BottomSheetOverlay/BottomSheetOverlay.types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BottomSheetOverlay.types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetOverlay.types.mjs","sourceRoot":"","sources":["../../../src/components/BottomSheetOverlay/BottomSheetOverlay.types.ts"],"names":[],"mappings":"","sourcesContent":["// Third party dependencies.\nimport type { TouchableOpacityProps, ViewProps } from 'react-native';\n\n/**\n * Overlay component props.\n */\nexport type BottomSheetOverlayProps = {\n  /**\n   * Tailwind CSS classes for the overlay container.\n   */\n  twClassName?: string;\n  /**\n   * Callback function triggered when the overlay is pressed.\n   */\n  onPress?: () => void;\n  /**\n   * Props spread to the TouchableOpacity component (e.g., testID for the button).\n   * Note: onPress should be passed as a top-level prop, not through this object.\n   */\n  touchableOpacityProps?: Omit<TouchableOpacityProps, 'onPress' | 'style'>;\n} & ViewProps;\n"]}

package/dist/components/BottomSheetOverlay/index.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomSheetOverlay = void 0;
+var BottomSheetOverlay_1 = require("./BottomSheetOverlay.cjs");
+Object.defineProperty(exports, "BottomSheetOverlay", { enumerable: true, get: function () { return BottomSheetOverlay_1.BottomSheetOverlay; } });
+//# sourceMappingURL=index.cjs.map

package/dist/components/BottomSheetOverlay/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/BottomSheetOverlay/index.ts"],"names":[],"mappings":";;;AAAA,+DAA0D;AAAjD,wHAAA,kBAAkB,OAAA","sourcesContent":["export { BottomSheetOverlay } from './BottomSheetOverlay';\nexport type { BottomSheetOverlayProps } from './BottomSheetOverlay.types';\n"]}

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

@@ -0,0 +1,3 @@
+export { BottomSheetOverlay } from "./BottomSheetOverlay.cjs";
+export type { BottomSheetOverlayProps } from "./BottomSheetOverlay.types.cjs";
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/BottomSheetOverlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,iCAA6B;AAC1D,YAAY,EAAE,uBAAuB,EAAE,uCAAmC"}

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

@@ -0,0 +1,3 @@
+export { BottomSheetOverlay } from "./BottomSheetOverlay.mjs";
+export type { BottomSheetOverlayProps } from "./BottomSheetOverlay.types.mjs";
+//# sourceMappingURL=index.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/BottomSheetOverlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,iCAA6B;AAC1D,YAAY,EAAE,uBAAuB,EAAE,uCAAmC"}

package/dist/components/BottomSheetOverlay/index.mjs

@@ -0,0 +1,2 @@
+export { BottomSheetOverlay } from "./BottomSheetOverlay.mjs";
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/BottomSheetOverlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,iCAA6B","sourcesContent":["export { BottomSheetOverlay } from './BottomSheetOverlay';\nexport type { BottomSheetOverlayProps } from './BottomSheetOverlay.types';\n"]}

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.cjs

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomSheetFooter = void 0;
+// Third party dependencies.
+const design_system_twrnc_preset_1 = require("@metamask/design-system-twrnc-preset");
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native/index.js");
+// External dependencies.
+const Button_1 = require("../../Button/index.cjs");
+const BottomSheetFooter_types_1 = require("./BottomSheetFooter.types.cjs");
+const BottomSheetFooter = ({ style, twClassName, buttonsAlignment = BottomSheetFooter_types_1.ButtonsAlignment.Horizontal, primaryButtonProps, secondaryButtonProps, ...props }) => {
+    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
+    const isHorizontal = buttonsAlignment === BottomSheetFooter_types_1.ButtonsAlignment.Horizontal;
+    const buttonBaseClass = isHorizontal ? 'flex-1' : 'self-stretch';
+    const gapClass = isHorizontal ? 'ml-4' : 'mt-4';
+    const hasBothButtons = Boolean(primaryButtonProps) && Boolean(secondaryButtonProps);
+    if (!primaryButtonProps && !secondaryButtonProps) {
+        return null;
+    }
+    return (<react_native_1.View style={[
+            tw.style(isHorizontal ? 'flex-row' : 'flex-col', 'px-2 py-1', twClassName),
+            style,
+        ]} {...props}>
+      {secondaryButtonProps && (<Button_1.Button {...secondaryButtonProps} variant={Button_1.ButtonVariant.Secondary} style={[tw.style(buttonBaseClass), secondaryButtonProps.style]}/>)}
+      {primaryButtonProps && (<Button_1.Button {...primaryButtonProps} variant={Button_1.ButtonVariant.Primary} style={[
+                tw.style(buttonBaseClass, hasBothButtons && gapClass),
+                primaryButtonProps.style,
+            ]}/>)}
+    </react_native_1.View>);
+};
+exports.BottomSheetFooter = BottomSheetFooter;
+//# sourceMappingURL=BottomSheetFooter.cjs.map

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.cjs","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.tsx"],"names":[],"mappings":";;;;;;AAAA,4BAA4B;AAC5B,qFAAmE;AACnE,kDAA0B;AAC1B,wDAAoC;AAEpC,yBAAyB;AACzB,mDAAqD;AAIrD,2EAA6D;AAEtD,MAAM,iBAAiB,GAAqC,CAAC,EAClE,KAAK,EACL,WAAW,EACX,gBAAgB,GAAG,0CAAgB,CAAC,UAAU,EAC9C,kBAAkB,EAClB,oBAAoB,EACpB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,YAAY,GAAG,gBAAgB,KAAK,0CAAgB,CAAC,UAAU,CAAC;IACtE,MAAM,eAAe,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC;IACjE,MAAM,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAChD,MAAM,cAAc,GAClB,OAAO,CAAC,kBAAkB,CAAC,IAAI,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAE/D,IAAI,CAAC,kBAAkB,IAAI,CAAC,oBAAoB,EAAE;QAChD,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EACtC,WAAW,EACX,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,oBAAoB,IAAI,CACvB,CAAC,eAAM,CACL,IAAI,oBAAoB,CAAC,CACzB,OAAO,CAAC,CAAC,sBAAa,CAAC,SAAS,CAAC,CACjC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC,CAAC,EAC/D,CACH,CACD;MAAA,CAAC,kBAAkB,IAAI,CACrB,CAAC,eAAM,CACL,IAAI,kBAAkB,CAAC,CACvB,OAAO,CAAC,CAAC,sBAAa,CAAC,OAAO,CAAC,CAC/B,KAAK,CAAC,CAAC;gBACL,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,cAAc,IAAI,QAAQ,CAAC;gBACrD,kBAAkB,CAAC,KAAK;aACzB,CAAC,EACF,CACH,CACH;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,iBAAiB,qBAkD5B","sourcesContent":["// Third party dependencies.\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\n// External dependencies.\nimport { Button, ButtonVariant } from '../../Button';\n\n// Internal dependencies.\nimport type { BottomSheetFooterProps } from './BottomSheetFooter.types';\nimport { ButtonsAlignment } from './BottomSheetFooter.types';\n\nexport const BottomSheetFooter: React.FC<BottomSheetFooterProps> = ({\n  style,\n  twClassName,\n  buttonsAlignment = ButtonsAlignment.Horizontal,\n  primaryButtonProps,\n  secondaryButtonProps,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const isHorizontal = buttonsAlignment === ButtonsAlignment.Horizontal;\n  const buttonBaseClass = isHorizontal ? 'flex-1' : 'self-stretch';\n  const gapClass = isHorizontal ? 'ml-4' : 'mt-4';\n  const hasBothButtons =\n    Boolean(primaryButtonProps) && Boolean(secondaryButtonProps);\n\n  if (!primaryButtonProps && !secondaryButtonProps) {\n    return null;\n  }\n\n  return (\n    <View\n      style={[\n        tw.style(\n          isHorizontal ? 'flex-row' : 'flex-col',\n          'px-2 py-1',\n          twClassName,\n        ),\n        style,\n      ]}\n      {...props}\n    >\n      {secondaryButtonProps && (\n        <Button\n          {...secondaryButtonProps}\n          variant={ButtonVariant.Secondary}\n          style={[tw.style(buttonBaseClass), secondaryButtonProps.style]}\n        />\n      )}\n      {primaryButtonProps && (\n        <Button\n          {...primaryButtonProps}\n          variant={ButtonVariant.Primary}\n          style={[\n            tw.style(buttonBaseClass, hasBothButtons && gapClass),\n            primaryButtonProps.style,\n          ]}\n        />\n      )}\n    </View>\n  );\n};\n"]}

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.d.cts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BottomSheetFooterProps } from "./BottomSheetFooter.types.cjs";
+export declare const BottomSheetFooter: React.FC<BottomSheetFooterProps>;
+//# sourceMappingURL=BottomSheetFooter.d.cts.map

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.d.cts","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc;AAO1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,sCAAkC;AAGxE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkD9D,CAAC"}

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.d.mts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BottomSheetFooterProps } from "./BottomSheetFooter.types.mjs";
+export declare const BottomSheetFooter: React.FC<BottomSheetFooterProps>;
+//# sourceMappingURL=BottomSheetFooter.d.mts.map

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.d.mts","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc;AAO1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,sCAAkC;AAGxE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkD9D,CAAC"}

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.mjs

@@ -0,0 +1,35 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+// Third party dependencies.
+import { useTailwind } from "@metamask/design-system-twrnc-preset";
+import $React from "react";
+const React = $importDefault($React);
+import { View } from "react-native/index.js";
+// External dependencies.
+import { Button, ButtonVariant } from "../../Button/index.mjs";
+import { ButtonsAlignment } from "./BottomSheetFooter.types.mjs";
+export const BottomSheetFooter = ({ style, twClassName, buttonsAlignment = ButtonsAlignment.Horizontal, primaryButtonProps, secondaryButtonProps, ...props }) => {
+    const tw = useTailwind();
+    const isHorizontal = buttonsAlignment === ButtonsAlignment.Horizontal;
+    const buttonBaseClass = isHorizontal ? 'flex-1' : 'self-stretch';
+    const gapClass = isHorizontal ? 'ml-4' : 'mt-4';
+    const hasBothButtons = Boolean(primaryButtonProps) && Boolean(secondaryButtonProps);
+    if (!primaryButtonProps && !secondaryButtonProps) {
+        return null;
+    }
+    return (<View style={[
+            tw.style(isHorizontal ? 'flex-row' : 'flex-col', 'px-2 py-1', twClassName),
+            style,
+        ]} {...props}>
+      {secondaryButtonProps && (<Button {...secondaryButtonProps} variant={ButtonVariant.Secondary} style={[tw.style(buttonBaseClass), secondaryButtonProps.style]}/>)}
+      {primaryButtonProps && (<Button {...primaryButtonProps} variant={ButtonVariant.Primary} style={[
+                tw.style(buttonBaseClass, hasBothButtons && gapClass),
+                primaryButtonProps.style,
+            ]}/>)}
+    </View>);
+};
+//# sourceMappingURL=BottomSheetFooter.mjs.map

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.mjs","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.tsx"],"names":[],"mappings":";;;;;;AAAA,4BAA4B;AAC5B,OAAO,EAAE,WAAW,EAAE,6CAA6C;AACnE,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAEpC,yBAAyB;AACzB,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,+BAAqB;AAIrD,OAAO,EAAE,gBAAgB,EAAE,sCAAkC;AAE7D,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAClE,KAAK,EACL,WAAW,EACX,gBAAgB,GAAG,gBAAgB,CAAC,UAAU,EAC9C,kBAAkB,EAClB,oBAAoB,EACpB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACzB,MAAM,YAAY,GAAG,gBAAgB,KAAK,gBAAgB,CAAC,UAAU,CAAC;IACtE,MAAM,eAAe,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC;IACjE,MAAM,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAChD,MAAM,cAAc,GAClB,OAAO,CAAC,kBAAkB,CAAC,IAAI,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAE/D,IAAI,CAAC,kBAAkB,IAAI,CAAC,oBAAoB,EAAE;QAChD,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EACtC,WAAW,EACX,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,oBAAoB,IAAI,CACvB,CAAC,MAAM,CACL,IAAI,oBAAoB,CAAC,CACzB,OAAO,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CACjC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC,CAAC,EAC/D,CACH,CACD;MAAA,CAAC,kBAAkB,IAAI,CACrB,CAAC,MAAM,CACL,IAAI,kBAAkB,CAAC,CACvB,OAAO,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAC/B,KAAK,CAAC,CAAC;gBACL,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,cAAc,IAAI,QAAQ,CAAC;gBACrD,kBAAkB,CAAC,KAAK;aACzB,CAAC,EACF,CACH,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Third party dependencies.\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\n// External dependencies.\nimport { Button, ButtonVariant } from '../../Button';\n\n// Internal dependencies.\nimport type { BottomSheetFooterProps } from './BottomSheetFooter.types';\nimport { ButtonsAlignment } from './BottomSheetFooter.types';\n\nexport const BottomSheetFooter: React.FC<BottomSheetFooterProps> = ({\n  style,\n  twClassName,\n  buttonsAlignment = ButtonsAlignment.Horizontal,\n  primaryButtonProps,\n  secondaryButtonProps,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const isHorizontal = buttonsAlignment === ButtonsAlignment.Horizontal;\n  const buttonBaseClass = isHorizontal ? 'flex-1' : 'self-stretch';\n  const gapClass = isHorizontal ? 'ml-4' : 'mt-4';\n  const hasBothButtons =\n    Boolean(primaryButtonProps) && Boolean(secondaryButtonProps);\n\n  if (!primaryButtonProps && !secondaryButtonProps) {\n    return null;\n  }\n\n  return (\n    <View\n      style={[\n        tw.style(\n          isHorizontal ? 'flex-row' : 'flex-col',\n          'px-2 py-1',\n          twClassName,\n        ),\n        style,\n      ]}\n      {...props}\n    >\n      {secondaryButtonProps && (\n        <Button\n          {...secondaryButtonProps}\n          variant={ButtonVariant.Secondary}\n          style={[tw.style(buttonBaseClass), secondaryButtonProps.style]}\n        />\n      )}\n      {primaryButtonProps && (\n        <Button\n          {...primaryButtonProps}\n          variant={ButtonVariant.Primary}\n          style={[\n            tw.style(buttonBaseClass, hasBothButtons && gapClass),\n            primaryButtonProps.style,\n          ]}\n        />\n      )}\n    </View>\n  );\n};\n"]}

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.types.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonsAlignment = void 0;
+/**
+ * Buttons alignment options for the BottomSheetFooter.
+ */
+var ButtonsAlignment;
+(function (ButtonsAlignment) {
+    ButtonsAlignment["Horizontal"] = "Horizontal";
+    ButtonsAlignment["Vertical"] = "Vertical";
+})(ButtonsAlignment || (exports.ButtonsAlignment = ButtonsAlignment = {}));
+//# sourceMappingURL=BottomSheetFooter.types.cjs.map

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.types.cjs","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.types.ts"],"names":[],"mappings":";;;AAMA;;GAEG;AACH,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,6CAAyB,CAAA;IACzB,yCAAqB,CAAA;AACvB,CAAC,EAHW,gBAAgB,gCAAhB,gBAAgB,QAG3B","sourcesContent":["// Third party dependencies.\nimport type { ViewProps } from 'react-native';\n\n// External dependencies.\nimport type { ButtonProps } from '../../Button/Button.types';\n\n/**\n * Buttons alignment options for the BottomSheetFooter.\n */\nexport enum ButtonsAlignment {\n  Horizontal = 'Horizontal',\n  Vertical = 'Vertical',\n}\n\n/**\n * Button props for BottomSheetFooter with variant enforced by the component.\n */\nexport type BottomSheetFooterButtonProps = Omit<ButtonProps, 'variant'>;\n\n/**\n * BottomSheetFooter component props.\n */\nexport type BottomSheetFooterProps = {\n  /**\n   * Optional prop to control the alignment of the buttons.\n   *\n   * @default ButtonsAlignment.Horizontal\n   */\n  buttonsAlignment?: ButtonsAlignment;\n  /**\n   * Optional props for the primary action button.\n   * Renders with ButtonVariant.Primary automatically.\n   * Appears second (rightmost in horizontal layout, bottom in vertical layout).\n   */\n  primaryButtonProps?: BottomSheetFooterButtonProps;\n  /**\n   * Optional props for the secondary action button.\n   * Renders with ButtonVariant.Secondary automatically.\n   * Appears first (leftmost in horizontal layout, top in vertical layout).\n   */\n  secondaryButtonProps?: BottomSheetFooterButtonProps;\n  /**\n   * Tailwind CSS classes for the footer container.\n   */\n  twClassName?: string;\n} & ViewProps;\n"]}

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.types.d.cts

@@ -0,0 +1,41 @@
+import type { ViewProps } from "react-native/index.js";
+import type { ButtonProps } from "../../Button/Button.types.cjs";
+/**
+ * Buttons alignment options for the BottomSheetFooter.
+ */
+export declare enum ButtonsAlignment {
+    Horizontal = "Horizontal",
+    Vertical = "Vertical"
+}
+/**
+ * Button props for BottomSheetFooter with variant enforced by the component.
+ */
+export type BottomSheetFooterButtonProps = Omit<ButtonProps, 'variant'>;
+/**
+ * BottomSheetFooter component props.
+ */
+export type BottomSheetFooterProps = {
+    /**
+     * Optional prop to control the alignment of the buttons.
+     *
+     * @default ButtonsAlignment.Horizontal
+     */
+    buttonsAlignment?: ButtonsAlignment;
+    /**
+     * Optional props for the primary action button.
+     * Renders with ButtonVariant.Primary automatically.
+     * Appears second (rightmost in horizontal layout, bottom in vertical layout).
+     */
+    primaryButtonProps?: BottomSheetFooterButtonProps;
+    /**
+     * Optional props for the secondary action button.
+     * Renders with ButtonVariant.Secondary automatically.
+     * Appears first (leftmost in horizontal layout, top in vertical layout).
+     */
+    secondaryButtonProps?: BottomSheetFooterButtonProps;
+    /**
+     * Tailwind CSS classes for the footer container.
+     */
+    twClassName?: string;
+} & ViewProps;
+//# sourceMappingURL=BottomSheetFooter.types.d.cts.map

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.types.d.cts","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAG9C,OAAO,KAAK,EAAE,WAAW,EAAE,sCAAkC;AAE7D;;GAEG;AACH,oBAAY,gBAAgB;IAC1B,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AAED;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,4BAA4B,CAAC;IAClD;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,4BAA4B,CAAC;IACpD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,SAAS,CAAC"}

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.types.d.mts

@@ -0,0 +1,41 @@
+import type { ViewProps } from "react-native/index.js";
+import type { ButtonProps } from "../../Button/Button.types.mjs";
+/**
+ * Buttons alignment options for the BottomSheetFooter.
+ */
+export declare enum ButtonsAlignment {
+    Horizontal = "Horizontal",
+    Vertical = "Vertical"
+}
+/**
+ * Button props for BottomSheetFooter with variant enforced by the component.
+ */
+export type BottomSheetFooterButtonProps = Omit<ButtonProps, 'variant'>;
+/**
+ * BottomSheetFooter component props.
+ */
+export type BottomSheetFooterProps = {
+    /**
+     * Optional prop to control the alignment of the buttons.
+     *
+     * @default ButtonsAlignment.Horizontal
+     */
+    buttonsAlignment?: ButtonsAlignment;
+    /**
+     * Optional props for the primary action button.
+     * Renders with ButtonVariant.Primary automatically.
+     * Appears second (rightmost in horizontal layout, bottom in vertical layout).
+     */
+    primaryButtonProps?: BottomSheetFooterButtonProps;
+    /**
+     * Optional props for the secondary action button.
+     * Renders with ButtonVariant.Secondary automatically.
+     * Appears first (leftmost in horizontal layout, top in vertical layout).
+     */
+    secondaryButtonProps?: BottomSheetFooterButtonProps;
+    /**
+     * Tailwind CSS classes for the footer container.
+     */
+    twClassName?: string;
+} & ViewProps;
+//# sourceMappingURL=BottomSheetFooter.types.d.mts.map

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.types.d.mts","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAG9C,OAAO,KAAK,EAAE,WAAW,EAAE,sCAAkC;AAE7D;;GAEG;AACH,oBAAY,gBAAgB;IAC1B,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AAED;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,4BAA4B,CAAC;IAClD;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,4BAA4B,CAAC;IACpD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,SAAS,CAAC"}

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.types.mjs

@@ -0,0 +1,9 @@
+/**
+ * Buttons alignment options for the BottomSheetFooter.
+ */
+export var ButtonsAlignment;
+(function (ButtonsAlignment) {
+    ButtonsAlignment["Horizontal"] = "Horizontal";
+    ButtonsAlignment["Vertical"] = "Vertical";
+})(ButtonsAlignment || (ButtonsAlignment = {}));
+//# sourceMappingURL=BottomSheetFooter.types.mjs.map

package/dist/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.types.mjs","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/BottomSheetFooter.types.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,6CAAyB,CAAA;IACzB,yCAAqB,CAAA;AACvB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B","sourcesContent":["// Third party dependencies.\nimport type { ViewProps } from 'react-native';\n\n// External dependencies.\nimport type { ButtonProps } from '../../Button/Button.types';\n\n/**\n * Buttons alignment options for the BottomSheetFooter.\n */\nexport enum ButtonsAlignment {\n  Horizontal = 'Horizontal',\n  Vertical = 'Vertical',\n}\n\n/**\n * Button props for BottomSheetFooter with variant enforced by the component.\n */\nexport type BottomSheetFooterButtonProps = Omit<ButtonProps, 'variant'>;\n\n/**\n * BottomSheetFooter component props.\n */\nexport type BottomSheetFooterProps = {\n  /**\n   * Optional prop to control the alignment of the buttons.\n   *\n   * @default ButtonsAlignment.Horizontal\n   */\n  buttonsAlignment?: ButtonsAlignment;\n  /**\n   * Optional props for the primary action button.\n   * Renders with ButtonVariant.Primary automatically.\n   * Appears second (rightmost in horizontal layout, bottom in vertical layout).\n   */\n  primaryButtonProps?: BottomSheetFooterButtonProps;\n  /**\n   * Optional props for the secondary action button.\n   * Renders with ButtonVariant.Secondary automatically.\n   * Appears first (leftmost in horizontal layout, top in vertical layout).\n   */\n  secondaryButtonProps?: BottomSheetFooterButtonProps;\n  /**\n   * Tailwind CSS classes for the footer container.\n   */\n  twClassName?: string;\n} & ViewProps;\n"]}

package/dist/components/BottomSheets/BottomSheetFooter/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonsAlignment = exports.BottomSheetFooter = void 0;
+var BottomSheetFooter_1 = require("./BottomSheetFooter.cjs");
+Object.defineProperty(exports, "BottomSheetFooter", { enumerable: true, get: function () { return BottomSheetFooter_1.BottomSheetFooter; } });
+var BottomSheetFooter_types_1 = require("./BottomSheetFooter.types.cjs");
+Object.defineProperty(exports, "ButtonsAlignment", { enumerable: true, get: function () { return BottomSheetFooter_types_1.ButtonsAlignment; } });
+//# sourceMappingURL=index.cjs.map

package/dist/components/BottomSheets/BottomSheetFooter/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/index.ts"],"names":[],"mappings":";;;AAAA,6DAAwD;AAA/C,sHAAA,iBAAiB,OAAA;AAC1B,yEAA6D;AAApD,2HAAA,gBAAgB,OAAA","sourcesContent":["export { BottomSheetFooter } from './BottomSheetFooter';\nexport { ButtonsAlignment } from './BottomSheetFooter.types';\nexport type {\n  BottomSheetFooterProps,\n  BottomSheetFooterButtonProps,\n} from './BottomSheetFooter.types';\n"]}

package/dist/components/BottomSheets/BottomSheetFooter/index.d.cts

@@ -0,0 +1,4 @@
+export { BottomSheetFooter } from "./BottomSheetFooter.cjs";
+export { ButtonsAlignment } from "./BottomSheetFooter.types.cjs";
+export type { BottomSheetFooterProps, BottomSheetFooterButtonProps, } from "./BottomSheetFooter.types.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/components/BottomSheets/BottomSheetFooter/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,gCAA4B;AACxD,OAAO,EAAE,gBAAgB,EAAE,sCAAkC;AAC7D,YAAY,EACV,sBAAsB,EACtB,4BAA4B,GAC7B,sCAAkC"}

package/dist/components/BottomSheets/BottomSheetFooter/index.d.mts

@@ -0,0 +1,4 @@
+export { BottomSheetFooter } from "./BottomSheetFooter.mjs";
+export { ButtonsAlignment } from "./BottomSheetFooter.types.mjs";
+export type { BottomSheetFooterProps, BottomSheetFooterButtonProps, } from "./BottomSheetFooter.types.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/components/BottomSheets/BottomSheetFooter/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,gCAA4B;AACxD,OAAO,EAAE,gBAAgB,EAAE,sCAAkC;AAC7D,YAAY,EACV,sBAAsB,EACtB,4BAA4B,GAC7B,sCAAkC"}

package/dist/components/BottomSheets/BottomSheetFooter/index.mjs

@@ -0,0 +1,3 @@
+export { BottomSheetFooter } from "./BottomSheetFooter.mjs";
+export { ButtonsAlignment } from "./BottomSheetFooter.types.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/components/BottomSheets/BottomSheetFooter/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../../src/components/BottomSheets/BottomSheetFooter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,gCAA4B;AACxD,OAAO,EAAE,gBAAgB,EAAE,sCAAkC","sourcesContent":["export { BottomSheetFooter } from './BottomSheetFooter';\nexport { ButtonsAlignment } from './BottomSheetFooter.types';\nexport type {\n  BottomSheetFooterProps,\n  BottomSheetFooterButtonProps,\n} from './BottomSheetFooter.types';\n"]}

package/dist/components/Box/Box.cjs

@@ -8,34 +8,19 @@ const design_system_twrnc_preset_1 = require("@metamask/design-system-twrnc-pres
 const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native/index.js");
 const Box_constants_1 = require("./Box.constants.cjs");
-const Box = ({ 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 }) => {
+const Box = ({ 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 }) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
-    const twContainerClassNames = tw `
-    flex
-    ${flexDirection ?? ''} 
-    ${flexWrap ?? ''} 
-    ${gap !== undefined ? Box_constants_1.TWCLASSMAP_BOX_GAP[gap] : ''} 
-    ${alignItems ?? ''} 
-    ${justifyContent ?? ''}
-    ${margin !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGIN[margin] : ''}
-    ${marginTop !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGIN_TOP[marginTop] : ''}
-    ${marginRight !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGIN_RIGHT[marginRight] : ''}
-    ${marginBottom !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGIN_BOTTOM[marginBottom] : ''}
-    ${marginLeft !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGIN_LEFT[marginLeft] : ''}
-    ${marginHorizontal !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGIN_HORIZONTAL[marginHorizontal] : ''}
-    ${marginVertical !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGIN_VERTICAL[marginVertical] : ''}
-    ${padding !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDING[padding] : ''}
-    ${paddingTop !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDING_TOP[paddingTop] : ''}
-    ${paddingRight !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDING_RIGHT[paddingRight] : ''}
-    ${paddingBottom !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDING_BOTTOM[paddingBottom] : ''}
-    ${paddingLeft !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDING_LEFT[paddingLeft] : ''}
-    ${paddingHorizontal !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDING_HORIZONTAL[paddingHorizontal] : ''}
-    ${paddingVertical !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDING_VERTICAL[paddingVertical] : ''}
-    ${borderWidth !== undefined ? Box_constants_1.TWCLASSMAP_BOX_BORDER_WIDTH[borderWidth] : ''}
-    ${borderColor ?? ''}
-    ${backgroundColor ?? ''}
-    ${twClassName}`;
-    return (<react_native_1.View style={[twContainerClassNames, style]} {...props}>
+    return (<react_native_1.View {...props} style={[
+            tw.style('flex', flexDirection, flexWrap, gap !== undefined && Box_constants_1.TWCLASSMAP_BOX_GAP[gap], alignItems, justifyContent, margin !== undefined && Box_constants_1.TWCLASSMAP_BOX_MARGIN[margin], marginTop !== undefined && Box_constants_1.TWCLASSMAP_BOX_MARGIN_TOP[marginTop], marginRight !== undefined && Box_constants_1.TWCLASSMAP_BOX_MARGIN_RIGHT[marginRight], marginBottom !== undefined &&
+                Box_constants_1.TWCLASSMAP_BOX_MARGIN_BOTTOM[marginBottom], marginLeft !== undefined && Box_constants_1.TWCLASSMAP_BOX_MARGIN_LEFT[marginLeft], marginHorizontal !== undefined &&
+                Box_constants_1.TWCLASSMAP_BOX_MARGIN_HORIZONTAL[marginHorizontal], marginVertical !== undefined &&
+                Box_constants_1.TWCLASSMAP_BOX_MARGIN_VERTICAL[marginVertical], padding !== undefined && Box_constants_1.TWCLASSMAP_BOX_PADDING[padding], paddingTop !== undefined && Box_constants_1.TWCLASSMAP_BOX_PADDING_TOP[paddingTop], paddingRight !== undefined &&
+                Box_constants_1.TWCLASSMAP_BOX_PADDING_RIGHT[paddingRight], paddingBottom !== undefined &&
+                Box_constants_1.TWCLASSMAP_BOX_PADDING_BOTTOM[paddingBottom], paddingLeft !== undefined && Box_constants_1.TWCLASSMAP_BOX_PADDING_LEFT[paddingLeft], paddingHorizontal !== undefined &&
+                Box_constants_1.TWCLASSMAP_BOX_PADDING_HORIZONTAL[paddingHorizontal], paddingVertical !== undefined &&
+                Box_constants_1.TWCLASSMAP_BOX_PADDING_VERTICAL[paddingVertical], borderWidth !== undefined && Box_constants_1.TWCLASSMAP_BOX_BORDER_WIDTH[borderWidth], borderColor, backgroundColor, twClassName),
+            style,
+        ]}>
       {children}
     </react_native_1.View>);
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Box.cjs","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":";;;;;;AAAA,qFAAmE;AACnE,kDAA0B;AAC1B,wDAAoC;AAEpC,uDAiByB;AAGlB,MAAM,GAAG,GAAG,CAAC,EAClB,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,GAAG,EAAE,EAChB,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACC,EAAE,EAAE;IACb,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,qBAAqB,GAAG,EAAE,CAAA;;MAE5B,aAAa,IAAI,EAAE;MACnB,QAAQ,IAAI,EAAE;MACd,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,kCAAkB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE;MAChD,UAAU,IAAI,EAAE;MAChB,cAAc,IAAI,EAAE;MACpB,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,qCAAqB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;MACzD,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,yCAAyB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE;MACnE,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,2CAA2B,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE;MACzE,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,4CAA4B,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE;MAC5E,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,0CAA0B,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE;MACtE,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,gDAAgC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAE;MACxF,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,8CAA8B,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE;MAClF,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,sCAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE;MAC5D,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,0CAA0B,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE;MACtE,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,4CAA4B,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE;MAC5E,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,6CAA6B,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE;MAC/E,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,2CAA2B,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE;MACzE,iBAAiB,KAAK,SAAS,CAAC,CAAC,CAAC,iDAAiC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,EAAE;MAC3F,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,+CAA+B,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,EAAE;MACrF,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,2CAA2B,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE;MACzE,WAAW,IAAI,EAAE;MACjB,eAAe,IAAI,EAAE;MACrB,WAAW,EAAE,CAAC;IAElB,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CACrD;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AA5DW,QAAA,GAAG,OA4Dd","sourcesContent":["import { useTailwind } from '@metamask/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_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 = ({\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  const tw = useTailwind();\n  const twContainerClassNames = tw`\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 ? TWCLASSMAP_BOX_MARGIN_RIGHT[marginRight] : ''}\n    ${marginBottom !== undefined ? TWCLASSMAP_BOX_MARGIN_BOTTOM[marginBottom] : ''}\n    ${marginLeft !== undefined ? TWCLASSMAP_BOX_MARGIN_LEFT[marginLeft] : ''}\n    ${marginHorizontal !== undefined ? TWCLASSMAP_BOX_MARGIN_HORIZONTAL[marginHorizontal] : ''}\n    ${marginVertical !== undefined ? TWCLASSMAP_BOX_MARGIN_VERTICAL[marginVertical] : ''}\n    ${padding !== undefined ? TWCLASSMAP_BOX_PADDING[padding] : ''}\n    ${paddingTop !== undefined ? TWCLASSMAP_BOX_PADDING_TOP[paddingTop] : ''}\n    ${paddingRight !== undefined ? TWCLASSMAP_BOX_PADDING_RIGHT[paddingRight] : ''}\n    ${paddingBottom !== undefined ? TWCLASSMAP_BOX_PADDING_BOTTOM[paddingBottom] : ''}\n    ${paddingLeft !== undefined ? TWCLASSMAP_BOX_PADDING_LEFT[paddingLeft] : ''}\n    ${paddingHorizontal !== undefined ? TWCLASSMAP_BOX_PADDING_HORIZONTAL[paddingHorizontal] : ''}\n    ${paddingVertical !== undefined ? TWCLASSMAP_BOX_PADDING_VERTICAL[paddingVertical] : ''}\n    ${borderWidth !== undefined ? TWCLASSMAP_BOX_BORDER_WIDTH[borderWidth] : ''}\n    ${borderColor ?? ''}\n    ${backgroundColor ?? ''}\n    ${twClassName}`;\n\n  return (\n    <View style={[twContainerClassNames, style]} {...props}>\n      {children}\n    </View>\n  );\n};\n"]}
+{"version":3,"file":"Box.cjs","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":";;;;;;AAAA,qFAAmE;AACnE,kDAA0B;AAC1B,wDAAoC;AAEpC,uDAiByB;AAGlB,MAAM,GAAG,GAAG,CAAC,EAClB,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,EAAE,EAAE;IACb,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,OAAO,CACL,CAAC,mBAAI,CACH,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,IAAI,2CAA2B,CAAC,WAAW,CAAC,EACrE,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,IAAI,2CAA2B,CAAC,WAAW,CAAC,EACrE,iBAAiB,KAAK,SAAS;gBAC7B,iDAAiC,CAAC,iBAAiB,CAAC,EACtD,eAAe,KAAK,SAAS;gBAC3B,+CAA+B,CAAC,eAAe,CAAC,EAClD,WAAW,KAAK,SAAS,IAAI,2CAA2B,CAAC,WAAW,CAAC,EACrE,WAAW,EACX,eAAe,EACf,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAzEW,QAAA,GAAG,OAyEd","sourcesContent":["import { useTailwind } from '@metamask/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_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 = ({\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  const tw = useTailwind();\n\n  return (\n    <View\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 && 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 && 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 && TWCLASSMAP_BOX_BORDER_WIDTH[borderWidth],\n          borderColor,\n          backgroundColor,\n          twClassName,\n        ),\n        style,\n      ]}\n    >\n      {children}\n    </View>\n  );\n};\n"]}

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,KAAK,cAAc;AAqB1B,OAAO,KAAK,EAAE,QAAQ,EAAE,wBAAoB;AAE5C,eAAO,MAAM,GAAG,mVA2Bb,QAAQ,sBAiCV,CAAC"}
+{"version":3,"file":"Box.d.cts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAqB1B,OAAO,KAAK,EAAE,QAAQ,EAAE,wBAAoB;AAE5C,eAAO,MAAM,GAAG,mVA2Bb,QAAQ,sBA8CV,CAAC"}

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,KAAK,cAAc;AAqB1B,OAAO,KAAK,EAAE,QAAQ,EAAE,wBAAoB;AAE5C,eAAO,MAAM,GAAG,mVA2Bb,QAAQ,sBAiCV,CAAC"}
+{"version":3,"file":"Box.d.mts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAqB1B,OAAO,KAAK,EAAE,QAAQ,EAAE,wBAAoB;AAE5C,eAAO,MAAM,GAAG,mVA2Bb,QAAQ,sBA8CV,CAAC"}