@metamask-previews/design-system-react 0.0.0-preview.ff8ed96 → 0.2.0-preview.a7d80d5

package/CHANGELOG.md

@@ -7,4 +7,42 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-[Unreleased]: https://github.com/MetaMask/metamask-design-system/
+## [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 (renders as `<h1>` by default)
+  - `TextVariant.SectionHeading` - For section titles (renders as `<h2>` by default)
+  - `TextVariant.ButtonLabelMd` - For medium-sized button labels (renders as `<span>` by default)
+  - `TextVariant.ButtonLabelLg` - For large-sized button labels (renders as `<span>` by default)
+  - `TextVariant.AmountDisplayLg` - For large amount/value displays (renders as `<span>` by default)
+- 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 CSS values
+  - Color props use design system color tokens for consistent theming
+
+## [0.1.0]
+
+### Added
+
+- **Initial release** - MetaMask Design System React component library
+- **Avatar Components**: AvatarAccount, AvatarBase, AvatarFavicon, AvatarGroup, AvatarIcon, AvatarNetwork, AvatarToken
+- **Badge Components**: BadgeCount, BadgeIcon, BadgeNetwork, BadgeStatus, BadgeWrapper
+- **Button Components**: Button, ButtonBase, ButtonIcon, TextButton
+- **Form Components**: Checkbox
+- **Layout Components**: Box
+- **Typography Components**: Text
+- **Icon Component**: Icon with comprehensive icon set
+- **Utility Components**: Blockies, Jazzicon, Maskicon
+- **Utilities**: twMerge utility for proper Tailwind class conflict resolution
+- Full TypeScript support with type definitions and enums
+- Tailwind CSS integration with design token support
+
+[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.2.0...HEAD
+[0.2.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.1.0...@metamask/design-system-react@0.2.0
+[0.1.0]: https://github.com/MetaMask/metamask-design-system/releases/tag/@metamask/design-system-react@0.1.0

package/dist/components/AvatarFavicon/AvatarFavicon.cjs

@@ -35,7 +35,7 @@ exports.AvatarFavicon = (0, react_1.forwardRef)(({ src, name = '', fallbackText,
         setFinalFallbackText(backupFallbackText);
         imageProps?.onError?.(e);
     };
-    return (react_1.default.createElement(AvatarBase_1.AvatarBase, { ref: ref, shape: types_1.AvatarBaseShape.Circle, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (react_1.default.createElement("img", { src: src, alt: altText, className: "h-full w-full object-contain", ...imageProps, onError: onErrorHandler }))));
+    return (react_1.default.createElement(AvatarBase_1.AvatarBase, { ref: ref, shape: types_1.AvatarBaseShape.Circle, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (react_1.default.createElement("img", { src: src, alt: altText, className: "size-full object-contain", ...imageProps, onError: onErrorHandler }))));
 });
 exports.AvatarFavicon.displayName = 'AvatarFavicon';
 //# sourceMappingURL=AvatarFavicon.cjs.map

package/dist/components/AvatarFavicon/AvatarFavicon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarFavicon.cjs","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/AvatarFavicon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AAEpD,iDAAiE;AACjE,wDAA2C;AAI9B,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,yBAAiB,CAAC,EAAE,EAC3B,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,WAAW,CAAC,CAAC,yCAAyC;IAE9E,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,uBAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,uCACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,8BAA8B,KACpC,UAAU,EACd,OAAO,EAAE,cAAc,GACvB,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarFaviconSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarFaviconProps } from './AvatarFavicon.types';\n\nexport const AvatarFavicon = forwardRef<HTMLDivElement, AvatarFaviconProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarFaviconSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Dapp logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"h-full w-full object-contain\"\n            {...imageProps}\n            onError={onErrorHandler}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarFavicon.displayName = 'AvatarFavicon';\n"]}
+{"version":3,"file":"AvatarFavicon.cjs","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/AvatarFavicon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AAEpD,iDAAiE;AACjE,wDAA2C;AAI9B,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,yBAAiB,CAAC,EAAE,EAC3B,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,WAAW,CAAC,CAAC,yCAAyC;IAE9E,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,uBAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,uCACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,0BAA0B,KAChC,UAAU,EACd,OAAO,EAAE,cAAc,GACvB,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarFaviconSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarFaviconProps } from './AvatarFavicon.types';\n\nexport const AvatarFavicon = forwardRef<HTMLDivElement, AvatarFaviconProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarFaviconSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Dapp logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"size-full object-contain\"\n            {...imageProps}\n            onError={onErrorHandler}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarFavicon.displayName = 'AvatarFavicon';\n"]}

