@metamask-previews/design-system-react 0.0.0-preview.52473ea → 0.0.0-preview.7df341a

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

@@ -0,0 +1,19 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
+import $React from "react";
+const React = $importDefault($React);
+import { twMerge } from "../../utils/tw-merge.mjs";
+import { Icon, IconSize } from "../icon/index.mjs";
+export const BadgeIcon = React.forwardRef(({ iconName, iconProps, className = '', style, ...props }, ref) => {
+    const mergedClassName = twMerge('inline-flex h-4 w-4 bg-icon-default rounded-full items-center justify-center', 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) })));
+});
+BadgeIcon.displayName = 'BadgeIcon';
+//# sourceMappingURL=BadgeIcon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeIcon.mjs","sourceRoot":"","sources":["../../../src/components/badge-icon/BadgeIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,iEAAiE;AACjE,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,0BAAgB;AAGzC,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,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,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":["/* 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.types.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeIcon.types.cjs","sourceRoot":"","sources":["../../../src/components/badge-icon/BadgeIcon.types.ts"],"names":[],"mappings":";;AACA,4CAA8C","sourcesContent":["import type { ComponentProps } from 'react';\nimport { IconName, IconProps } from '../icon';\n\n/**\n * BadgeIcon component props.\n */\nexport type BadgeIconProps = ComponentProps<'div'> & {\n  /**\n   * Required prop to specify an icon to show\n   */\n  iconName: IconName;\n  /**\n   * Optional prop to pass additional properties to the icon\n   */\n  iconProps?: Omit<IconProps, 'name'>;\n  /**\n   * Optional prop for additional CSS classes to be applied to the BadgeIcon 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-icon/BadgeIcon.types.d.cts

