@metamask-previews/design-system-react-native 0.15.0-preview.a73a010 → 0.16.0-preview.d854123

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

@@ -1 +1 @@
-{"version":3,"file":"Box.types.cjs","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { BoxPropsShared } from '@metamask-previews/design-system-shared';\nimport type { ViewProps } from 'react-native';\n\nexport type BoxProps = BoxPropsShared &\n  ViewProps & {\n    /**\n     * Optional prop to add twrnc overriding classNames.\n     */\n    twClassName?: string;\n  };\n"]}
+{"version":3,"file":"Box.types.cjs","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ViewProps } from 'react-native';\n\nimport type {\n  BoxFlexDirection,\n  BoxFlexWrap,\n  BoxSpacing,\n  BoxBorderWidth,\n  BoxAlignItems,\n  BoxJustifyContent,\n  BoxBackgroundColor,\n  BoxBorderColor,\n} from '../../types';\n\nexport type BoxProps = {\n  /**\n   * The flexDirection style of the component.\n   */\n  flexDirection?: BoxFlexDirection;\n  /**\n   * The flexWrap style of the component.\n   */\n  flexWrap?: BoxFlexWrap;\n  /**\n   * The gap between the component's children.\n   * Use 1-12 for a gap of 4px-48px.\n   */\n  gap?: BoxSpacing;\n  /**\n   * The alignItems style of the component.\n   */\n  alignItems?: BoxAlignItems;\n  /**\n   * The justifyContent style of the component.\n   */\n  justifyContent?: BoxJustifyContent;\n  /**\n   * The margin of the component.\n   * Use 1-12 for margin of 4px-48px.\n   */\n  margin?: BoxSpacing;\n  /**\n   * The top margin of the component.\n   * Use 1-12 for margin of 4px-48px.\n   */\n  marginTop?: BoxSpacing;\n  /**\n   * The right margin of the component.\n   * Use 1-12 for margin of 4px-48px.\n   */\n  marginRight?: BoxSpacing;\n  /**\n   * The bottom margin of the component.\n   * Use 1-12 for margin of 4px-48px.\n   */\n  marginBottom?: BoxSpacing;\n  /**\n   * The left margin of the component.\n   * Use 1-12 for margin of 4px-48px.\n   */\n  marginLeft?: BoxSpacing;\n  /**\n   * The horizontal margin of the component.\n   * Use 1-12 for margin of 4px-48px.\n   */\n  marginHorizontal?: BoxSpacing;\n  /**\n   * The vertical margin of the component.\n   * Use 1-12 for margin of 4px-48px.\n   */\n  marginVertical?: BoxSpacing;\n  /**\n   * The padding of the component.\n   * Use 1-12 for padding of 4px-48px.\n   */\n  padding?: BoxSpacing;\n  /**\n   * The top padding of the component.\n   * Use 1-12 for padding of 4px-48px.\n   */\n  paddingTop?: BoxSpacing;\n  /**\n   * The right padding of the component.\n   * Use 1-12 for padding of 4px-48px.\n   */\n  paddingRight?: BoxSpacing;\n  /**\n   * The bottom padding of the component.\n   * Use 1-12 for padding of 4px-48px.\n   */\n  paddingBottom?: BoxSpacing;\n  /**\n   * The left padding of the component.\n   * Use 1-12 for padding of 4px-48px.\n   */\n  paddingLeft?: BoxSpacing;\n  /**\n   * The horizontal padding of the component.\n   * Use 1-12 for padding of 4px-48px.\n   */\n  paddingHorizontal?: BoxSpacing;\n  /**\n   * The vertical padding of the component.\n   * Use 1-12 for padding of 4px-48px.\n   */\n  paddingVertical?: BoxSpacing;\n  /**\n   * The border width of the component.\n   * Use 0, 1, 2, 4, or 8 for border width of 0px, 1px, 2px, 4px, or 8px.\n   */\n  borderWidth?: BoxBorderWidth;\n  /**\n   * The border color of the component.\n   */\n  borderColor?: BoxBorderColor;\n  /**\n   * The background color of the component.\n   */\n  backgroundColor?: BoxBackgroundColor;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n} & ViewProps;\n"]}

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

@@ -1,9 +1,113 @@
-import type { BoxPropsShared } from "@metamask-previews/design-system-shared";
 import type { ViewProps } from "react-native/index.js";
