@metamask-previews/design-system-react-native 0.5.1-preview.abc15cd → 0.9.0-preview.694a8ed

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

@@ -0,0 +1,53 @@
+import type { BannerBasePropsShared } from "@metamask-previews/design-system-shared";
+import type { GestureResponderEvent } from "react-native/index.js";
+import type { BoxProps } from "../Box/index.cjs";
+import type { ButtonProps } from "../Button/index.cjs";
+import type { ButtonIconProps } from "../ButtonIcon/index.cjs";
+import type { TextProps } from "../Text/index.cjs";
+type BannerBaseActionButtonProps = Omit<Partial<ButtonProps>, 'children' | 'onPress' | 'variant'>;
+type BannerBaseCloseButtonProps = Omit<Partial<ButtonIconProps>, 'iconName' | 'onPress'> & {
+    /**
+     * Optional press handler for the close button.
+     */
+    onPress?: (event: GestureResponderEvent) => void;
+};
+type BannerBasePropsBase = BannerBasePropsShared & Omit<BoxProps, 'children'> & {
+    /**
+     * Optional props for the title `Text` when title is a string.
+     */
+    titleProps?: Omit<Partial<TextProps>, 'children'>;
+    /**
+     * Optional props for the description `Text` when description is a string.
+     */
+    descriptionProps?: Omit<Partial<TextProps>, 'children'>;
+    /**
+     * Optional props for the children wrapper `Text` when children is a string.
+     */
+    childrenWrapperProps?: Omit<Partial<TextProps>, 'children'>;
+    /**
+     * Optional callback for the close button.
+     * If provided, a close button is shown.
+     */
+    onClose?: () => void;
+    /**
+     * Optional props for the close `ButtonIcon`.
+     * Providing this also shows a close button.
+     */
+    closeButtonProps?: BannerBaseCloseButtonProps;
+};
+type BannerBaseActionPropsWithHandler = {
+    actionButtonOnPress: (event: GestureResponderEvent) => void;
+    actionButtonLabel: string;
+    actionButtonProps?: BannerBaseActionButtonProps;
+};
+type BannerBaseActionPropsWithoutHandler = {
+    actionButtonOnPress?: undefined;
+    actionButtonLabel?: string;
+    actionButtonProps?: BannerBaseActionButtonProps;
+};
+/**
+ * BannerBase component props.
+ */
+export type BannerBaseProps = BannerBasePropsBase & (BannerBaseActionPropsWithHandler | BannerBaseActionPropsWithoutHandler);
+export {};
+//# sourceMappingURL=BannerBase.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BannerBase.types.d.cts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gDAAgD;AACrF,OAAO,KAAK,EAAE,qBAAqB,EAAE,8BAAqB;AAE1D,OAAO,KAAK,EAAE,QAAQ,EAAE,yBAAe;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,4BAAkB;AAC7C,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC,KAAK,2BAA2B,GAAG,IAAI,CACrC,OAAO,CAAC,WAAW,CAAC,EACpB,UAAU,GAAG,SAAS,GAAG,SAAS,CACnC,CAAC;AAEF,KAAK,0BAA0B,GAAG,IAAI,CACpC,OAAO,CAAC,eAAe,CAAC,EACxB,UAAU,GAAG,SAAS,CACvB,GAAG;IACF;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,KAAK,mBAAmB,GAAG,qBAAqB,GAC9C,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IAClD;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACxD;;OAEG;IACH,oBAAoB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IAC5D;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,0BAA0B,CAAC;CAC/C,CAAC;AAEJ,KAAK,gCAAgC,GAAG;IACtC,mBAAmB,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC5D,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,2BAA2B,CAAC;CACjD,CAAC;AAEF,KAAK,mCAAmC,GAAG;IACzC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,2BAA2B,CAAC;CACjD,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAC/C,CAAC,gCAAgC,GAAG,mCAAmC,CAAC,CAAC"}

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

