@metamask-previews/design-system-react 0.0.0-preview.bf69b6b → 0.0.0-preview.e6fc4b7

package/dist/components/avatar-token/AvatarToken.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarToken.d.cts","sourceRoot":"","sources":["../../../src/components/avatar-token/AvatarToken.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAG1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW,sGAsCvB,CAAC"}

package/dist/components/avatar-token/AvatarToken.d.mts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { AvatarTokenProps } from "./AvatarToken.types.mjs";
+export declare const AvatarToken: React.ForwardRefExoticComponent<Omit<AvatarTokenProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AvatarToken.d.mts.map

package/dist/components/avatar-token/AvatarToken.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarToken.d.mts","sourceRoot":"","sources":["../../../src/components/avatar-token/AvatarToken.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAG1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW,sGAsCvB,CAAC"}

package/dist/components/avatar-token/AvatarToken.mjs

@@ -0,0 +1,16 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React from "react";
+const React = $importDefault($React);
+import { AvatarBase, AvatarBaseShape, AvatarBaseSize } from "../avatar-base/index.mjs";
+export const AvatarToken = React.forwardRef(({ src, name, fallbackText, fallbackTextProps, className, size = AvatarBaseSize.Md, imageProps, ...props }, ref) => {
+    const displayText = fallbackText || (name ? name[0] : '');
+    const altText = name || 'Token logo'; // TBC: Add localization for default text
+    return (React.createElement(AvatarBase, { ref: ref, shape: AvatarBaseShape.Circle, size: size, className: className, fallbackText: displayText, fallbackTextProps: fallbackTextProps, ...props }, src && (React.createElement("img", { src: src, alt: altText, className: "w-full h-full object-cover", ...imageProps }))));
+});
+AvatarToken.displayName = 'AvatarToken';
+//# sourceMappingURL=AvatarToken.mjs.map