-export type BoxProps = BoxPropsShared & ViewProps & {
+import type { BoxFlexDirection, BoxFlexWrap, BoxSpacing, BoxBorderWidth, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, BoxBorderColor } from "../../types/index.cjs";
+export type BoxProps = {
+    /**
+     * The flexDirection style of the component.
+     */
+    flexDirection?: BoxFlexDirection;
+    /**
+     * The flexWrap style of the component.
+     */
+    flexWrap?: BoxFlexWrap;
+    /**
+     * The gap between the component's children.
+     * Use 1-12 for a gap of 4px-48px.
+     */
+    gap?: BoxSpacing;
+    /**
+     * The alignItems style of the component.
+     */
+    alignItems?: BoxAlignItems;
+    /**
+     * The justifyContent style of the component.
+     */
+    justifyContent?: BoxJustifyContent;
+    /**
+     * The margin of the component.
+     * Use 1-12 for margin of 4px-48px.
+     */
+    margin?: BoxSpacing;
+    /**
+     * The top margin of the component.
+     * Use 1-12 for margin of 4px-48px.
+     */
+    marginTop?: BoxSpacing;
+    /**
+     * The right margin of the component.
+     * Use 1-12 for margin of 4px-48px.
+     */
+    marginRight?: BoxSpacing;
+    /**
+     * The bottom margin of the component.
+     * Use 1-12 for margin of 4px-48px.
+     */
+    marginBottom?: BoxSpacing;
+    /**
+     * The left margin of the component.
+     * Use 1-12 for margin of 4px-48px.
+     */
+    marginLeft?: BoxSpacing;
+    /**
+     * The horizontal margin of the component.
+     * Use 1-12 for margin of 4px-48px.
+     */
+    marginHorizontal?: BoxSpacing;
+    /**
+     * The vertical margin of the component.
+     * Use 1-12 for margin of 4px-48px.
+     */
+    marginVertical?: BoxSpacing;
+    /**
+     * The padding of the component.
+     * Use 1-12 for padding of 4px-48px.
+     */
+    padding?: BoxSpacing;
+    /**
+     * The top padding of the component.
+     * Use 1-12 for padding of 4px-48px.
+     */
+    paddingTop?: BoxSpacing;
+    /**
+     * The right padding of the component.
+     * Use 1-12 for padding of 4px-48px.
+     */
+    paddingRight?: BoxSpacing;
+    /**
+     * The bottom padding of the component.
+     * Use 1-12 for padding of 4px-48px.
+     */
+    paddingBottom?: BoxSpacing;
+    /**
+     * The left padding of the component.
+     * Use 1-12 for padding of 4px-48px.
+     */
+    paddingLeft?: BoxSpacing;
+    /**
+     * The horizontal padding of the component.
+     * Use 1-12 for padding of 4px-48px.
+     */
+    paddingHorizontal?: BoxSpacing;
+    /**
+     * The vertical padding of the component.
+     * Use 1-12 for padding of 4px-48px.
+     */
+    paddingVertical?: BoxSpacing;
+    /**
+     * The border width of the component.
+     * Use 0, 1, 2, 4, or 8 for border width of 0px, 1px, 2px, 4px, or 8px.
+     */
+    borderWidth?: BoxBorderWidth;
+    /**
+     * The border color of the component.
+     */
+    borderColor?: BoxBorderColor;
+    /**
+     * The background color of the component.
+     */
+    backgroundColor?: BoxBackgroundColor;
     /**
      * Optional prop to add twrnc overriding classNames.
      */
     twClassName?: string;
-};
+} & ViewProps;
 //# sourceMappingURL=Box.types.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Box.types.d.cts","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,gDAAgD;AAC9E,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C,MAAM,MAAM,QAAQ,GAAG,cAAc,GACnC,SAAS,GAAG;IACV;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
+{"version":3,"file":"Box.types.d.cts","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C,OAAO,KAAK,EACV,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACf,8BAAoB;AAErB,MAAM,MAAM,QAAQ,GAAG;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB;;;OAGG;IACH,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,iBAAiB,CAAC;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B;;;OAGG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B;;OAEG;IACH,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,SAAS,CAAC"}

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

@@ -1,9 +1,113 @@
-import type { BoxPropsShared } from "@metamask-previews/design-system-shared";
 import type { ViewProps } from "react-native/index.js";
-export type BoxProps = BoxPropsShared & ViewProps & {
+import type { BoxFlexDirection, BoxFlexWrap, BoxSpacing, BoxBorderWidth, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, BoxBorderColor } from "../../types/index.mjs";
+export type BoxProps = {
+    /**
+     * The flexDirection style of the component.
+     */
+    flexDirection?: BoxFlexDirection;
+    /**
+     * The flexWrap style of the component.
+     */
+    flexWrap?: BoxFlexWrap;
+    /**
+     * The gap between the component's children.
+     * Use 1-12 for a gap of 4px-48px.
+     */
+    gap?: BoxSpacing;
+    /**
+     * The alignItems style of the component.
+     */
+    alignItems?: BoxAlignItems;
+    /**
+     * The justifyContent style of the component.
+     */
+    justifyContent?: BoxJustifyContent;
+    /**
+     * The margin of the component.
+     * Use 1-12 for margin of 4px-48px.
+     */
+    margin?: BoxSpacing;
+    /**
+     * The top margin of the component.
+     * Use 1-12 for margin of 4px-48px.
+     */
+    marginTop?: BoxSpacing;
+    /**
+     * The right margin of the component.
+     * Use 1-12 for margin of 4px-48px.
+     */
+    marginRight?: BoxSpacing;
+    /**
+     * The bottom margin of the component.
+     * Use 1-12 for margin of 4px-48px.
+     */
+    marginBottom?: BoxSpacing;
+    /**
+     * The left margin of the component.
+     * Use 1-12 for margin of 4px-48px.
+     */
+    marginLeft?: BoxSpacing;
+    /**
+     * The horizontal margin of the component.
+     * Use 1-12 for margin of 4px-48px.
+     */
+    marginHorizontal?: BoxSpacing;
+    /**
+     * The vertical margin of the component.
+     * Use 1-12 for margin of 4px-48px.
+     */
+    marginVertical?: BoxSpacing;
+    /**
+     * The padding of the component.
+     * Use 1-12 for padding of 4px-48px.
+     */
+    padding?: BoxSpacing;
+    /**
+     * The top padding of the component.
+     * Use 1-12 for padding of 4px-48px.
+     */
+    paddingTop?: BoxSpacing;
+    /**
+     * The right padding of the component.
+     * Use 1-12 for padding of 4px-48px.
+     */
+    paddingRight?: BoxSpacing;
+    /**
+     * The bottom padding of the component.
+     * Use 1-12 for padding of 4px-48px.
+     */
+    paddingBottom?: BoxSpacing;
+    /**
+     * The left padding of the component.
+     * Use 1-12 for padding of 4px-48px.
+     */
+    paddingLeft?: BoxSpacing;
+    /**
+     * The horizontal padding of the component.
+     * Use 1-12 for padding of 4px-48px.
+     */
+    paddingHorizontal?: BoxSpacing;
+    /**
+     * The vertical padding of the component.
+     * Use 1-12 for padding of 4px-48px.
+     */
+    paddingVertical?: BoxSpacing;
+    /**
+     * The border width of the component.
+     * Use 0, 1, 2, 4, or 8 for border width of 0px, 1px, 2px, 4px, or 8px.
+     */
+    borderWidth?: BoxBorderWidth;
+    /**
+     * The border color of the component.
+     */
+    borderColor?: BoxBorderColor;
+    /**
+     * The background color of the component.
+     */
+    backgroundColor?: BoxBackgroundColor;
     /**
      * Optional prop to add twrnc overriding classNames.
      */
     twClassName?: string;
-};
+} & ViewProps;
 //# sourceMappingURL=Box.types.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Box.types.d.mts","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,gDAAgD;AAC9E,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C,MAAM,MAAM,QAAQ,GAAG,cAAc,GACnC,SAAS,GAAG;IACV;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
