impact-ui 3.7.34-alpha.2 → 3.7.34-alpha.3

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

@@ -0,0 +1,102 @@
+import { ReactNode } from 'react';
+import { AlertProps as MUIAlertProps } from '@mui/material/Alert';
+import { BaseComponentProps } from '../../types';
+import { ButtonProps } from '../Button/Button.types';
+
+/**
+ * Alert severity levels that determine the visual style and icon
+ */
+export type AlertSeverity = 'success' | 'info' | 'warning' | 'error';
+export interface AlertProps extends Omit<BaseComponentProps, 'children'>, Omit<MUIAlertProps, 'severity' | 'title' | 'action'> {
+    /**
+     * The severity level of the alert which determines its color scheme and icon.
+     * - 'success': Green theme with checkmark icon - use for successful operations
+     * - 'info': Blue theme with info icon - use for informational messages
+     * - 'warning': Yellow/Orange theme with warning icon - use for potential issues
+     * - 'error': Red theme with error icon - use for errors and failures
+     * @example
+     * <Alert severity="success" title="Success!" />
+     * <Alert severity="error" title="Something went wrong" />
+     */
+    severity: AlertSeverity;
+    /**
+     * The main title text of the alert.
+     * If not provided, the severity type will be displayed as the title (capitalized).
+     * @example
+     * <Alert severity="success" title="Payment Successful" />
+     */
+    title?: string;
+    /**
+     * Additional description text displayed below the title.
+     * Use this for providing more context or details about the alert.
+     * @example
+     * <Alert
+     *   severity="error"
+     *   title="Upload Failed"
+     *   description="The file size exceeds the 10MB limit. Please choose a smaller file."
+     * />
+     */
+    description?: string;
+    /**
+     * Text label for the action button.
+     * The button will only appear if both `actionName` and `onAction` are provided.
+     * @example
+     * <Alert
+     *   severity="info"
+     *   title="New Update Available"
+     *   actionName="Update Now"
+     *   onAction={() => handleUpdate()}
+     * />
+     */
+    actionName?: string;
+    /**
+     * Callback function triggered when the action button is clicked.
+     * The action button will only appear if both `actionName` and `onAction` are provided.
+     * @example
+     * <Alert
+     *   severity="warning"
+     *   title="Session Expiring"
+     *   actionName="Extend Session"
+     *   onAction={() => extendSession()}
+     * />
+     */
+    onAction?: () => void;
+    /**
+     * Callback function triggered when the close button is clicked.
+     * If provided, a close button will be displayed in the alert.
+     * @example
+     * <Alert
+     *   severity="success"
+     *   title="Settings Saved"
+     *   onClose={() => setShowAlert(false)}
+     * />
+     */
+    onClose?: () => void;
+    /**
+     * Additional props to pass to the action Button component.
+     * Useful for customizing the action button's appearance.
+     * @example
+     * <Alert
+     *   severity="info"
+     *   title="Update Available"
+     *   actionName="Download"
+     *   onAction={handleDownload}
+     *   actionButtonProps={{ variant: 'primary', size: 'small' }}
+     * />
+     */
+    actionButtonProps?: Partial<ButtonProps>;
+    /**
+     * Custom content to display inside the alert.
+     * When provided, this will be rendered in addition to the description.
+     */
+    children?: ReactNode;
+    /**
+     * When true, displays the alert with a subtle background style (no shadow and border).
+     * Useful for inline alerts that don't need to stand out as much.
+     * @default false
+     * @example
+     * <Alert severity="info" title="Note" subtleBackground />
+     */
+    subtleBackground?: boolean;
+}
+//# sourceMappingURL=Alert.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.types.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,UAAU,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAErE,MAAM,WAAW,UACf,SACE,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,EACpC,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IACtD;;;;;;;;;OASG;IACH,QAAQ,EAAE,aAAa,CAAC;IAExB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;;OASG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;;;;;;OAUG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;;;;;;;;OAWG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAEzC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}

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