package/dist/components/AvatarFavicon/AvatarFavicon.mjs

@@ -16,7 +16,7 @@ export const AvatarFavicon = forwardRef(({ src, name = '', fallbackText, fallbac
         setFinalFallbackText(backupFallbackText);
         imageProps?.onError?.(e);
     };
-    return (React.createElement(AvatarBase, { ref: ref, shape: AvatarBaseShape.Circle, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (React.createElement("img", { src: src, alt: altText, className: "h-full w-full object-contain", ...imageProps, onError: onErrorHandler }))));
+    return (React.createElement(AvatarBase, { ref: ref, shape: AvatarBaseShape.Circle, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (React.createElement("img", { src: src, alt: altText, className: "size-full object-contain", ...imageProps, onError: onErrorHandler }))));
 });
 AvatarFavicon.displayName = 'AvatarFavicon';
 //# sourceMappingURL=AvatarFavicon.mjs.map

package/dist/components/AvatarFavicon/AvatarFavicon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarFavicon.mjs","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/AvatarFavicon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc;;AAEpD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,8BAAoB;AACjE,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAI3C,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,iBAAiB,CAAC,EAAE,EAC3B,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,WAAW,CAAC,CAAC,yCAAyC;IAE9E,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,eAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,6BACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,8BAA8B,KACpC,UAAU,EACd,OAAO,EAAE,cAAc,GACvB,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarFaviconSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarFaviconProps } from './AvatarFavicon.types';\n\nexport const AvatarFavicon = forwardRef<HTMLDivElement, AvatarFaviconProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarFaviconSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Dapp logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"h-full w-full object-contain\"\n            {...imageProps}\n            onError={onErrorHandler}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarFavicon.displayName = 'AvatarFavicon';\n"]}
+{"version":3,"file":"AvatarFavicon.mjs","sourceRoot":"","sources":["../../../src/components/AvatarFavicon/AvatarFavicon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc;;AAEpD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,8BAAoB;AACjE,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAI3C,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,iBAAiB,CAAC,EAAE,EAC3B,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,WAAW,CAAC,CAAC,yCAAyC;IAE9E,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,eAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,6BACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,0BAA0B,KAChC,UAAU,EACd,OAAO,EAAE,cAAc,GACvB,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarFaviconSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarFaviconProps } from './AvatarFavicon.types';\n\nexport const AvatarFavicon = forwardRef<HTMLDivElement, AvatarFaviconProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarFaviconSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Dapp logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"size-full object-contain\"\n            {...imageProps}\n            onError={onErrorHandler}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarFavicon.displayName = 'AvatarFavicon';\n"]}

package/dist/components/AvatarNetwork/AvatarNetwork.cjs

@@ -35,7 +35,7 @@ exports.AvatarNetwork = (0, react_1.forwardRef)(({ src, name = '', fallbackText,
         setFinalFallbackText(backupFallbackText);
         imageProps?.onError?.(e);
     };
-    return (react_1.default.createElement(AvatarBase_1.AvatarBase, { ref: ref, shape: types_1.AvatarBaseShape.Square, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (react_1.default.createElement("img", { src: src, alt: altText, className: "h-full w-full object-contain", ...imageProps, onError: onErrorHandler }))));
+    return (react_1.default.createElement(AvatarBase_1.AvatarBase, { ref: ref, shape: types_1.AvatarBaseShape.Square, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (react_1.default.createElement("img", { src: src, alt: altText, className: "size-full object-contain", ...imageProps, onError: onErrorHandler }))));
 });
 exports.AvatarNetwork.displayName = 'AvatarNetwork';
 //# sourceMappingURL=AvatarNetwork.cjs.map

package/dist/components/AvatarNetwork/AvatarNetwork.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarNetwork.cjs","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AAEpD,iDAAiE;AACjE,wDAA2C;AAI9B,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,yBAAiB,CAAC,EAAE,EAC3B,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,cAAc,CAAC,CAAC,yCAAyC;IAEjF,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,uBAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,uCACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,8BAA8B,KACpC,UAAU,EACd,OAAO,EAAE,cAAc,GACvB,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarNetworkSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarNetworkProps } from './AvatarNetwork.types';\n\nexport const AvatarNetwork = forwardRef<HTMLDivElement, AvatarNetworkProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarNetworkSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Network logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Square}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"h-full w-full object-contain\"\n            {...imageProps}\n            onError={onErrorHandler}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarNetwork.displayName = 'AvatarNetwork';\n"]}
+{"version":3,"file":"AvatarNetwork.cjs","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AAEpD,iDAAiE;AACjE,wDAA2C;AAI9B,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,yBAAiB,CAAC,EAAE,EAC3B,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,cAAc,CAAC,CAAC,yCAAyC;IAEjF,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,uBAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,uCACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,0BAA0B,KAChC,UAAU,EACd,OAAO,EAAE,cAAc,GACvB,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarNetworkSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarNetworkProps } from './AvatarNetwork.types';\n\nexport const AvatarNetwork = forwardRef<HTMLDivElement, AvatarNetworkProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarNetworkSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Network logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Square}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"size-full object-contain\"\n            {...imageProps}\n            onError={onErrorHandler}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarNetwork.displayName = 'AvatarNetwork';\n"]}