+{"version":3,"file":"Box.types.d.mts","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C,OAAO,KAAK,EACV,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACf,8BAAoB;AAErB,MAAM,MAAM,QAAQ,GAAG;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB;;;OAGG;IACH,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,iBAAiB,CAAC;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B;;;OAGG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B;;OAEG;IACH,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,SAAS,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Box.types.mjs","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { BoxPropsShared } from '@metamask-previews/design-system-shared';\nimport type { ViewProps } from 'react-native';\n\nexport type BoxProps = BoxPropsShared &\n  ViewProps & {\n    /**\n     * Optional prop to add twrnc overriding classNames.\n     */\n    twClassName?: string;\n  };\n"]}
+{"version":3,"file":"Box.types.mjs","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ViewProps } from 'react-native';\n\nimport type {\n  BoxFlexDirection,\n  BoxFlexWrap,\n  BoxSpacing,\n  BoxBorderWidth,\n  BoxAlignItems,\n  BoxJustifyContent,\n  BoxBackgroundColor,\n  BoxBorderColor,\n} from '../../types';\n\nexport type BoxProps = {\n  /**\n   * The flexDirection style of the component.\n   */\n  flexDirection?: BoxFlexDirection;\n  /**\n   * The flexWrap style of the component.\n   */\n  flexWrap?: BoxFlexWrap;\n  /**\n   * The gap between the component's children.\n   * Use 1-12 for a gap of 4px-48px.\n   */\n  gap?: BoxSpacing;\n  /**\n   * The alignItems style of the component.\n   */\n  alignItems?: BoxAlignItems;\n  /**\n   * The justifyContent style of the component.\n   */\n  justifyContent?: BoxJustifyContent;\n  /**\n   * The margin of the component.\n   * Use 1-12 for margin of 4px-48px.\n   */\n  margin?: BoxSpacing;\n  /**\n   * The top margin of the component.\n   * Use 1-12 for margin of 4px-48px.\n   */\n  marginTop?: BoxSpacing;\n  /**\n   * The right margin of the component.\n   * Use 1-12 for margin of 4px-48px.\n   */\n  marginRight?: BoxSpacing;\n  /**\n   * The bottom margin of the component.\n   * Use 1-12 for margin of 4px-48px.\n   */\n  marginBottom?: BoxSpacing;\n  /**\n   * The left margin of the component.\n   * Use 1-12 for margin of 4px-48px.\n   */\n  marginLeft?: BoxSpacing;\n  /**\n   * The horizontal margin of the component.\n   * Use 1-12 for margin of 4px-48px.\n   */\n  marginHorizontal?: BoxSpacing;\n  /**\n   * The vertical margin of the component.\n   * Use 1-12 for margin of 4px-48px.\n   */\n  marginVertical?: BoxSpacing;\n  /**\n   * The padding of the component.\n   * Use 1-12 for padding of 4px-48px.\n   */\n  padding?: BoxSpacing;\n  /**\n   * The top padding of the component.\n   * Use 1-12 for padding of 4px-48px.\n   */\n  paddingTop?: BoxSpacing;\n  /**\n   * The right padding of the component.\n   * Use 1-12 for padding of 4px-48px.\n   */\n  paddingRight?: BoxSpacing;\n  /**\n   * The bottom padding of the component.\n   * Use 1-12 for padding of 4px-48px.\n   */\n  paddingBottom?: BoxSpacing;\n  /**\n   * The left padding of the component.\n   * Use 1-12 for padding of 4px-48px.\n   */\n  paddingLeft?: BoxSpacing;\n  /**\n   * The horizontal padding of the component.\n   * Use 1-12 for padding of 4px-48px.\n   */\n  paddingHorizontal?: BoxSpacing;\n  /**\n   * The vertical padding of the component.\n   * Use 1-12 for padding of 4px-48px.\n   */\n  paddingVertical?: BoxSpacing;\n  /**\n   * The border width of the component.\n   * Use 0, 1, 2, 4, or 8 for border width of 0px, 1px, 2px, 4px, or 8px.\n   */\n  borderWidth?: BoxBorderWidth;\n  /**\n   * The border color of the component.\n   */\n  borderColor?: BoxBorderColor;\n  /**\n   * The background color of the component.\n   */\n  backgroundColor?: BoxBackgroundColor;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n} & ViewProps;\n"]}

