impact-ui 4.0.6 → 4.0.7-alpha.1

package/dist/components/AccordionModern/index.js

@@ -1,99 +0,0 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.impact-accordion-modern-main-container{display:flex;flex-direction:column;gap:12px}.impact-modern-accordion-item{background-color:#fff;border:1px solid #eff2fa;border-radius:8px;display:flex;flex-direction:column;transition:border .2s ease}.impact-modern-accordion-item:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact-modern-accordion-item:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-modern-accordion-item.Mui-disabled:focus-visible,.impact-modern-accordion-item.ia-btn-disabled:focus-visible,.impact-modern-accordion-item.ia-switch-disabled:focus-visible,.impact-modern-accordion-item.impact-select-disabled:focus-visible,.impact-modern-accordion-item.impact_input_disabled:focus-visible,.impact-modern-accordion-item.route-disabled:focus-visible,.impact-modern-accordion-item:disabled:focus-visible,.impact-modern-accordion-item[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.impact-modern-accordion-item .impact-modern-accordion-header{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:12px;height:48px;padding:8px 16px;width:100%}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-drag-icon{border-radius:8px}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-drag-icon svg{color:#60697d;height:20px;margin-top:2px;width:20px}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-expand-icon{align-items:center;background-color:#f5f6fa;border-radius:8px;display:flex;height:32px;justify-content:center;padding:8px;transition:transform .2s ease-in-out;width:32px}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-expand-icon:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-expand-icon:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-expand-icon:hover{cursor:pointer}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-expand-icon svg{fill:#60697d;height:20px;transition:transform .2s ease-in-out;width:20px}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-title{color:#0d152c;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;line-height:21px;width:100%}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-title.child-count{align-items:center;display:flex;gap:12px}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-title.disabled{color:#b4bac7}.impact-modern-accordion-item .impact-modern-accordion-content{box-sizing:border-box;color:#0d152c;font-family:Manrope,sans-serif!important;font-size:14px;font-weight:500;height:0;line-height:21px;opacity:0;overflow:hidden;padding:0 16px;transition:height .2s ease,padding .2s ease,opacity .2s ease;visibility:hidden}.impact-modern-accordion-item .expand-content{height:auto;opacity:1;padding:16px;visibility:visible}.impact-modern-accordion-container.disabled{cursor:not-allowed}.impact-modern-accordion-container.disabled .impact-modern-accordion-item .impact-modern-accordion-header{pointer-events:none}.impact-modern-accordion-container.disabled .impact-modern-accordion-item .impact-modern-accordion-drag-icon,.impact-modern-accordion-container.disabled .impact-modern-accordion-item .impact-modern-accordion-expand-icon{background-color:#f8f9fb}.expand-content-icon{transform:rotate(-90deg)}.expand-content-icon+.impact-modern-accordion-title{fill:#60697d;font-weight:800!important}.expand-content-icon+.impact-modern-accordion-title h3{font-weight:800}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import default_1 from "../../node_modules/@mui/icons-material/KeyboardArrowRight.js";
-import { Badge } from "../Badge/index.js";
-import { SortableAccordionList } from "./SortableAccordionComp.js";
-
-function AccordionModern({
-  draggable = false,
-  expanded,
-  setExpanded,
-  isMultiExpanded = false,
-  data = [],
-  onChange,
-  className = ""
-}) {
-  const handleMultiAccordionChange = useCallback(
-    (value) => {
-      if (onChange) {
-        onChange(value);
-      }
-      if (isMultiExpanded) {
-        const expandedItems = Array.isArray(expanded) ? expanded : [expanded];
-        const nextExpandedItems = expandedItems.includes(value) ? expandedItems.filter((itemValue) => itemValue !== value) : [...expandedItems, value];
-        setExpanded(nextExpandedItems);
-        return;
-      }
-      setExpanded(expanded === value ? "" : value);
-    },
-    [expanded, isMultiExpanded, onChange, setExpanded]
-  );
-  const checkExpand = useCallback(
-    (item) => {
-      if (isMultiExpanded && Array.isArray(expanded) && expanded.includes(item.value)) {
-        return "expand-content";
-      }
-      if (expanded === item.value) {
-        return "expand-content";
-      }
-      return "";
-    },
-    [expanded, isMultiExpanded]
-  );
-  if (draggable && data.length > 0) {
-    return /* @__PURE__ */ jsx(
-      SortableAccordionList,
-      {
-        checkExpand,
-        data,
-        handleMultiAccordionChange
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx("div", { className: `impact-accordion-modern-main-container ${className}`.trim(), children: data.map((item) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: `impact-modern-accordion-container ${item.disabled ? "disabled" : ""}`,
-      children: /* @__PURE__ */ jsxs("div", { className: "impact-modern-accordion-item", children: [
-        /* @__PURE__ */ jsxs("div", { className: "impact-modern-accordion-header", children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: `impact-modern-accordion-expand-icon ${checkExpand(item)}-icon`,
-              tabIndex: item.disabled ? -1 : 0,
-              onClick: (e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                if (!item.disabled) handleMultiAccordionChange(item.value);
-              },
-              onKeyDown: (e) => {
-                if (!item.disabled && (e.key === "Enter" || e.key === " ")) {
-                  e.preventDefault();
-                  handleMultiAccordionChange(item.value);
-                }
-              },
-              children: /* @__PURE__ */ jsx(default_1, {})
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: `impact-modern-accordion-title ${(item.childCount ?? 0) > 0 ? "child-count" : ""} ${item.disabled ? "disabled" : ""}`,
-              children: [
-                item.header,
-                (item.childCount ?? 0) > 0 ? /* @__PURE__ */ jsx(Badge, { color: "info", label: String(item.childCount), variant: "stroke" }) : null
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: `impact-modern-accordion-content ${checkExpand(item)}`, children: item.content })
-      ] })
-    },
-    item.value
-  )) });
-}
-AccordionModern.displayName = "AccordionModern";
-export {
-  AccordionModern
-};

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

@@ -1,102 +0,0 @@
-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 value is displayed as the title.
-     * @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

@@ -1 +0,0 @@
-{"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

@@ -1,30 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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,oHAgEjB,CAAC"}

package/dist/components/Alert/index.js

@@ -1,78 +0,0 @@
-!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;position:relative}.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 .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,
-    title,
-    description = "",
-    actionName = "",
-    onAction,
-    onClose,
-    actionButtonProps,
-    children: _children,
-    subtleBackground,
-    className = "",
-    ...args
-  }, ref) => {
-    const classStr = `ia-styles ia-alert ${subtleBackground ? "ia-subtleBackground" : ""} ${className}`.trim();
-    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: title || severity }),
-            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
-        ]
-      }
-    );
-  }
-);
-Alert.displayName = "Alert";
-export {
-  Alert
-};

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