@@ -0,0 +1,30 @@
+import { AlertProps } from './Alert.types';
+
+/**
+ * Alert component for displaying important messages to users.
+ * Supports four severity levels (success, info, warning, error) with corresponding
+ * visual styles and icons. Includes optional action button and close functionality.
+ * Meets WCAG 2.1 Level AA accessibility standards.
+ *
+ * @example
+ * // Basic success alert
+ * <Alert severity="success" title="Changes saved!" />
+ *
+ * // Error alert with description
+ * <Alert
+ *   severity="error"
+ *   title="Upload Failed"
+ *   description="File size exceeds the 10MB limit."
+ * />
+ *
+ * // Info alert with action and close
+ * <Alert
+ *   severity="info"
+ *   title="Update Available"
+ *   actionName="Update Now"
+ *   onAction={() => handleUpdate()}
+ *   onClose={() => dismissAlert()}
+ * />
+ */
+export declare const Alert: import('react').ForwardRefExoticComponent<Omit<AlertProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,qBAAqB,CAAC;AAE7B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,KAAK,oHAoEjB,CAAC"}

package/dist/components/Alert/index.js

@@ -0,0 +1,80 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".ia-styles.ia-alert{align-items:flex-start;border:1px solid #c4e8d5;border-radius:8px;box-shadow:0 0 16px 5px #0000001f;box-sizing:border-box;display:flex;font-family:Manrope,sans-serif!important;font-size:12px!important;font-weight:500;min-height:36px;min-width:385px;padding:8px 16px!important;z-index:999999}.ia-styles.ia-alert .description{color:#60697d;font-size:12px;word-break:break-word}.ia-styles.ia-alert .MuiAlert-message{display:flex;flex-direction:column;flex-grow:1;gap:4px;justify-content:space-between;overflow:initial;padding:0}.ia-styles.ia-alert .MuiAlert-message button{color:#3649c6;font-size:12px;font-weight:500;height:16px;min-width:0;padding:0;text-transform:none}.ia-styles.ia-alert .MuiAlert-message button:not(:last-child){margin-right:6px}.ia-styles.ia-alert .MuiAlert-message button .MuiTouchRipple-root{visibility:hidden}.ia-styles.ia-alert .MuiAlert-message .close_btn_alert{background:#0000;color:#60697d}.ia-styles.ia-alert .MuiAlert-message .close_btn_alert:hover svg{color:#60697d!important}.ia-styles.ia-alert .MuiAlert-message .close_btn_alert:hover svg path{fill:#60697d!important}.ia-styles.ia-alert .MuiAlert-message .close_btn_alert:focus{outline:3px solid #0000}.ia-styles.ia-alert .MuiAlert-message .ia-alert-body{align-items:center;display:flex;flex-direction:row;gap:4px;padding:0}.ia-styles.ia-alert .MuiAlert-message .ia-alert-body>.MuiTypography-root{color:#0d152c;flex-grow:1;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;margin-bottom:0}.ia-styles.ia-alert.ia-subtleBackground{border:none!important;box-shadow:none!important}.ia-styles.ia-alert .MuiButtonBase-root:hover{background-color:initial;color:#29399f}.ia-styles.ia-alert .MuiAlert-icon{align-items:flex-start;font-size:18px;margin-right:12px;margin-top:-2px;opacity:1;padding:0}.ia-styles.ia-alert.MuiAlert-standardSuccess{background:#ebf7f1;border:1px solid #c4e8d5}.ia-styles.ia-alert.MuiAlert-standardSuccess .MuiAlert-icon{color:#3bb273}.ia-styles.ia-alert.MuiAlert-standardInfo{background:#e2f4ff;border:1px solid #c6cdfb}.ia-styles.ia-alert.MuiAlert-standardInfo .MuiAlert-icon{color:#4259ee}.ia-styles.ia-alert.MuiAlert-standardWarning{background:#fff8d5;border:1px solid #ffe770}.ia-styles.ia-alert.MuiAlert-standardWarning .MuiAlert-icon{color:#e1bc29}.ia-styles.ia-alert.MuiAlert-standardError{background:#feeaf3;border:1px solid #f3c1c0}.ia-styles.ia-alert.MuiAlert-standardError .MuiAlert-icon{color:#e15554}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import default_1$1 from "../../node_modules/@mui/icons-material/Cancel.js";
+import default_1$4 from "../../node_modules/@mui/icons-material/CheckCircle.js";
+import default_1 from "../../node_modules/@mui/icons-material/Close.js";
+import default_1$3 from "../../node_modules/@mui/icons-material/Info.js";
+import default_1$2 from "../../node_modules/@mui/icons-material/Warning.js";
+import { Button } from "../Button/index.js";
+
+import Alert$1 from "../../node_modules/@mui/material/Alert/Alert.js";
+import AlertTitle from "../../node_modules/@mui/material/AlertTitle/AlertTitle.js";
+const Alert = forwardRef(
+  ({
+    severity = "info",
+    title,
+    description = "",
+    actionName = "",
+    onAction,
+    onClose,
+    actionButtonProps,
+    children,
+    subtleBackground,
+    className = "",
+    ...args
+  }, ref) => {
+    const classStr = `ia-styles ia-alert ${subtleBackground ? "ia-subtleBackground" : ""} ${className}`.trim();
+    const displayTitle = title ?? severity.charAt(0).toUpperCase() + severity.slice(1);
+    return /* @__PURE__ */ jsxs(
+      Alert$1,
+      {
+        ref,
+        "aria-live": severity === "error" ? "assertive" : "polite",
+        className: classStr,
+        iconMapping: {
+          success: /* @__PURE__ */ jsx(default_1$4, { fontSize: "small" }),
+          info: /* @__PURE__ */ jsx(default_1$3, { fontSize: "small" }),
+          warning: /* @__PURE__ */ jsx(default_1$2, { fontSize: "small" }),
+          error: /* @__PURE__ */ jsx(default_1$1, { fontSize: "small" })
+        },
+        role: "alert",
+        severity,
+        ...args,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "ia-alert-body", children: [
+            /* @__PURE__ */ jsx(AlertTitle, { children: displayTitle }),
+            actionName && onAction ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                "aria-label": actionName,
+                size: "small",
+                variant: "url",
+                onClick: onAction,
+                ...actionButtonProps,
+                children: actionName
+              }
+            ) : null,
+            onClose ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                "aria-label": "Close alert",
+                className: "close_btn_alert",
+                size: "small",
+                variant: "text",
+                onClick: onClose,
+                children: /* @__PURE__ */ jsx(default_1, { fontSize: "small" })
+              }
+            ) : null
+          ] }),
+          description ? /* @__PURE__ */ jsx("span", { className: "description", children: description }) : null,
+          children
+        ]
+      }
+    );
+  }
+);
+Alert.displayName = "Alert";
+export {
+  Alert
+};

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