@@ -0,0 +1,53 @@
+import type { BannerBasePropsShared } from "@metamask-previews/design-system-shared";
+import type { GestureResponderEvent } from "react-native/index.js";
+import type { BoxProps } from "../Box/index.mjs";
+import type { ButtonProps } from "../Button/index.mjs";
+import type { ButtonIconProps } from "../ButtonIcon/index.mjs";
+import type { TextProps } from "../Text/index.mjs";
+type BannerBaseActionButtonProps = Omit<Partial<ButtonProps>, 'children' | 'onPress' | 'variant'>;
+type BannerBaseCloseButtonProps = Omit<Partial<ButtonIconProps>, 'iconName' | 'onPress'> & {
+    /**
+     * Optional press handler for the close button.
+     */
+    onPress?: (event: GestureResponderEvent) => void;
+};
+type BannerBasePropsBase = BannerBasePropsShared & Omit<BoxProps, 'children'> & {
+    /**
+     * Optional props for the title `Text` when title is a string.
+     */
+    titleProps?: Omit<Partial<TextProps>, 'children'>;
+    /**
+     * Optional props for the description `Text` when description is a string.
+     */
+    descriptionProps?: Omit<Partial<TextProps>, 'children'>;
+    /**
+     * Optional props for the children wrapper `Text` when children is a string.
+     */
+    childrenWrapperProps?: Omit<Partial<TextProps>, 'children'>;
+    /**
+     * Optional callback for the close button.
+     * If provided, a close button is shown.
+     */
+    onClose?: () => void;
+    /**
+     * Optional props for the close `ButtonIcon`.
+     * Providing this also shows a close button.
+     */
+    closeButtonProps?: BannerBaseCloseButtonProps;
+};
+type BannerBaseActionPropsWithHandler = {
+    actionButtonOnPress: (event: GestureResponderEvent) => void;
+    actionButtonLabel: string;
+    actionButtonProps?: BannerBaseActionButtonProps;
+};
+type BannerBaseActionPropsWithoutHandler = {
+    actionButtonOnPress?: undefined;
+    actionButtonLabel?: string;
+    actionButtonProps?: BannerBaseActionButtonProps;
+};
+/**
+ * BannerBase component props.
+ */
+export type BannerBaseProps = BannerBasePropsBase & (BannerBaseActionPropsWithHandler | BannerBaseActionPropsWithoutHandler);
+export {};
+//# sourceMappingURL=BannerBase.types.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BannerBase.types.d.mts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gDAAgD;AACrF,OAAO,KAAK,EAAE,qBAAqB,EAAE,8BAAqB;AAE1D,OAAO,KAAK,EAAE,QAAQ,EAAE,yBAAe;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,4BAAkB;AAC7C,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC,KAAK,2BAA2B,GAAG,IAAI,CACrC,OAAO,CAAC,WAAW,CAAC,EACpB,UAAU,GAAG,SAAS,GAAG,SAAS,CACnC,CAAC;AAEF,KAAK,0BAA0B,GAAG,IAAI,CACpC,OAAO,CAAC,eAAe,CAAC,EACxB,UAAU,GAAG,SAAS,CACvB,GAAG;IACF;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,KAAK,mBAAmB,GAAG,qBAAqB,GAC9C,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IAClD;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACxD;;OAEG;IACH,oBAAoB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IAC5D;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,0BAA0B,CAAC;CAC/C,CAAC;AAEJ,KAAK,gCAAgC,GAAG;IACtC,mBAAmB,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC5D,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,2BAA2B,CAAC;CACjD,CAAC;AAEF,KAAK,mCAAmC,GAAG;IACzC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,2BAA2B,CAAC;CACjD,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAC/C,CAAC,gCAAgC,GAAG,mCAAmC,CAAC,CAAC"}

