@metamask-previews/design-system-react-native 0.1.0-preview.a448767 → 0.2.0-preview.a7d80d5

package/CHANGELOG.md

@@ -7,6 +7,25 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.2.0]
+
+### Added
+
+- Added 5 new Text component variants with responsive typography support ([#777](https://github.com/MetaMask/metamask-design-system/pull/777)):
+  - `TextVariant.PageHeading` - For main page titles with large, bold styling
+  - `TextVariant.SectionHeading` - For section titles with medium, bold styling
+  - `TextVariant.ButtonLabelMd` - For medium-sized button labels with optimized button text styling
+  - `TextVariant.ButtonLabelLg` - For large-sized button labels with optimized button text styling
+  - `TextVariant.AmountDisplayLg` - For large amount/value displays with prominent numeric styling
+- Added comprehensive utility props to Box component for enhanced layout control ([#779](https://github.com/MetaMask/metamask-design-system/pull/779)) and fixes ([#781](https://github.com/MetaMask/metamask-design-system/pull/781)):
+  - **Margin props:** `margin`, `marginTop`, `marginRight`, `marginBottom`, `marginLeft`, `marginHorizontal`, `marginVertical`
+  - **Padding props:** `padding`, `paddingTop`, `paddingRight`, `paddingBottom`, `paddingLeft`, `paddingHorizontal`, `paddingVertical`
+  - **Border props:** `borderWidth`, `borderColor`
+  - **Background props:** `backgroundColor`
+  - All spacing props use the `BoxSpacing` scale (0-12) where each unit equals 4px
+  - Border width uses `BoxBorderWidth` type (0, 1, 2, 4, 8) for valid Tailwind/TWRNC values
+  - Color props use design system color tokens for consistent theming across light/dark modes
+
 ## [0.1.0]
 
 ### Added
@@ -23,5 +42,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Full TypeScript support with type definitions and enums
 - React Native integration with TWRNC preset support
 
-[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.1.0...HEAD
+[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.2.0...HEAD
+[0.2.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.1.0...@metamask/design-system-react-native@0.2.0
 [0.1.0]: https://github.com/MetaMask/metamask-design-system/releases/tag/@metamask/design-system-react-native@0.1.0

package/dist/components/Box/Box.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"Box.cjs","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":";;;;;;AAAA,8FAA4E;AAC5E,kDAA0B;AAC1B,wDAAoC;AAEpC,uDAAqD;AAG9C,MAAM,GAAG,GAAG,CAAC,EAClB,aAAa,EACb,QAAQ,EACR,GAAG,EACH,UAAU,EACV,cAAc,EACd,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACC,EAAE,EAAE;IACb,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,qBAAqB,GAAG;;MAE1B,aAAa,IAAI,EAAE;MACnB,QAAQ,IAAI,EAAE;MACd,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,kCAAkB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE;MAChD,UAAU,IAAI,EAAE;MAChB,cAAc,IAAI,EAAE;MACpB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC;IAEzB,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA,GAAG,qBAAqB,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAC5D;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,GAAG,OA0Bd","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { TWCLASSMAP_BOX_GAP } from './Box.constants';\nimport type { BoxProps } from './Box.types';\n\nexport const Box = ({\n  flexDirection,\n  flexWrap,\n  gap,\n  alignItems,\n  justifyContent,\n  twClassName = '',\n  style,\n  children,\n  ...props\n}: BoxProps) => {\n  const tw = useTailwind();\n  const twContainerClassNames = `\n    flex\n    ${flexDirection ?? ''} \n    ${flexWrap ?? ''} \n    ${gap !== undefined ? TWCLASSMAP_BOX_GAP[gap] : ''} \n    ${alignItems ?? ''} \n    ${justifyContent ?? ''} \n    ${twClassName}`.trim();\n\n  return (\n    <View style={[tw`${twContainerClassNames}`, style]} {...props}>\n      {children}\n    </View>\n  );\n};\n"]}
+{"version":3,"file":"Box.cjs","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport {\n  TWCLASSMAP_BOX_GAP,\n  TWCLASSMAP_BOX_MARGIN,\n  TWCLASSMAP_BOX_MARGIN_TOP,\n  TWCLASSMAP_BOX_MARGIN_RIGHT,\n  TWCLASSMAP_BOX_MARGIN_BOTTOM,\n  TWCLASSMAP_BOX_MARGIN_LEFT,\n  TWCLASSMAP_BOX_MARGIN_HORIZONTAL,\n  TWCLASSMAP_BOX_MARGIN_VERTICAL,\n  TWCLASSMAP_BOX_PADDING,\n  TWCLASSMAP_BOX_PADDING_TOP,\n  TWCLASSMAP_BOX_PADDING_RIGHT,\n  TWCLASSMAP_BOX_PADDING_BOTTOM,\n  TWCLASSMAP_BOX_PADDING_LEFT,\n  TWCLASSMAP_BOX_PADDING_HORIZONTAL,\n  TWCLASSMAP_BOX_PADDING_VERTICAL,\n  TWCLASSMAP_BOX_BORDER_WIDTH,\n} from './Box.constants';\nimport type { BoxProps } from './Box.types';\n\nexport const Box = ({\n  flexDirection,\n  flexWrap,\n  gap,\n  alignItems,\n  justifyContent,\n  margin,\n  marginTop,\n  marginRight,\n  marginBottom,\n  marginLeft,\n  marginHorizontal,\n  marginVertical,\n  padding,\n  paddingTop,\n  paddingRight,\n  paddingBottom,\n  paddingLeft,\n  paddingHorizontal,\n  paddingVertical,\n  borderWidth,\n  borderColor,\n  backgroundColor,\n  twClassName = '',\n  style,\n  children,\n  ...props\n}: BoxProps) => {\n  const tw = useTailwind();\n  const twContainerClassNames = tw`\n    flex\n    ${flexDirection ?? ''} \n    ${flexWrap ?? ''} \n    ${gap !== undefined ? TWCLASSMAP_BOX_GAP[gap] : ''} \n    ${alignItems ?? ''} \n    ${justifyContent ?? ''}\n    ${margin !== undefined ? TWCLASSMAP_BOX_MARGIN[margin] : ''}\n    ${marginTop !== undefined ? TWCLASSMAP_BOX_MARGIN_TOP[marginTop] : ''}\n    ${marginRight !== undefined ? TWCLASSMAP_BOX_MARGIN_RIGHT[marginRight] : ''}\n    ${marginBottom !== undefined ? TWCLASSMAP_BOX_MARGIN_BOTTOM[marginBottom] : ''}\n    ${marginLeft !== undefined ? TWCLASSMAP_BOX_MARGIN_LEFT[marginLeft] : ''}\n    ${marginHorizontal !== undefined ? TWCLASSMAP_BOX_MARGIN_HORIZONTAL[marginHorizontal] : ''}\n    ${marginVertical !== undefined ? TWCLASSMAP_BOX_MARGIN_VERTICAL[marginVertical] : ''}\n    ${padding !== undefined ? TWCLASSMAP_BOX_PADDING[padding] : ''}\n    ${paddingTop !== undefined ? TWCLASSMAP_BOX_PADDING_TOP[paddingTop] : ''}\n    ${paddingRight !== undefined ? TWCLASSMAP_BOX_PADDING_RIGHT[paddingRight] : ''}\n    ${paddingBottom !== undefined ? TWCLASSMAP_BOX_PADDING_BOTTOM[paddingBottom] : ''}\n    ${paddingLeft !== undefined ? TWCLASSMAP_BOX_PADDING_LEFT[paddingLeft] : ''}\n    ${paddingHorizontal !== undefined ? TWCLASSMAP_BOX_PADDING_HORIZONTAL[paddingHorizontal] : ''}\n    ${paddingVertical !== undefined ? TWCLASSMAP_BOX_PADDING_VERTICAL[paddingVertical] : ''}\n    ${borderWidth !== undefined ? TWCLASSMAP_BOX_BORDER_WIDTH[borderWidth] : ''}\n    ${borderColor ?? ''}\n    ${backgroundColor ?? ''}\n    ${twClassName}`;\n\n  return (\n    <View style={[twContainerClassNames, style]} {...props}>\n      {children}\n    </View>\n  );\n};\n"]}

package/dist/components/Box/Box.constants.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TWCLASSMAP_BOX_GAP = void 0;
+exports.TWCLASSMAP_BOX_BORDER_WIDTH = exports.TWCLASSMAP_BOX_PADDING_VERTICAL = exports.TWCLASSMAP_BOX_PADDING_HORIZONTAL = exports.TWCLASSMAP_BOX_PADDING_LEFT = exports.TWCLASSMAP_BOX_PADDING_BOTTOM = exports.TWCLASSMAP_BOX_PADDING_RIGHT = exports.TWCLASSMAP_BOX_PADDING_TOP = exports.TWCLASSMAP_BOX_PADDING = exports.TWCLASSMAP_BOX_MARGIN_VERTICAL = exports.TWCLASSMAP_BOX_MARGIN_HORIZONTAL = exports.TWCLASSMAP_BOX_MARGIN_LEFT = exports.TWCLASSMAP_BOX_MARGIN_BOTTOM = exports.TWCLASSMAP_BOX_MARGIN_RIGHT = exports.TWCLASSMAP_BOX_MARGIN_TOP = exports.TWCLASSMAP_BOX_MARGIN = exports.TWCLASSMAP_BOX_GAP = void 0;
 exports.TWCLASSMAP_BOX_GAP = {
     0: 'gap-0',
     1: 'gap-1',
@@ -16,4 +16,221 @@ exports.TWCLASSMAP_BOX_GAP = {
     11: 'gap-11',
     12: 'gap-12',
 };
+exports.TWCLASSMAP_BOX_MARGIN = {
+    0: 'm-0',
+    1: 'm-1',
+    2: 'm-2',
+    3: 'm-3',
+    4: 'm-4',
+    5: 'm-5',
+    6: 'm-6',
+    7: 'm-7',
+    8: 'm-8',
+    9: 'm-9',
+    10: 'm-10',
+    11: 'm-11',
+    12: 'm-12',
+};
+exports.TWCLASSMAP_BOX_MARGIN_TOP = {
+    0: 'mt-0',
+    1: 'mt-1',
+    2: 'mt-2',
+    3: 'mt-3',
+    4: 'mt-4',
+    5: 'mt-5',
+    6: 'mt-6',
+    7: 'mt-7',
+    8: 'mt-8',
+    9: 'mt-9',
+    10: 'mt-10',
+    11: 'mt-11',
+    12: 'mt-12',
+};
+exports.TWCLASSMAP_BOX_MARGIN_RIGHT = {
+    0: 'mr-0',
+    1: 'mr-1',
+    2: 'mr-2',
+    3: 'mr-3',
+    4: 'mr-4',
+    5: 'mr-5',
+    6: 'mr-6',
+    7: 'mr-7',
+    8: 'mr-8',
+    9: 'mr-9',
+    10: 'mr-10',
+    11: 'mr-11',
+    12: 'mr-12',
+};
+exports.TWCLASSMAP_BOX_MARGIN_BOTTOM = {
+    0: 'mb-0',
+    1: 'mb-1',
+    2: 'mb-2',
+    3: 'mb-3',
+    4: 'mb-4',
+    5: 'mb-5',
+    6: 'mb-6',
+    7: 'mb-7',
+    8: 'mb-8',
+    9: 'mb-9',
+    10: 'mb-10',
+    11: 'mb-11',
+    12: 'mb-12',
+};
+exports.TWCLASSMAP_BOX_MARGIN_LEFT = {
+    0: 'ml-0',
+    1: 'ml-1',
+    2: 'ml-2',
+    3: 'ml-3',
+    4: 'ml-4',
+    5: 'ml-5',
+    6: 'ml-6',
+    7: 'ml-7',
+    8: 'ml-8',
+    9: 'ml-9',
+    10: 'ml-10',
+    11: 'ml-11',
+    12: 'ml-12',
+};
+exports.TWCLASSMAP_BOX_MARGIN_HORIZONTAL = {
+    0: 'mx-0',
+    1: 'mx-1',
+    2: 'mx-2',
+    3: 'mx-3',
+    4: 'mx-4',
+    5: 'mx-5',
+    6: 'mx-6',
+    7: 'mx-7',
+    8: 'mx-8',
+    9: 'mx-9',
+    10: 'mx-10',
+    11: 'mx-11',
+    12: 'mx-12',
+};
+exports.TWCLASSMAP_BOX_MARGIN_VERTICAL = {
+    0: 'my-0',
+    1: 'my-1',
+    2: 'my-2',
+    3: 'my-3',
+    4: 'my-4',
+    5: 'my-5',
+    6: 'my-6',
+    7: 'my-7',
+    8: 'my-8',
+    9: 'my-9',
+    10: 'my-10',
+    11: 'my-11',
+    12: 'my-12',
+};
+exports.TWCLASSMAP_BOX_PADDING = {
+    0: 'p-0',
+    1: 'p-1',
+    2: 'p-2',
+    3: 'p-3',
+    4: 'p-4',
+    5: 'p-5',
+    6: 'p-6',
+    7: 'p-7',
+    8: 'p-8',
+    9: 'p-9',
+    10: 'p-10',
+    11: 'p-11',
+    12: 'p-12',
+};
+exports.TWCLASSMAP_BOX_PADDING_TOP = {
+    0: 'pt-0',
+    1: 'pt-1',
+    2: 'pt-2',
+    3: 'pt-3',
+    4: 'pt-4',
+    5: 'pt-5',
+    6: 'pt-6',
+    7: 'pt-7',
+    8: 'pt-8',
+    9: 'pt-9',
+    10: 'pt-10',
+    11: 'pt-11',
+    12: 'pt-12',
+};
+exports.TWCLASSMAP_BOX_PADDING_RIGHT = {
+    0: 'pr-0',
+    1: 'pr-1',
+    2: 'pr-2',
+    3: 'pr-3',
+    4: 'pr-4',
+    5: 'pr-5',
+    6: 'pr-6',
+    7: 'pr-7',
+    8: 'pr-8',
+    9: 'pr-9',
+    10: 'pr-10',
+    11: 'pr-11',
+    12: 'pr-12',
+};
+exports.TWCLASSMAP_BOX_PADDING_BOTTOM = {
+    0: 'pb-0',
+    1: 'pb-1',
+    2: 'pb-2',
+    3: 'pb-3',
+    4: 'pb-4',
+    5: 'pb-5',
+    6: 'pb-6',
+    7: 'pb-7',
+    8: 'pb-8',
+    9: 'pb-9',
+    10: 'pb-10',
+    11: 'pb-11',
+    12: 'pb-12',
+};
+exports.TWCLASSMAP_BOX_PADDING_LEFT = {
+    0: 'pl-0',
+    1: 'pl-1',
+    2: 'pl-2',
+    3: 'pl-3',
+    4: 'pl-4',
+    5: 'pl-5',
+    6: 'pl-6',
+    7: 'pl-7',
+    8: 'pl-8',
+    9: 'pl-9',
+    10: 'pl-10',
+    11: 'pl-11',
+    12: 'pl-12',
+};
+exports.TWCLASSMAP_BOX_PADDING_HORIZONTAL = {
+    0: 'px-0',
+    1: 'px-1',
+    2: 'px-2',
+    3: 'px-3',
+    4: 'px-4',
+    5: 'px-5',
+    6: 'px-6',
+    7: 'px-7',
+    8: 'px-8',
+    9: 'px-9',
+    10: 'px-10',
+    11: 'px-11',
+    12: 'px-12',
+};
+exports.TWCLASSMAP_BOX_PADDING_VERTICAL = {
+    0: 'py-0',
+    1: 'py-1',
+    2: 'py-2',
+    3: 'py-3',
+    4: 'py-4',
+    5: 'py-5',
+    6: 'py-6',
+    7: 'py-7',
+    8: 'py-8',
+    9: 'py-9',
+    10: 'py-10',
+    11: 'py-11',
+    12: 'py-12',
+};
+exports.TWCLASSMAP_BOX_BORDER_WIDTH = {
+    0: 'border-0',
+    1: 'border',
+    2: 'border-2',
+    4: 'border-4',
+    8: 'border-8',
+};
 //# sourceMappingURL=Box.constants.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Box.constants.cjs","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":";;;AAEa,QAAA,kBAAkB,GAA+B;IAC5D,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;CACb,CAAC","sourcesContent":["import type { BoxSpacing } from '../../types';\n\nexport const TWCLASSMAP_BOX_GAP: Record<BoxSpacing, string> = {\n  0: 'gap-0',\n  1: 'gap-1',\n  2: 'gap-2',\n  3: 'gap-3',\n  4: 'gap-4',\n  5: 'gap-5',\n  6: 'gap-6',\n  7: 'gap-7',\n  8: 'gap-8',\n  9: 'gap-9',\n  10: 'gap-10',\n  11: 'gap-11',\n  12: 'gap-12',\n};\n"]}
+{"version":3,"file":"Box.constants.cjs","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"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","sourcesContent":["import type { BoxSpacing, BoxBorderWidth } from '../../types';\n\nexport const TWCLASSMAP_BOX_GAP: Record<BoxSpacing, string> = {\n  0: 'gap-0',\n  1: 'gap-1',\n  2: 'gap-2',\n  3: 'gap-3',\n  4: 'gap-4',\n  5: 'gap-5',\n  6: 'gap-6',\n  7: 'gap-7',\n  8: 'gap-8',\n  9: 'gap-9',\n  10: 'gap-10',\n  11: 'gap-11',\n  12: 'gap-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN: Record<BoxSpacing, string> = {\n  0: 'm-0',\n  1: 'm-1',\n  2: 'm-2',\n  3: 'm-3',\n  4: 'm-4',\n  5: 'm-5',\n  6: 'm-6',\n  7: 'm-7',\n  8: 'm-8',\n  9: 'm-9',\n  10: 'm-10',\n  11: 'm-11',\n  12: 'm-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_TOP: Record<BoxSpacing, string> = {\n  0: 'mt-0',\n  1: 'mt-1',\n  2: 'mt-2',\n  3: 'mt-3',\n  4: 'mt-4',\n  5: 'mt-5',\n  6: 'mt-6',\n  7: 'mt-7',\n  8: 'mt-8',\n  9: 'mt-9',\n  10: 'mt-10',\n  11: 'mt-11',\n  12: 'mt-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_RIGHT: Record<BoxSpacing, string> = {\n  0: 'mr-0',\n  1: 'mr-1',\n  2: 'mr-2',\n  3: 'mr-3',\n  4: 'mr-4',\n  5: 'mr-5',\n  6: 'mr-6',\n  7: 'mr-7',\n  8: 'mr-8',\n  9: 'mr-9',\n  10: 'mr-10',\n  11: 'mr-11',\n  12: 'mr-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_BOTTOM: Record<BoxSpacing, string> = {\n  0: 'mb-0',\n  1: 'mb-1',\n  2: 'mb-2',\n  3: 'mb-3',\n  4: 'mb-4',\n  5: 'mb-5',\n  6: 'mb-6',\n  7: 'mb-7',\n  8: 'mb-8',\n  9: 'mb-9',\n  10: 'mb-10',\n  11: 'mb-11',\n  12: 'mb-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_LEFT: Record<BoxSpacing, string> = {\n  0: 'ml-0',\n  1: 'ml-1',\n  2: 'ml-2',\n  3: 'ml-3',\n  4: 'ml-4',\n  5: 'ml-5',\n  6: 'ml-6',\n  7: 'ml-7',\n  8: 'ml-8',\n  9: 'ml-9',\n  10: 'ml-10',\n  11: 'ml-11',\n  12: 'ml-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_HORIZONTAL: Record<BoxSpacing, string> = {\n  0: 'mx-0',\n  1: 'mx-1',\n  2: 'mx-2',\n  3: 'mx-3',\n  4: 'mx-4',\n  5: 'mx-5',\n  6: 'mx-6',\n  7: 'mx-7',\n  8: 'mx-8',\n  9: 'mx-9',\n  10: 'mx-10',\n  11: 'mx-11',\n  12: 'mx-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_VERTICAL: Record<BoxSpacing, string> = {\n  0: 'my-0',\n  1: 'my-1',\n  2: 'my-2',\n  3: 'my-3',\n  4: 'my-4',\n  5: 'my-5',\n  6: 'my-6',\n  7: 'my-7',\n  8: 'my-8',\n  9: 'my-9',\n  10: 'my-10',\n  11: 'my-11',\n  12: 'my-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING: Record<BoxSpacing, string> = {\n  0: 'p-0',\n  1: 'p-1',\n  2: 'p-2',\n  3: 'p-3',\n  4: 'p-4',\n  5: 'p-5',\n  6: 'p-6',\n  7: 'p-7',\n  8: 'p-8',\n  9: 'p-9',\n  10: 'p-10',\n  11: 'p-11',\n  12: 'p-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_TOP: Record<BoxSpacing, string> = {\n  0: 'pt-0',\n  1: 'pt-1',\n  2: 'pt-2',\n  3: 'pt-3',\n  4: 'pt-4',\n  5: 'pt-5',\n  6: 'pt-6',\n  7: 'pt-7',\n  8: 'pt-8',\n  9: 'pt-9',\n  10: 'pt-10',\n  11: 'pt-11',\n  12: 'pt-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_RIGHT: Record<BoxSpacing, string> = {\n  0: 'pr-0',\n  1: 'pr-1',\n  2: 'pr-2',\n  3: 'pr-3',\n  4: 'pr-4',\n  5: 'pr-5',\n  6: 'pr-6',\n  7: 'pr-7',\n  8: 'pr-8',\n  9: 'pr-9',\n  10: 'pr-10',\n  11: 'pr-11',\n  12: 'pr-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_BOTTOM: Record<BoxSpacing, string> = {\n  0: 'pb-0',\n  1: 'pb-1',\n  2: 'pb-2',\n  3: 'pb-3',\n  4: 'pb-4',\n  5: 'pb-5',\n  6: 'pb-6',\n  7: 'pb-7',\n  8: 'pb-8',\n  9: 'pb-9',\n  10: 'pb-10',\n  11: 'pb-11',\n  12: 'pb-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_LEFT: Record<BoxSpacing, string> = {\n  0: 'pl-0',\n  1: 'pl-1',\n  2: 'pl-2',\n  3: 'pl-3',\n  4: 'pl-4',\n  5: 'pl-5',\n  6: 'pl-6',\n  7: 'pl-7',\n  8: 'pl-8',\n  9: 'pl-9',\n  10: 'pl-10',\n  11: 'pl-11',\n  12: 'pl-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_HORIZONTAL: Record<BoxSpacing, string> = {\n  0: 'px-0',\n  1: 'px-1',\n  2: 'px-2',\n  3: 'px-3',\n  4: 'px-4',\n  5: 'px-5',\n  6: 'px-6',\n  7: 'px-7',\n  8: 'px-8',\n  9: 'px-9',\n  10: 'px-10',\n  11: 'px-11',\n  12: 'px-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_VERTICAL: Record<BoxSpacing, string> = {\n  0: 'py-0',\n  1: 'py-1',\n  2: 'py-2',\n  3: 'py-3',\n  4: 'py-4',\n  5: 'py-5',\n  6: 'py-6',\n  7: 'py-7',\n  8: 'py-8',\n  9: 'py-9',\n  10: 'py-10',\n  11: 'py-11',\n  12: 'py-12',\n};\n\nexport const TWCLASSMAP_BOX_BORDER_WIDTH: Record<BoxBorderWidth, string> = {\n  0: 'border-0',\n  1: 'border',\n  2: 'border-2',\n  4: 'border-4',\n  8: 'border-8',\n};\n"]}

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

@@ -1,3 +1,18 @@
-import type { BoxSpacing } from "../../types/index.cjs";
+import type { BoxSpacing, BoxBorderWidth } from "../../types/index.cjs";
 export declare const TWCLASSMAP_BOX_GAP: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_MARGIN: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_MARGIN_TOP: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_MARGIN_RIGHT: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_MARGIN_BOTTOM: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_MARGIN_LEFT: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_MARGIN_HORIZONTAL: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_MARGIN_VERTICAL: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_PADDING: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_PADDING_TOP: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_PADDING_RIGHT: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_PADDING_BOTTOM: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_PADDING_LEFT: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_PADDING_HORIZONTAL: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_PADDING_VERTICAL: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_BORDER_WIDTH: Record<BoxBorderWidth, string>;
 //# sourceMappingURL=Box.constants.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Box.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,8BAAoB;AAE9C,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAczD,CAAC"}
+{"version":3,"file":"Box.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,8BAAoB;AAE9D,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAczD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAc5D,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAchE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAclE,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcnE,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcjE,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcvE,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcrE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAc7D,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcjE,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcnE,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcpE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAclE,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcxE,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CActE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAMtE,CAAC"}

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

@@ -1,3 +1,18 @@
-import type { BoxSpacing } from "../../types/index.mjs";
+import type { BoxSpacing, BoxBorderWidth } from "../../types/index.mjs";
 export declare const TWCLASSMAP_BOX_GAP: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_MARGIN: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_MARGIN_TOP: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_MARGIN_RIGHT: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_MARGIN_BOTTOM: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_MARGIN_LEFT: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_MARGIN_HORIZONTAL: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_MARGIN_VERTICAL: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_PADDING: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_PADDING_TOP: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_PADDING_RIGHT: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_PADDING_BOTTOM: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_PADDING_LEFT: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_PADDING_HORIZONTAL: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_PADDING_VERTICAL: Record<BoxSpacing, string>;
+export declare const TWCLASSMAP_BOX_BORDER_WIDTH: Record<BoxBorderWidth, string>;
 //# sourceMappingURL=Box.constants.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Box.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,8BAAoB;AAE9C,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAczD,CAAC"}
+{"version":3,"file":"Box.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,8BAAoB;AAE9D,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAczD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAc5D,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAchE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAclE,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcnE,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcjE,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcvE,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcrE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAc7D,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcjE,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcnE,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcpE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAclE,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcxE,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CActE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAMtE,CAAC"}

package/dist/components/Box/Box.constants.mjs

@@ -13,4 +13,221 @@ export const TWCLASSMAP_BOX_GAP = {
     11: 'gap-11',
     12: 'gap-12',
 };
+export const TWCLASSMAP_BOX_MARGIN = {
+    0: 'm-0',
+    1: 'm-1',
+    2: 'm-2',
+    3: 'm-3',
+    4: 'm-4',
+    5: 'm-5',
+    6: 'm-6',
+    7: 'm-7',
+    8: 'm-8',
+    9: 'm-9',
+    10: 'm-10',
+    11: 'm-11',
+    12: 'm-12',
+};
+export const TWCLASSMAP_BOX_MARGIN_TOP = {
+    0: 'mt-0',
+    1: 'mt-1',
+    2: 'mt-2',
+    3: 'mt-3',
+    4: 'mt-4',
+    5: 'mt-5',
+    6: 'mt-6',
+    7: 'mt-7',
+    8: 'mt-8',
+    9: 'mt-9',
+    10: 'mt-10',
+    11: 'mt-11',
+    12: 'mt-12',
+};
+export const TWCLASSMAP_BOX_MARGIN_RIGHT = {
+    0: 'mr-0',
+    1: 'mr-1',
+    2: 'mr-2',
+    3: 'mr-3',
+    4: 'mr-4',
+    5: 'mr-5',
+    6: 'mr-6',
+    7: 'mr-7',
+    8: 'mr-8',
+    9: 'mr-9',
+    10: 'mr-10',
+    11: 'mr-11',
+    12: 'mr-12',
+};
+export const TWCLASSMAP_BOX_MARGIN_BOTTOM = {
+    0: 'mb-0',
+    1: 'mb-1',
+    2: 'mb-2',
+    3: 'mb-3',
+    4: 'mb-4',
+    5: 'mb-5',
+    6: 'mb-6',
+    7: 'mb-7',
+    8: 'mb-8',
+    9: 'mb-9',
+    10: 'mb-10',
+    11: 'mb-11',
+    12: 'mb-12',
+};
+export const TWCLASSMAP_BOX_MARGIN_LEFT = {
+    0: 'ml-0',
+    1: 'ml-1',
+    2: 'ml-2',
+    3: 'ml-3',
+    4: 'ml-4',
+    5: 'ml-5',
+    6: 'ml-6',
+    7: 'ml-7',
+    8: 'ml-8',
+    9: 'ml-9',
+    10: 'ml-10',
+    11: 'ml-11',
+    12: 'ml-12',
+};
+export const TWCLASSMAP_BOX_MARGIN_HORIZONTAL = {
+    0: 'mx-0',
+    1: 'mx-1',
+    2: 'mx-2',
+    3: 'mx-3',
+    4: 'mx-4',
+    5: 'mx-5',
+    6: 'mx-6',
+    7: 'mx-7',
+    8: 'mx-8',
+    9: 'mx-9',
+    10: 'mx-10',
+    11: 'mx-11',
+    12: 'mx-12',
+};
+export const TWCLASSMAP_BOX_MARGIN_VERTICAL = {
+    0: 'my-0',
+    1: 'my-1',
+    2: 'my-2',
+    3: 'my-3',
+    4: 'my-4',
+    5: 'my-5',
+    6: 'my-6',
+    7: 'my-7',
+    8: 'my-8',
+    9: 'my-9',
+    10: 'my-10',
+    11: 'my-11',
+    12: 'my-12',
+};
+export const TWCLASSMAP_BOX_PADDING = {
+    0: 'p-0',
+    1: 'p-1',
+    2: 'p-2',
+    3: 'p-3',
+    4: 'p-4',
+    5: 'p-5',
+    6: 'p-6',
+    7: 'p-7',
+    8: 'p-8',
+    9: 'p-9',
+    10: 'p-10',
+    11: 'p-11',
+    12: 'p-12',
+};
+export const TWCLASSMAP_BOX_PADDING_TOP = {
+    0: 'pt-0',
+    1: 'pt-1',
+    2: 'pt-2',
+    3: 'pt-3',
+    4: 'pt-4',
+    5: 'pt-5',
+    6: 'pt-6',
+    7: 'pt-7',
+    8: 'pt-8',
+    9: 'pt-9',
+    10: 'pt-10',
+    11: 'pt-11',
+    12: 'pt-12',
+};
+export const TWCLASSMAP_BOX_PADDING_RIGHT = {
+    0: 'pr-0',
+    1: 'pr-1',
+    2: 'pr-2',
+    3: 'pr-3',
+    4: 'pr-4',
+    5: 'pr-5',
+    6: 'pr-6',
+    7: 'pr-7',
+    8: 'pr-8',
+    9: 'pr-9',
+    10: 'pr-10',
+    11: 'pr-11',
+    12: 'pr-12',
+};
+export const TWCLASSMAP_BOX_PADDING_BOTTOM = {
+    0: 'pb-0',
+    1: 'pb-1',
+    2: 'pb-2',
+    3: 'pb-3',
+    4: 'pb-4',
+    5: 'pb-5',
+    6: 'pb-6',
+    7: 'pb-7',
+    8: 'pb-8',
+    9: 'pb-9',
+    10: 'pb-10',
+    11: 'pb-11',
+    12: 'pb-12',
+};
+export const TWCLASSMAP_BOX_PADDING_LEFT = {
+    0: 'pl-0',
+    1: 'pl-1',
+    2: 'pl-2',
+    3: 'pl-3',
+    4: 'pl-4',
+    5: 'pl-5',
+    6: 'pl-6',
+    7: 'pl-7',
+    8: 'pl-8',
+    9: 'pl-9',
+    10: 'pl-10',
+    11: 'pl-11',
+    12: 'pl-12',
+};
+export const TWCLASSMAP_BOX_PADDING_HORIZONTAL = {
+    0: 'px-0',
+    1: 'px-1',
+    2: 'px-2',
+    3: 'px-3',
+    4: 'px-4',
+    5: 'px-5',
+    6: 'px-6',
+    7: 'px-7',
+    8: 'px-8',
+    9: 'px-9',
+    10: 'px-10',
+    11: 'px-11',
+    12: 'px-12',
+};
+export const TWCLASSMAP_BOX_PADDING_VERTICAL = {
+    0: 'py-0',
+    1: 'py-1',
+    2: 'py-2',
+    3: 'py-3',
+    4: 'py-4',
+    5: 'py-5',
+    6: 'py-6',
+    7: 'py-7',
+    8: 'py-8',
+    9: 'py-9',
+    10: 'py-10',
+    11: 'py-11',
+    12: 'py-12',
+};
+export const TWCLASSMAP_BOX_BORDER_WIDTH = {
+    0: 'border-0',
+    1: 'border',
+    2: 'border-2',
+    4: 'border-4',
+    8: 'border-8',
+};
 //# sourceMappingURL=Box.constants.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Box.constants.mjs","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,kBAAkB,GAA+B;IAC5D,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;CACb,CAAC","sourcesContent":["import type { BoxSpacing } from '../../types';\n\nexport const TWCLASSMAP_BOX_GAP: Record<BoxSpacing, string> = {\n  0: 'gap-0',\n  1: 'gap-1',\n  2: 'gap-2',\n  3: 'gap-3',\n  4: 'gap-4',\n  5: 'gap-5',\n  6: 'gap-6',\n  7: 'gap-7',\n  8: 'gap-8',\n  9: 'gap-9',\n  10: 'gap-10',\n  11: 'gap-11',\n  12: 'gap-12',\n};\n"]}
+{"version":3,"file":"Box.constants.mjs","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"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","sourcesContent":["import type { BoxSpacing, BoxBorderWidth } from '../../types';\n\nexport const TWCLASSMAP_BOX_GAP: Record<BoxSpacing, string> = {\n  0: 'gap-0',\n  1: 'gap-1',\n  2: 'gap-2',\n  3: 'gap-3',\n  4: 'gap-4',\n  5: 'gap-5',\n  6: 'gap-6',\n  7: 'gap-7',\n  8: 'gap-8',\n  9: 'gap-9',\n  10: 'gap-10',\n  11: 'gap-11',\n  12: 'gap-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN: Record<BoxSpacing, string> = {\n  0: 'm-0',\n  1: 'm-1',\n  2: 'm-2',\n  3: 'm-3',\n  4: 'm-4',\n  5: 'm-5',\n  6: 'm-6',\n  7: 'm-7',\n  8: 'm-8',\n  9: 'm-9',\n  10: 'm-10',\n  11: 'm-11',\n  12: 'm-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_TOP: Record<BoxSpacing, string> = {\n  0: 'mt-0',\n  1: 'mt-1',\n  2: 'mt-2',\n  3: 'mt-3',\n  4: 'mt-4',\n  5: 'mt-5',\n  6: 'mt-6',\n  7: 'mt-7',\n  8: 'mt-8',\n  9: 'mt-9',\n  10: 'mt-10',\n  11: 'mt-11',\n  12: 'mt-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_RIGHT: Record<BoxSpacing, string> = {\n  0: 'mr-0',\n  1: 'mr-1',\n  2: 'mr-2',\n  3: 'mr-3',\n  4: 'mr-4',\n  5: 'mr-5',\n  6: 'mr-6',\n  7: 'mr-7',\n  8: 'mr-8',\n  9: 'mr-9',\n  10: 'mr-10',\n  11: 'mr-11',\n  12: 'mr-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_BOTTOM: Record<BoxSpacing, string> = {\n  0: 'mb-0',\n  1: 'mb-1',\n  2: 'mb-2',\n  3: 'mb-3',\n  4: 'mb-4',\n  5: 'mb-5',\n  6: 'mb-6',\n  7: 'mb-7',\n  8: 'mb-8',\n  9: 'mb-9',\n  10: 'mb-10',\n  11: 'mb-11',\n  12: 'mb-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_LEFT: Record<BoxSpacing, string> = {\n  0: 'ml-0',\n  1: 'ml-1',\n  2: 'ml-2',\n  3: 'ml-3',\n  4: 'ml-4',\n  5: 'ml-5',\n  6: 'ml-6',\n  7: 'ml-7',\n  8: 'ml-8',\n  9: 'ml-9',\n  10: 'ml-10',\n  11: 'ml-11',\n  12: 'ml-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_HORIZONTAL: Record<BoxSpacing, string> = {\n  0: 'mx-0',\n  1: 'mx-1',\n  2: 'mx-2',\n  3: 'mx-3',\n  4: 'mx-4',\n  5: 'mx-5',\n  6: 'mx-6',\n  7: 'mx-7',\n  8: 'mx-8',\n  9: 'mx-9',\n  10: 'mx-10',\n  11: 'mx-11',\n  12: 'mx-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_VERTICAL: Record<BoxSpacing, string> = {\n  0: 'my-0',\n  1: 'my-1',\n  2: 'my-2',\n  3: 'my-3',\n  4: 'my-4',\n  5: 'my-5',\n  6: 'my-6',\n  7: 'my-7',\n  8: 'my-8',\n  9: 'my-9',\n  10: 'my-10',\n  11: 'my-11',\n  12: 'my-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING: Record<BoxSpacing, string> = {\n  0: 'p-0',\n  1: 'p-1',\n  2: 'p-2',\n  3: 'p-3',\n  4: 'p-4',\n  5: 'p-5',\n  6: 'p-6',\n  7: 'p-7',\n  8: 'p-8',\n  9: 'p-9',\n  10: 'p-10',\n  11: 'p-11',\n  12: 'p-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_TOP: Record<BoxSpacing, string> = {\n  0: 'pt-0',\n  1: 'pt-1',\n  2: 'pt-2',\n  3: 'pt-3',\n  4: 'pt-4',\n  5: 'pt-5',\n  6: 'pt-6',\n  7: 'pt-7',\n  8: 'pt-8',\n  9: 'pt-9',\n  10: 'pt-10',\n  11: 'pt-11',\n  12: 'pt-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_RIGHT: Record<BoxSpacing, string> = {\n  0: 'pr-0',\n  1: 'pr-1',\n  2: 'pr-2',\n  3: 'pr-3',\n  4: 'pr-4',\n  5: 'pr-5',\n  6: 'pr-6',\n  7: 'pr-7',\n  8: 'pr-8',\n  9: 'pr-9',\n  10: 'pr-10',\n  11: 'pr-11',\n  12: 'pr-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_BOTTOM: Record<BoxSpacing, string> = {\n  0: 'pb-0',\n  1: 'pb-1',\n  2: 'pb-2',\n  3: 'pb-3',\n  4: 'pb-4',\n  5: 'pb-5',\n  6: 'pb-6',\n  7: 'pb-7',\n  8: 'pb-8',\n  9: 'pb-9',\n  10: 'pb-10',\n  11: 'pb-11',\n  12: 'pb-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_LEFT: Record<BoxSpacing, string> = {\n  0: 'pl-0',\n  1: 'pl-1',\n  2: 'pl-2',\n  3: 'pl-3',\n  4: 'pl-4',\n  5: 'pl-5',\n  6: 'pl-6',\n  7: 'pl-7',\n  8: 'pl-8',\n  9: 'pl-9',\n  10: 'pl-10',\n  11: 'pl-11',\n  12: 'pl-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_HORIZONTAL: Record<BoxSpacing, string> = {\n  0: 'px-0',\n  1: 'px-1',\n  2: 'px-2',\n  3: 'px-3',\n  4: 'px-4',\n  5: 'px-5',\n  6: 'px-6',\n  7: 'px-7',\n  8: 'px-8',\n  9: 'px-9',\n  10: 'px-10',\n  11: 'px-11',\n  12: 'px-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_VERTICAL: Record<BoxSpacing, string> = {\n  0: 'py-0',\n  1: 'py-1',\n  2: 'py-2',\n  3: 'py-3',\n  4: 'py-4',\n  5: 'py-5',\n  6: 'py-6',\n  7: 'py-7',\n  8: 'py-8',\n  9: 'py-9',\n  10: 'py-10',\n  11: 'py-11',\n  12: 'py-12',\n};\n\nexport const TWCLASSMAP_BOX_BORDER_WIDTH: Record<BoxBorderWidth, string> = {\n  0: 'border-0',\n  1: 'border',\n  2: 'border-2',\n  4: 'border-4',\n  8: 'border-8',\n};\n"]}

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

@@ -1,4 +1,4 @@
 import React from "react";
 import type { BoxProps } from "./Box.types.cjs";
-export declare const Box: ({ flexDirection, flexWrap, gap, alignItems, justifyContent, twClassName, style, children, ...props }: BoxProps) => React.JSX.Element;
+export declare const Box: ({ flexDirection, flexWrap, gap, alignItems, justifyContent, margin, marginTop, marginRight, marginBottom, marginLeft, marginHorizontal, marginVertical, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, paddingHorizontal, paddingVertical, borderWidth, borderColor, backgroundColor, twClassName, style, children, ...props }: BoxProps) => React.JSX.Element;
 //# sourceMappingURL=Box.d.cts.map