package/dist/components/Box/index.cjs

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Box = exports.BoxBorderColor = exports.BoxBackgroundColor = exports.BoxJustifyContent = exports.BoxAlignItems = exports.BoxFlexWrap = exports.BoxFlexDirection = void 0;
-var design_system_shared_1 = require("@metamask-previews/design-system-shared");
-Object.defineProperty(exports, "BoxFlexDirection", { enumerable: true, get: function () { return design_system_shared_1.BoxFlexDirection; } });
-Object.defineProperty(exports, "BoxFlexWrap", { enumerable: true, get: function () { return design_system_shared_1.BoxFlexWrap; } });
-Object.defineProperty(exports, "BoxAlignItems", { enumerable: true, get: function () { return design_system_shared_1.BoxAlignItems; } });
-Object.defineProperty(exports, "BoxJustifyContent", { enumerable: true, get: function () { return design_system_shared_1.BoxJustifyContent; } });
-Object.defineProperty(exports, "BoxBackgroundColor", { enumerable: true, get: function () { return design_system_shared_1.BoxBackgroundColor; } });
-Object.defineProperty(exports, "BoxBorderColor", { enumerable: true, get: function () { return design_system_shared_1.BoxBorderColor; } });
+var types_1 = require("../../types/index.cjs");
+Object.defineProperty(exports, "BoxFlexDirection", { enumerable: true, get: function () { return types_1.BoxFlexDirection; } });
+Object.defineProperty(exports, "BoxFlexWrap", { enumerable: true, get: function () { return types_1.BoxFlexWrap; } });
+Object.defineProperty(exports, "BoxAlignItems", { enumerable: true, get: function () { return types_1.BoxAlignItems; } });
+Object.defineProperty(exports, "BoxJustifyContent", { enumerable: true, get: function () { return types_1.BoxJustifyContent; } });
+Object.defineProperty(exports, "BoxBackgroundColor", { enumerable: true, get: function () { return types_1.BoxBackgroundColor; } });
+Object.defineProperty(exports, "BoxBorderColor", { enumerable: true, get: function () { return types_1.BoxBorderColor; } });
 var Box_1 = require("./Box.cjs");
 Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return Box_1.Box; } });
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":";;;AAAA,gFASiD;AAR/C,wHAAA,gBAAgB,OAAA;AAChB,mHAAA,WAAW,OAAA;AACX,qHAAA,aAAa,OAAA;AACb,yHAAA,iBAAiB,OAAA;AACjB,0HAAA,kBAAkB,OAAA;AAClB,sHAAA,cAAc,OAAA;AAIhB,iCAA4B;AAAnB,0FAAA,GAAG,OAAA","sourcesContent":["export {\n  BoxFlexDirection,\n  BoxFlexWrap,\n  BoxAlignItems,\n  BoxJustifyContent,\n  BoxBackgroundColor,\n  BoxBorderColor,\n  type BoxSpacing,\n  type BoxBorderWidth,\n} from '@metamask-previews/design-system-shared';\nexport { Box } from './Box';\nexport type { BoxProps } from './Box.types';\n"]}
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":";;;AAAA,+CAOqB;AANnB,yGAAA,gBAAgB,OAAA;AAChB,oGAAA,WAAW,OAAA;AACX,sGAAA,aAAa,OAAA;AACb,0GAAA,iBAAiB,OAAA;AACjB,2GAAA,kBAAkB,OAAA;AAClB,uGAAA,cAAc,OAAA;AAGhB,iCAA4B;AAAnB,0FAAA,GAAG,OAAA","sourcesContent":["export {\n  BoxFlexDirection,\n  BoxFlexWrap,\n  BoxAlignItems,\n  BoxJustifyContent,\n  BoxBackgroundColor,\n  BoxBorderColor,\n} from '../../types';\nexport type { BoxSpacing, BoxBorderWidth } from '../../types';\nexport { Box } from './Box';\nexport type { BoxProps } from './Box.types';\n"]}

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

@@ -1,4 +1,5 @@
-export { BoxFlexDirection, BoxFlexWrap, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, BoxBorderColor, type BoxSpacing, type BoxBorderWidth, } from "@metamask-previews/design-system-shared";
+export { BoxFlexDirection, BoxFlexWrap, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, BoxBorderColor, } from "../../types/index.cjs";
+export type { BoxSpacing, BoxBorderWidth } from "../../types/index.cjs";
 export { Box } from "./Box.cjs";
 export type { BoxProps } from "./Box.types.cjs";
 //# sourceMappingURL=index.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,KAAK,UAAU,EACf,KAAK,cAAc,GACpB,gDAAgD;AACjD,OAAO,EAAE,GAAG,EAAE,kBAAc;AAC5B,YAAY,EAAE,QAAQ,EAAE,wBAAoB"}
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,GACf,8BAAoB;AACrB,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,8BAAoB;AAC9D,OAAO,EAAE,GAAG,EAAE,kBAAc;AAC5B,YAAY,EAAE,QAAQ,EAAE,wBAAoB"}

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