package/dist/components/avatar-token/AvatarToken.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarToken.mjs","sourceRoot":"","sources":["../../../src/components/avatar-token/AvatarToken.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,EAAE,iCAAuB;AAG7E,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,CACE,EACE,GAAG,EACH,IAAI,EACJ,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,IAAI,GAAG,cAAc,CAAC,EAAE,EACxB,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,WAAW,GAAG,YAAY,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,IAAI,IAAI,YAAY,CAAC,CAAC,yCAAyC;IAE/E,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,WAAW,EACzB,iBAAiB,EAAE,iBAAiB,KAChC,KAAK,IAER,GAAG,IAAI,CACN,6BACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,4BAA4B,KAClC,UAAU,GACd,CACH,CACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import React from 'react';\n\nimport { AvatarBase, AvatarBaseShape, AvatarBaseSize } from '../avatar-base';\nimport type { AvatarTokenProps } from './AvatarToken.types';\n\nexport const AvatarToken = React.forwardRef<HTMLDivElement, AvatarTokenProps>(\n  (\n    {\n      src,\n      name,\n      fallbackText,\n      fallbackTextProps,\n      className,\n      size = AvatarBaseSize.Md,\n      imageProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const displayText = fallbackText || (name ? name[0] : '');\n    const altText = name || 'Token logo'; // TBC: Add localization for default text\n\n    return (\n      <AvatarBase\n        ref={ref}\n        shape={AvatarBaseShape.Circle}\n        size={size}\n        className={className}\n        fallbackText={displayText}\n        fallbackTextProps={fallbackTextProps}\n        {...props}\n      >\n        {src && (\n          <img\n            src={src}\n            alt={altText}\n            className=\"w-full h-full object-cover\"\n            {...imageProps}\n          />\n        )}\n      </AvatarBase>\n    );\n  },\n);\n\nAvatarToken.displayName = 'AvatarToken';\n"]}

package/dist/components/avatar-token/AvatarToken.types.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const _1 = require("./index.cjs");
+//# sourceMappingURL=AvatarToken.types.cjs.map

package/dist/components/avatar-token/AvatarToken.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarToken.types.cjs","sourceRoot":"","sources":["../../../src/components/avatar-token/AvatarToken.types.ts"],"names":[],"mappings":";;AAGA,kCAAoC","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport type { TextProps } from '../text';\nimport { AvatarTokenSize } from '.';\n\nexport type AvatarTokenProps = Omit<\n  ComponentProps<'img'>,\n  'children' | 'size'\n> & {\n  /**\n   * Required name of the token\n   * Used as alt text for image and first letter is used as fallback if no fallbackText provided\n   */\n  name: string;\n  /**\n   * Optional URL for the token image\n   * When provided, displays the image instead of fallback text\n   */\n  src?: string;\n  /**\n   * Optional prop to pass to the underlying img element\n   * Useful for overriding the default alt text which is the token name\n   */\n  imageProps?: ComponentProps<'img'>;\n  /**\n   * Optional prop to control the size of the avatar\n   * @default AvatarTokenSize.Md\n   */\n  size?: AvatarTokenSize;\n  /**\n   * Optional text to display when no image is provided\n   * If not provided, first letter of name will be used\n   */\n  fallbackText?: string;\n  /**\n   * Optional props to be passed to the Text component when rendering fallback text\n   * Only used when src is not provided\n   */\n  fallbackTextProps?: Partial<\n    React.HTMLAttributes<HTMLSpanElement> & TextProps\n  >;\n  /**\n   * Optional additional CSS classes to be applied to the component\n   */\n  className?: string;\n};\n"]}

package/dist/components/avatar-token/AvatarToken.types.d.cts

@@ -0,0 +1,40 @@
+import type { ComponentProps } from "react";
+import type { TextProps } from "../text/index.cjs";
+import { AvatarTokenSize } from "./index.cjs";
+export type AvatarTokenProps = Omit<ComponentProps<'img'>, 'children' | 'size'> & {
+    /**
+     * Required name of the token
+     * Used as alt text for image and first letter is used as fallback if no fallbackText provided
+     */
+    name: string;
+    /**
+     * Optional URL for the token image
+     * When provided, displays the image instead of fallback text
+     */
+    src?: string;
+    /**
+     * Optional prop to pass to the underlying img element
+     * Useful for overriding the default alt text which is the token name
+     */
+    imageProps?: ComponentProps<'img'>;
+    /**
+     * Optional prop to control the size of the avatar
+     * @default AvatarTokenSize.Md
+     */
+    size?: AvatarTokenSize;
+    /**
+     * Optional text to display when no image is provided
+     * If not provided, first letter of name will be used
+     */
+    fallbackText?: string;
+    /**
+     * Optional props to be passed to the Text component when rendering fallback text
+     * Only used when src is not provided
+     */
+    fallbackTextProps?: Partial<React.HTMLAttributes<HTMLSpanElement> & TextProps>;
+    /**
+     * Optional additional CSS classes to be applied to the component
+     */
+    className?: string;
+};
+//# sourceMappingURL=AvatarToken.types.d.cts.map

package/dist/components/avatar-token/AvatarToken.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarToken.types.d.cts","sourceRoot":"","sources":["../../../src/components/avatar-token/AvatarToken.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AACzC,OAAO,EAAE,eAAe,EAAE,oBAAU;AAEpC,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,cAAc,CAAC,KAAK,CAAC,EACrB,UAAU,GAAG,MAAM,CACpB,GAAG;IACF;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IACnC;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CACzB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG,SAAS,CAClD,CAAC;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/components/avatar-token/AvatarToken.types.d.mts

@@ -0,0 +1,40 @@
+import type { ComponentProps } from "react";
+import type { TextProps } from "../text/index.mjs";
+import { AvatarTokenSize } from "./index.mjs";
+export type AvatarTokenProps = Omit<ComponentProps<'img'>, 'children' | 'size'> & {
+    /**
+     * Required name of the token
+     * Used as alt text for image and first letter is used as fallback if no fallbackText provided
+     */
+    name: string;
+    /**
+     * Optional URL for the token image
+     * When provided, displays the image instead of fallback text
+     */
+    src?: string;
+    /**
+     * Optional prop to pass to the underlying img element
+     * Useful for overriding the default alt text which is the token name
+     */
+    imageProps?: ComponentProps<'img'>;
+    /**
+     * Optional prop to control the size of the avatar
+     * @default AvatarTokenSize.Md
+     */
+    size?: AvatarTokenSize;
+    /**
+     * Optional text to display when no image is provided
+     * If not provided, first letter of name will be used
+     */
+    fallbackText?: string;
+    /**
+     * Optional props to be passed to the Text component when rendering fallback text
+     * Only used when src is not provided
+     */
+    fallbackTextProps?: Partial<React.HTMLAttributes<HTMLSpanElement> & TextProps>;
+    /**
+     * Optional additional CSS classes to be applied to the component
+     */
+    className?: string;
+};
+//# sourceMappingURL=AvatarToken.types.d.mts.map

package/dist/components/avatar-token/AvatarToken.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarToken.types.d.mts","sourceRoot":"","sources":["../../../src/components/avatar-token/AvatarToken.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AACzC,OAAO,EAAE,eAAe,EAAE,oBAAU;AAEpC,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,cAAc,CAAC,KAAK,CAAC,EACrB,UAAU,GAAG,MAAM,CACpB,GAAG;IACF;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IACnC;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CACzB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG,SAAS,CAClD,CAAC;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/components/avatar-token/AvatarToken.types.mjs

@@ -0,0 +1,2 @@
+import { AvatarTokenSize } from "./index.mjs";
+//# sourceMappingURL=AvatarToken.types.mjs.map

package/dist/components/avatar-token/AvatarToken.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarToken.types.mjs","sourceRoot":"","sources":["../../../src/components/avatar-token/AvatarToken.types.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,oBAAU","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport type { TextProps } from '../text';\nimport { AvatarTokenSize } from '.';\n\nexport type AvatarTokenProps = Omit<\n  ComponentProps<'img'>,\n  'children' | 'size'\n> & {\n  /**\n   * Required name of the token\n   * Used as alt text for image and first letter is used as fallback if no fallbackText provided\n   */\n  name: string;\n  /**\n   * Optional URL for the token image\n   * When provided, displays the image instead of fallback text\n   */\n  src?: string;\n  /**\n   * Optional prop to pass to the underlying img element\n   * Useful for overriding the default alt text which is the token name\n   */\n  imageProps?: ComponentProps<'img'>;\n  /**\n   * Optional prop to control the size of the avatar\n   * @default AvatarTokenSize.Md\n   */\n  size?: AvatarTokenSize;\n  /**\n   * Optional text to display when no image is provided\n   * If not provided, first letter of name will be used\n   */\n  fallbackText?: string;\n  /**\n   * Optional props to be passed to the Text component when rendering fallback text\n   * Only used when src is not provided\n   */\n  fallbackTextProps?: Partial<\n    React.HTMLAttributes<HTMLSpanElement> & TextProps\n  >;\n  /**\n   * Optional additional CSS classes to be applied to the component\n   */\n  className?: string;\n};\n"]}

package/dist/components/avatar-token/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarTokenSize = exports.AvatarToken = void 0;
+var AvatarToken_1 = require("./AvatarToken.cjs");
+Object.defineProperty(exports, "AvatarToken", { enumerable: true, get: function () { return AvatarToken_1.AvatarToken; } });
+var avatar_base_1 = require("../avatar-base/index.cjs");
+Object.defineProperty(exports, "AvatarTokenSize", { enumerable: true, get: function () { return avatar_base_1.AvatarBaseSize; } });
+//# sourceMappingURL=index.cjs.map

package/dist/components/avatar-token/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/avatar-token/index.ts"],"names":[],"mappings":";;;AAAA,iDAA4C;AAAnC,0GAAA,WAAW,OAAA;AAEpB,wDAAmE;AAA1D,8GAAA,cAAc,OAAmB","sourcesContent":["export { AvatarToken } from './AvatarToken';\nexport type { AvatarTokenProps } from './AvatarToken.types';\nexport { AvatarBaseSize as AvatarTokenSize } from '../avatar-base';\n"]}

package/dist/components/avatar-token/index.d.cts

@@ -0,0 +1,4 @@
+export { AvatarToken } from "./AvatarToken.cjs";
+export type { AvatarTokenProps } from "./AvatarToken.types.cjs";
+export { AvatarBaseSize as AvatarTokenSize } from "../avatar-base/index.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/components/avatar-token/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/avatar-token/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAC5C,YAAY,EAAE,gBAAgB,EAAE,gCAA4B;AAC5D,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,iCAAuB"}

package/dist/components/avatar-token/index.d.mts

@@ -0,0 +1,4 @@
+export { AvatarToken } from "./AvatarToken.mjs";
+export type { AvatarTokenProps } from "./AvatarToken.types.mjs";
+export { AvatarBaseSize as AvatarTokenSize } from "../avatar-base/index.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/components/avatar-token/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/avatar-token/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAC5C,YAAY,EAAE,gBAAgB,EAAE,gCAA4B;AAC5D,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,iCAAuB"}

package/dist/components/avatar-token/index.mjs

@@ -0,0 +1,3 @@
+export { AvatarToken } from "./AvatarToken.mjs";
+export { AvatarBaseSize as AvatarTokenSize } from "../avatar-base/index.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/components/avatar-token/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/avatar-token/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAE5C,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,iCAAuB","sourcesContent":["export { AvatarToken } from './AvatarToken';\nexport type { AvatarTokenProps } from './AvatarToken.types';\nexport { AvatarBaseSize as AvatarTokenSize } from '../avatar-base';\n"]}