@@ -0,0 +1,62 @@
+import { AvatarProps as MUIAvatarProps } from '@mui/material/Avatar';
+import { BaseComponentProps } from '../../types';
+
+/**
+ * Avatar display types that determine how the avatar is rendered
+ */
+export type AvatarType = 'withPicture' | 'withoutPicture' | 'onlyName';
+/**
+ * Avatar size variants
+ */
+export type AvatarSize = 'small' | 'medium' | 'large';
+export interface AvatarProps extends Omit<BaseComponentProps, 'children'>, Omit<MUIAvatarProps, 'variant' | 'sizes'> {
+    /**
+     * The name or label to display as initials when type is 'withoutPicture' or 'onlyName'.
+     * For 'withoutPicture', up to 2 initials are shown (e.g., "John Doe" → "JD").
+     * For 'onlyName', only the first initial is shown (e.g., "John Doe" → "J").
+     * @default 'Unknown'
+     * @example
+     * // Shows "JD"
+     * <Avatar label="John Doe" type="withoutPicture" />
+     * // Shows "J"
+     * <Avatar label="John Doe" type="onlyName" />
+     */
+    label?: string;
+    /**
+     * Controls how the avatar content is displayed:
+     * - 'withPicture': Displays the image from the `src` prop
+     * - 'withoutPicture': Displays up to 2 initials extracted from the `label` prop
+     * - 'onlyName': Displays only the first initial from the `label` prop
+     * @default 'withoutPicture'
+     * @example
+     * <Avatar type="withPicture" src="/path/to/image.jpg" />
+     * <Avatar type="withoutPicture" label="John Doe" /> // Shows "JD"
+     * <Avatar type="onlyName" label="John Doe" /> // Shows "J"
+     */
+    type?: AvatarType;
+    /**
+     * The URL of the image to display when type is 'withPicture'.
+     * This prop is ignored for other avatar types.
+     * @example
+     * <Avatar type="withPicture" src="https://example.com/avatar.jpg" />
+     */
+    src?: string;
+    /**
+     * The size of the avatar component.
+     * - 'small': 36x36px
+     * - 'medium': 48x48px
+     * - 'large': 64x64px (default)
+     * @default 'large'
+     */
+    size?: AvatarSize;
+    /**
+     * Alternative text for the avatar image (for accessibility).
+     * If not provided, the label will be used.
+     */
+    alt?: string;
+    /**
+     * Click handler for the avatar
+     */
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+}
+//# sourceMappingURL=Avatar.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,UAAU,GAClB,aAAa,GACb,gBAAgB,GAChB,UAAU,CAAC;AAEf;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,OAAO,CAAC;IACvF;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC7D"}

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