@@ -1,4 +1,5 @@
-export { BoxFlexDirection, BoxFlexWrap, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, BoxBorderColor, type BoxSpacing, type BoxBorderWidth, } from "@metamask-previews/design-system-shared";
+export { BoxFlexDirection, BoxFlexWrap, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, BoxBorderColor, } from "../../types/index.mjs";
+export type { BoxSpacing, BoxBorderWidth } from "../../types/index.mjs";
 export { Box } from "./Box.mjs";
 export type { BoxProps } from "./Box.types.mjs";
 //# sourceMappingURL=index.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,KAAK,UAAU,EACf,KAAK,cAAc,GACpB,gDAAgD;AACjD,OAAO,EAAE,GAAG,EAAE,kBAAc;AAC5B,YAAY,EAAE,QAAQ,EAAE,wBAAoB"}
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,GACf,8BAAoB;AACrB,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,8BAAoB;AAC9D,OAAO,EAAE,GAAG,EAAE,kBAAc;AAC5B,YAAY,EAAE,QAAQ,EAAE,wBAAoB"}

package/dist/components/Box/index.mjs

@@ -1,3 +1,3 @@
-export { BoxFlexDirection, BoxFlexWrap, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, BoxBorderColor } from "@metamask-previews/design-system-shared";
+export { BoxFlexDirection, BoxFlexWrap, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, BoxBorderColor } from "../../types/index.mjs";
 export { Box } from "./Box.mjs";
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EAGf,gDAAgD;AACjD,OAAO,EAAE,GAAG,EAAE,kBAAc","sourcesContent":["export {\n  BoxFlexDirection,\n  BoxFlexWrap,\n  BoxAlignItems,\n  BoxJustifyContent,\n  BoxBackgroundColor,\n  BoxBorderColor,\n  type BoxSpacing,\n  type BoxBorderWidth,\n} from '@metamask-previews/design-system-shared';\nexport { Box } from './Box';\nexport type { BoxProps } from './Box.types';\n"]}
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACf,8BAAoB;AAErB,OAAO,EAAE,GAAG,EAAE,kBAAc","sourcesContent":["export {\n  BoxFlexDirection,\n  BoxFlexWrap,\n  BoxAlignItems,\n  BoxJustifyContent,\n  BoxBackgroundColor,\n  BoxBorderColor,\n} from '../../types';\nexport type { BoxSpacing, BoxBorderWidth } from '../../types';\nexport { Box } from './Box';\nexport type { BoxProps } from './Box.types';\n"]}

package/dist/components/{BoxVertical/BoxVertical.cjs → BoxColumn/BoxColumn.cjs}

@@ -3,16 +3,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoxVertical = void 0;
-const design_system_shared_1 = require("@metamask-previews/design-system-shared");
+exports.BoxColumn = void 0;
 const react_1 = __importDefault(require("react"));
+const types_1 = require("../../types/index.cjs");
 const Box_1 = require("../Box/index.cjs");
 const TextOrChildren_1 = require("../temp-components/TextOrChildren/index.cjs");