package/dist/components/BannerBase/BannerBase.types.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BannerBase.types.mjs","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { BannerBasePropsShared } from '@metamask-previews/design-system-shared';\nimport type { GestureResponderEvent } from 'react-native';\n\nimport type { BoxProps } from '../Box';\nimport type { ButtonProps } from '../Button';\nimport type { ButtonIconProps } from '../ButtonIcon';\nimport type { TextProps } from '../Text';\n\ntype BannerBaseActionButtonProps = Omit<\n  Partial<ButtonProps>,\n  'children' | 'onPress' | 'variant'\n>;\n\ntype BannerBaseCloseButtonProps = Omit<\n  Partial<ButtonIconProps>,\n  'iconName' | 'onPress'\n> & {\n  /**\n   * Optional press handler for the close button.\n   */\n  onPress?: (event: GestureResponderEvent) => void;\n};\n\ntype BannerBasePropsBase = BannerBasePropsShared &\n  Omit<BoxProps, 'children'> & {\n    /**\n     * Optional props for the title `Text` when title is a string.\n     */\n    titleProps?: Omit<Partial<TextProps>, 'children'>;\n    /**\n     * Optional props for the description `Text` when description is a string.\n     */\n    descriptionProps?: Omit<Partial<TextProps>, 'children'>;\n    /**\n     * Optional props for the children wrapper `Text` when children is a string.\n     */\n    childrenWrapperProps?: Omit<Partial<TextProps>, 'children'>;\n    /**\n     * Optional callback for the close button.\n     * If provided, a close button is shown.\n     */\n    onClose?: () => void;\n    /**\n     * Optional props for the close `ButtonIcon`.\n     * Providing this also shows a close button.\n     */\n    closeButtonProps?: BannerBaseCloseButtonProps;\n  };\n\ntype BannerBaseActionPropsWithHandler = {\n  actionButtonOnPress: (event: GestureResponderEvent) => void;\n  actionButtonLabel: string;\n  actionButtonProps?: BannerBaseActionButtonProps;\n};\n\ntype BannerBaseActionPropsWithoutHandler = {\n  actionButtonOnPress?: undefined;\n  actionButtonLabel?: string;\n  actionButtonProps?: BannerBaseActionButtonProps;\n};\n\n/**\n * BannerBase component props.\n */\nexport type BannerBaseProps = BannerBasePropsBase &\n  (BannerBaseActionPropsWithHandler | BannerBaseActionPropsWithoutHandler);\n"]}

package/dist/components/BannerBase/index.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/BannerBase/index.ts"],"names":[],"mappings":";;;AAAA,+CAA0C;AAAjC,wGAAA,UAAU,OAAA","sourcesContent":["export { BannerBase } from './BannerBase';\nexport type { BannerBaseProps } from './BannerBase.types';\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/BannerBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/BannerBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}

package/dist/components/BannerBase/index.mjs

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

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

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