@@ -0,0 +1,19 @@
+import { AvatarProps } from './Avatar.types';
+
+/**
+ * Avatar component for displaying user profile images or initials.
+ * Supports three display modes: image, initials (2 characters), or single initial.
+ * Meets WCAG 2.1 Level AA accessibility standards.
+ *
+ * @example
+ * // With image
+ * <Avatar type="withPicture" src="/avatar.jpg" alt="John Doe" />
+ *
+ * // With initials
+ * <Avatar label="John Doe" /> // Shows "JD"
+ *
+ * // With single initial
+ * <Avatar type="onlyName" label="John Doe" /> // Shows "J"
+ */
+export declare const Avatar: import('react').ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAE9B;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,MAAM,qHAkElB,CAAC"}

package/dist/components/Avatar/index.js

@@ -0,0 +1,61 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode(".ia-styles.ia-avatar{background-color:#3bb273;border-radius:12px;color:#fff;font-family:Manrope,sans-serif;font-weight:800}.ia-styles.ia-avatar.ia-avatar-small{font-size:12px;height:36px;width:36px}.ia-styles.ia-avatar.ia-avatar-medium{font-size:16px;height:48px;width:48px}.ia-styles.ia-avatar.ia-avatar-large{font-size:20px;height:64px;width:64px}")),document.head.appendChild(a)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useMemo } from "react";
+
+import Avatar$1 from "../../node_modules/@mui/material/Avatar/Avatar.js";
+const Avatar = forwardRef(
+  ({
+    label = "Unknown",
+    type = "withoutPicture",
+    src,
+    size = "large",
+    alt,
+    className = "",
+    ...args
+  }, ref) => {
+    const initials = useMemo(() => {
+      if (type === "withPicture") {
+        return "";
+      }
+      return label.trim().split(" ").filter((word) => word).map((word) => {
+        var _a;
+        return ((_a = word[0]) == null ? void 0 : _a.toUpperCase()) ?? "";
+      }).join("") || "";
+    }, [label, type]);
+    const displayInitials = useMemo(() => {
+      const maxChars = type === "onlyName" ? 1 : 2;
+      return initials.substring(0, maxChars);
+    }, [initials, type]);
+    const classStr = useMemo(() => {
+      let retVal = `ia-styles ia-avatar ${className}`;
+      switch (size) {
+        case "small":
+          retVal += " ia-avatar-small";
+          break;
+        case "medium":
+          retVal += " ia-avatar-medium";
+          break;
+        case "large":
+        default:
+          retVal += " ia-avatar-large";
+          break;
+      }
+      return retVal.trim();
+    }, [size, className]);
+    return /* @__PURE__ */ jsx(
+      Avatar$1,
+      {
+        ref,
+        alt: alt ?? label,
+        className: classStr,
+        src: type === "withPicture" ? src : void 0,
+        ...args,
+        children: displayInitials
+      }
+    );
+  }
+);
+Avatar.displayName = "Avatar";
+export {
+  Avatar
+};

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