-const BoxVertical = ({ children, textProps, topAccessory, bottomAccessory, twClassName, ...rest }) => (<Box_1.Box flexDirection={design_system_shared_1.BoxFlexDirection.Column} twClassName={twClassName} {...rest}>
+const BoxColumn = ({ children, textProps, topAccessory, bottomAccessory, twClassName, ...rest }) => (<Box_1.Box flexDirection={types_1.BoxFlexDirection.Column} twClassName={twClassName} {...rest}>
     {topAccessory}
     <TextOrChildren_1.TextOrChildren textProps={textProps}>{children}</TextOrChildren_1.TextOrChildren>
     {bottomAccessory}
   </Box_1.Box>);
-exports.BoxVertical = BoxVertical;
-exports.BoxVertical.displayName = 'BoxVertical';
-//# sourceMappingURL=BoxVertical.cjs.map
+exports.BoxColumn = BoxColumn;
+exports.BoxColumn.displayName = 'BoxColumn';
+//# sourceMappingURL=BoxColumn.cjs.map

package/dist/components/BoxColumn/BoxColumn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxColumn.cjs","sourceRoot":"","sources":["../../../src/components/BoxColumn/BoxColumn.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,iDAA+C;AAC/C,0CAA6B;AAC7B,gFAAmE;AAI5D,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,eAAe,EACf,WAAW,EACX,GAAG,IAAI,EACQ,EAAE,EAAE,CAAC,CACpB,CAAC,SAAG,CACF,aAAa,CAAC,CAAC,wBAAgB,CAAC,MAAM,CAAC,CACvC,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,IAAI,IAAI,CAAC,CAET;IAAA,CAAC,YAAY,CACb;IAAA,CAAC,+BAAc,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,+BAAc,CAChE;IAAA,CAAC,eAAe,CAClB;EAAA,EAAE,SAAG,CAAC,CACP,CAAC;AAjBW,QAAA,SAAS,aAiBpB;AAEF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import React from 'react';\n\nimport { BoxFlexDirection } from '../../types';\nimport { Box } from '../Box';\nimport { TextOrChildren } from '../temp-components/TextOrChildren';\n\nimport type { BoxColumnProps } from './BoxColumn.types';\n\nexport const BoxColumn = ({\n  children,\n  textProps,\n  topAccessory,\n  bottomAccessory,\n  twClassName,\n  ...rest\n}: BoxColumnProps) => (\n  <Box\n    flexDirection={BoxFlexDirection.Column}\n    twClassName={twClassName}\n    {...rest}\n  >\n    {topAccessory}\n    <TextOrChildren textProps={textProps}>{children}</TextOrChildren>\n    {bottomAccessory}\n  </Box>\n);\n\nBoxColumn.displayName = 'BoxColumn';\n"]}

package/dist/components/BoxColumn/BoxColumn.d.cts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { BoxColumnProps } from "./BoxColumn.types.cjs";
+export declare const BoxColumn: {
+    ({ children, textProps, topAccessory, bottomAccessory, twClassName, ...rest }: BoxColumnProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=BoxColumn.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoxColumn.d.cts","sourceRoot":"","sources":["../../../src/components/BoxColumn/BoxColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAM1B,OAAO,KAAK,EAAE,cAAc,EAAE,8BAA0B;AAExD,eAAO,MAAM,SAAS;mFAOnB,cAAc;;CAUhB,CAAC"}

package/dist/components/BoxColumn/BoxColumn.d.mts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { BoxColumnProps } from "./BoxColumn.types.mjs";
+export declare const BoxColumn: {
+    ({ children, textProps, topAccessory, bottomAccessory, twClassName, ...rest }: BoxColumnProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=BoxColumn.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoxColumn.d.mts","sourceRoot":"","sources":["../../../src/components/BoxColumn/BoxColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAM1B,OAAO,KAAK,EAAE,cAAc,EAAE,8BAA0B;AAExD,eAAO,MAAM,SAAS;mFAOnB,cAAc;;CAUhB,CAAC"}

package/dist/components/{BoxVertical/BoxVertical.mjs → BoxColumn/BoxColumn.mjs}

@@ -4,15 +4,15 @@ function $importDefault(module) {
     }
     return module;
 }
-import { BoxFlexDirection } from "@metamask-previews/design-system-shared";
 import $React from "react";
 const React = $importDefault($React);
+import { BoxFlexDirection } from "../../types/index.mjs";
 import { Box } from "../Box/index.mjs";
 import { TextOrChildren } from "../temp-components/TextOrChildren/index.mjs";
-export const BoxVertical = ({ children, textProps, topAccessory, bottomAccessory, twClassName, ...rest }) => (<Box flexDirection={BoxFlexDirection.Column} twClassName={twClassName} {...rest}>
+export const BoxColumn = ({ children, textProps, topAccessory, bottomAccessory, twClassName, ...rest }) => (<Box flexDirection={BoxFlexDirection.Column} twClassName={twClassName} {...rest}>
     {topAccessory}
     <TextOrChildren textProps={textProps}>{children}</TextOrChildren>
     {bottomAccessory}
   </Box>);
-BoxVertical.displayName = 'BoxVertical';
-//# sourceMappingURL=BoxVertical.mjs.map
+BoxColumn.displayName = 'BoxColumn';
+//# sourceMappingURL=BoxColumn.mjs.map

package/dist/components/BoxColumn/BoxColumn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxColumn.mjs","sourceRoot":"","sources":["../../../src/components/BoxColumn/BoxColumn.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,gBAAgB,EAAE,8BAAoB;AAC/C,OAAO,EAAE,GAAG,EAAE,yBAAe;AAC7B,OAAO,EAAE,cAAc,EAAE,oDAA0C;AAInE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,eAAe,EACf,WAAW,EACX,GAAG,IAAI,EACQ,EAAE,EAAE,CAAC,CACpB,CAAC,GAAG,CACF,aAAa,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,CACvC,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,IAAI,IAAI,CAAC,CAET;IAAA,CAAC,YAAY,CACb;IAAA,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,cAAc,CAChE;IAAA,CAAC,eAAe,CAClB;EAAA,EAAE,GAAG,CAAC,CACP,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import React from 'react';\n\nimport { BoxFlexDirection } from '../../types';\nimport { Box } from '../Box';\nimport { TextOrChildren } from '../temp-components/TextOrChildren';\n\nimport type { BoxColumnProps } from './BoxColumn.types';\n\nexport const BoxColumn = ({\n  children,\n  textProps,\n  topAccessory,\n  bottomAccessory,\n  twClassName,\n  ...rest\n}: BoxColumnProps) => (\n  <Box\n    flexDirection={BoxFlexDirection.Column}\n    twClassName={twClassName}\n    {...rest}\n  >\n    {topAccessory}\n    <TextOrChildren textProps={textProps}>{children}</TextOrChildren>\n    {bottomAccessory}\n  </Box>\n);\n\nBoxColumn.displayName = 'BoxColumn';\n"]}

package/dist/components/{BoxVertical/BoxVertical.types.cjs → BoxColumn/BoxColumn.types.cjs}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoxColumn.types.cjs","sourceRoot":"","sources":["../../../src/components/BoxColumn/BoxColumn.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { BoxColumnPropsShared } from '@metamask-previews/design-system-shared';\n\nimport type { BoxProps } from '../Box/Box.types';\nimport type { TextProps } from '../Text';\n\n/**\n * BoxColumn component props.\n */\nexport type BoxColumnProps = BoxColumnPropsShared &\n  Omit<BoxProps, 'children' | 'flexDirection'> & {\n    /**\n     * Optional props passed to `Text` when `children` is a string.\n     */\n    textProps?: Omit<Partial<TextProps>, 'children'>;\n  };\n"]}

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

@@ -0,0 +1,13 @@
+import type { BoxColumnPropsShared } from "@metamask-previews/design-system-shared";
+import type { BoxProps } from "../Box/Box.types.cjs";
+import type { TextProps } from "../Text/index.cjs";
+/**
+ * BoxColumn component props.
+ */
+export type BoxColumnProps = BoxColumnPropsShared & Omit<BoxProps, 'children' | 'flexDirection'> & {
+    /**
+     * Optional props passed to `Text` when `children` is a string.
+     */
+    textProps?: Omit<Partial<TextProps>, 'children'>;
+};
+//# sourceMappingURL=BoxColumn.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoxColumn.types.d.cts","sourceRoot":"","sources":["../../../src/components/BoxColumn/BoxColumn.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,gDAAgD;AAEpF,OAAO,KAAK,EAAE,QAAQ,EAAE,6BAAyB;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAC/C,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,eAAe,CAAC,GAAG;IAC7C;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;CAClD,CAAC"}

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

@@ -0,0 +1,13 @@
+import type { BoxColumnPropsShared } from "@metamask-previews/design-system-shared";
+import type { BoxProps } from "../Box/Box.types.mjs";
+import type { TextProps } from "../Text/index.mjs";
+/**
+ * BoxColumn component props.
+ */
+export type BoxColumnProps = BoxColumnPropsShared & Omit<BoxProps, 'children' | 'flexDirection'> & {
+    /**
+     * Optional props passed to `Text` when `children` is a string.
+     */
+    textProps?: Omit<Partial<TextProps>, 'children'>;
+};
+//# sourceMappingURL=BoxColumn.types.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoxColumn.types.d.mts","sourceRoot":"","sources":["../../../src/components/BoxColumn/BoxColumn.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,gDAAgD;AAEpF,OAAO,KAAK,EAAE,QAAQ,EAAE,6BAAyB;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAC/C,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,eAAe,CAAC,GAAG;IAC7C;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;CAClD,CAAC"}

package/dist/components/BoxColumn/BoxColumn.types.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoxColumn.types.mjs","sourceRoot":"","sources":["../../../src/components/BoxColumn/BoxColumn.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { BoxColumnPropsShared } from '@metamask-previews/design-system-shared';\n\nimport type { BoxProps } from '../Box/Box.types';\nimport type { TextProps } from '../Text';\n\n/**\n * BoxColumn component props.\n */\nexport type BoxColumnProps = BoxColumnPropsShared &\n  Omit<BoxProps, 'children' | 'flexDirection'> & {\n    /**\n     * Optional props passed to `Text` when `children` is a string.\n     */\n    textProps?: Omit<Partial<TextProps>, 'children'>;\n  };\n"]}

package/dist/components/BoxColumn/index.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/BoxColumn/index.ts"],"names":[],"mappings":";;;AAAA,6CAAwC;AAA/B,sGAAA,SAAS,OAAA","sourcesContent":["export { BoxColumn } from './BoxColumn';\nexport type { BoxColumnProps } from './BoxColumn.types';\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/BoxColumn/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,wBAAoB;AACxC,YAAY,EAAE,cAAc,EAAE,8BAA0B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/BoxColumn/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,wBAAoB;AACxC,YAAY,EAAE,cAAc,EAAE,8BAA0B"}

package/dist/components/BoxColumn/index.mjs

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

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

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

package/dist/components/{BoxHorizontal/BoxHorizontal.cjs → BoxRow/BoxRow.cjs}

@@ -3,16 +3,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoxHorizontal = void 0;
-const design_system_shared_1 = require("@metamask-previews/design-system-shared");
+exports.BoxRow = void 0;
 const react_1 = __importDefault(require("react"));
+const types_1 = require("../../types/index.cjs");
 const Box_1 = require("../Box/index.cjs");
 const TextOrChildren_1 = require("../temp-components/TextOrChildren/index.cjs");
-const BoxHorizontal = ({ children, textProps, startAccessory, endAccessory, twClassName, ...rest }) => (<Box_1.Box flexDirection={design_system_shared_1.BoxFlexDirection.Row} alignItems={design_system_shared_1.BoxAlignItems.Center} gap={1} twClassName={twClassName} {...rest}>
+const BoxRow = ({ children, textProps, startAccessory, endAccessory, twClassName, ...rest }) => (<Box_1.Box flexDirection={types_1.BoxFlexDirection.Row} alignItems={types_1.BoxAlignItems.Center} gap={1} twClassName={twClassName} {...rest}>
     {startAccessory}
     <TextOrChildren_1.TextOrChildren textProps={textProps}>{children}</TextOrChildren_1.TextOrChildren>
     {endAccessory}
   </Box_1.Box>);
-exports.BoxHorizontal = BoxHorizontal;
-exports.BoxHorizontal.displayName = 'BoxHorizontal';
-//# sourceMappingURL=BoxHorizontal.cjs.map
+exports.BoxRow = BoxRow;
+exports.BoxRow.displayName = 'BoxRow';
+//# sourceMappingURL=BoxRow.cjs.map

package/dist/components/BoxRow/BoxRow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxRow.cjs","sourceRoot":"","sources":["../../../src/components/BoxRow/BoxRow.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,iDAA8D;AAC9D,0CAA6B;AAC7B,gFAAmE;AAI5D,MAAM,MAAM,GAAG,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,cAAc,EACd,YAAY,EACZ,WAAW,EACX,GAAG,IAAI,EACK,EAAE,EAAE,CAAC,CACjB,CAAC,SAAG,CACF,aAAa,CAAC,CAAC,wBAAgB,CAAC,GAAG,CAAC,CACpC,UAAU,CAAC,CAAC,qBAAa,CAAC,MAAM,CAAC,CACjC,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,IAAI,IAAI,CAAC,CAET;IAAA,CAAC,cAAc,CACf;IAAA,CAAC,+BAAc,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,+BAAc,CAChE;IAAA,CAAC,YAAY,CACf;EAAA,EAAE,SAAG,CAAC,CACP,CAAC;AAnBW,QAAA,MAAM,UAmBjB;AAEF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC","sourcesContent":["import React from 'react';\n\nimport { BoxAlignItems, BoxFlexDirection } from '../../types';\nimport { Box } from '../Box';\nimport { TextOrChildren } from '../temp-components/TextOrChildren';\n\nimport type { BoxRowProps } from './BoxRow.types';\n\nexport const BoxRow = ({\n  children,\n  textProps,\n  startAccessory,\n  endAccessory,\n  twClassName,\n  ...rest\n}: BoxRowProps) => (\n  <Box\n    flexDirection={BoxFlexDirection.Row}\n    alignItems={BoxAlignItems.Center}\n    gap={1}\n    twClassName={twClassName}\n    {...rest}\n  >\n    {startAccessory}\n    <TextOrChildren textProps={textProps}>{children}</TextOrChildren>\n    {endAccessory}\n  </Box>\n);\n\nBoxRow.displayName = 'BoxRow';\n"]}

package/dist/components/BoxRow/BoxRow.d.cts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { BoxRowProps } from "./BoxRow.types.cjs";
+export declare const BoxRow: {
+    ({ children, textProps, startAccessory, endAccessory, twClassName, ...rest }: BoxRowProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=BoxRow.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoxRow.d.cts","sourceRoot":"","sources":["../../../src/components/BoxRow/BoxRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAM1B,OAAO,KAAK,EAAE,WAAW,EAAE,2BAAuB;AAElD,eAAO,MAAM,MAAM;kFAOhB,WAAW;;CAYb,CAAC"}

package/dist/components/BoxRow/BoxRow.d.mts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { BoxRowProps } from "./BoxRow.types.mjs";
+export declare const BoxRow: {
+    ({ children, textProps, startAccessory, endAccessory, twClassName, ...rest }: BoxRowProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=BoxRow.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoxRow.d.mts","sourceRoot":"","sources":["../../../src/components/BoxRow/BoxRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAM1B,OAAO,KAAK,EAAE,WAAW,EAAE,2BAAuB;AAElD,eAAO,MAAM,MAAM;kFAOhB,WAAW;;CAYb,CAAC"}

package/dist/components/{BoxHorizontal/BoxHorizontal.mjs → BoxRow/BoxRow.mjs}

@@ -4,15 +4,15 @@ function $importDefault(module) {
     }
     return module;
 }
-import { BoxAlignItems, BoxFlexDirection } from "@metamask-previews/design-system-shared";
 import $React from "react";
 const React = $importDefault($React);
+import { BoxAlignItems, BoxFlexDirection } from "../../types/index.mjs";
 import { Box } from "../Box/index.mjs";
 import { TextOrChildren } from "../temp-components/TextOrChildren/index.mjs";
-export const BoxHorizontal = ({ children, textProps, startAccessory, endAccessory, twClassName, ...rest }) => (<Box flexDirection={BoxFlexDirection.Row} alignItems={BoxAlignItems.Center} gap={1} twClassName={twClassName} {...rest}>
+export const BoxRow = ({ children, textProps, startAccessory, endAccessory, twClassName, ...rest }) => (<Box flexDirection={BoxFlexDirection.Row} alignItems={BoxAlignItems.Center} gap={1} twClassName={twClassName} {...rest}>
     {startAccessory}
     <TextOrChildren textProps={textProps}>{children}</TextOrChildren>
     {endAccessory}
   </Box>);
-BoxHorizontal.displayName = 'BoxHorizontal';
-//# sourceMappingURL=BoxHorizontal.mjs.map
+BoxRow.displayName = 'BoxRow';
+//# sourceMappingURL=BoxRow.mjs.map

package/dist/components/BoxRow/BoxRow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxRow.mjs","sourceRoot":"","sources":["../../../src/components/BoxRow/BoxRow.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,8BAAoB;AAC9D,OAAO,EAAE,GAAG,EAAE,yBAAe;AAC7B,OAAO,EAAE,cAAc,EAAE,oDAA0C;AAInE,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,cAAc,EACd,YAAY,EACZ,WAAW,EACX,GAAG,IAAI,EACK,EAAE,EAAE,CAAC,CACjB,CAAC,GAAG,CACF,aAAa,CAAC,CAAC,gBAAgB,CAAC,GAAG,CAAC,CACpC,UAAU,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CACjC,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,IAAI,IAAI,CAAC,CAET;IAAA,CAAC,cAAc,CACf;IAAA,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,cAAc,CAChE;IAAA,CAAC,YAAY,CACf;EAAA,EAAE,GAAG,CAAC,CACP,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC","sourcesContent":["import React from 'react';\n\nimport { BoxAlignItems, BoxFlexDirection } from '../../types';\nimport { Box } from '../Box';\nimport { TextOrChildren } from '../temp-components/TextOrChildren';\n\nimport type { BoxRowProps } from './BoxRow.types';\n\nexport const BoxRow = ({\n  children,\n  textProps,\n  startAccessory,\n  endAccessory,\n  twClassName,\n  ...rest\n}: BoxRowProps) => (\n  <Box\n    flexDirection={BoxFlexDirection.Row}\n    alignItems={BoxAlignItems.Center}\n    gap={1}\n    twClassName={twClassName}\n    {...rest}\n  >\n    {startAccessory}\n    <TextOrChildren textProps={textProps}>{children}</TextOrChildren>\n    {endAccessory}\n  </Box>\n);\n\nBoxRow.displayName = 'BoxRow';\n"]}

package/dist/components/{BoxHorizontal/BoxHorizontal.types.cjs → BoxRow/BoxRow.types.cjs}

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