package/dist/components/badge-count/BadgeCount.cjs

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgeCount = void 0;
+const react_1 = __importDefault(require("react"));
+const tw_merge_1 = require("../../utils/tw-merge.cjs");
+const text_1 = require("../text/index.cjs");
+const BadgeCount_constants_1 = require("./BadgeCount.constants.cjs");
+const BadgeCount_types_1 = require("./BadgeCount.types.cjs");
+exports.BadgeCount = react_1.default.forwardRef(({ size = BadgeCount_types_1.BadgeCountSize.Md, count, max = 99, textProps, className = '', style, ...props }, ref) => {
+    const mergedClassName = (0, tw_merge_1.twMerge)(
+    // Base styles
+    'inline-flex bg-error-default rounded-lg items-center justify-center self-start', BadgeCount_constants_1.TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER[size], className);
+    return (react_1.default.createElement("div", { ref: ref, className: mergedClassName, style: style, ...props },
+        react_1.default.createElement(text_1.Text, { variant: BadgeCount_constants_1.MAP_BADGECOUNT_SIZE_TEXTVARIANT[size], color: text_1.TextColor.ErrorInverse, fontWeight: text_1.FontWeight.Medium, ...textProps, className: `${textProps?.className || ''}`, asChild: true },
+            react_1.default.createElement("span", null, count > max ? `${max}+` : `${count}`))));
+});
+exports.BadgeCount.displayName = 'BadgeCount';
+//# sourceMappingURL=BadgeCount.cjs.map