@@ -0,0 +1,26 @@
+import type { ComponentProps } from "react";
+import { IconName, IconProps } from "../icon/index.cjs";
+/**
+ * BadgeIcon component props.
+ */
+export type BadgeIconProps = ComponentProps<'div'> & {
+    /**
+     * Required prop to specify an icon to show
+     */
+    iconName: IconName;
+    /**
+     * Optional prop to pass additional properties to the icon
+     */
+    iconProps?: Omit<IconProps, 'name'>;
+    /**
+     * Optional prop for additional CSS classes to be applied to the BadgeIcon 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=BadgeIcon.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeIcon.types.d.cts","sourceRoot":"","sources":["../../../src/components/badge-icon/BadgeIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAC5C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;AAE9C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACnD;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACpC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}

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

@@ -0,0 +1,26 @@
+import type { ComponentProps } from "react";
+import { IconName, IconProps } from "../icon/index.mjs";
+/**
+ * BadgeIcon component props.
+ */
+export type BadgeIconProps = ComponentProps<'div'> & {
+    /**
+     * Required prop to specify an icon to show
+     */
+    iconName: IconName;
+    /**
+     * Optional prop to pass additional properties to the icon
+     */
+    iconProps?: Omit<IconProps, 'name'>;
+    /**
+     * Optional prop for additional CSS classes to be applied to the BadgeIcon 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=BadgeIcon.types.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeIcon.types.d.mts","sourceRoot":"","sources":["../../../src/components/badge-icon/BadgeIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAC5C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;AAE9C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACnD;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACpC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}

package/dist/components/badge-icon/BadgeIcon.types.mjs

@@ -0,0 +1,2 @@
+import { IconName, IconProps } from "../icon/index.mjs";
+//# sourceMappingURL=BadgeIcon.types.mjs.map

package/dist/components/badge-icon/BadgeIcon.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeIcon.types.mjs","sourceRoot":"","sources":["../../../src/components/badge-icon/BadgeIcon.types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB","sourcesContent":["import type { ComponentProps } from 'react';\nimport { IconName, IconProps } from '../icon';\n\n/**\n * BadgeIcon component props.\n */\nexport type BadgeIconProps = ComponentProps<'div'> & {\n  /**\n   * Required prop to specify an icon to show\n   */\n  iconName: IconName;\n  /**\n   * Optional prop to pass additional properties to the icon\n   */\n  iconProps?: Omit<IconProps, 'name'>;\n  /**\n   * Optional prop for additional CSS classes to be applied to the BadgeIcon 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-icon/index.cjs

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/badge-status/BadgeStatus.cjs

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgeStatus = 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 BadgeStatus_constants_1 = require("./BadgeStatus.constants.cjs");
+const BadgeStatus_types_1 = require("./BadgeStatus.types.cjs");
+exports.BadgeStatus = react_1.default.forwardRef(({ status, size = BadgeStatus_types_1.BadgeStatusSize.Md, hasBorder = true, className, style, ...props }, ref) => {
+    const mergedClassName = (0, tw_merge_1.twMerge)(
+    // Base styles
+    'inline-flex relative rounded-full', 
+    // hasBorder style
+    hasBorder ? 'border-2 border-background-default' : '', 
+    // Custom classes
+    className);
+    const mergedCircleClassName = (0, tw_merge_1.twMerge)(
+    // Base styles
+    'rounded-full border-2 z-10', 
+    // Size styles
+    BadgeStatus_constants_1.CLASSMAP_BADGESTATUS_SIZE[size], 
+    // Circle with semantics style
+    BadgeStatus_constants_1.CLASSMAP_BADGESTATUS_STATUS_CIRCLE[status]);
+    return (react_1.default.createElement("div", { ref: ref, className: mergedClassName, style: style, ...props },
+        react_1.default.createElement("div", { className: "bg-background-default absolute top-0 left-0 bottom-0 right-0 rounded-full" }),
+        react_1.default.createElement("div", { className: mergedCircleClassName })));
+});
+exports.BadgeStatus.displayName = 'BadgeStatus';
+//# sourceMappingURL=BadgeStatus.cjs.map

package/dist/components/badge-status/BadgeStatus.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeStatus.cjs","sourceRoot":"","sources":["../../../src/components/badge-status/BadgeStatus.tsx"],"names":[],"mappings":";;;;;;AAAA,iEAAiE;AACjE,kDAA0B;AAE1B,uDAA+C;AAC/C,uEAGiC;AAEjC,+DAAsD;AAEzC,QAAA,WAAW,GAAG,eAAK,CAAC,UAAU,CACzC,CACE,EACE,MAAM,EACN,IAAI,GAAG,mCAAe,CAAC,EAAE,EACzB,SAAS,GAAG,IAAI,EAChB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,eAAe,GAAG,IAAA,kBAAO;IAC7B,cAAc;IACd,mCAAmC;IACnC,kBAAkB;IAClB,SAAS,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,EAAE;IACrD,iBAAiB;IACjB,SAAS,CACV,CAAC;IAEF,MAAM,qBAAqB,GAAG,IAAA,kBAAO;IACnC,cAAc;IACd,4BAA4B;IAC5B,cAAc;IACd,iDAAyB,CAAC,IAAI,CAAC;IAC/B,8BAA8B;IAC9B,0DAAkC,CAAC,MAAM,CAAC,CAC3C,CAAC;IAEF,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK;QAChE,uCAAK,SAAS,EAAC,2EAA2E,GAAG;QAC7F,uCAAK,SAAS,EAAE,qBAAqB,GAAI,CACrC,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport {\n  CLASSMAP_BADGESTATUS_STATUS_CIRCLE,\n  CLASSMAP_BADGESTATUS_SIZE,\n} from './BadgeStatus.constants';\nimport type { BadgeStatusProps } from './BadgeStatus.types';\nimport { BadgeStatusSize } from './BadgeStatus.types';\n\nexport const BadgeStatus = React.forwardRef<HTMLDivElement, BadgeStatusProps>(\n  (\n    {\n      status,\n      size = BadgeStatusSize.Md,\n      hasBorder = true,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const mergedClassName = twMerge(\n      // Base styles\n      'inline-flex relative rounded-full',\n      // hasBorder style\n      hasBorder ? 'border-2 border-background-default' : '',\n      // Custom classes\n      className,\n    );\n\n    const mergedCircleClassName = twMerge(\n      // Base styles\n      'rounded-full border-2 z-10',\n      // Size styles\n      CLASSMAP_BADGESTATUS_SIZE[size],\n      // Circle with semantics style\n      CLASSMAP_BADGESTATUS_STATUS_CIRCLE[status],\n    );\n\n    return (\n      <div ref={ref} className={mergedClassName} style={style} {...props}>\n        <div className=\"bg-background-default absolute top-0 left-0 bottom-0 right-0 rounded-full\" />\n        <div className={mergedCircleClassName} />\n      </div>\n    );\n  },\n);\n\nBadgeStatus.displayName = 'BadgeStatus';\n"]}

package/dist/components/badge-status/BadgeStatus.constants.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CLASSMAP_BADGESTATUS_SIZE = exports.CLASSMAP_BADGESTATUS_STATUS_CIRCLE = void 0;
+const BadgeStatus_types_1 = require("./BadgeStatus.types.cjs");
+// Mappings
+exports.CLASSMAP_BADGESTATUS_STATUS_CIRCLE = {
+    [BadgeStatus_types_1.BadgeStatusStatus.Active]: 'bg-success-default border-success-default',
+    [BadgeStatus_types_1.BadgeStatusStatus.PartiallyActive]: 'bg-background-default border-success-default',
+    [BadgeStatus_types_1.BadgeStatusStatus.Inactive]: 'bg-icon-muted border-icon-muted',
+    [BadgeStatus_types_1.BadgeStatusStatus.New]: 'bg-primary-default border-primary-default',
+    [BadgeStatus_types_1.BadgeStatusStatus.Attention]: 'bg-error-default border-error-default',
+};
+exports.CLASSMAP_BADGESTATUS_SIZE = {
+    [BadgeStatus_types_1.BadgeStatusSize.Md]: 'h-2 w-2',
+    [BadgeStatus_types_1.BadgeStatusSize.Lg]: 'h-2.5 w-2.5', // 10px width and height
+};
+//# sourceMappingURL=BadgeStatus.constants.cjs.map

package/dist/components/badge-status/BadgeStatus.constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeStatus.constants.cjs","sourceRoot":"","sources":["../../../src/components/badge-status/BadgeStatus.constants.ts"],"names":[],"mappings":";;;AAAA,+DAAyE;AAEzE,WAAW;AACE,QAAA,kCAAkC,GAG3C;IACF,CAAC,qCAAiB,CAAC,MAAM,CAAC,EAAE,2CAA2C;IACvE,CAAC,qCAAiB,CAAC,eAAe,CAAC,EACjC,8CAA8C;IAChD,CAAC,qCAAiB,CAAC,QAAQ,CAAC,EAAE,iCAAiC;IAC/D,CAAC,qCAAiB,CAAC,GAAG,CAAC,EAAE,2CAA2C;IACpE,CAAC,qCAAiB,CAAC,SAAS,CAAC,EAAE,uCAAuC;CACvE,CAAC;AAEW,QAAA,yBAAyB,GAAoC;IACxE,CAAC,mCAAe,CAAC,EAAE,CAAC,EAAE,SAAS;IAC/B,CAAC,mCAAe,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,wBAAwB;CAC9D,CAAC","sourcesContent":["import { BadgeStatusStatus, BadgeStatusSize } from './BadgeStatus.types';\n\n// Mappings\nexport const CLASSMAP_BADGESTATUS_STATUS_CIRCLE: Record<\n  BadgeStatusStatus,\n  string\n> = {\n  [BadgeStatusStatus.Active]: 'bg-success-default border-success-default',\n  [BadgeStatusStatus.PartiallyActive]:\n    'bg-background-default border-success-default',\n  [BadgeStatusStatus.Inactive]: 'bg-icon-muted border-icon-muted',\n  [BadgeStatusStatus.New]: 'bg-primary-default border-primary-default',\n  [BadgeStatusStatus.Attention]: 'bg-error-default border-error-default',\n};\n\nexport const CLASSMAP_BADGESTATUS_SIZE: Record<BadgeStatusSize, string> = {\n  [BadgeStatusSize.Md]: 'h-2 w-2', // 8px width and height\n  [BadgeStatusSize.Lg]: 'h-2.5 w-2.5', // 10px width and height\n};\n"]}

package/dist/components/badge-status/BadgeStatus.constants.d.cts

@@ -0,0 +1,4 @@
+import { BadgeStatusStatus, BadgeStatusSize } from "./BadgeStatus.types.cjs";
+export declare const CLASSMAP_BADGESTATUS_STATUS_CIRCLE: Record<BadgeStatusStatus, string>;
+export declare const CLASSMAP_BADGESTATUS_SIZE: Record<BadgeStatusSize, string>;
+//# sourceMappingURL=BadgeStatus.constants.d.cts.map

package/dist/components/badge-status/BadgeStatus.constants.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeStatus.constants.d.cts","sourceRoot":"","sources":["../../../src/components/badge-status/BadgeStatus.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,gCAA4B;AAGzE,eAAO,MAAM,kCAAkC,EAAE,MAAM,CACrD,iBAAiB,EACjB,MAAM,CAQP,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGrE,CAAC"}

package/dist/components/badge-status/BadgeStatus.constants.d.mts

@@ -0,0 +1,4 @@
+import { BadgeStatusStatus, BadgeStatusSize } from "./BadgeStatus.types.mjs";
+export declare const CLASSMAP_BADGESTATUS_STATUS_CIRCLE: Record<BadgeStatusStatus, string>;
+export declare const CLASSMAP_BADGESTATUS_SIZE: Record<BadgeStatusSize, string>;
+//# sourceMappingURL=BadgeStatus.constants.d.mts.map

package/dist/components/badge-status/BadgeStatus.constants.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeStatus.constants.d.mts","sourceRoot":"","sources":["../../../src/components/badge-status/BadgeStatus.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,gCAA4B;AAGzE,eAAO,MAAM,kCAAkC,EAAE,MAAM,CACrD,iBAAiB,EACjB,MAAM,CAQP,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGrE,CAAC"}

package/dist/components/badge-status/BadgeStatus.constants.mjs

@@ -0,0 +1,14 @@
+import { BadgeStatusStatus, BadgeStatusSize } from "./BadgeStatus.types.mjs";
+// Mappings
+export const CLASSMAP_BADGESTATUS_STATUS_CIRCLE = {
+    [BadgeStatusStatus.Active]: 'bg-success-default border-success-default',
+    [BadgeStatusStatus.PartiallyActive]: 'bg-background-default border-success-default',
+    [BadgeStatusStatus.Inactive]: 'bg-icon-muted border-icon-muted',
+    [BadgeStatusStatus.New]: 'bg-primary-default border-primary-default',
+    [BadgeStatusStatus.Attention]: 'bg-error-default border-error-default',
+};
+export const CLASSMAP_BADGESTATUS_SIZE = {
+    [BadgeStatusSize.Md]: 'h-2 w-2',
+    [BadgeStatusSize.Lg]: 'h-2.5 w-2.5', // 10px width and height
+};
+//# sourceMappingURL=BadgeStatus.constants.mjs.map

package/dist/components/badge-status/BadgeStatus.constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeStatus.constants.mjs","sourceRoot":"","sources":["../../../src/components/badge-status/BadgeStatus.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,gCAA4B;AAEzE,WAAW;AACX,MAAM,CAAC,MAAM,kCAAkC,GAG3C;IACF,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,2CAA2C;IACvE,CAAC,iBAAiB,CAAC,eAAe,CAAC,EACjC,8CAA8C;IAChD,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,iCAAiC;IAC/D,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,2CAA2C;IACpE,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAAE,uCAAuC;CACvE,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAoC;IACxE,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,SAAS;IAC/B,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,wBAAwB;CAC9D,CAAC","sourcesContent":["import { BadgeStatusStatus, BadgeStatusSize } from './BadgeStatus.types';\n\n// Mappings\nexport const CLASSMAP_BADGESTATUS_STATUS_CIRCLE: Record<\n  BadgeStatusStatus,\n  string\n> = {\n  [BadgeStatusStatus.Active]: 'bg-success-default border-success-default',\n  [BadgeStatusStatus.PartiallyActive]:\n    'bg-background-default border-success-default',\n  [BadgeStatusStatus.Inactive]: 'bg-icon-muted border-icon-muted',\n  [BadgeStatusStatus.New]: 'bg-primary-default border-primary-default',\n  [BadgeStatusStatus.Attention]: 'bg-error-default border-error-default',\n};\n\nexport const CLASSMAP_BADGESTATUS_SIZE: Record<BadgeStatusSize, string> = {\n  [BadgeStatusSize.Md]: 'h-2 w-2', // 8px width and height\n  [BadgeStatusSize.Lg]: 'h-2.5 w-2.5', // 10px width and height\n};\n"]}

package/dist/components/badge-status/BadgeStatus.d.cts

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

package/dist/components/badge-status/BadgeStatus.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeStatus.d.cts","sourceRoot":"","sources":["../../../src/components/badge-status/BadgeStatus.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAO1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAG5D,eAAO,MAAM,WAAW,sGAqCvB,CAAC"}

package/dist/components/badge-status/BadgeStatus.d.mts

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

package/dist/components/badge-status/BadgeStatus.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeStatus.d.mts","sourceRoot":"","sources":["../../../src/components/badge-status/BadgeStatus.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAO1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAG5D,eAAO,MAAM,WAAW,sGAqCvB,CAAC"}

package/dist/components/badge-status/BadgeStatus.mjs

@@ -0,0 +1,33 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
+import $React from "react";
+const React = $importDefault($React);
+import { twMerge } from "../../utils/tw-merge.mjs";
+import { CLASSMAP_BADGESTATUS_STATUS_CIRCLE, CLASSMAP_BADGESTATUS_SIZE } from "./BadgeStatus.constants.mjs";
+import { BadgeStatusSize } from "./BadgeStatus.types.mjs";
+export const BadgeStatus = React.forwardRef(({ status, size = BadgeStatusSize.Md, hasBorder = true, className, style, ...props }, ref) => {
+    const mergedClassName = twMerge(
+    // Base styles
+    'inline-flex relative rounded-full', 
+    // hasBorder style
+    hasBorder ? 'border-2 border-background-default' : '', 
+    // Custom classes
+    className);
+    const mergedCircleClassName = twMerge(
+    // Base styles
+    'rounded-full border-2 z-10', 
+    // Size styles
+    CLASSMAP_BADGESTATUS_SIZE[size], 
+    // Circle with semantics style
+    CLASSMAP_BADGESTATUS_STATUS_CIRCLE[status]);
+    return (React.createElement("div", { ref: ref, className: mergedClassName, style: style, ...props },
+        React.createElement("div", { className: "bg-background-default absolute top-0 left-0 bottom-0 right-0 rounded-full" }),
+        React.createElement("div", { className: mergedCircleClassName })));
+});
+BadgeStatus.displayName = 'BadgeStatus';
+//# sourceMappingURL=BadgeStatus.mjs.map

package/dist/components/badge-status/BadgeStatus.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeStatus.mjs","sourceRoot":"","sources":["../../../src/components/badge-status/BadgeStatus.tsx"],"names":[],"mappings":";;;;;;AAAA,iEAAiE;AACjE,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EACL,kCAAkC,EAClC,yBAAyB,EAC1B,oCAAgC;AAEjC,OAAO,EAAE,eAAe,EAAE,gCAA4B;AAEtD,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,CACE,EACE,MAAM,EACN,IAAI,GAAG,eAAe,CAAC,EAAE,EACzB,SAAS,GAAG,IAAI,EAChB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,eAAe,GAAG,OAAO;IAC7B,cAAc;IACd,mCAAmC;IACnC,kBAAkB;IAClB,SAAS,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,EAAE;IACrD,iBAAiB;IACjB,SAAS,CACV,CAAC;IAEF,MAAM,qBAAqB,GAAG,OAAO;IACnC,cAAc;IACd,4BAA4B;IAC5B,cAAc;IACd,yBAAyB,CAAC,IAAI,CAAC;IAC/B,8BAA8B;IAC9B,kCAAkC,CAAC,MAAM,CAAC,CAC3C,CAAC;IAEF,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK;QAChE,6BAAK,SAAS,EAAC,2EAA2E,GAAG;QAC7F,6BAAK,SAAS,EAAE,qBAAqB,GAAI,CACrC,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport {\n  CLASSMAP_BADGESTATUS_STATUS_CIRCLE,\n  CLASSMAP_BADGESTATUS_SIZE,\n} from './BadgeStatus.constants';\nimport type { BadgeStatusProps } from './BadgeStatus.types';\nimport { BadgeStatusSize } from './BadgeStatus.types';\n\nexport const BadgeStatus = React.forwardRef<HTMLDivElement, BadgeStatusProps>(\n  (\n    {\n      status,\n      size = BadgeStatusSize.Md,\n      hasBorder = true,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const mergedClassName = twMerge(\n      // Base styles\n      'inline-flex relative rounded-full',\n      // hasBorder style\n      hasBorder ? 'border-2 border-background-default' : '',\n      // Custom classes\n      className,\n    );\n\n    const mergedCircleClassName = twMerge(\n      // Base styles\n      'rounded-full border-2 z-10',\n      // Size styles\n      CLASSMAP_BADGESTATUS_SIZE[size],\n      // Circle with semantics style\n      CLASSMAP_BADGESTATUS_STATUS_CIRCLE[status],\n    );\n\n    return (\n      <div ref={ref} className={mergedClassName} style={style} {...props}>\n        <div className=\"bg-background-default absolute top-0 left-0 bottom-0 right-0 rounded-full\" />\n        <div className={mergedCircleClassName} />\n      </div>\n    );\n  },\n);\n\nBadgeStatus.displayName = 'BadgeStatus';\n"]}

package/dist/components/badge-status/BadgeStatus.types.cjs

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgeStatusSize = exports.BadgeStatusStatus = void 0;
+/**
+ * The status of BadgeStatus
+ */
+var BadgeStatusStatus;
+(function (BadgeStatusStatus) {
+    BadgeStatusStatus["Active"] = "active";
+    BadgeStatusStatus["PartiallyActive"] = "partiallyactive";
+    BadgeStatusStatus["Inactive"] = "inactive";
+    BadgeStatusStatus["New"] = "new";
+    BadgeStatusStatus["Attention"] = "attention";
+})(BadgeStatusStatus || (exports.BadgeStatusStatus = BadgeStatusStatus = {}));
+/**
+ * The size of BadgeStatus
+ */
+var BadgeStatusSize;
+(function (BadgeStatusSize) {
+    /**
+     * Represents a medium badge status size (8px).
+     */
+    BadgeStatusSize["Md"] = "md";
+    /**
+     * Represents a large avatar size (10px).
+     */
+    BadgeStatusSize["Lg"] = "lg";
+})(BadgeStatusSize || (exports.BadgeStatusSize = BadgeStatusSize = {}));
+//# sourceMappingURL=BadgeStatus.types.cjs.map

package/dist/components/badge-status/BadgeStatus.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeStatus.types.cjs","sourceRoot":"","sources":["../../../src/components/badge-status/BadgeStatus.types.ts"],"names":[],"mappings":";;;AAEA;;GAEG;AACH,IAAY,iBAMX;AAND,WAAY,iBAAiB;IAC3B,sCAAiB,CAAA;IACjB,wDAAmC,CAAA;IACnC,0CAAqB,CAAA;IACrB,gCAAW,CAAA;IACX,4CAAuB,CAAA;AACzB,CAAC,EANW,iBAAiB,iCAAjB,iBAAiB,QAM5B;AACD;;GAEG;AACH,IAAY,eASX;AATD,WAAY,eAAe;IACzB;;OAEG;IACH,4BAAS,CAAA;IACT;;OAEG;IACH,4BAAS,CAAA;AACX,CAAC,EATW,eAAe,+BAAf,eAAe,QAS1B","sourcesContent":["import type { ComponentProps } from 'react';\n\n/**\n * The status of BadgeStatus\n */\nexport enum BadgeStatusStatus {\n  Active = 'active',\n  PartiallyActive = 'partiallyactive',\n  Inactive = 'inactive',\n  New = 'new',\n  Attention = 'attention',\n}\n/**\n * The size of BadgeStatus\n */\nexport enum BadgeStatusSize {\n  /**\n   * Represents a medium badge status size (8px).\n   */\n  Md = 'md',\n  /**\n   * Represents a large avatar size (10px).\n   */\n  Lg = 'lg',\n}\n/**\n * BadgeStatus component props.\n */\nexport type BadgeStatusProps = ComponentProps<'div'> & {\n  /**\n   * Optional prop to control the status of the badge\n   * Possible values:\n   * - BadgeStatusStatus.Active.\n   * - BadgeStatusStatus.PartiallyActive.\n   * - BadgeStatusStatus.Inactive.\n   * - BadgeStatusStatus.New.\n   * - BadgeStatusStatus.Attention.\n   */\n  status: BadgeStatusStatus;\n  /**\n   * Optional prop to determine whether the badge should display a border\n   * @default true\n   */\n  hasBorder?: boolean;\n  /**\n   * Optional prop to control the size of the BadgeStatus\n   * Possible values:\n   * - BadgeStatusSize.Md (8px),\n   * - BadgeStatusSize.Lg (10px),\n   * @default AvatarBaseSize.Md\n   */\n  size?: BadgeStatusSize;\n  /**\n   * Optional prop for additional CSS classes to be applied to the BadgeStatus 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-status/BadgeStatus.types.d.cts

@@ -0,0 +1,63 @@
+import type { ComponentProps } from "react";
+/**
+ * The status of BadgeStatus
+ */
+export declare enum BadgeStatusStatus {
+    Active = "active",
+    PartiallyActive = "partiallyactive",
+    Inactive = "inactive",
+    New = "new",
+    Attention = "attention"
+}
+/**
+ * The size of BadgeStatus
+ */
+export declare enum BadgeStatusSize {
+    /**
+     * Represents a medium badge status size (8px).
+     */
+    Md = "md",
+    /**
+     * Represents a large avatar size (10px).
+     */
+    Lg = "lg"
+}
+/**
+ * BadgeStatus component props.
+ */
+export type BadgeStatusProps = ComponentProps<'div'> & {
+    /**
+     * Optional prop to control the status of the badge
+     * Possible values:
+     * - BadgeStatusStatus.Active.
+     * - BadgeStatusStatus.PartiallyActive.
+     * - BadgeStatusStatus.Inactive.
+     * - BadgeStatusStatus.New.
+     * - BadgeStatusStatus.Attention.
+     */
+    status: BadgeStatusStatus;
+    /**
+     * Optional prop to determine whether the badge should display a border
+     * @default true
+     */
+    hasBorder?: boolean;
+    /**
+     * Optional prop to control the size of the BadgeStatus
+     * Possible values:
+     * - BadgeStatusSize.Md (8px),
+     * - BadgeStatusSize.Lg (10px),
+     * @default AvatarBaseSize.Md
+     */
+    size?: BadgeStatusSize;
+    /**
+     * Optional prop for additional CSS classes to be applied to the BadgeStatus 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=BadgeStatus.types.d.cts.map

package/dist/components/badge-status/BadgeStatus.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeStatus.types.d.cts","sourceRoot":"","sources":["../../../src/components/badge-status/BadgeStatus.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C;;GAEG;AACH,oBAAY,iBAAiB;IAC3B,MAAM,WAAW;IACjB,eAAe,oBAAoB;IACnC,QAAQ,aAAa;IACrB,GAAG,QAAQ;IACX,SAAS,cAAc;CACxB;AACD;;GAEG;AACH,oBAAY,eAAe;IACzB;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;CACV;AACD;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACrD;;;;;;;;OAQG;IACH,MAAM,EAAE,iBAAiB,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}

package/dist/components/badge-status/BadgeStatus.types.d.mts

@@ -0,0 +1,63 @@
+import type { ComponentProps } from "react";
+/**
+ * The status of BadgeStatus
+ */
+export declare enum BadgeStatusStatus {
+    Active = "active",
+    PartiallyActive = "partiallyactive",
+    Inactive = "inactive",
+    New = "new",
+    Attention = "attention"
+}
+/**
+ * The size of BadgeStatus
+ */
+export declare enum BadgeStatusSize {
+    /**
+     * Represents a medium badge status size (8px).
+     */
+    Md = "md",
+    /**
+     * Represents a large avatar size (10px).
+     */
+    Lg = "lg"
+}
+/**
+ * BadgeStatus component props.
+ */
+export type BadgeStatusProps = ComponentProps<'div'> & {
+    /**
+     * Optional prop to control the status of the badge
+     * Possible values:
+     * - BadgeStatusStatus.Active.
+     * - BadgeStatusStatus.PartiallyActive.
+     * - BadgeStatusStatus.Inactive.
+     * - BadgeStatusStatus.New.
+     * - BadgeStatusStatus.Attention.
+     */
+    status: BadgeStatusStatus;
+    /**
+     * Optional prop to determine whether the badge should display a border
+     * @default true
+     */
+    hasBorder?: boolean;
+    /**
+     * Optional prop to control the size of the BadgeStatus
+     * Possible values:
+     * - BadgeStatusSize.Md (8px),
+     * - BadgeStatusSize.Lg (10px),
+     * @default AvatarBaseSize.Md
+     */
+    size?: BadgeStatusSize;
+    /**
+     * Optional prop for additional CSS classes to be applied to the BadgeStatus 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=BadgeStatus.types.d.mts.map

package/dist/components/badge-status/BadgeStatus.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeStatus.types.d.mts","sourceRoot":"","sources":["../../../src/components/badge-status/BadgeStatus.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C;;GAEG;AACH,oBAAY,iBAAiB;IAC3B,MAAM,WAAW;IACjB,eAAe,oBAAoB;IACnC,QAAQ,aAAa;IACrB,GAAG,QAAQ;IACX,SAAS,cAAc;CACxB;AACD;;GAEG;AACH,oBAAY,eAAe;IACzB;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;CACV;AACD;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACrD;;;;;;;;OAQG;IACH,MAAM,EAAE,iBAAiB,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}

package/dist/components/badge-status/BadgeStatus.types.mjs

@@ -0,0 +1,26 @@
+/**
+ * The status of BadgeStatus
+ */
+export var BadgeStatusStatus;
+(function (BadgeStatusStatus) {
+    BadgeStatusStatus["Active"] = "active";
+    BadgeStatusStatus["PartiallyActive"] = "partiallyactive";
+    BadgeStatusStatus["Inactive"] = "inactive";
+    BadgeStatusStatus["New"] = "new";
+    BadgeStatusStatus["Attention"] = "attention";
+})(BadgeStatusStatus || (BadgeStatusStatus = {}));
+/**
+ * The size of BadgeStatus
+ */
+export var BadgeStatusSize;
+(function (BadgeStatusSize) {
+    /**
+     * Represents a medium badge status size (8px).
+     */
+    BadgeStatusSize["Md"] = "md";
+    /**
+     * Represents a large avatar size (10px).
+     */
+    BadgeStatusSize["Lg"] = "lg";
+})(BadgeStatusSize || (BadgeStatusSize = {}));
+//# sourceMappingURL=BadgeStatus.types.mjs.map

package/dist/components/badge-status/BadgeStatus.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeStatus.types.mjs","sourceRoot":"","sources":["../../../src/components/badge-status/BadgeStatus.types.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAN,IAAY,iBAMX;AAND,WAAY,iBAAiB;IAC3B,sCAAiB,CAAA;IACjB,wDAAmC,CAAA;IACnC,0CAAqB,CAAA;IACrB,gCAAW,CAAA;IACX,4CAAuB,CAAA;AACzB,CAAC,EANW,iBAAiB,KAAjB,iBAAiB,QAM5B;AACD;;GAEG;AACH,MAAM,CAAN,IAAY,eASX;AATD,WAAY,eAAe;IACzB;;OAEG;IACH,4BAAS,CAAA;IACT;;OAEG;IACH,4BAAS,CAAA;AACX,CAAC,EATW,eAAe,KAAf,eAAe,QAS1B","sourcesContent":["import type { ComponentProps } from 'react';\n\n/**\n * The status of BadgeStatus\n */\nexport enum BadgeStatusStatus {\n  Active = 'active',\n  PartiallyActive = 'partiallyactive',\n  Inactive = 'inactive',\n  New = 'new',\n  Attention = 'attention',\n}\n/**\n * The size of BadgeStatus\n */\nexport enum BadgeStatusSize {\n  /**\n   * Represents a medium badge status size (8px).\n   */\n  Md = 'md',\n  /**\n   * Represents a large avatar size (10px).\n   */\n  Lg = 'lg',\n}\n/**\n * BadgeStatus component props.\n */\nexport type BadgeStatusProps = ComponentProps<'div'> & {\n  /**\n   * Optional prop to control the status of the badge\n   * Possible values:\n   * - BadgeStatusStatus.Active.\n   * - BadgeStatusStatus.PartiallyActive.\n   * - BadgeStatusStatus.Inactive.\n   * - BadgeStatusStatus.New.\n   * - BadgeStatusStatus.Attention.\n   */\n  status: BadgeStatusStatus;\n  /**\n   * Optional prop to determine whether the badge should display a border\n   * @default true\n   */\n  hasBorder?: boolean;\n  /**\n   * Optional prop to control the size of the BadgeStatus\n   * Possible values:\n   * - BadgeStatusSize.Md (8px),\n   * - BadgeStatusSize.Lg (10px),\n   * @default AvatarBaseSize.Md\n   */\n  size?: BadgeStatusSize;\n  /**\n   * Optional prop for additional CSS classes to be applied to the BadgeStatus 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-status/index.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgeStatusSize = exports.BadgeStatusStatus = exports.BadgeStatus = void 0;
+var BadgeStatus_1 = require("./BadgeStatus.cjs");
+Object.defineProperty(exports, "BadgeStatus", { enumerable: true, get: function () { return BadgeStatus_1.BadgeStatus; } });
+var BadgeStatus_types_1 = require("./BadgeStatus.types.cjs");
+Object.defineProperty(exports, "BadgeStatusStatus", { enumerable: true, get: function () { return BadgeStatus_types_1.BadgeStatusStatus; } });
+Object.defineProperty(exports, "BadgeStatusSize", { enumerable: true, get: function () { return BadgeStatus_types_1.BadgeStatusSize; } });
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/badge-status/index.ts"],"names":[],"mappings":";;;AAAA,iDAA4C;AAAnC,0GAAA,WAAW,OAAA;AAEpB,6DAAyE;AAAhE,sHAAA,iBAAiB,OAAA;AAAE,oHAAA,eAAe,OAAA","sourcesContent":["export { BadgeStatus } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus.types';\nexport { BadgeStatusStatus, BadgeStatusSize } from './BadgeStatus.types';\n"]}

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

@@ -0,0 +1,4 @@
+export { BadgeStatus } from "./BadgeStatus.cjs";
+export type { BadgeStatusProps } from "./BadgeStatus.types.cjs";
+export { BadgeStatusStatus, BadgeStatusSize } from "./BadgeStatus.types.cjs";
+//# sourceMappingURL=index.d.cts.map

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

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

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

@@ -0,0 +1,4 @@
+export { BadgeStatus } from "./BadgeStatus.mjs";
+export type { BadgeStatusProps } from "./BadgeStatus.types.mjs";
+export { BadgeStatusStatus, BadgeStatusSize } from "./BadgeStatus.types.mjs";
+//# sourceMappingURL=index.d.mts.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/badge-status/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAE5C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,gCAA4B","sourcesContent":["export { BadgeStatus } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus.types';\nexport { BadgeStatusStatus, BadgeStatusSize } from './BadgeStatus.types';\n"]}

package/dist/components/blockies/Blockies.cjs

@@ -0,0 +1,40 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Blockies = void 0;
+const react_1 = __importStar(require("react"));
+const Blockies = ({ address, size = 32, ...props }) => {
+    const [bloModule, setBloModule] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        import("blo").then((module) => setBloModule(module));
+    }, []);
+    if (!bloModule) {
+        return null;
+    }
+    return (react_1.default.createElement("img", { src: bloModule.blo(address), height: size, width: size, alt: `Blockies for ${address}`, ...props }));
+};
+exports.Blockies = Blockies;
+exports.Blockies.displayName = 'Blockies';
+//# sourceMappingURL=Blockies.cjs.map