package/dist/components/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-previews/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/BottomSheetFooter/BottomSheetFooter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.cjs","sourceRoot":"","sources":["../../../src/components/BottomSheetFooter/BottomSheetFooter.tsx"],"names":[],"mappings":";;;;;;AAAA,4BAA4B;AAC5B,8FAA4E;AAC5E,kDAA0B;AAC1B,wDAAoC;AAEpC,yBAAyB;AACzB,gDAAkD;AAIlD,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-previews/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/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/BottomSheetFooter/BottomSheetFooter.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.d.cts","sourceRoot":"","sources":["../../../src/components/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/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/BottomSheetFooter/BottomSheetFooter.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.d.mts","sourceRoot":"","sources":["../../../src/components/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/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-previews/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/BottomSheetFooter/BottomSheetFooter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.mjs","sourceRoot":"","sources":["../../../src/components/BottomSheetFooter/BottomSheetFooter.tsx"],"names":[],"mappings":";;;;;;AAAA,4BAA4B;AAC5B,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAEpC,yBAAyB;AACzB,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,4BAAkB;AAIlD,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-previews/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/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/BottomSheetFooter/BottomSheetFooter.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.types.cjs","sourceRoot":"","sources":["../../../src/components/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/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/BottomSheetFooter/BottomSheetFooter.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.types.d.cts","sourceRoot":"","sources":["../../../src/components/BottomSheetFooter/BottomSheetFooter.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAG9C,OAAO,KAAK,EAAE,WAAW,EAAE,mCAA+B;AAE1D;;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/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/BottomSheetFooter/BottomSheetFooter.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.types.d.mts","sourceRoot":"","sources":["../../../src/components/BottomSheetFooter/BottomSheetFooter.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAG9C,OAAO,KAAK,EAAE,WAAW,EAAE,mCAA+B;AAE1D;;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/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/BottomSheetFooter/BottomSheetFooter.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.types.mjs","sourceRoot":"","sources":["../../../src/components/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/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/BottomSheetFooter/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/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/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/BottomSheetFooter/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/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/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/BottomSheetFooter/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/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/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/BottomSheetFooter/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/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/BottomSheetHeader/BottomSheetHeader.cjs

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomSheetHeader = void 0;
+// Third party dependencies.
+const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
+const react_1 = __importDefault(require("react"));
+// External dependencies.
+const ButtonIcon_1 = require("../ButtonIcon/index.cjs");
+const HeaderBase_1 = require("../HeaderBase/index.cjs");
+const Icon_1 = require("../Icon/index.cjs");
+// Internal dependencies.
+const BottomSheetHeader_constants_1 = require("./BottomSheetHeader.constants.cjs");
+const BottomSheetHeader_types_1 = require("./BottomSheetHeader.types.cjs");
+const BottomSheetHeader = ({ style, twClassName, children, onBack, backButtonProps, onClose, closeButtonProps, variant = BottomSheetHeader_types_1.BottomSheetHeaderVariant.Compact, ...props }) => {
+    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
+    const startAccessory = onBack ? (<ButtonIcon_1.ButtonIcon iconName={Icon_1.IconName.ArrowLeft} onPress={onBack} size={ButtonIcon_1.ButtonIconSize.Lg} {...backButtonProps}/>) : undefined;
+    const endAccessory = onClose ? (<ButtonIcon_1.ButtonIcon iconName={Icon_1.IconName.Close} onPress={onClose} size={ButtonIcon_1.ButtonIconSize.Lg} {...closeButtonProps}/>) : undefined;
+    const headerBaseVariant = BottomSheetHeader_constants_1.BOTTOM_SHEET_HEADER_VARIANT_MAP[variant];
+    return (<HeaderBase_1.HeaderBase {...props} style={[tw.style('px-4', twClassName), style]} startAccessory={startAccessory} endAccessory={endAccessory} variant={headerBaseVariant}>
+      {children}
+    </HeaderBase_1.HeaderBase>);
+};
+exports.BottomSheetHeader = BottomSheetHeader;
+//# sourceMappingURL=BottomSheetHeader.cjs.map