package/dist/components/badge-count/BadgeCount.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCount.cjs","sourceRoot":"","sources":["../../../src/components/badge-count/BadgeCount.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uDAA+C;AAC/C,4CAAsD;AACtD,qEAGgC;AAEhC,6DAAoD;AAEvC,QAAA,UAAU,GAAG,eAAK,CAAC,UAAU,CACxC,CACE,EACE,IAAI,GAAG,iCAAc,CAAC,EAAE,EACxB,KAAK,EACL,GAAG,GAAG,EAAE,EACR,SAAS,EACT,SAAS,GAAG,EAAE,EACd,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,eAAe,GAAG,IAAA,kBAAO;IAC7B,cAAc;IACd,gFAAgF,EAChF,2DAAoC,CAAC,IAAI,CAAC,EAC1C,SAAS,CACV,CAAC;IAEF,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK;QAChE,8BAAC,WAAI,IACH,OAAO,EAAE,sDAA+B,CAAC,IAAI,CAAC,EAC9C,KAAK,EAAE,gBAAS,CAAC,YAAY,EAC7B,UAAU,EAAE,iBAAU,CAAC,MAAM,KACzB,SAAS,EACb,SAAS,EAAE,GAAG,SAAS,EAAE,SAAS,IAAI,EAAE,EAAE,EAC1C,OAAO;YAEP,4CAAO,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CAAQ,CAC9C,CACH,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Text, TextColor, FontWeight } from '../text';\nimport {\n  MAP_BADGECOUNT_SIZE_TEXTVARIANT,\n  TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER,\n} from './BadgeCount.constants';\nimport type { BadgeCountProps } from './BadgeCount.types';\nimport { BadgeCountSize } from './BadgeCount.types';\n\nexport const BadgeCount = React.forwardRef<HTMLDivElement, BadgeCountProps>(\n  (\n    {\n      size = BadgeCountSize.Md,\n      count,\n      max = 99,\n      textProps,\n      className = '',\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const mergedClassName = twMerge(\n      // Base styles\n      'inline-flex bg-error-default rounded-lg items-center justify-center self-start',\n      TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER[size],\n      className,\n    );\n\n    return (\n      <div ref={ref} className={mergedClassName} style={style} {...props}>\n        <Text\n          variant={MAP_BADGECOUNT_SIZE_TEXTVARIANT[size]}\n          color={TextColor.ErrorInverse}\n          fontWeight={FontWeight.Medium}\n          {...textProps}\n          className={`${textProps?.className || ''}`}\n          asChild\n        >\n          <span>{count > max ? `${max}+` : `${count}`}</span>\n        </Text>\n      </div>\n    );\n  },\n);\n\nBadgeCount.displayName = 'BadgeCount';\n"]}

package/dist/components/badge-count/BadgeCount.constants.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER = exports.MAP_BADGECOUNT_SIZE_TEXTVARIANT = void 0;
+const text_1 = require("../text/index.cjs");
+const BadgeCount_types_1 = require("./BadgeCount.types.cjs");
+// Mappings
+exports.MAP_BADGECOUNT_SIZE_TEXTVARIANT = {
+    [BadgeCount_types_1.BadgeCountSize.Md]: text_1.TextVariant.BodyXs,
+    [BadgeCount_types_1.BadgeCountSize.Lg]: text_1.TextVariant.BodySm,
+};
+exports.TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER = {
+    [BadgeCount_types_1.BadgeCountSize.Md]: 'min-w-4 h-3.5 py-0 px-1',
+    [BadgeCount_types_1.BadgeCountSize.Lg]: 'min-w-6 h-5 py-0.5 px-1.5', // min-width 24px, height 20px, padding-vertical 2, padding-horizontal 6
+};
+//# sourceMappingURL=BadgeCount.constants.cjs.map

package/dist/components/badge-count/BadgeCount.constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCount.constants.cjs","sourceRoot":"","sources":["../../../src/components/badge-count/BadgeCount.constants.ts"],"names":[],"mappings":";;;AAAA,4CAAsC;AACtC,6DAAoD;AAEpD,WAAW;AACE,QAAA,+BAA+B,GAGxC;IACF,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,kBAAW,CAAC,MAAM;IACvC,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,kBAAW,CAAC,MAAM;CACxC,CAAC;AAEW,QAAA,oCAAoC,GAG7C;IACF,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,yBAAyB;IAC9C,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,2BAA2B,EAAE,wEAAwE;CAC3H,CAAC","sourcesContent":["import { TextVariant } from '../text';\nimport { BadgeCountSize } from './BadgeCount.types';\n\n// Mappings\nexport const MAP_BADGECOUNT_SIZE_TEXTVARIANT: Record<\n  BadgeCountSize,\n  TextVariant\n> = {\n  [BadgeCountSize.Md]: TextVariant.BodyXs,\n  [BadgeCountSize.Lg]: TextVariant.BodySm,\n};\n\nexport const TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER: Record<\n  BadgeCountSize,\n  string\n> = {\n  [BadgeCountSize.Md]: 'min-w-4 h-3.5 py-0 px-1', // min-width 16px, height 14px, padding-vertical 0, padding-horizontal 4\n  [BadgeCountSize.Lg]: 'min-w-6 h-5 py-0.5 px-1.5', // min-width 24px, height 20px, padding-vertical 2, padding-horizontal 6\n};\n"]}

package/dist/components/badge-count/BadgeCount.constants.d.cts

@@ -0,0 +1,5 @@
+import { TextVariant } from "../text/index.cjs";
+import { BadgeCountSize } from "./BadgeCount.types.cjs";
+export declare const MAP_BADGECOUNT_SIZE_TEXTVARIANT: Record<BadgeCountSize, TextVariant>;
+export declare const TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER: Record<BadgeCountSize, string>;
+//# sourceMappingURL=BadgeCount.constants.d.cts.map

package/dist/components/badge-count/BadgeCount.constants.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCount.constants.d.cts","sourceRoot":"","sources":["../../../src/components/badge-count/BadgeCount.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAgB;AACtC,OAAO,EAAE,cAAc,EAAE,+BAA2B;AAGpD,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAClD,cAAc,EACd,WAAW,CAIZ,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,cAAc,EACd,MAAM,CAIP,CAAC"}

package/dist/components/badge-count/BadgeCount.constants.d.mts

@@ -0,0 +1,5 @@
+import { TextVariant } from "../text/index.mjs";
+import { BadgeCountSize } from "./BadgeCount.types.mjs";
+export declare const MAP_BADGECOUNT_SIZE_TEXTVARIANT: Record<BadgeCountSize, TextVariant>;
+export declare const TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER: Record<BadgeCountSize, string>;
+//# sourceMappingURL=BadgeCount.constants.d.mts.map

package/dist/components/badge-count/BadgeCount.constants.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCount.constants.d.mts","sourceRoot":"","sources":["../../../src/components/badge-count/BadgeCount.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAgB;AACtC,OAAO,EAAE,cAAc,EAAE,+BAA2B;AAGpD,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAClD,cAAc,EACd,WAAW,CAIZ,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,cAAc,EACd,MAAM,CAIP,CAAC"}

package/dist/components/badge-count/BadgeCount.constants.mjs

@@ -0,0 +1,12 @@
+import { TextVariant } from "../text/index.mjs";
+import { BadgeCountSize } from "./BadgeCount.types.mjs";
+// Mappings
+export const MAP_BADGECOUNT_SIZE_TEXTVARIANT = {
+    [BadgeCountSize.Md]: TextVariant.BodyXs,
+    [BadgeCountSize.Lg]: TextVariant.BodySm,
+};
+export const TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER = {
+    [BadgeCountSize.Md]: 'min-w-4 h-3.5 py-0 px-1',
+    [BadgeCountSize.Lg]: 'min-w-6 h-5 py-0.5 px-1.5', // min-width 24px, height 20px, padding-vertical 2, padding-horizontal 6
+};
+//# sourceMappingURL=BadgeCount.constants.mjs.map

package/dist/components/badge-count/BadgeCount.constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCount.constants.mjs","sourceRoot":"","sources":["../../../src/components/badge-count/BadgeCount.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAgB;AACtC,OAAO,EAAE,cAAc,EAAE,+BAA2B;AAEpD,WAAW;AACX,MAAM,CAAC,MAAM,+BAA+B,GAGxC;IACF,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,MAAM;IACvC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,MAAM;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,oCAAoC,GAG7C;IACF,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,yBAAyB;IAC9C,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,2BAA2B,EAAE,wEAAwE;CAC3H,CAAC","sourcesContent":["import { TextVariant } from '../text';\nimport { BadgeCountSize } from './BadgeCount.types';\n\n// Mappings\nexport const MAP_BADGECOUNT_SIZE_TEXTVARIANT: Record<\n  BadgeCountSize,\n  TextVariant\n> = {\n  [BadgeCountSize.Md]: TextVariant.BodyXs,\n  [BadgeCountSize.Lg]: TextVariant.BodySm,\n};\n\nexport const TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER: Record<\n  BadgeCountSize,\n  string\n> = {\n  [BadgeCountSize.Md]: 'min-w-4 h-3.5 py-0 px-1', // min-width 16px, height 14px, padding-vertical 0, padding-horizontal 4\n  [BadgeCountSize.Lg]: 'min-w-6 h-5 py-0.5 px-1.5', // min-width 24px, height 20px, padding-vertical 2, padding-horizontal 6\n};\n"]}

package/dist/components/badge-count/BadgeCount.d.cts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BadgeCountProps } from "./BadgeCount.types.cjs";
+export declare const BadgeCount: React.ForwardRefExoticComponent<Omit<BadgeCountProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=BadgeCount.d.cts.map

package/dist/components/badge-count/BadgeCount.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCount.d.cts","sourceRoot":"","sources":["../../../src/components/badge-count/BadgeCount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAQ1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAG1D,eAAO,MAAM,UAAU,qGAmCtB,CAAC"}

package/dist/components/badge-count/BadgeCount.d.mts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BadgeCountProps } from "./BadgeCount.types.mjs";
+export declare const BadgeCount: React.ForwardRefExoticComponent<Omit<BadgeCountProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=BadgeCount.d.mts.map

package/dist/components/badge-count/BadgeCount.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCount.d.mts","sourceRoot":"","sources":["../../../src/components/badge-count/BadgeCount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAQ1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAG1D,eAAO,MAAM,UAAU,qGAmCtB,CAAC"}

package/dist/components/badge-count/BadgeCount.mjs

@@ -0,0 +1,22 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React from "react";
+const React = $importDefault($React);
+import { twMerge } from "../../utils/tw-merge.mjs";
+import { Text, TextColor, FontWeight } from "../text/index.mjs";
+import { MAP_BADGECOUNT_SIZE_TEXTVARIANT, TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER } from "./BadgeCount.constants.mjs";
+import { BadgeCountSize } from "./BadgeCount.types.mjs";
+export const BadgeCount = React.forwardRef(({ size = BadgeCountSize.Md, count, max = 99, textProps, className = '', style, ...props }, ref) => {
+    const mergedClassName = twMerge(
+    // Base styles
+    'inline-flex bg-error-default rounded-lg items-center justify-center self-start', TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER[size], className);
+    return (React.createElement("div", { ref: ref, className: mergedClassName, style: style, ...props },
+        React.createElement(Text, { variant: MAP_BADGECOUNT_SIZE_TEXTVARIANT[size], color: TextColor.ErrorInverse, fontWeight: FontWeight.Medium, ...textProps, className: `${textProps?.className || ''}`, asChild: true },
+            React.createElement("span", null, count > max ? `${max}+` : `${count}`))));
+});
+BadgeCount.displayName = 'BadgeCount';
+//# sourceMappingURL=BadgeCount.mjs.map

package/dist/components/badge-count/BadgeCount.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCount.mjs","sourceRoot":"","sources":["../../../src/components/badge-count/BadgeCount.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,0BAAgB;AACtD,OAAO,EACL,+BAA+B,EAC/B,oCAAoC,EACrC,mCAA+B;AAEhC,OAAO,EAAE,cAAc,EAAE,+BAA2B;AAEpD,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,IAAI,GAAG,cAAc,CAAC,EAAE,EACxB,KAAK,EACL,GAAG,GAAG,EAAE,EACR,SAAS,EACT,SAAS,GAAG,EAAE,EACd,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,eAAe,GAAG,OAAO;IAC7B,cAAc;IACd,gFAAgF,EAChF,oCAAoC,CAAC,IAAI,CAAC,EAC1C,SAAS,CACV,CAAC;IAEF,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK;QAChE,oBAAC,IAAI,IACH,OAAO,EAAE,+BAA+B,CAAC,IAAI,CAAC,EAC9C,KAAK,EAAE,SAAS,CAAC,YAAY,EAC7B,UAAU,EAAE,UAAU,CAAC,MAAM,KACzB,SAAS,EACb,SAAS,EAAE,GAAG,SAAS,EAAE,SAAS,IAAI,EAAE,EAAE,EAC1C,OAAO;YAEP,kCAAO,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CAAQ,CAC9C,CACH,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Text, TextColor, FontWeight } from '../text';\nimport {\n  MAP_BADGECOUNT_SIZE_TEXTVARIANT,\n  TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER,\n} from './BadgeCount.constants';\nimport type { BadgeCountProps } from './BadgeCount.types';\nimport { BadgeCountSize } from './BadgeCount.types';\n\nexport const BadgeCount = React.forwardRef<HTMLDivElement, BadgeCountProps>(\n  (\n    {\n      size = BadgeCountSize.Md,\n      count,\n      max = 99,\n      textProps,\n      className = '',\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const mergedClassName = twMerge(\n      // Base styles\n      'inline-flex bg-error-default rounded-lg items-center justify-center self-start',\n      TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER[size],\n      className,\n    );\n\n    return (\n      <div ref={ref} className={mergedClassName} style={style} {...props}>\n        <Text\n          variant={MAP_BADGECOUNT_SIZE_TEXTVARIANT[size]}\n          color={TextColor.ErrorInverse}\n          fontWeight={FontWeight.Medium}\n          {...textProps}\n          className={`${textProps?.className || ''}`}\n          asChild\n        >\n          <span>{count > max ? `${max}+` : `${count}`}</span>\n        </Text>\n      </div>\n    );\n  },\n);\n\nBadgeCount.displayName = 'BadgeCount';\n"]}

package/dist/components/badge-count/BadgeCount.types.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgeCountSize = void 0;
+var BadgeCountSize;
+(function (BadgeCountSize) {
+    /**
+     * Represents a medium badge count (14px height).
+     */
+    BadgeCountSize["Md"] = "md";
+    /**
+     * Represents a large badge count (20px height).
+     */
+    BadgeCountSize["Lg"] = "lg";
+})(BadgeCountSize || (exports.BadgeCountSize = BadgeCountSize = {}));
+//# sourceMappingURL=BadgeCount.types.cjs.map

package/dist/components/badge-count/BadgeCount.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCount.types.cjs","sourceRoot":"","sources":["../../../src/components/badge-count/BadgeCount.types.ts"],"names":[],"mappings":";;;AAIA,IAAY,cASX;AATD,WAAY,cAAc;IACxB;;OAEG;IACH,2BAAS,CAAA;IACT;;OAEG;IACH,2BAAS,CAAA;AACX,CAAC,EATW,cAAc,8BAAd,cAAc,QASzB","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport type { TextProps } from '../text';\n\nexport enum BadgeCountSize {\n  /**\n   * Represents a medium badge count (14px height).\n   */\n  Md = 'md',\n  /**\n   * Represents a large badge count (20px height).\n   */\n  Lg = 'lg',\n}\n\n/**\n * BadgeCount component props.\n */\nexport type BadgeCountProps = ComponentProps<'div'> & {\n  /**\n   * Optional prop to control the size of the BadgeCount\n   * Different sizes map to specific height\n   * @default IconSize.Md\n   */\n  size?: BadgeCountSize;\n  /**\n   * Required prop to show the count number\n   */\n  count: number;\n  /**\n   * Optional prop to determine the max the count can go up to.\n   * If count > max, the count will be shown as \"max+\"\n   * @default 99\n   */\n  max?: number;\n  /**\n   * Optional props to be passed to the Text component used by count\n   */\n  textProps?: Partial<TextProps>;\n  /**\n   * Optional prop for additional CSS classes to be applied to the BadgeCount component.\n   * These classes will be merged with the component's default classes using twMerge.\n   */\n  className?: string;\n  /**\n   * Optional CSS styles to be applied to the component.\n   * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n   */\n  style?: React.CSSProperties;\n};\n"]}

package/dist/components/badge-count/BadgeCount.types.d.cts

@@ -0,0 +1,48 @@
+import type { ComponentProps } from "react";
+import type { TextProps } from "../text/index.cjs";
+export declare enum BadgeCountSize {
+    /**
+     * Represents a medium badge count (14px height).
+     */
+    Md = "md",
+    /**
+     * Represents a large badge count (20px height).
+     */
+    Lg = "lg"
+}
+/**
+ * BadgeCount component props.
+ */
+export type BadgeCountProps = ComponentProps<'div'> & {
+    /**
+     * Optional prop to control the size of the BadgeCount
+     * Different sizes map to specific height
+     * @default IconSize.Md
+     */
+    size?: BadgeCountSize;
+    /**
+     * Required prop to show the count number
+     */
+    count: number;
+    /**
+     * Optional prop to determine the max the count can go up to.
+     * If count > max, the count will be shown as "max+"
+     * @default 99
+     */
+    max?: number;
+    /**
+     * Optional props to be passed to the Text component used by count
+     */
+    textProps?: Partial<TextProps>;
+    /**
+     * Optional prop for additional CSS classes to be applied to the BadgeCount component.
+     * These classes will be merged with the component's default classes using twMerge.
+     */
+    className?: string;
+    /**
+     * Optional CSS styles to be applied to the component.
+     * Should be used sparingly and only for dynamic styles that can't be achieved with className.
+     */
+    style?: React.CSSProperties;
+};
+//# sourceMappingURL=BadgeCount.types.d.cts.map

package/dist/components/badge-count/BadgeCount.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCount.types.d.cts","sourceRoot":"","sources":["../../../src/components/badge-count/BadgeCount.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC,oBAAY,cAAc;IACxB;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;CACV;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACpD;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}

package/dist/components/badge-count/BadgeCount.types.d.mts

@@ -0,0 +1,48 @@
+import type { ComponentProps } from "react";
+import type { TextProps } from "../text/index.mjs";
+export declare enum BadgeCountSize {
+    /**
+     * Represents a medium badge count (14px height).
+     */
+    Md = "md",
+    /**
+     * Represents a large badge count (20px height).
+     */
+    Lg = "lg"
+}
+/**
+ * BadgeCount component props.
+ */
+export type BadgeCountProps = ComponentProps<'div'> & {
+    /**
+     * Optional prop to control the size of the BadgeCount
+     * Different sizes map to specific height
+     * @default IconSize.Md
+     */
+    size?: BadgeCountSize;
+    /**
+     * Required prop to show the count number
+     */
+    count: number;
+    /**
+     * Optional prop to determine the max the count can go up to.
+     * If count > max, the count will be shown as "max+"
+     * @default 99
+     */
+    max?: number;
+    /**
+     * Optional props to be passed to the Text component used by count
+     */
+    textProps?: Partial<TextProps>;
+    /**
+     * Optional prop for additional CSS classes to be applied to the BadgeCount component.
+     * These classes will be merged with the component's default classes using twMerge.
+     */
+    className?: string;
+    /**
+     * Optional CSS styles to be applied to the component.
+     * Should be used sparingly and only for dynamic styles that can't be achieved with className.
+     */
+    style?: React.CSSProperties;
+};
+//# sourceMappingURL=BadgeCount.types.d.mts.map

package/dist/components/badge-count/BadgeCount.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCount.types.d.mts","sourceRoot":"","sources":["../../../src/components/badge-count/BadgeCount.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC,oBAAY,cAAc;IACxB;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;CACV;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACpD;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}

package/dist/components/badge-count/BadgeCount.types.mjs

@@ -0,0 +1,12 @@
+export var BadgeCountSize;
+(function (BadgeCountSize) {
+    /**
+     * Represents a medium badge count (14px height).
+     */
+    BadgeCountSize["Md"] = "md";
+    /**
+     * Represents a large badge count (20px height).
+     */
+    BadgeCountSize["Lg"] = "lg";
+})(BadgeCountSize || (BadgeCountSize = {}));
+//# sourceMappingURL=BadgeCount.types.mjs.map

package/dist/components/badge-count/BadgeCount.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCount.types.mjs","sourceRoot":"","sources":["../../../src/components/badge-count/BadgeCount.types.ts"],"names":[],"mappings":"AAIA,MAAM,CAAN,IAAY,cASX;AATD,WAAY,cAAc;IACxB;;OAEG;IACH,2BAAS,CAAA;IACT;;OAEG;IACH,2BAAS,CAAA;AACX,CAAC,EATW,cAAc,KAAd,cAAc,QASzB","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport type { TextProps } from '../text';\n\nexport enum BadgeCountSize {\n  /**\n   * Represents a medium badge count (14px height).\n   */\n  Md = 'md',\n  /**\n   * Represents a large badge count (20px height).\n   */\n  Lg = 'lg',\n}\n\n/**\n * BadgeCount component props.\n */\nexport type BadgeCountProps = ComponentProps<'div'> & {\n  /**\n   * Optional prop to control the size of the BadgeCount\n   * Different sizes map to specific height\n   * @default IconSize.Md\n   */\n  size?: BadgeCountSize;\n  /**\n   * Required prop to show the count number\n   */\n  count: number;\n  /**\n   * Optional prop to determine the max the count can go up to.\n   * If count > max, the count will be shown as \"max+\"\n   * @default 99\n   */\n  max?: number;\n  /**\n   * Optional props to be passed to the Text component used by count\n   */\n  textProps?: Partial<TextProps>;\n  /**\n   * Optional prop for additional CSS classes to be applied to the BadgeCount component.\n   * These classes will be merged with the component's default classes using twMerge.\n   */\n  className?: string;\n  /**\n   * Optional CSS styles to be applied to the component.\n   * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n   */\n  style?: React.CSSProperties;\n};\n"]}

package/dist/components/badge-count/index.cjs

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

package/dist/components/badge-count/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/badge-count/index.ts"],"names":[],"mappings":";;;AAAA,+CAA0C;AAAjC,wGAAA,UAAU,OAAA;AAEnB,2DAAoD;AAA3C,kHAAA,cAAc,OAAA","sourcesContent":["export { BadgeCount } from './BadgeCount';\nexport type { BadgeCountProps } from './BadgeCount.types';\nexport { BadgeCountSize } from './BadgeCount.types';\n"]}

package/dist/components/badge-count/index.d.cts

@@ -0,0 +1,4 @@
+export { BadgeCount } from "./BadgeCount.cjs";
+export type { BadgeCountProps } from "./BadgeCount.types.cjs";
+export { BadgeCountSize } from "./BadgeCount.types.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/components/badge-count/index.d.cts.map

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

package/dist/components/badge-count/index.d.mts

@@ -0,0 +1,4 @@
+export { BadgeCount } from "./BadgeCount.mjs";
+export type { BadgeCountProps } from "./BadgeCount.types.mjs";
+export { BadgeCountSize } from "./BadgeCount.types.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/components/badge-count/index.d.mts.map

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

package/dist/components/badge-count/index.mjs

@@ -0,0 +1,3 @@
+export { BadgeCount } from "./BadgeCount.mjs";
+export { BadgeCountSize } from "./BadgeCount.types.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/components/badge-count/index.mjs.map

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

package/dist/components/badge-icon/BadgeIcon.cjs

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgeIcon = void 0;
+/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
+const react_1 = __importDefault(require("react"));
+const tw_merge_1 = require("../../utils/tw-merge.cjs");
+const icon_1 = require("../icon/index.cjs");
+exports.BadgeIcon = react_1.default.forwardRef(({ iconName, iconProps, className = '', style, ...props }, ref) => {
+    const mergedClassName = (0, tw_merge_1.twMerge)('inline-flex h-4 w-4 bg-icon-default rounded-full items-center justify-center', 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) })));
+});
+exports.BadgeIcon.displayName = 'BadgeIcon';
+//# sourceMappingURL=BadgeIcon.cjs.map