package/dist/components/AvatarNetwork/AvatarNetwork.mjs

@@ -16,7 +16,7 @@ export const AvatarNetwork = forwardRef(({ src, name = '', fallbackText, fallbac
         setFinalFallbackText(backupFallbackText);
         imageProps?.onError?.(e);
     };
-    return (React.createElement(AvatarBase, { ref: ref, shape: AvatarBaseShape.Square, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (React.createElement("img", { src: src, alt: altText, className: "h-full w-full object-contain", ...imageProps, onError: onErrorHandler }))));
+    return (React.createElement(AvatarBase, { ref: ref, shape: AvatarBaseShape.Square, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (React.createElement("img", { src: src, alt: altText, className: "size-full object-contain", ...imageProps, onError: onErrorHandler }))));
 });
 AvatarNetwork.displayName = 'AvatarNetwork';
 //# sourceMappingURL=AvatarNetwork.mjs.map

package/dist/components/AvatarNetwork/AvatarNetwork.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarNetwork.mjs","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc;;AAEpD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,8BAAoB;AACjE,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAI3C,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,iBAAiB,CAAC,EAAE,EAC3B,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,cAAc,CAAC,CAAC,yCAAyC;IAEjF,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,eAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,6BACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,8BAA8B,KACpC,UAAU,EACd,OAAO,EAAE,cAAc,GACvB,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarNetworkSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarNetworkProps } from './AvatarNetwork.types';\n\nexport const AvatarNetwork = forwardRef<HTMLDivElement, AvatarNetworkProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarNetworkSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Network logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Square}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"h-full w-full object-contain\"\n            {...imageProps}\n            onError={onErrorHandler}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarNetwork.displayName = 'AvatarNetwork';\n"]}
+{"version":3,"file":"AvatarNetwork.mjs","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc;;AAEpD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,8BAAoB;AACjE,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAI3C,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,iBAAiB,CAAC,EAAE,EAC3B,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,cAAc,CAAC,CAAC,yCAAyC;IAEjF,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,eAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,6BACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,0BAA0B,KAChC,UAAU,EACd,OAAO,EAAE,cAAc,GACvB,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarNetworkSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarNetworkProps } from './AvatarNetwork.types';\n\nexport const AvatarNetwork = forwardRef<HTMLDivElement, AvatarNetworkProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarNetworkSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Network logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Square}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"size-full object-contain\"\n            {...imageProps}\n            onError={onErrorHandler}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarNetwork.displayName = 'AvatarNetwork';\n"]}

package/dist/components/AvatarToken/AvatarToken.cjs