package/dist/components/BottomSheetHeader/BottomSheetHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHeader.cjs","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.tsx"],"names":[],"mappings":";;;;;;AAAA,4BAA4B;AAC5B,8FAA4E;AAC5E,kDAA0B;AAE1B,yBAAyB;AACzB,wDAA2D;AAC3D,wDAA2C;AAC3C,4CAAmC;AAEnC,yBAAyB;AACzB,mFAAgF;AAEhF,2EAAqE;AAE9D,MAAM,iBAAiB,GAAqC,CAAC,EAClE,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,eAAe,EACf,OAAO,EACP,gBAAgB,EAChB,OAAO,GAAG,kDAAwB,CAAC,OAAO,EAC1C,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,CAC9B,CAAC,uBAAU,CACT,QAAQ,CAAC,CAAC,eAAQ,CAAC,SAAS,CAAC,CAC7B,OAAO,CAAC,CAAC,MAAM,CAAC,CAChB,IAAI,CAAC,CAAC,2BAAc,CAAC,EAAE,CAAC,CACxB,IAAI,eAAe,CAAC,EACpB,CACH,CAAC,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,CAC7B,CAAC,uBAAU,CACT,QAAQ,CAAC,CAAC,eAAQ,CAAC,KAAK,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,CAAC,CAAC,2BAAc,CAAC,EAAE,CAAC,CACxB,IAAI,gBAAgB,CAAC,EACrB,CACH,CAAC,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,iBAAiB,GAAG,6DAA+B,CAAC,OAAO,CAAC,CAAC;IAEnE,OAAO,CACL,CAAC,uBAAU,CACT,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC,CAC9C,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAE3B;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,uBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AA5CW,QAAA,iBAAiB,qBA4C5B","sourcesContent":["// Third party dependencies.\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\n\n// External dependencies.\nimport { ButtonIcon, ButtonIconSize } from '../ButtonIcon';\nimport { HeaderBase } from '../HeaderBase';\nimport { IconName } from '../Icon';\n\n// Internal dependencies.\nimport { BOTTOM_SHEET_HEADER_VARIANT_MAP } from './BottomSheetHeader.constants';\nimport type { BottomSheetHeaderProps } from './BottomSheetHeader.types';\nimport { BottomSheetHeaderVariant } from './BottomSheetHeader.types';\n\nexport const BottomSheetHeader: React.FC<BottomSheetHeaderProps> = ({\n  style,\n  twClassName,\n  children,\n  onBack,\n  backButtonProps,\n  onClose,\n  closeButtonProps,\n  variant = BottomSheetHeaderVariant.Compact,\n  ...props\n}) => {\n  const tw = useTailwind();\n\n  const startAccessory = onBack ? (\n    <ButtonIcon\n      iconName={IconName.ArrowLeft}\n      onPress={onBack}\n      size={ButtonIconSize.Lg}\n      {...backButtonProps}\n    />\n  ) : undefined;\n\n  const endAccessory = onClose ? (\n    <ButtonIcon\n      iconName={IconName.Close}\n      onPress={onClose}\n      size={ButtonIconSize.Lg}\n      {...closeButtonProps}\n    />\n  ) : undefined;\n\n  const headerBaseVariant = BOTTOM_SHEET_HEADER_VARIANT_MAP[variant];\n\n  return (\n    <HeaderBase\n      {...props}\n      style={[tw.style('px-4', twClassName), style]}\n      startAccessory={startAccessory}\n      endAccessory={endAccessory}\n      variant={headerBaseVariant}\n    >\n      {children}\n    </HeaderBase>\n  );\n};\n"]}

package/dist/components/BottomSheetHeader/BottomSheetHeader.constants.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BOTTOM_SHEET_HEADER_VARIANT_MAP = void 0;
+// External dependencies.
+const HeaderBase_types_1 = require("../HeaderBase/HeaderBase.types.cjs");
+// Internal dependencies.
+const BottomSheetHeader_types_1 = require("./BottomSheetHeader.types.cjs");
+/**
+ * Maps BottomSheetHeaderVariant to HeaderBaseVariant.
+ */
+exports.BOTTOM_SHEET_HEADER_VARIANT_MAP = {
+    [BottomSheetHeader_types_1.BottomSheetHeaderVariant.Display]: HeaderBase_types_1.HeaderBaseVariant.Display,
+    [BottomSheetHeader_types_1.BottomSheetHeaderVariant.Compact]: HeaderBase_types_1.HeaderBaseVariant.Compact,
+};
+//# sourceMappingURL=BottomSheetHeader.constants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHeader.constants.cjs","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.constants.ts"],"names":[],"mappings":";;;AAAA,yBAAyB;AACzB,yEAAmE;AAEnE,yBAAyB;AACzB,2EAAqE;AAErE;;GAEG;AACU,QAAA,+BAA+B,GAGxC;IACF,CAAC,kDAAwB,CAAC,OAAO,CAAC,EAAE,oCAAiB,CAAC,OAAO;IAC7D,CAAC,kDAAwB,CAAC,OAAO,CAAC,EAAE,oCAAiB,CAAC,OAAO;CAC9D,CAAC","sourcesContent":["// External dependencies.\nimport { HeaderBaseVariant } from '../HeaderBase/HeaderBase.types';\n\n// Internal dependencies.\nimport { BottomSheetHeaderVariant } from './BottomSheetHeader.types';\n\n/**\n * Maps BottomSheetHeaderVariant to HeaderBaseVariant.\n */\nexport const BOTTOM_SHEET_HEADER_VARIANT_MAP: Record<\n  BottomSheetHeaderVariant,\n  HeaderBaseVariant\n> = {\n  [BottomSheetHeaderVariant.Display]: HeaderBaseVariant.Display,\n  [BottomSheetHeaderVariant.Compact]: HeaderBaseVariant.Compact,\n};\n"]}

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