@@ -0,0 +1,53 @@
+import { ReactNode } from 'react';
+import { ChipProps as MUIChipProps } from '@mui/material/Chip';
+import { BaseComponentProps } from '../../types';
+
+/**
+ * Badge color variants
+ */
+export type BadgeColor = 'info' | 'error' | 'warning' | 'success';
+/**
+ * Badge size options
+ */
+type BadgeSize = 'small' | 'medium';
+/**
+ * Badge variant styles
+ */
+type BadgeVariant = 'filled' | 'stroke' | 'subtle';
+/**
+ * Base props shared across all badge sub-components
+ */
+export interface BaseBadgeProps extends Omit<BaseComponentProps, 'children'>, Omit<MUIChipProps, 'size' | 'variant' | 'color' | 'icon'> {
+    /**
+     * The text label to display in the badge
+     */
+    label?: string;
+    /**
+     * Icon to display in the badge
+     */
+    icon?: ReactNode | null;
+    /**
+     * The color theme of the badge
+     */
+    color?: BadgeColor;
+    /**
+     * Whether the badge displays an icon
+     */
+    isIcon?: boolean;
+    /**
+     * The size of the badge
+     */
+    size?: BadgeSize;
+}
+/**
+ * Props for the main Badge component
+ */
+export interface BadgeProps extends BaseBadgeProps {
+    /**
+     * The variant style of the badge
+     * @default 'filled'
+     */
+    variant?: BadgeVariant;
+}
+export {};
+//# sourceMappingURL=Badge.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,SAAS,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAElE;;GAEG;AACH,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEpC;;GAEG;AACH,KAAK,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,cACf,SACE,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,EACpC,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC3D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB"}

package/dist/components/Badge/filled/filledIconLabelBadges/index.d.ts