package/dist/components/badge-icon/BadgeIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeIcon.cjs","sourceRoot":"","sources":["../../../src/components/badge-icon/BadgeIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,iEAAiE;AACjE,kDAA0B;AAE1B,uDAA+C;AAC/C,4CAAyC;AAG5B,QAAA,SAAS,GAAG,eAAK,CAAC,UAAU,CACvC,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":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Icon, IconSize } from '../icon';\nimport type { BadgeIconProps } from './BadgeIcon.types';\n\nexport const BadgeIcon = React.forwardRef<HTMLDivElement, BadgeIconProps>(\n  ({ iconName, iconProps, className = '', style, ...props }, ref) => {\n    const mergedClassName = twMerge(\n      'inline-flex h-4 w-4 bg-icon-default rounded-full items-center justify-center',\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/badge-icon/BadgeIcon.d.cts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BadgeIconProps } from "./BadgeIcon.types.cjs";
+export declare const BadgeIcon: React.ForwardRefExoticComponent<Omit<BadgeIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=BadgeIcon.d.cts.map

package/dist/components/badge-icon/BadgeIcon.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeIcon.d.cts","sourceRoot":"","sources":["../../../src/components/badge-icon/BadgeIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,cAAc,EAAE,8BAA0B;AAExD,eAAO,MAAM,SAAS,oGAqBrB,CAAC"}

package/dist/components/badge-icon/BadgeIcon.d.mts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BadgeIconProps } from "./BadgeIcon.types.mjs";
+export declare const BadgeIcon: React.ForwardRefExoticComponent<Omit<BadgeIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=BadgeIcon.d.mts.map

package/dist/components/badge-icon/BadgeIcon.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeIcon.d.mts","sourceRoot":"","sources":["../../../src/components/badge-icon/BadgeIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,cAAc,EAAE,8BAA0B;AAExD,eAAO,MAAM,SAAS,oGAqBrB,CAAC"}