@@ -35,7 +35,7 @@ exports.AvatarToken = (0, react_1.forwardRef)(({ src, name = '', fallbackText, f
         setFinalFallbackText(backupFallbackText);
         imageProps?.onError?.(e);
     };
-    return (react_1.default.createElement(AvatarBase_1.AvatarBase, { ref: ref, shape: types_1.AvatarBaseShape.Circle, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (react_1.default.createElement("img", { src: src, alt: altText, className: "h-full w-full object-contain", onError: onErrorHandler, ...imageProps }))));
+    return (react_1.default.createElement(AvatarBase_1.AvatarBase, { ref: ref, shape: types_1.AvatarBaseShape.Circle, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (react_1.default.createElement("img", { src: src, alt: altText, className: "size-full object-contain", onError: onErrorHandler, ...imageProps }))));
 });
 exports.AvatarToken.displayName = 'AvatarToken';
 //# sourceMappingURL=AvatarToken.cjs.map

package/dist/components/AvatarToken/AvatarToken.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarToken.cjs","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AAEpD,iDAA+D;AAC/D,wDAA2C;AAI9B,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,uBAAe,CAAC,EAAE,EACzB,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,YAAY,CAAC,CAAC,yCAAyC;IAE/E,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,uBAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,uCACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAE,cAAc,KACnB,UAAU,GACd,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarTokenSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarTokenProps } from './AvatarToken.types';\n\nexport const AvatarToken = forwardRef<HTMLDivElement, AvatarTokenProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarTokenSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Token logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"h-full w-full object-contain\"\n            onError={onErrorHandler}\n            {...imageProps}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarToken.displayName = 'AvatarToken';\n"]}
+{"version":3,"file":"AvatarToken.cjs","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AAEpD,iDAA+D;AAC/D,wDAA2C;AAI9B,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,uBAAe,CAAC,EAAE,EACzB,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,YAAY,CAAC,CAAC,yCAAyC;IAE/E,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,uBAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,uCACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,0BAA0B,EACpC,OAAO,EAAE,cAAc,KACnB,UAAU,GACd,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarTokenSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarTokenProps } from './AvatarToken.types';\n\nexport const AvatarToken = forwardRef<HTMLDivElement, AvatarTokenProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarTokenSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Token logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"size-full object-contain\"\n            onError={onErrorHandler}\n            {...imageProps}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarToken.displayName = 'AvatarToken';\n"]}

package/dist/components/AvatarToken/AvatarToken.mjs

@@ -16,7 +16,7 @@ export const AvatarToken = forwardRef(({ src, name = '', fallbackText, fallbackT
         setFinalFallbackText(backupFallbackText);
         imageProps?.onError?.(e);
     };
-    return (React.createElement(AvatarBase, { ref: ref, shape: AvatarBaseShape.Circle, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (React.createElement("img", { src: src, alt: altText, className: "h-full w-full object-contain", onError: onErrorHandler, ...imageProps }))));
+    return (React.createElement(AvatarBase, { ref: ref, shape: AvatarBaseShape.Circle, size: size, className: className, fallbackText: src ? finalFallbackText : backupFallbackText, fallbackTextProps: fallbackTextProps, ...props }, src && (React.createElement("img", { src: src, alt: altText, className: "size-full object-contain", onError: onErrorHandler, ...imageProps }))));
 });
 AvatarToken.displayName = 'AvatarToken';
 //# sourceMappingURL=AvatarToken.mjs.map

package/dist/components/AvatarToken/AvatarToken.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarToken.mjs","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc;;AAEpD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,8BAAoB;AAC/D,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAI3C,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,eAAe,CAAC,EAAE,EACzB,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,YAAY,CAAC,CAAC,yCAAyC;IAE/E,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,eAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,6BACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAE,cAAc,KACnB,UAAU,GACd,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarTokenSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarTokenProps } from './AvatarToken.types';\n\nexport const AvatarToken = forwardRef<HTMLDivElement, AvatarTokenProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarTokenSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Token logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"h-full w-full object-contain\"\n            onError={onErrorHandler}\n            {...imageProps}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarToken.displayName = 'AvatarToken';\n"]}
+{"version":3,"file":"AvatarToken.mjs","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc;;AAEpD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,8BAAoB;AAC/D,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAI3C,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EACE,GAAG,EACH,IAAI,GAAG,EAAE,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,eAAe,CAAC,EAAE,EACzB,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,IAAI,YAAY,CAAC,CAAC,yCAAyC;IAE/E,MAAM,cAAc,GAAG,CAAC,CAAyC,EAAE,EAAE;QACnE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;QACzC,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,eAAe,CAAC,MAAM,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,6BACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,0BAA0B,EACpC,OAAO,EAAE,cAAc,KACnB,UAAU,GACd,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import React, { forwardRef, useState } from 'react';\n\nimport { AvatarTokenSize, AvatarBaseShape } from '../../types';\nimport { AvatarBase } from '../AvatarBase';\n\nimport type { AvatarTokenProps } from './AvatarToken.types';\n\nexport const AvatarToken = forwardRef<HTMLDivElement, AvatarTokenProps>(\n  (\n    {\n      src,\n      name = '',\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarTokenSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const [finalFallbackText, setFinalFallbackText] = useState<string>('');\n    const backupFallbackText = fallbackText || name?.[0] || '';\n    const altText = name || 'Token logo'; // TBC: Add localization for default text\n\n    const onErrorHandler = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setFinalFallbackText(backupFallbackText);\n      imageProps?.onError?.(e);\n    };\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={size}\n        className={className}\n        fallbackText={src ? finalFallbackText : backupFallbackText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"size-full object-contain\"\n            onError={onErrorHandler}\n            {...imageProps}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarToken.displayName = 'AvatarToken';\n"]}

