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

package/dist/components/Box/Box.constants.js

@@ -0,0 +1,229 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TWCLASSMAP_BOX_MINHEIGHT = exports.TWCLASSMAP_BOX_HEIGHT = exports.TWCLASSMAP_BOX_MINWIDTH = exports.TWCLASSMAP_BOX_WIDTH = exports.TWCLASSMAP_BOX_PADDINGRIGHT = exports.TWCLASSMAP_BOX_PADDINGLEFT = exports.TWCLASSMAP_BOX_PADDINGBOTTOM = exports.TWCLASSMAP_BOX_PADDINGTOP = exports.TWCLASSMAP_BOX_PADDING = exports.TWCLASSMAP_BOX_MARGINRIGHT = exports.TWCLASSMAP_BOX_MARGINLEFT = exports.TWCLASSMAP_BOX_MARGINBOTTOM = exports.TWCLASSMAP_BOX_MARGINTOP = exports.TWCLASSMAP_BOX_MARGIN = exports.TWCLASSMAP_BOX_GAP = void 0;
+exports.TWCLASSMAP_BOX_GAP = {
+    0: 'gap-0',
+    1: 'gap-1',
+    2: 'gap-2',
+    3: 'gap-3',
+    4: 'gap-4',
+    5: 'gap-5',
+    6: 'gap-6',
+    7: 'gap-7',
+    8: 'gap-8',
+    9: 'gap-9',
+    10: 'gap-10',
+    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_MARGINTOP = {
+    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_MARGINBOTTOM = {
+    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_MARGINLEFT = {
+    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_MARGINRIGHT = {
+    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_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_PADDINGTOP = {
+    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_PADDINGBOTTOM = {
+    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_PADDINGLEFT = {
+    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_PADDINGRIGHT = {
+    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_WIDTH = {
+    0: 'w-0',
+    1: 'w-1',
+    2: 'w-2',
+    3: 'w-3',
+    4: 'w-4',
+    5: 'w-5',
+    6: 'w-6',
+    7: 'w-7',
+    8: 'w-8',
+    9: 'w-9',
+    10: 'w-10',
+    11: 'w-11',
+    12: 'w-12',
+};
+exports.TWCLASSMAP_BOX_MINWIDTH = {
+    0: 'min-w-0',
+    1: 'min-w-1',
+    2: 'min-w-2',
+    3: 'min-w-3',
+    4: 'min-w-4',
+    5: 'min-w-5',
+    6: 'min-w-6',
+    7: 'min-w-7',
+    8: 'min-w-8',
+    9: 'min-w-9',
+    10: 'min-w-10',
+    11: 'min-w-11',
+    12: 'min-w-12',
+};
+exports.TWCLASSMAP_BOX_HEIGHT = {
+    0: 'h-0',
+    1: 'h-1',
+    2: 'h-2',
+    3: 'h-3',
+    4: 'h-4',
+    5: 'h-5',
+    6: 'h-6',
+    7: 'h-7',
+    8: 'h-8',
+    9: 'h-9',
+    10: 'h-10',
+    11: 'h-11',
+    12: 'h-12',
+};
+exports.TWCLASSMAP_BOX_MINHEIGHT = {
+    0: 'min-h-0',
+    1: 'min-h-1',
+    2: 'min-h-2',
+    3: 'min-h-3',
+    4: 'min-h-4',
+    5: 'min-h-5',
+    6: 'min-h-6',
+    7: 'min-h-7',
+    8: 'min-h-8',
+    9: 'min-h-9',
+    10: 'min-h-10',
+    11: 'min-h-11',
+    12: 'min-h-12',
+};
+//# sourceMappingURL=Box.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.constants.js","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"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","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\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_MARGINTOP: 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_MARGINBOTTOM: 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_MARGINLEFT: 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_MARGINRIGHT: 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_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_PADDINGTOP: 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_PADDINGBOTTOM: 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_PADDINGLEFT: 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_PADDINGRIGHT: 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_WIDTH: Record<BoxSpacing, string> = {\n  0: 'w-0',\n  1: 'w-1',\n  2: 'w-2',\n  3: 'w-3',\n  4: 'w-4',\n  5: 'w-5',\n  6: 'w-6',\n  7: 'w-7',\n  8: 'w-8',\n  9: 'w-9',\n  10: 'w-10',\n  11: 'w-11',\n  12: 'w-12',\n};\n\nexport const TWCLASSMAP_BOX_MINWIDTH: Record<BoxSpacing, string> = {\n  0: 'min-w-0',\n  1: 'min-w-1',\n  2: 'min-w-2',\n  3: 'min-w-3',\n  4: 'min-w-4',\n  5: 'min-w-5',\n  6: 'min-w-6',\n  7: 'min-w-7',\n  8: 'min-w-8',\n  9: 'min-w-9',\n  10: 'min-w-10',\n  11: 'min-w-11',\n  12: 'min-w-12',\n};\n\nexport const TWCLASSMAP_BOX_HEIGHT: Record<BoxSpacing, string> = {\n  0: 'h-0',\n  1: 'h-1',\n  2: 'h-2',\n  3: 'h-3',\n  4: 'h-4',\n  5: 'h-5',\n  6: 'h-6',\n  7: 'h-7',\n  8: 'h-8',\n  9: 'h-9',\n  10: 'h-10',\n  11: 'h-11',\n  12: 'h-12',\n};\n\nexport const TWCLASSMAP_BOX_MINHEIGHT: Record<BoxSpacing, string> = {\n  0: 'min-h-0',\n  1: 'min-h-1',\n  2: 'min-h-2',\n  3: 'min-h-3',\n  4: 'min-h-4',\n  5: 'min-h-5',\n  6: 'min-h-6',\n  7: 'min-h-7',\n  8: 'min-h-8',\n  9: 'min-h-9',\n  10: 'min-h-10',\n  11: 'min-h-11',\n  12: 'min-h-12',\n};\n"]}

package/dist/components/Box/Box.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BoxProps } from './Box.types';
+export declare const Box: ({ flexDirection, flexWrap, gap, margin, marginTop, marginBottom, marginLeft, marginRight, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, borderColor, borderWidth, borderRadius, borderStyle, alignItems, justifyContent, width, minWidth, height, minHeight, backgroundColor, twClassName, style, children, ...props }: BoxProps) => React.JSX.Element;
+//# sourceMappingURL=Box.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,eAAO,MAAM,GAAG,4UA6Bb,QAAQ,sBAmCV,CAAC"}

package/dist/components/Box/Box.js

@@ -0,0 +1,45 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Box = void 0;
+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");
+const Box_constants_1 = require("./Box.constants");
+const Box = ({ flexDirection, flexWrap, gap, margin, marginTop, marginBottom, marginLeft, marginRight, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, borderColor, borderWidth, borderRadius, borderStyle, alignItems, justifyContent, width, minWidth, height, minHeight, backgroundColor, twClassName = '', style, children, ...props }) => {
+    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
+    const twContainerClassNames = `
+    flex
+    ${flexDirection ?? ''} 
+    ${flexWrap ?? ''} 
+    ${gap !== undefined ? Box_constants_1.TWCLASSMAP_BOX_GAP[gap] : ''} 
+    ${margin !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGIN[margin] : ''} 
+    ${marginTop !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGINTOP[marginTop] : ''} 
+    ${marginBottom !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGINBOTTOM[marginBottom] : ''} 
+    ${marginLeft !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGINLEFT[marginLeft] : ''} 
+    ${marginRight !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGINRIGHT[marginRight] : ''} 
+    ${padding !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDING[padding] : ''} 
+    ${paddingTop !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDINGTOP[paddingTop] : ''} 
+    ${paddingBottom !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDINGBOTTOM[paddingBottom] : ''} 
+    ${paddingLeft !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDINGLEFT[paddingLeft] : ''} 
+    ${paddingRight !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDINGRIGHT[paddingRight] : ''} 
+    ${borderColor ?? ''} 
+    ${borderWidth ?? ''}    
+    ${borderRadius ?? ''} 
+    ${borderStyle ?? ''} 
+    ${alignItems ?? ''} 
+    ${justifyContent ?? ''} 
+    ${width !== undefined ? Box_constants_1.TWCLASSMAP_BOX_WIDTH[width] : ''} 
+    ${minWidth !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MINWIDTH[minWidth] : ''} 
+    ${height !== undefined ? Box_constants_1.TWCLASSMAP_BOX_HEIGHT[height] : ''} 
+    ${minHeight !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MINHEIGHT[minHeight] : ''} 
+    ${backgroundColor ?? ''} 
+    ${twClassName}`.trim();
+    return (<react_native_1.View style={[tw `${twContainerClassNames}`, style]} {...props}>
+      {children}
+    </react_native_1.View>);
+};
+exports.Box = Box;
+//# sourceMappingURL=Box.js.map

package/dist/components/Box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","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_MARGINTOP,\n  TWCLASSMAP_BOX_MARGINBOTTOM,\n  TWCLASSMAP_BOX_MARGINLEFT,\n  TWCLASSMAP_BOX_MARGINRIGHT,\n  TWCLASSMAP_BOX_PADDING,\n  TWCLASSMAP_BOX_PADDINGTOP,\n  TWCLASSMAP_BOX_PADDINGBOTTOM,\n  TWCLASSMAP_BOX_PADDINGLEFT,\n  TWCLASSMAP_BOX_PADDINGRIGHT,\n  TWCLASSMAP_BOX_WIDTH,\n  TWCLASSMAP_BOX_MINWIDTH,\n  TWCLASSMAP_BOX_HEIGHT,\n  TWCLASSMAP_BOX_MINHEIGHT,\n} from './Box.constants';\nimport type { BoxProps } from './Box.types';\n\nexport const Box = ({\n  flexDirection,\n  flexWrap,\n  gap,\n  margin,\n  marginTop,\n  marginBottom,\n  marginLeft,\n  marginRight,\n  padding,\n  paddingTop,\n  paddingBottom,\n  paddingLeft,\n  paddingRight,\n  borderColor,\n  borderWidth,\n  borderRadius,\n  borderStyle,\n  alignItems,\n  justifyContent,\n  width,\n  minWidth,\n  height,\n  minHeight,\n  backgroundColor,\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    ${margin !== undefined ? TWCLASSMAP_BOX_MARGIN[margin] : ''} \n    ${marginTop !== undefined ? TWCLASSMAP_BOX_MARGINTOP[marginTop] : ''} \n    ${marginBottom !== undefined ? TWCLASSMAP_BOX_MARGINBOTTOM[marginBottom] : ''} \n    ${marginLeft !== undefined ? TWCLASSMAP_BOX_MARGINLEFT[marginLeft] : ''} \n    ${marginRight !== undefined ? TWCLASSMAP_BOX_MARGINRIGHT[marginRight] : ''} \n    ${padding !== undefined ? TWCLASSMAP_BOX_PADDING[padding] : ''} \n    ${paddingTop !== undefined ? TWCLASSMAP_BOX_PADDINGTOP[paddingTop] : ''} \n    ${paddingBottom !== undefined ? TWCLASSMAP_BOX_PADDINGBOTTOM[paddingBottom] : ''} \n    ${paddingLeft !== undefined ? TWCLASSMAP_BOX_PADDINGLEFT[paddingLeft] : ''} \n    ${paddingRight !== undefined ? TWCLASSMAP_BOX_PADDINGRIGHT[paddingRight] : ''} \n    ${borderColor ?? ''} \n    ${borderWidth ?? ''}    \n    ${borderRadius ?? ''} \n    ${borderStyle ?? ''} \n    ${alignItems ?? ''} \n    ${justifyContent ?? ''} \n    ${width !== undefined ? TWCLASSMAP_BOX_WIDTH[width] : ''} \n    ${minWidth !== undefined ? TWCLASSMAP_BOX_MINWIDTH[minWidth] : ''} \n    ${height !== undefined ? TWCLASSMAP_BOX_HEIGHT[height] : ''} \n    ${minHeight !== undefined ? TWCLASSMAP_BOX_MINHEIGHT[minHeight] : ''} \n    ${backgroundColor ?? ''} \n    ${twClassName}`.trim();\n\n  return (\n    <View style={[tw`${twContainerClassNames}`, style]} {...props}>\n      {children}\n    </View>\n  );\n};\n"]}

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

@@ -0,0 +1,116 @@
+import type { ViewProps } from 'react-native';
+import type { BoxFlexDirection, BoxFlexWrap, BoxSpacing, BoxBorderColor, BoxBorderRadius, BoxBorderWidth, BoxBorderStyle, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor } from '../../types';
+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 margin style of the component.
+     * Use 1-12 for margin of 4px-48px.
+     */
+    margin?: BoxSpacing;
+    /**
+     * The marginTop style of the component.
+     * Use 1-12 for marginTop of 4px-48px.
+     */
+    marginTop?: BoxSpacing;
+    /**
+     * The marginBottom style of the component.
+     * Use 1-12 for marginBottom of 4px-48px.
+     */
+    marginBottom?: BoxSpacing;
+    /**
+     * The marginLeft style of the component.
+     * Use 1-12 for marginLeft of 4px-48px.
+     */
+    marginLeft?: BoxSpacing;
+    /**
+     * The marginRight style of the component.
+     * Use 1-12 for marginRight of 4px-48px.
+     */
+    marginRight?: BoxSpacing;
+    /**
+     * The padding style of the component.
+     * Use 1-12 for padding of 4px-48px.
+     */
+    padding?: BoxSpacing;
+    /**
+     * The paddingTop style of the component.
+     * Use 1-12 for paddingTop of 4px-48px.
+     */
+    paddingTop?: BoxSpacing;
+    /**
+     * The paddingBottom style of the component.
+     * Use 1-12 for paddingBottom of 4px-48px.
+     */
+    paddingBottom?: BoxSpacing;
+    /**
+     * The paddingLeft style of the component.
+     * Use 1-12 for paddingLeft of 4px-48px.
+     */
+    paddingLeft?: BoxSpacing;
+    /**
+     * The paddingRight style of the component.
+     * Use 1-12 for paddingRight of 4px-48px.
+     */
+    paddingRight?: BoxSpacing;
+    /**
+     * The borderColor style of the component.
+     */
+    borderColor?: BoxBorderColor;
+    /**
+     * The borderWidth style of the component.
+     */
+    borderWidth?: BoxBorderWidth;
+    /**
+     * The borderRadius style of the component.
+     */
+    borderRadius?: BoxBorderRadius;
+    /**
+     * The borderStyle style of the component.
+     */
+    borderStyle?: BoxBorderStyle;
+    /**
+     * The alignItems style of the component.
+     */
+    alignItems?: BoxAlignItems;
+    /**
+     * The justifyContent style of the component.
+     */
+    justifyContent?: BoxJustifyContent;
+    /**
+     * The width style of the component.
+     */
+    width?: BoxSpacing;
+    /**
+     * The minWidth style of the component.
+     */
+    minWidth?: BoxSpacing;
+    /**
+     * The height style of the component.
+     */
+    height?: BoxSpacing;
+    /**
+     * The minHeight style of the component.
+     */
+    minHeight?: BoxSpacing;
+    /**
+     * The backgroundColor style of the component.
+     */
+    backgroundColor?: BoxBackgroundColor;
+    /**
+     * Optional prop to add twrnc overriding classNames.
+     */
+    twClassName?: string;
+} & ViewProps;
+//# sourceMappingURL=Box.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.types.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EACV,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,cAAc,EACd,eAAe,EACf,cAAc,EACd,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,aAAa,CAAC;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;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B;;OAEG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,iBAAiB,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;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.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.types.js","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  BoxBorderColor,\n  BoxBorderRadius,\n  BoxBorderWidth,\n  BoxBorderStyle,\n  BoxAlignItems,\n  BoxJustifyContent,\n  BoxBackgroundColor,\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 margin style of the component.\n   * Use 1-12 for margin of 4px-48px.\n   */\n  margin?: BoxSpacing;\n  /**\n   * The marginTop style of the component.\n   * Use 1-12 for marginTop of 4px-48px.\n   */\n  marginTop?: BoxSpacing;\n  /**\n   * The marginBottom style of the component.\n   * Use 1-12 for marginBottom of 4px-48px.\n   */\n  marginBottom?: BoxSpacing;\n  /**\n   * The marginLeft style of the component.\n   * Use 1-12 for marginLeft of 4px-48px.\n   */\n  marginLeft?: BoxSpacing;\n  /**\n   * The marginRight style of the component.\n   * Use 1-12 for marginRight of 4px-48px.\n   */\n  marginRight?: BoxSpacing;\n  /**\n   * The padding style of the component.\n   * Use 1-12 for padding of 4px-48px.\n   */\n  padding?: BoxSpacing;\n  /**\n   * The paddingTop style of the component.\n   * Use 1-12 for paddingTop of 4px-48px.\n   */\n  paddingTop?: BoxSpacing;\n  /**\n   * The paddingBottom style of the component.\n   * Use 1-12 for paddingBottom of 4px-48px.\n   */\n  paddingBottom?: BoxSpacing;\n  /**\n   * The paddingLeft style of the component.\n   * Use 1-12 for paddingLeft of 4px-48px.\n   */\n  paddingLeft?: BoxSpacing;\n  /**\n   * The paddingRight style of the component.\n   * Use 1-12 for paddingRight of 4px-48px.\n   */\n  paddingRight?: BoxSpacing;\n  /**\n   * The borderColor style of the component.\n   */\n  borderColor?: BoxBorderColor;\n  /**\n   * The borderWidth style of the component.\n   */\n  borderWidth?: BoxBorderWidth;\n  /**\n   * The borderRadius style of the component.\n   */\n  borderRadius?: BoxBorderRadius;\n  /**\n   * The borderStyle style of the component.\n   */\n  borderStyle?: BoxBorderStyle;\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 width style of the component.\n   */\n  width?: BoxSpacing;\n  /**\n   * The minWidth style of the component.\n   */\n  minWidth?: BoxSpacing;\n  /**\n   * The height style of the component.\n   */\n  height?: BoxSpacing;\n  /**\n   * The minHeight style of the component.\n   */\n  minHeight?: BoxSpacing;\n  /**\n   * The backgroundColor style 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.d.ts

@@ -0,0 +1,4 @@
+export type { BoxFlexDirection, BoxFlexWrap, BoxSpacing, BoxBorderColor, BoxBorderRadius, BoxBorderWidth, BoxBorderStyle, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, } from '../../types';
+export { Box } from './Box';
+export type { BoxProps } from './Box.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,cAAc,EACd,eAAe,EACf,cAAc,EACd,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/Box/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":";;;AAYA,6BAA4B;AAAnB,0FAAA,GAAG,OAAA","sourcesContent":["export type {\n  BoxFlexDirection,\n  BoxFlexWrap,\n  BoxSpacing,\n  BoxBorderColor,\n  BoxBorderRadius,\n  BoxBorderWidth,\n  BoxBorderStyle,\n  BoxAlignItems,\n  BoxJustifyContent,\n  BoxBackgroundColor,\n} from '../../types';\nexport { Box } from './Box';\nexport type { BoxProps } from './Box.types';\n"]}

package/dist/components/Button/Button.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
 import type { ButtonProps } from './Button.types';
-declare const Button: (buttonProps: ButtonProps) => React.JSX.Element;
-export default Button;
+export declare const Button: (buttonProps: ButtonProps) => React.JSX.Element;
 //# sourceMappingURL=Button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMlD,QAAA,MAAM,MAAM,gBAAiB,WAAW,sBAevC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD,eAAO,MAAM,MAAM,gBAAiB,WAAW,sBAe9C,CAAC"}

package/dist/components/Button/Button.js

@@ -3,23 +3,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
 const react_1 = __importDefault(require("react"));
-const Button_types_1 = require("./Button.types");
-const ButtonPrimary_1 = __importDefault(require("./variants/ButtonPrimary"));
-const ButtonSecondary_1 = __importDefault(require("./variants/ButtonSecondary"));
-const ButtonTertiary_1 = __importDefault(require("./variants/ButtonTertiary"));
+const types_1 = require("../../types");
+const ButtonPrimary_1 = require("./variants/ButtonPrimary");
+const ButtonSecondary_1 = require("./variants/ButtonSecondary");
+const ButtonTertiary_1 = require("./variants/ButtonTertiary");
 const Button = (buttonProps) => {
     const { variant, ...restProps } = buttonProps;
     switch (variant) {
-        case Button_types_1.ButtonVariant.Tertiary:
-            return <ButtonTertiary_1.default {...restProps}/>;
-        case Button_types_1.ButtonVariant.Primary:
-            return <ButtonPrimary_1.default {...restProps}/>;
-        case Button_types_1.ButtonVariant.Secondary:
-            return <ButtonSecondary_1.default {...restProps}/>;
+        case types_1.ButtonVariant.Tertiary:
+            return <ButtonTertiary_1.ButtonTertiary {...restProps}/>;
+        case types_1.ButtonVariant.Primary:
+            return <ButtonPrimary_1.ButtonPrimary {...restProps}/>;
+        case types_1.ButtonVariant.Secondary:
+            return <ButtonSecondary_1.ButtonSecondary {...restProps}/>;
         default:
-            throw new Error(`Invalid Button Variant: ${variant}. Expected one of: ${Object.values(Button_types_1.ButtonVariant).join(', ')}`);
+            throw new Error(`Invalid Button Variant: ${variant}. Expected one of: ${Object.values(types_1.ButtonVariant).join(', ')}`);
     }
 };
-exports.default = Button;
+exports.Button = Button;
 //# sourceMappingURL=Button.js.map

package/dist/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAG1B,iDAA+C;AAC/C,6EAAqD;AACrD,iFAAyD;AACzD,+EAAuD;AAEvD,MAAM,MAAM,GAAG,CAAC,WAAwB,EAAE,EAAE;IAC1C,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,WAAW,CAAC;IAE9C,QAAQ,OAAO,EAAE;QACf,KAAK,4BAAa,CAAC,QAAQ;YACzB,OAAO,CAAC,wBAAc,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC3C,KAAK,4BAAa,CAAC,OAAO;YACxB,OAAO,CAAC,uBAAa,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC1C,KAAK,4BAAa,CAAC,SAAS;YAC1B,OAAO,CAAC,yBAAe,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC5C;YACE,MAAM,IAAI,KAAK,CACb,2BAA2B,OAAO,sBAAsB,MAAM,CAAC,MAAM,CAAC,4BAAa,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAClG,CAAC;KACL;AACH,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC","sourcesContent":["import React from 'react';\n\nimport type { ButtonProps } from './Button.types';\nimport { ButtonVariant } from './Button.types';\nimport ButtonPrimary from './variants/ButtonPrimary';\nimport ButtonSecondary from './variants/ButtonSecondary';\nimport ButtonTertiary from './variants/ButtonTertiary';\n\nconst Button = (buttonProps: ButtonProps) => {\n  const { variant, ...restProps } = buttonProps;\n\n  switch (variant) {\n    case ButtonVariant.Tertiary:\n      return <ButtonTertiary {...restProps} />;\n    case ButtonVariant.Primary:\n      return <ButtonPrimary {...restProps} />;\n    case ButtonVariant.Secondary:\n      return <ButtonSecondary {...restProps} />;\n    default:\n      throw new Error(\n        `Invalid Button Variant: ${variant}. Expected one of: ${Object.values(ButtonVariant).join(', ')}`,\n      );\n  }\n};\n\nexport default Button;\n"]}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAA4C;AAG5C,4DAAyD;AACzD,gEAA6D;AAC7D,8DAA2D;AAEpD,MAAM,MAAM,GAAG,CAAC,WAAwB,EAAE,EAAE;IACjD,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,WAAW,CAAC;IAE9C,QAAQ,OAAO,EAAE;QACf,KAAK,qBAAa,CAAC,QAAQ;YACzB,OAAO,CAAC,+BAAc,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC3C,KAAK,qBAAa,CAAC,OAAO;YACxB,OAAO,CAAC,6BAAa,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC1C,KAAK,qBAAa,CAAC,SAAS;YAC1B,OAAO,CAAC,iCAAe,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC5C;YACE,MAAM,IAAI,KAAK,CACb,2BAA2B,OAAO,sBAAsB,MAAM,CAAC,MAAM,CAAC,qBAAa,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAClG,CAAC;KACL;AACH,CAAC,CAAC;AAfW,QAAA,MAAM,UAejB","sourcesContent":["import React from 'react';\n\nimport { ButtonVariant } from '../../types';\n\nimport type { ButtonProps } from './Button.types';\nimport { ButtonPrimary } from './variants/ButtonPrimary';\nimport { ButtonSecondary } from './variants/ButtonSecondary';\nimport { ButtonTertiary } from './variants/ButtonTertiary';\n\nexport const Button = (buttonProps: ButtonProps) => {\n  const { variant, ...restProps } = buttonProps;\n\n  switch (variant) {\n    case ButtonVariant.Tertiary:\n      return <ButtonTertiary {...restProps} />;\n    case ButtonVariant.Primary:\n      return <ButtonPrimary {...restProps} />;\n    case ButtonVariant.Secondary:\n      return <ButtonSecondary {...restProps} />;\n    default:\n      throw new Error(\n        `Invalid Button Variant: ${variant}. Expected one of: ${Object.values(ButtonVariant).join(', ')}`,\n      );\n  }\n};\n"]}

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

@@ -1,16 +1,7 @@
-import { ButtonBaseSize } from '../../primitives/ButtonBase';
+import type { ButtonVariant } from '../../types';
 import type { ButtonPrimaryProps } from './variants/ButtonPrimary';
 import type { ButtonSecondaryProps } from './variants/ButtonSecondary';
 import type { ButtonTertiaryProps } from './variants/ButtonTertiary';
-export declare const ButtonSize: typeof ButtonBaseSize;
-/**
- * Button variants.
- */
-export declare enum ButtonVariant {
-    Primary = "Primary",
-    Secondary = "Secondary",
-    Tertiary = "Tertiary"
-}
 /**
  * Button component props.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAErE,eAAO,MAAM,UAAU,uBAAiB,CAAC;AAEzC;;GAEG;AACH,oBAAY,aAAa;IACvB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,QAAQ,aAAa;CACtB;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,CACtB,mBAAmB,GACnB,kBAAkB,GAClB,oBAAoB,CACvB,GAAG;IACF;;OAEG;IACH,OAAO,EAAE,aAAa,CAAC;CACxB,CAAC"}
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAErE;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,CACtB,mBAAmB,GACnB,kBAAkB,GAClB,oBAAoB,CACvB,GAAG;IACF;;OAEG;IACH,OAAO,EAAE,aAAa,CAAC;CACxB,CAAC"}

package/dist/components/Button/Button.types.js

@@ -1,15 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonVariant = exports.ButtonSize = void 0;
-const ButtonBase_1 = require("../../primitives/ButtonBase");
-exports.ButtonSize = ButtonBase_1.ButtonBaseSize;
-/**
- * Button variants.
- */
-var ButtonVariant;
-(function (ButtonVariant) {
-    ButtonVariant["Primary"] = "Primary";
-    ButtonVariant["Secondary"] = "Secondary";
-    ButtonVariant["Tertiary"] = "Tertiary";
-})(ButtonVariant || (exports.ButtonVariant = ButtonVariant = {}));
 //# sourceMappingURL=Button.types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.types.js","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":";;;AAAA,4DAA6D;AAKhD,QAAA,UAAU,GAAG,2BAAc,CAAC;AAEzC;;GAEG;AACH,IAAY,aAIX;AAJD,WAAY,aAAa;IACvB,oCAAmB,CAAA;IACnB,wCAAuB,CAAA;IACvB,sCAAqB,CAAA;AACvB,CAAC,EAJW,aAAa,6BAAb,aAAa,QAIxB","sourcesContent":["import { ButtonBaseSize } from '../../primitives/ButtonBase';\nimport type { ButtonPrimaryProps } from './variants/ButtonPrimary';\nimport type { ButtonSecondaryProps } from './variants/ButtonSecondary';\nimport type { ButtonTertiaryProps } from './variants/ButtonTertiary';\n\nexport const ButtonSize = ButtonBaseSize;\n\n/**\n * Button variants.\n */\nexport enum ButtonVariant {\n  Primary = 'Primary',\n  Secondary = 'Secondary',\n  Tertiary = 'Tertiary',\n}\n\n/**\n * Button component props.\n */\nexport type ButtonProps = (\n  | ButtonTertiaryProps\n  | ButtonPrimaryProps\n  | ButtonSecondaryProps\n) & {\n  /**\n   * Variant of Button.\n   */\n  variant: ButtonVariant;\n};\n"]}
+{"version":3,"file":"Button.types.js","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonVariant } from '../../types';\n\nimport type { ButtonPrimaryProps } from './variants/ButtonPrimary';\nimport type { ButtonSecondaryProps } from './variants/ButtonSecondary';\nimport type { ButtonTertiaryProps } from './variants/ButtonTertiary';\n\n/**\n * Button component props.\n */\nexport type ButtonProps = (\n  | ButtonTertiaryProps\n  | ButtonPrimaryProps\n  | ButtonSecondaryProps\n) & {\n  /**\n   * Variant of Button.\n   */\n  variant: ButtonVariant;\n};\n"]}

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

@@ -1,4 +1,4 @@
-export { default } from './Button';
-export { ButtonSize, ButtonVariant } from './Button.types';
+export { ButtonSize, ButtonVariant } from '../../types';
+export { Button } from './Button';
 export type { ButtonProps } from './Button.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC3D,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/Button/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":";;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA;AAChB,+CAA2D;AAAlD,0GAAA,UAAU,OAAA;AAAE,6GAAA,aAAa,OAAA","sourcesContent":["export { default } from './Button';\nexport { ButtonSize, ButtonVariant } from './Button.types';\nexport type { ButtonProps } from './Button.types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":";;;AAAA,qCAAwD;AAA/C,mGAAA,UAAU,OAAA;AAAE,sGAAA,aAAa,OAAA;AAClC,mCAAkC;AAAzB,gGAAA,MAAM,OAAA","sourcesContent":["export { ButtonSize, ButtonVariant } from '../../types';\nexport { Button } from './Button';\nexport type { ButtonProps } from './Button.types';\n"]}

package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
 import type { ButtonPrimaryProps } from './ButtonPrimary.types';
-declare const ButtonPrimary: ({ isInverse, ...props }: ButtonPrimaryProps) => React.JSX.Element;
-export default ButtonPrimary;
+export declare const ButtonPrimary: ({ isInverse, ...props }: ButtonPrimaryProps) => React.JSX.Element;
 //# sourceMappingURL=ButtonPrimary.d.ts.map