@@ -1,62 +0,0 @@
-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 | null;
-    /**
-     * 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

@@ -1 +0,0 @@
-{"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,GAAG,IAAI,CAAC;IAEtB;;;;;;;;;;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

@@ -1,19 +0,0 @@
-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

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

package/dist/components/Avatar/index.js

@@ -1,62 +0,0 @@
-!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 safeLabel = label ?? "Unknown";
-    const initials = useMemo(() => {
-      if (type === "withPicture") {
-        return "";
-      }
-      return safeLabel.trim().split(" ").filter((word) => word).map((word) => {
-        var _a;
-        return ((_a = word[0]) == null ? void 0 : _a.toUpperCase()) ?? "";
-      }).join("") || "";
-    }, [safeLabel, 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 ?? safeLabel,
-        className: classStr,
-        src: type === "withPicture" ? src : void 0,
-        ...args,
-        children: displayInitials
-      }
-    );
-  }
-);
-Avatar.displayName = "Avatar";
-export {
-  Avatar
-};

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

@@ -1,53 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,40 +0,0 @@
-!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.Mui-focusVisible,.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, disableRipple: true }
-    }
-  );
-}
-export {
-  FilledIconLabelBadges as default
-};

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

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,33 +0,0 @@
-!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.Mui-focusVisible,.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, disableRipple: true }
-    }
-  );
-}
-export {
-  FilledOnlyIconBadges as default
-};

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

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}