package/dist/components/BadgeIcon/BadgeIcon.cjs

@@ -28,7 +28,7 @@ const react_1 = __importStar(require("react"));
 const tw_merge_1 = require("../../utils/tw-merge.cjs");
 const Icon_1 = require("../Icon/index.cjs");
 exports.BadgeIcon = (0, react_1.forwardRef)(({ iconName, iconProps, className = '', style, ...props }, ref) => {
-    const mergedClassName = (0, tw_merge_1.twMerge)('inline-flex h-4 w-4 items-center justify-center rounded-full bg-icon-default', className);
+    const mergedClassName = (0, tw_merge_1.twMerge)('inline-flex size-4 items-center justify-center rounded-full bg-icon-default', className);
     return (react_1.default.createElement("div", { ref: ref, className: mergedClassName, style: style, ...props },
         react_1.default.createElement(Icon_1.Icon, { size: Icon_1.IconSize.Xs, name: iconName, ...iconProps, className: (0, tw_merge_1.twMerge)(iconProps?.color ? '' : 'text-background-default', // if color is provided, use it, otherwise use background default
             iconProps?.className) })));

package/dist/components/BadgeIcon/BadgeIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeIcon.cjs","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,uDAA+C;AAC/C,4CAAyC;AAI5B,QAAA,SAAS,GAAG,IAAA,kBAAU,EACjC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,eAAe,GAAG,IAAA,kBAAO,EAC7B,8EAA8E,EAC9E,SAAS,CACV,CAAC;IAEF,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK;QAChE,8BAAC,WAAI,IACH,IAAI,EAAE,eAAQ,CAAC,EAAE,EACjB,IAAI,EAAE,QAAQ,KACV,SAAS,EACb,SAAS,EAAE,IAAA,kBAAO,EAChB,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,yBAAyB,EAAE,iEAAiE;YACpH,SAAS,EAAE,SAAS,CACrB,GACD,CACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Icon, IconSize } from '../Icon';\n\nimport type { BadgeIconProps } from './BadgeIcon.types';\n\nexport const BadgeIcon = forwardRef<HTMLDivElement, BadgeIconProps>(\n  ({ iconName, iconProps, className = '', style, ...props }, ref) => {\n    const mergedClassName = twMerge(\n      'inline-flex h-4 w-4 items-center justify-center rounded-full bg-icon-default',\n      className,\n    );\n\n    return (\n      <div ref={ref} className={mergedClassName} style={style} {...props}>\n        <Icon\n          size={IconSize.Xs}\n          name={iconName}\n          {...iconProps}\n          className={twMerge(\n            iconProps?.color ? '' : 'text-background-default', // if color is provided, use it, otherwise use background default\n            iconProps?.className,\n          )}\n        />\n      </div>\n    );\n  },\n);\n\nBadgeIcon.displayName = 'BadgeIcon';\n"]}
+{"version":3,"file":"BadgeIcon.cjs","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,uDAA+C;AAC/C,4CAAyC;AAI5B,QAAA,SAAS,GAAG,IAAA,kBAAU,EACjC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,eAAe,GAAG,IAAA,kBAAO,EAC7B,6EAA6E,EAC7E,SAAS,CACV,CAAC;IAEF,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK;QAChE,8BAAC,WAAI,IACH,IAAI,EAAE,eAAQ,CAAC,EAAE,EACjB,IAAI,EAAE,QAAQ,KACV,SAAS,EACb,SAAS,EAAE,IAAA,kBAAO,EAChB,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,yBAAyB,EAAE,iEAAiE;YACpH,SAAS,EAAE,SAAS,CACrB,GACD,CACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Icon, IconSize } from '../Icon';\n\nimport type { BadgeIconProps } from './BadgeIcon.types';\n\nexport const BadgeIcon = forwardRef<HTMLDivElement, BadgeIconProps>(\n  ({ iconName, iconProps, className = '', style, ...props }, ref) => {\n    const mergedClassName = twMerge(\n      'inline-flex size-4 items-center justify-center rounded-full bg-icon-default',\n      className,\n    );\n\n    return (\n      <div ref={ref} className={mergedClassName} style={style} {...props}>\n        <Icon\n          size={IconSize.Xs}\n          name={iconName}\n          {...iconProps}\n          className={twMerge(\n            iconProps?.color ? '' : 'text-background-default', // if color is provided, use it, otherwise use background default\n            iconProps?.className,\n          )}\n        />\n      </div>\n    );\n  },\n);\n\nBadgeIcon.displayName = 'BadgeIcon';\n"]}

package/dist/components/BadgeIcon/BadgeIcon.mjs

@@ -9,7 +9,7 @@ const React = $importDefault($React);
 import { twMerge } from "../../utils/tw-merge.mjs";
 import { Icon, IconSize } from "../Icon/index.mjs";
 export const BadgeIcon = forwardRef(({ iconName, iconProps, className = '', style, ...props }, ref) => {
-    const mergedClassName = twMerge('inline-flex h-4 w-4 items-center justify-center rounded-full bg-icon-default', className);
+    const mergedClassName = twMerge('inline-flex size-4 items-center justify-center rounded-full bg-icon-default', className);
     return (React.createElement("div", { ref: ref, className: mergedClassName, style: style, ...props },
         React.createElement(Icon, { size: IconSize.Xs, name: iconName, ...iconProps, className: twMerge(iconProps?.color ? '' : 'text-background-default', // if color is provided, use it, otherwise use background default
             iconProps?.className) })));

package/dist/components/BadgeIcon/BadgeIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeIcon.mjs","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,0BAAgB;AAIzC,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,eAAe,GAAG,OAAO,CAC7B,8EAA8E,EAC9E,SAAS,CACV,CAAC;IAEF,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK;QAChE,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,CAAC,EAAE,EACjB,IAAI,EAAE,QAAQ,KACV,SAAS,EACb,SAAS,EAAE,OAAO,CAChB,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,yBAAyB,EAAE,iEAAiE;YACpH,SAAS,EAAE,SAAS,CACrB,GACD,CACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Icon, IconSize } from '../Icon';\n\nimport type { BadgeIconProps } from './BadgeIcon.types';\n\nexport const BadgeIcon = forwardRef<HTMLDivElement, BadgeIconProps>(\n  ({ iconName, iconProps, className = '', style, ...props }, ref) => {\n    const mergedClassName = twMerge(\n      'inline-flex h-4 w-4 items-center justify-center rounded-full bg-icon-default',\n      className,\n    );\n\n    return (\n      <div ref={ref} className={mergedClassName} style={style} {...props}>\n        <Icon\n          size={IconSize.Xs}\n          name={iconName}\n          {...iconProps}\n          className={twMerge(\n            iconProps?.color ? '' : 'text-background-default', // if color is provided, use it, otherwise use background default\n            iconProps?.className,\n          )}\n        />\n      </div>\n    );\n  },\n);\n\nBadgeIcon.displayName = 'BadgeIcon';\n"]}
+{"version":3,"file":"BadgeIcon.mjs","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,0BAAgB;AAIzC,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,eAAe,GAAG,OAAO,CAC7B,6EAA6E,EAC7E,SAAS,CACV,CAAC;IAEF,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK;QAChE,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,CAAC,EAAE,EACjB,IAAI,EAAE,QAAQ,KACV,SAAS,EACb,SAAS,EAAE,OAAO,CAChB,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,yBAAyB,EAAE,iEAAiE;YACpH,SAAS,EAAE,SAAS,CACrB,GACD,CACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Icon, IconSize } from '../Icon';\n\nimport type { BadgeIconProps } from './BadgeIcon.types';\n\nexport const BadgeIcon = forwardRef<HTMLDivElement, BadgeIconProps>(\n  ({ iconName, iconProps, className = '', style, ...props }, ref) => {\n    const mergedClassName = twMerge(\n      'inline-flex size-4 items-center justify-center rounded-full bg-icon-default',\n      className,\n    );\n\n    return (\n      <div ref={ref} className={mergedClassName} style={style} {...props}>\n        <Icon\n          size={IconSize.Xs}\n          name={iconName}\n          {...iconProps}\n          className={twMerge(\n            iconProps?.color ? '' : 'text-background-default', // if color is provided, use it, otherwise use background default\n            iconProps?.className,\n          )}\n        />\n      </div>\n    );\n  },\n);\n\nBadgeIcon.displayName = 'BadgeIcon';\n"]}

package/dist/components/Box/Box.cjs

@@ -7,8 +7,22 @@ exports.Box = void 0;
 const react_1 = __importDefault(require("react"));
 const tw_merge_1 = require("../../utils/tw-merge.cjs");
 const Box_constants_1 = require("./Box.constants.cjs");
-const Box = ({ flexDirection, flexWrap, gap, alignItems, justifyContent, className = '', style, children, ...props }) => {
-    const mergedClassName = (0, tw_merge_1.twMerge)(flexDirection ? 'flex' : '', flexDirection, flexWrap, gap !== undefined ? Box_constants_1.TWCLASSMAP_BOX_GAP[gap] : '', alignItems, justifyContent, className);
+const Box = ({ flexDirection, flexWrap, gap, alignItems, justifyContent, margin, marginTop, marginRight, marginBottom, marginLeft, marginHorizontal, marginVertical, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, paddingHorizontal, paddingVertical, borderWidth, borderColor, backgroundColor, className = '', style, children, ...props }) => {
+    const mergedClassName = (0, tw_merge_1.twMerge)(flexDirection ? 'flex' : '', flexDirection, flexWrap, gap !== undefined ? Box_constants_1.TWCLASSMAP_BOX_GAP[gap] : '', alignItems, justifyContent, margin !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGIN[margin] : '', marginTop !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGIN_TOP[marginTop] : '', marginRight !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGIN_RIGHT[marginRight] : '', marginBottom !== undefined
+        ? Box_constants_1.TWCLASSMAP_BOX_MARGIN_BOTTOM[marginBottom]
+        : '', marginLeft !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGIN_LEFT[marginLeft] : '', marginHorizontal !== undefined
+        ? Box_constants_1.TWCLASSMAP_BOX_MARGIN_HORIZONTAL[marginHorizontal]
+        : '', marginVertical !== undefined
+        ? Box_constants_1.TWCLASSMAP_BOX_MARGIN_VERTICAL[marginVertical]
+        : '', padding !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDING[padding] : '', paddingTop !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDING_TOP[paddingTop] : '', paddingRight !== undefined
+        ? Box_constants_1.TWCLASSMAP_BOX_PADDING_RIGHT[paddingRight]
+        : '', paddingBottom !== undefined
+        ? Box_constants_1.TWCLASSMAP_BOX_PADDING_BOTTOM[paddingBottom]
+        : '', paddingLeft !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDING_LEFT[paddingLeft] : '', paddingHorizontal !== undefined
+        ? Box_constants_1.TWCLASSMAP_BOX_PADDING_HORIZONTAL[paddingHorizontal]
+        : '', paddingVertical !== undefined
+        ? Box_constants_1.TWCLASSMAP_BOX_PADDING_VERTICAL[paddingVertical]
+        : '', borderWidth !== undefined ? Box_constants_1.TWCLASSMAP_BOX_BORDER_WIDTH[borderWidth] : '', borderColor, backgroundColor, className);
     return (react_1.default.createElement("div", { className: mergedClassName, style: style, ...props }, children));
 };
 exports.Box = Box;

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

@@ -1 +1 @@
-{"version":3,"file":"Box.cjs","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uDAA+C;AAE/C,uDAAqD;AAG9C,MAAM,GAAG,GAAG,CAAC,EAClB,aAAa,EACb,QAAQ,EACR,GAAG,EACH,UAAU,EACV,cAAc,EACd,SAAS,GAAG,EAAE,EACd,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACC,EAAE,EAAE;IACb,MAAM,eAAe,GAAG,IAAA,kBAAO,EAC7B,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAC3B,aAAa,EACb,QAAQ,EACR,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,kCAAkB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,EAChD,UAAU,EACV,cAAc,EACd,SAAS,CACV,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,IACrD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,GAAG,OA0Bd","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\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  className = '',\n  style,\n  children,\n  ...props\n}: BoxProps) => {\n  const mergedClassName = twMerge(\n    flexDirection ? 'flex' : '',\n    flexDirection,\n    flexWrap,\n    gap !== undefined ? TWCLASSMAP_BOX_GAP[gap] : '',\n    alignItems,\n    justifyContent,\n    className,\n  );\n\n  return (\n    <div className={mergedClassName} style={style} {...props}>\n      {children}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"Box.cjs","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uDAA+C;AAE/C,uDAiByB;AAGlB,MAAM,GAAG,GAAG,CAAC,EAClB,aAAa,EACb,QAAQ,EACR,GAAG,EACH,UAAU,EACV,cAAc,EACd,MAAM,EACN,SAAS,EACT,WAAW,EACX,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,OAAO,EACP,UAAU,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,WAAW,EACX,eAAe,EACf,SAAS,GAAG,EAAE,EACd,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACC,EAAE,EAAE;IACb,MAAM,eAAe,GAAG,IAAA,kBAAO,EAC7B,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAC3B,aAAa,EACb,QAAQ,EACR,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,kCAAkB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,EAChD,UAAU,EACV,cAAc,EACd,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,qCAAqB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,EACzD,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,yCAAyB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,EACnE,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,2CAA2B,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,EACzE,YAAY,KAAK,SAAS;QACxB,CAAC,CAAC,4CAA4B,CAAC,YAAY,CAAC;QAC5C,CAAC,CAAC,EAAE,EACN,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,0CAA0B,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,EACtE,gBAAgB,KAAK,SAAS;QAC5B,CAAC,CAAC,gDAAgC,CAAC,gBAAgB,CAAC;QACpD,CAAC,CAAC,EAAE,EACN,cAAc,KAAK,SAAS;QAC1B,CAAC,CAAC,8CAA8B,CAAC,cAAc,CAAC;QAChD,CAAC,CAAC,EAAE,EACN,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,sCAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAC5D,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,0CAA0B,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,EACtE,YAAY,KAAK,SAAS;QACxB,CAAC,CAAC,4CAA4B,CAAC,YAAY,CAAC;QAC5C,CAAC,CAAC,EAAE,EACN,aAAa,KAAK,SAAS;QACzB,CAAC,CAAC,6CAA6B,CAAC,aAAa,CAAC;QAC9C,CAAC,CAAC,EAAE,EACN,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,2CAA2B,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,EACzE,iBAAiB,KAAK,SAAS;QAC7B,CAAC,CAAC,iDAAiC,CAAC,iBAAiB,CAAC;QACtD,CAAC,CAAC,EAAE,EACN,eAAe,KAAK,SAAS;QAC3B,CAAC,CAAC,+CAA+B,CAAC,eAAe,CAAC;QAClD,CAAC,CAAC,EAAE,EACN,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,2CAA2B,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,EACzE,WAAW,EACX,eAAe,EACf,SAAS,CACV,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,IACrD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AA1EW,QAAA,GAAG,OA0Ed","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\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  className = '',\n  style,\n  children,\n  ...props\n}: BoxProps) => {\n  const mergedClassName = twMerge(\n    flexDirection ? 'flex' : '',\n    flexDirection,\n    flexWrap,\n    gap !== undefined ? TWCLASSMAP_BOX_GAP[gap] : '',\n    alignItems,\n    justifyContent,\n    margin !== undefined ? TWCLASSMAP_BOX_MARGIN[margin] : '',\n    marginTop !== undefined ? TWCLASSMAP_BOX_MARGIN_TOP[marginTop] : '',\n    marginRight !== undefined ? TWCLASSMAP_BOX_MARGIN_RIGHT[marginRight] : '',\n    marginBottom !== undefined\n      ? TWCLASSMAP_BOX_MARGIN_BOTTOM[marginBottom]\n      : '',\n    marginLeft !== undefined ? TWCLASSMAP_BOX_MARGIN_LEFT[marginLeft] : '',\n    marginHorizontal !== undefined\n      ? TWCLASSMAP_BOX_MARGIN_HORIZONTAL[marginHorizontal]\n      : '',\n    marginVertical !== undefined\n      ? TWCLASSMAP_BOX_MARGIN_VERTICAL[marginVertical]\n      : '',\n    padding !== undefined ? TWCLASSMAP_BOX_PADDING[padding] : '',\n    paddingTop !== undefined ? TWCLASSMAP_BOX_PADDING_TOP[paddingTop] : '',\n    paddingRight !== undefined\n      ? TWCLASSMAP_BOX_PADDING_RIGHT[paddingRight]\n      : '',\n    paddingBottom !== undefined\n      ? TWCLASSMAP_BOX_PADDING_BOTTOM[paddingBottom]\n      : '',\n    paddingLeft !== undefined ? TWCLASSMAP_BOX_PADDING_LEFT[paddingLeft] : '',\n    paddingHorizontal !== undefined\n      ? TWCLASSMAP_BOX_PADDING_HORIZONTAL[paddingHorizontal]\n      : '',\n    paddingVertical !== undefined\n      ? TWCLASSMAP_BOX_PADDING_VERTICAL[paddingVertical]\n      : '',\n    borderWidth !== undefined ? TWCLASSMAP_BOX_BORDER_WIDTH[borderWidth] : '',\n    borderColor,\n    backgroundColor,\n    className,\n  );\n\n  return (\n    <div className={mergedClassName} style={style} {...props}>\n      {children}\n    </div>\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