@@ -0,0 +1,7 @@
+import { HeaderBaseVariant } from "../HeaderBase/HeaderBase.types.cjs";
+import { BottomSheetHeaderVariant } from "./BottomSheetHeader.types.cjs";
+/**
+ * Maps BottomSheetHeaderVariant to HeaderBaseVariant.
+ */
+export declare const BOTTOM_SHEET_HEADER_VARIANT_MAP: Record<BottomSheetHeaderVariant, HeaderBaseVariant>;
+//# sourceMappingURL=BottomSheetHeader.constants.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHeader.constants.d.cts","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,2CAAuC;AAGnE,OAAO,EAAE,wBAAwB,EAAE,sCAAkC;AAErE;;GAEG;AACH,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAClD,wBAAwB,EACxB,iBAAiB,CAIlB,CAAC"}

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

@@ -0,0 +1,7 @@
+import { HeaderBaseVariant } from "../HeaderBase/HeaderBase.types.mjs";
+import { BottomSheetHeaderVariant } from "./BottomSheetHeader.types.mjs";
+/**
+ * Maps BottomSheetHeaderVariant to HeaderBaseVariant.
+ */
+export declare const BOTTOM_SHEET_HEADER_VARIANT_MAP: Record<BottomSheetHeaderVariant, HeaderBaseVariant>;
+//# sourceMappingURL=BottomSheetHeader.constants.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHeader.constants.d.mts","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,2CAAuC;AAGnE,OAAO,EAAE,wBAAwB,EAAE,sCAAkC;AAErE;;GAEG;AACH,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAClD,wBAAwB,EACxB,iBAAiB,CAIlB,CAAC"}

package/dist/components/BottomSheetHeader/BottomSheetHeader.constants.mjs

@@ -0,0 +1,12 @@
+// External dependencies.
+import { HeaderBaseVariant } from "../HeaderBase/HeaderBase.types.mjs";
+// Internal dependencies.
+import { BottomSheetHeaderVariant } from "./BottomSheetHeader.types.mjs";
+/**
+ * Maps BottomSheetHeaderVariant to HeaderBaseVariant.
+ */
+export const BOTTOM_SHEET_HEADER_VARIANT_MAP = {
+    [BottomSheetHeaderVariant.Display]: HeaderBaseVariant.Display,
+    [BottomSheetHeaderVariant.Compact]: HeaderBaseVariant.Compact,
+};
+//# sourceMappingURL=BottomSheetHeader.constants.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHeader.constants.mjs","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.constants.ts"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,OAAO,EAAE,iBAAiB,EAAE,2CAAuC;AAEnE,yBAAyB;AACzB,OAAO,EAAE,wBAAwB,EAAE,sCAAkC;AAErE;;GAEG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAGxC;IACF,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC,OAAO;IAC7D,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC,OAAO;CAC9D,CAAC","sourcesContent":["// External dependencies.\nimport { HeaderBaseVariant } from '../HeaderBase/HeaderBase.types';\n\n// Internal dependencies.\nimport { BottomSheetHeaderVariant } from './BottomSheetHeader.types';\n\n/**\n * Maps BottomSheetHeaderVariant to HeaderBaseVariant.\n */\nexport const BOTTOM_SHEET_HEADER_VARIANT_MAP: Record<\n  BottomSheetHeaderVariant,\n  HeaderBaseVariant\n> = {\n  [BottomSheetHeaderVariant.Display]: HeaderBaseVariant.Display,\n  [BottomSheetHeaderVariant.Compact]: HeaderBaseVariant.Compact,\n};\n"]}

package/dist/components/BottomSheetHeader/BottomSheetHeader.d.cts

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

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

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

package/dist/components/BottomSheetHeader/BottomSheetHeader.d.mts

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

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

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