@@ -0,0 +1,4 @@
+import { BaseBadgeProps } from '../../Badge.types';
+
+export default function FilledIconLabelBadges({ label, icon, color, size, ...args }: BaseBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Badge/filled/filledIconLabelBadges/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Badge/filled/filledIconLabelBadges/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,qCAAqC,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,KAAK,EACL,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,cAAc,2CA2BhB"}

package/dist/components/Badge/filled/filledIconLabelBadges/index.js

@@ -0,0 +1,40 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(".MuiChip-root.impact_badges_icon_label_filled{background:#5f6673;cursor:default;height:24px;max-width:max-content;padding:2px 8px}.MuiChip-root.impact_badges_icon_label_filled .MuiChip-label{color:#fff;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;padding:0}.MuiChip-root.impact_badges_icon_label_filled.small-badge{height:20px}.MuiChip-root.impact_badges_icon_label_filled.small-badge .MuiChip-label{line-height:16px}.MuiChip-root.impact_badges_icon_label_filled svg{color:#fff!important;font-size:14px!important;height:14px;margin:0 6px 0 0!important;width:14px}.MuiChip-root.impact_badges_icon_label_filled:hover{background:#5f6673}")),document.head.appendChild(i)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+import { jsx } from "react/jsx-runtime";
+
+import Chip from "../../../../node_modules/@mui/material/Chip/Chip.js";
+function FilledIconLabelBadges({
+  label,
+  icon,
+  color,
+  size,
+  ...args
+}) {
+  const getFilledBadgesColor = (colorValue) => {
+    switch (colorValue) {
+      case "info":
+        return "info-badge-filled";
+      case "error":
+        return "error-badge-filled";
+      case "warning":
+        return "warning-badge-filled";
+      case "success":
+        return "success-badge-filled";
+      default:
+        return "";
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Chip,
+    {
+      className: `impact_badges_icon_label_filled ${getFilledBadgesColor(
+        color
+      )} ${size === "small" ? "small-badge" : ""}`,
+      icon,
+      label,
+      ...args
+    }
+  );
+}
+export {
+  FilledIconLabelBadges as default
+};

package/dist/components/Badge/filled/filledOnlyIconBadges/index.d.ts

@@ -0,0 +1,4 @@
+import { BaseBadgeProps } from '../../Badge.types';
+
+export default function FilledOnlyIconBadges({ color, icon, size, ...args }: BaseBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Badge/filled/filledOnlyIconBadges/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Badge/filled/filledOnlyIconBadges/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,oCAAoC,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CA0B1F"}

package/dist/components/Badge/filled/filledOnlyIconBadges/index.js

@@ -0,0 +1,33 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(".MuiChip-root.impact_badges_only_icon_filled{background:#5f6673;cursor:default!important;height:24px;max-width:24px;padding:4px;width:24px}.MuiChip-root.impact_badges_only_icon_filled.small-badge{height:20px;width:20px}.MuiChip-root.impact_badges_only_icon_filled svg{color:#fff;font-size:14px!important;height:14px;margin:0!important;width:14px}.MuiChip-root.impact_badges_only_icon_filled span{display:none}.MuiChip-root.impact_badges_only_icon_filled:hover{background:#5f6673}")),document.head.appendChild(i)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+import { jsx } from "react/jsx-runtime";
+
+import Chip from "../../../../node_modules/@mui/material/Chip/Chip.js";
+function FilledOnlyIconBadges({ color, icon, size, ...args }) {
+  const getFilledBadgesColor = (colorValue) => {
+    switch (colorValue) {
+      case "info":
+        return "info-badge-filled";
+      case "error":
+        return "error-badge-filled";
+      case "warning":
+        return "warning-badge-filled";
+      case "success":
+        return "success-badge-filled";
+      default:
+        return "";
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Chip,
+    {
+      className: `impact_badges_only_icon_filled ${getFilledBadgesColor(
+        color
+      )} ${size === "small" ? "small-badge" : ""}`,
+      icon,
+      ...args
+    }
+  );
+}
+export {
+  FilledOnlyIconBadges as default
+};

package/dist/components/Badge/filled/filledOnlyLabelBadges/index.d.ts

@@ -0,0 +1,4 @@
+import { BaseBadgeProps } from '../../Badge.types';
+
+export default function FilledOnlyLabelBadges({ label, color, size, icon: _icon, ...args }: BaseBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Badge/filled/filledOnlyLabelBadges/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Badge/filled/filledOnlyLabelBadges/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,qCAAqC,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EAAE,KAAK,EACX,GAAG,IAAI,EACR,EAAE,cAAc,2CA0BhB"}

package/dist/components/Badge/filled/filledOnlyLabelBadges/index.js

@@ -0,0 +1,39 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".MuiChip-root.impact_badges_only_label_filled{background:#5f6673;cursor:default;height:24px;max-width:max-content;padding:2px 8px}.MuiChip-root.impact_badges_only_label_filled .MuiChip-label{color:#fff;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;padding:0}.MuiChip-root.impact_badges_only_label_filled.small-badge{height:20px}.MuiChip-root.impact_badges_only_label_filled.small-badge .MuiChip-label{line-height:16px}.MuiChip-root.impact_badges_only_label_filled svg{cursor:default!important;height:14px;width:14px}.MuiChip-root.impact_badges_only_label_filled:hover{background:#5f6673}.MuiChip-root.info-badge-filled,.MuiChip-root.info-badge-filled:hover{background:#5267f4}.MuiChip-root.success-badge-filled,.MuiChip-root.success-badge-filled:hover{background:#108431}.MuiChip-root.warning-badge-filled,.MuiChip-root.warning-badge-filled:hover{background:#ffe174}.MuiChip-root.warning-badge-filled .MuiChip-label{color:#1f2b4d}.MuiChip-root.warning-badge-filled svg{color:#1f2b4d!important}.MuiChip-root.error-badge-filled,.MuiChip-root.error-badge-filled:hover{background:#ec4c5c}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+import { jsx } from "react/jsx-runtime";
+
+import Chip from "../../../../node_modules/@mui/material/Chip/Chip.js";
+function FilledOnlyLabelBadges({
+  label,
+  color,
+  size,
+  icon: _icon,
+  ...args
+}) {
+  const getFilledBadgesColor = (colorValue) => {
+    switch (colorValue) {
+      case "info":
+        return "info-badge-filled";
+      case "error":
+        return "error-badge-filled";
+      case "warning":
+        return "warning-badge-filled";
+      case "success":
+        return "success-badge-filled";
+      default:
+        return "";
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Chip,
+    {
+      className: `impact_badges_only_label_filled ${getFilledBadgesColor(
+        color
+      )} ${size === "small" ? "small-badge" : ""}`,
+      label,
+      ...args
+    }
+  );
+}
+export {
+  FilledOnlyLabelBadges as default
+};

package/dist/components/Badge/filled/index.d.ts

@@ -0,0 +1,4 @@
+import { BaseBadgeProps } from '../Badge.types';
+
+export default function FilledBadges({ label, icon, color, isIcon, size, ...args }: BaseBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Badge/filled/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/filled/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAKrD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,KAAK,EACL,IAAI,EACJ,KAAK,EACL,MAAM,EACN,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,cAAc,2CAUhB"}

package/dist/components/Badge/filled/index.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import FilledIconLabelBadges from "./filledIconLabelBadges/index.js";
+import FilledOnlyIconBadges from "./filledOnlyIconBadges/index.js";
+import FilledOnlyLabelBadges from "./filledOnlyLabelBadges/index.js";
+function FilledBadges({
+  label,
+  icon,
+  color,
+  isIcon,
+  size,
+  ...args
+}) {
+  if (isIcon && label) {
+    return /* @__PURE__ */ jsx(FilledIconLabelBadges, { color, icon, label, size, ...args });
+  }
+  if (isIcon && !label) {
+    return /* @__PURE__ */ jsx(FilledOnlyIconBadges, { color, icon, isIcon, size, ...args });
+  }
+  return /* @__PURE__ */ jsx(FilledOnlyLabelBadges, { color, label, size, ...args });
+}
+export {
+  FilledBadges as default
+};

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

@@ -0,0 +1,12 @@
+import { BadgeProps } from './Badge.types';
+
+export type { BadgeProps } from './Badge.types';
+/**
+ * Badge component for displaying status indicators, labels, and icons
+ * Supports filled, stroke, and subtle variants with multiple color options
+ */
+export declare const Badge: {
+    ({ label, icon, variant, color, isIcon, size, ...args }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAIhD,OAAO,qBAAqB,CAAC;AAC7B,OAAO,cAAc,CAAC;AAGtB,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD;;;GAGG;AACH,eAAO,MAAM,KAAK;6DAA4D,UAAU;;CAgBvF,CAAC"}