@bigmath-ui-library/core 2.0.6 → 2.0.7

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMSmartStatus/BMSmartStatus.js

@@ -0,0 +1,145 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { styled } from "@mui/material/styles";
+import SuccessIcon from "@coreApp/assets/icons/success-tick.svg";
+import LoadingIcon from "@coreApp/assets/icons/Default-Loading-Circles.svg";
+import FailedIcon from "@coreApp/assets/icons/failed-solid.svg";
+import AlertIcon from "@coreApp/assets/icons/alert.svg";
+import InactiveIcon from "@coreApp/assets/icons/in-active.svg";
+import TimerIcon from "@coreApp/assets/icons/timer.svg";
+import ShieldIcon from "@coreApp/assets/icons/shield.svg";
+export var StatusType;
+(function (StatusType) {
+    StatusType["SUCCESS"] = "SUCCESS";
+    StatusType["IN_PROGRESS"] = "IN_PROGRESS";
+    StatusType["PENDING"] = "PENDING";
+    StatusType["ERROR"] = "ERROR";
+    StatusType["WARNING"] = "WARNING";
+    StatusType["INACTIVE"] = "INACTIVE";
+    StatusType["OTHER"] = "OTHER";
+})(StatusType || (StatusType = {}));
+export var IconPosition;
+(function (IconPosition) {
+    IconPosition["PREFIX"] = "PREFIX";
+    IconPosition["SUFFIX"] = "SUFFIX";
+})(IconPosition || (IconPosition = {}));
+const StatusContainer = styled("div")(({ theme, $type }) => ({
+    display: "inline-flex",
+    alignItems: "center",
+    gap: theme.spacing(0.75),
+    padding: theme.spacing(0.5, 1),
+    borderRadius: theme.shape.borderRadius - 2,
+    fontSize: theme.typography.body2.fontSize,
+    fontWeight: 500,
+    width: "fit-content",
+    ...(() => {
+        switch ($type) {
+            case StatusType.SUCCESS:
+                return {
+                    backgroundColor: theme.palette.success[100],
+                    color: theme.palette.success[700],
+                };
+            case StatusType.IN_PROGRESS:
+                return {
+                    backgroundColor: theme.palette.info[200],
+                    color: theme.palette.primary[700],
+                };
+            case StatusType.PENDING:
+                return {
+                    backgroundColor: theme.palette.warning[100],
+                    color: theme.palette.warning[900],
+                };
+            case StatusType.ERROR:
+                return {
+                    backgroundColor: theme.palette.error[100],
+                    color: theme.palette.error[700],
+                };
+            case StatusType.WARNING:
+                return {
+                    backgroundColor: theme.palette.warning[100],
+                    color: theme.palette.warning[900],
+                };
+            case StatusType.INACTIVE:
+                return {
+                    backgroundColor: theme.palette.grey[200],
+                    color: theme.palette.grey[700],
+                    opacity: 0.7,
+                };
+            case StatusType.OTHER:
+                return {
+                    backgroundColor: theme.palette.secondary[200],
+                    color: theme.palette.secondary,
+                };
+            default:
+                return {};
+        }
+    })(),
+}));
+const StatusIcon = styled("span")(({ theme, $type }) => ({
+    width: "16px",
+    height: "16px",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    "& svg": {
+        width: "16px",
+        height: "16px",
+    },
+    ...(() => {
+        switch ($type) {
+            case StatusType.SUCCESS:
+                return {
+                    color: theme.palette.success[500],
+                    paddingTop: theme.spacing(1),
+                    width: "10px",
+                    height: "8px",
+                };
+            case StatusType.IN_PROGRESS:
+                return { color: theme.palette.primary[600] };
+            case StatusType.PENDING:
+                return { color: theme.palette.warning[500] };
+            case StatusType.ERROR:
+                return { color: theme.palette.error[500] };
+            case StatusType.WARNING:
+                return { color: theme.palette.warning[500] };
+            case StatusType.OTHER:
+                return { color: theme.palette.grey[600] };
+            case StatusType.INACTIVE:
+                return {
+                    color: theme.palette.grey[600],
+                    opacity: 0.7,
+                };
+            default:
+                return {};
+        }
+    })(),
+}));
+const getStatusIcon = (type) => {
+    switch (type) {
+        case StatusType.SUCCESS:
+            return _jsx(SuccessIcon, {});
+        case StatusType.IN_PROGRESS:
+            return _jsx(LoadingIcon, {});
+        case StatusType.PENDING:
+            return _jsx(TimerIcon, {});
+        case StatusType.ERROR:
+            return _jsx(FailedIcon, {});
+        case StatusType.WARNING:
+            return _jsx(AlertIcon, {});
+        case StatusType.INACTIVE:
+            return _jsx(InactiveIcon, {});
+        case StatusType.OTHER:
+            return _jsx(ShieldIcon, {});
+        default:
+            return null;
+    }
+};
+export const BMSmartStatus = ({ type, label, className, iconPosition = IconPosition.SUFFIX, }) => {
+    const displayLabel = label ||
+        type
+            .split("-")
+            .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+            .join(" ");
+    const icon = _jsx(StatusIcon, { "$type": type, children: getStatusIcon(type) });
+    return (_jsxs(StatusContainer, { "$type": type, className: className, children: [iconPosition === IconPosition.PREFIX && icon, displayLabel, iconPosition === IconPosition.SUFFIX && icon] }));
+};
+export default BMSmartStatus;

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMSmartStatus/index.d.ts

@@ -0,0 +1 @@
+export * from "./BMSmartStatus";

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMSmartStatus/index.js

@@ -0,0 +1 @@
+export * from "./BMSmartStatus";

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMStatus/BMStatus.d.ts

@@ -0,0 +1,17 @@
+import { FC, ReactNode } from "react";
+export declare enum STATUS_TYPES {
+    SUCCESS = "success",
+    FAILED = "failed",
+    COMPLETE = "completed",
+    ACTIVE = "active",
+    INACTIVE = "inactive",
+    PENDING = "running",
+    ABORTED = "aborted",
+    IN_PROGRESS = "in_progress"
+}
+interface StatusProps {
+    label?: ReactNode;
+    type?: STATUS_TYPES;
+}
+export declare const BMStatus: FC<StatusProps>;
+export {};

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMStatus/BMStatus.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import { styled } from "@mui/material/styles";
+import { FiberManualRecord } from "@mui/icons-material";
+import CompletedIcon from "../../assets/icons/check.svg";
+import FailedIcon from "../../assets/icons/failed-solid.svg";
+import SuccessIcon from "../../assets/icons/circle-check-solid.svg";
+import LoadingIcon from "../../assets/icons/Default-Loading-Circles.svg";
+export var STATUS_TYPES;
+(function (STATUS_TYPES) {
+    STATUS_TYPES["SUCCESS"] = "success";
+    STATUS_TYPES["FAILED"] = "failed";
+    STATUS_TYPES["COMPLETE"] = "completed";
+    STATUS_TYPES["ACTIVE"] = "active";
+    STATUS_TYPES["INACTIVE"] = "inactive";
+    STATUS_TYPES["PENDING"] = "running";
+    STATUS_TYPES["ABORTED"] = "aborted";
+    STATUS_TYPES["IN_PROGRESS"] = "in_progress";
+})(STATUS_TYPES || (STATUS_TYPES = {}));
+// Styled components
+const StyledFailedIcon = styled(FailedIcon)(({ theme }) => ({
+    width: 24,
+    marginRight: theme.spacing(0.5),
+    color: theme.palette.error.main,
+}));
+const StyledCompletedIcon = styled(CompletedIcon)(({ theme }) => ({
+    marginRight: theme.spacing(0.5),
+    color: theme.palette.success.main,
+}));
+const StyledSuccessIcon = styled(SuccessIcon)(({ theme }) => ({
+    marginRight: theme.spacing(0.5),
+    color: theme.palette.success.main,
+}));
+const StyledInactiveDot = styled(FiberManualRecord)(({ theme }) => ({
+    fontSize: 12,
+    color: theme.palette.grey[500],
+}));
+const StyledActiveDot = styled(FiberManualRecord)(({ theme }) => ({
+    fontSize: 12,
+    marginRight: theme.spacing(0.5),
+    color: theme.palette.success.main,
+}));
+const StyledPendingDot = styled(FiberManualRecord)(({ theme }) => ({
+    marginRight: theme.spacing(0.5),
+    width: 12,
+    color: theme.palette.warning[700],
+}));
+const StyledLoadingIcon = styled(LoadingIcon)(({ theme }) => ({
+    width: 21,
+    height: 21,
+    marginRight: theme.spacing(1),
+}));
+export const BMStatus = ({ label, type = STATUS_TYPES.COMPLETE, }) => {
+    const getIcon = () => {
+        switch (type) {
+            case STATUS_TYPES.FAILED:
+                return _jsx(StyledFailedIcon, {});
+            case STATUS_TYPES.ACTIVE:
+                return _jsx(StyledActiveDot, {});
+            case STATUS_TYPES.INACTIVE:
+                return _jsx(StyledInactiveDot, {});
+            case STATUS_TYPES.SUCCESS:
+                return _jsx(StyledSuccessIcon, {});
+            case STATUS_TYPES.PENDING:
+                return _jsx(StyledPendingDot, {});
+            case STATUS_TYPES.IN_PROGRESS:
+                return _jsx(StyledLoadingIcon, {});
+            default:
+                return _jsx(StyledCompletedIcon, {});
+        }
+    };
+    return (_jsxs(Box, { sx: { display: "flex", alignItems: "center", justifyContent: "center" }, children: [getIcon(), label && _jsx(Box, { minWidth: 35, children: label })] }));
+};

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMStatus/index.d.ts

@@ -0,0 +1 @@
+export * from "./BMStatus";

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMStatus/index.js

@@ -0,0 +1 @@
+export * from "./BMStatus";

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMTable/BMTable.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { HTMLAttributes } from "react";
+import { type GridColDef, type DataGridProps } from "@mui/x-data-grid";
+type SelectableRows = "single" | "multiple" | "none";
+export interface CustomTableOptions {
+    pagination?: boolean;
+    viewColumns?: boolean;
+    selectableRowsOnClick?: boolean;
+    setTableProps?: () => Partial<DataGridProps>;
+    filterType?: "dropdown" | "textField";
+}
+export interface BMTableProps extends Omit<DataGridProps, "columns" | "rows">, HTMLAttributes<unknown> {
+    tableTitle?: React.ReactNode;
+    selectableRows?: SelectableRows;
+    data: (Record<any, any> | number[] | string[])[];
+    columns: GridColDef[];
+    withBorder?: boolean;
+    dataTestId?: string;
+    options: CustomTableOptions;
+    customHeaderRenderer?: (col: GridColDef) => React.ReactNode;
+}
+export declare const BMTable: React.FC<BMTableProps>;
+export {};

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMTable/BMTable.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { DataGrid, } from "@mui/x-data-grid";
+import { styled } from "@mui/material/styles";
+import { Paper, Box, useTheme } from "@mui/material";
+const StyledPaper = styled(Paper, {
+    shouldForwardProp: (prop) => prop !== "withBorder",
+})(({ theme, withBorder }) => ({
+    border: withBorder ? `1px solid ${theme.palette.divider}` : "none",
+    boxShadow: "none",
+    backgroundColor: theme.palette.background.paper,
+    padding: theme.spacing(1, 2),
+    color: theme.palette.text.primary,
+}));
+export const BMTable = ({ tableTitle, selectableRows = "none", data, columns, withBorder = true, dataTestId, options, customHeaderRenderer, ...rest }) => {
+    const theme = useTheme();
+    const tablePropsFromOptions = options?.setTableProps?.() ?? {};
+    const getRowId = (row) => row.id ?? JSON.stringify(row);
+    const getCheckboxSelection = () => selectableRows === "multiple" ? true : undefined;
+    const getIsRowSelectable = () => selectableRows === "none" ? () => false : undefined;
+    const columnsWithCustomHeader = React.useMemo(() => {
+        if (!customHeaderRenderer)
+            return columns;
+        return columns.map((col) => ({
+            ...col,
+            renderHeader: () => customHeaderRenderer(col),
+        }));
+    }, [columns, customHeaderRenderer]);
+    return (_jsxs(StyledPaper, { withBorder: withBorder, "data-testid": dataTestId, children: [tableTitle && (_jsx(Box, { sx: {
+                    mb: 1,
+                    fontWeight: 600,
+                    fontSize: "1.1rem",
+                    color: theme.palette.text.primary,
+                }, children: tableTitle })), _jsx(DataGrid, { autoHeight: true, density: "compact", rows: data, columns: columnsWithCustomHeader, checkboxSelection: getCheckboxSelection(), isRowSelectable: getIsRowSelectable(), sx: {
+                    backgroundColor: theme.palette.background.paper,
+                    border: "none",
+                    "& .MuiDataGrid-columnHeaders": {
+                        backgroundColor: 'transparent',
+                    },
+                    "& .MuiDataGrid-columnHeader": {
+                        backgroundColor: theme.palette.background.paper,
+                        fontWeight: 600,
+                        fontSize: "0.875rem",
+                        color: theme.palette.text.primary,
+                    },
+                    ".MuiDataGrid-cell": {
+                        fontSize: "0.875rem",
+                        color: theme.palette.text.primary,
+                    },
+                    ".MuiDataGrid-footerContainer": {
+                        borderTop: `1px solid ${theme.palette.divider}`,
+                        backgroundColor: theme.palette.background.paper,
+                        color: theme.palette.text.secondary,
+                    },
+                }, getRowId: getRowId, ...tablePropsFromOptions, disableRowSelectionOnClick: !options?.selectableRowsOnClick, ...rest })] }));
+};

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMTable/index.d.ts

@@ -0,0 +1 @@
+export * from "./BMTable";

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMTable/index.js

@@ -0,0 +1 @@
+export * from "./BMTable";

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMTabs/BMTabs.d.ts

@@ -0,0 +1,6 @@
+import { Tab, TabsProps } from "@mui/material";
+export { Tab as BMTab };
+export interface BMTabsProps extends TabsProps {
+    pill?: boolean;
+}
+export declare const BMTabs: (props: BMTabsProps) => import("react/jsx-runtime").JSX.Element;

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMTabs/BMTabs.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tabs, Tab, styled, tabsClasses, tabClasses } from "@mui/material";
+export { Tab as BMTab };
+;
+// we are unable to override the variants of the Tabs component in theme file.
+// so we are doing this in component level itself.
+// see https://github.com/mui/material-ui/issues/33785
+const StyledTabs = styled(Tabs)(({ theme, pill }) => ({
+    ...(pill && {
+        [`& .${tabsClasses.indicator}`]: {
+            display: 'none'
+        },
+        [`& .${tabsClasses.fixed}`]: {
+            boxShadow: 'none'
+        },
+        [`& .${tabClasses.root}`]: {
+            textAlign: 'left',
+            marginRight: theme.spacing(1),
+            minHeight: theme.spacing(4),
+            maxHeight: theme.spacing(4),
+            marginBottom: theme.spacing(0.5),
+            padding: theme.spacing(0, 2),
+            boxSizing: 'border-box',
+            '&:hover': {
+                boxShadow: 'none',
+                borderRadius: theme.shape.borderRadius
+            },
+            '&.Mui-selected': {
+                background: theme.palette.grey[300],
+                borderRadius: theme.spacing(1)
+            },
+            '& .MuiTab-wrapper': {
+                alignItems: 'flex-start'
+            },
+        }
+    })
+}));
+export const BMTabs = (props) => {
+    return (_jsx(StyledTabs, { ...props }));
+};

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMTabs/index.d.ts

@@ -0,0 +1 @@
+export * from './BMTabs';

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMTabs/index.js

@@ -0,0 +1 @@
+export * from './BMTabs';

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMTag/BMTag.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+export type BMPreviewTagProps = {
+    text: string;
+    noGradient?: boolean;
+};
+export declare const BMTag: FC<BMPreviewTagProps>;

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMTag/BMTag.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import { styled } from "@mui/material/styles";
+const TagContainer = styled(Box)(({ theme }) => ({
+    borderRadius: 4,
+    marginLeft: theme.spacing(1),
+    color: theme.palette.primary[200],
+    backgroundColor: theme.palette.common.white,
+    border: `1px solid ${theme.palette.grey[300]}`,
+}));
+const GradientText = styled(Box)(({ theme }) => ({
+    fontSize: 11.5,
+    fontWeight: 700,
+    backgroundClip: "text",
+    WebkitBackgroundClip: "text",
+    padding: theme.spacing(0.25, 0.55),
+    WebkitTextFillColor: "transparent",
+    backgroundImage: "linear-gradient(272.58deg, #ED35EC 5.14%, #ED35C5 38.93%, #7879F1 75.17%, #5E60F0 98.9%)",
+}));
+const NoGradientText = styled(Box)(({ theme }) => ({
+    fontSize: 11.5,
+    fontWeight: 400,
+    color: theme.palette.grey[700],
+    padding: theme.spacing(0.25, 0.55),
+    background: theme.palette.grey[100],
+}));
+export const BMTag = ({ text, noGradient = false }) => {
+    return (_jsx(TagContainer, { children: noGradient ? (_jsx(NoGradientText, { children: text })) : (_jsx(GradientText, { children: text })) }));
+};

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMTag/index.d.ts

@@ -0,0 +1 @@
+export * from "./BMTag";

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMTag/index.js

@@ -0,0 +1 @@
+export * from "./BMTag";

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMTagv2/BMTagv2.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { ChipProps } from "@mui/material";
+export type IconName = "language" | "star" | "close" | "check" | "warning" | "info" | "error";
+export interface BMTagv2Props extends Omit<ChipProps, "size" | "variant" | "label"> {
+    text: string | React.ReactElement;
+    size?: "sm" | "md" | "lg";
+    variant?: "default" | "primary" | "success" | "warning" | "error" | "info";
+    noGradient?: boolean;
+    filled?: boolean;
+    prefixIcon?: IconName | React.ReactElement;
+    suffixIcon?: IconName | React.ReactElement;
+    customColor?: {
+        background?: string;
+        color?: string;
+        border?: string;
+    };
+}
+export declare const BMTagv2: React.ForwardRefExoticComponent<Omit<BMTagv2Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMTagv2/BMTagv2.js

@@ -0,0 +1,151 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { Chip, styled } from "@mui/material";
+import { Language as LanguageIcon, Star as StarIcon, Close as CloseIcon, Check as CheckIcon, Warning as WarningIcon, Info as InfoIcon, Error as ErrorIcon, } from "@mui/icons-material";
+import { styled as muiStyled } from "@mui/material/styles";
+const IconComponents = {
+    language: LanguageIcon,
+    star: StarIcon,
+    close: CloseIcon,
+    check: CheckIcon,
+    warning: WarningIcon,
+    info: InfoIcon,
+    error: ErrorIcon,
+};
+const StyledChip = styled(Chip)(({ theme, $size = "md", $variant = "default", $noGradient = false, $filled = false, ...props }) => {
+    const sizeStyles = {
+        sm: {
+            height: 20,
+            fontSize: 11.5,
+            "& .MuiChip-icon, & .MuiChip-deleteIcon": {
+                marginLeft: theme.spacing(0.5),
+                marginRight: theme.spacing(-0.5),
+            },
+        },
+        md: {
+            height: 24,
+            fontSize: 11.5,
+            "& .MuiChip-icon, & .MuiChip-deleteIcon": {
+                marginLeft: theme.spacing(0.75),
+                marginRight: theme.spacing(-0.75),
+            },
+        },
+        lg: {
+            height: 28,
+            fontSize: 13,
+            "& .MuiChip-icon, & .MuiChip-deleteIcon": {
+                marginLeft: theme.spacing(1),
+                marginRight: theme.spacing(-1),
+            },
+        },
+    }[$size];
+    const getVariantStyles = () => {
+        let gradientStyles;
+        if (!$noGradient && !props?.customColor) {
+            gradientStyles = {
+                background: "linear-gradient(282.49deg, #ed35c5 0.48%, #7879f1 93.17%)",
+                WebkitTextFillColor: "transparent",
+                WebkitBackgroundClip: "text",
+                color: "transparent",
+            };
+        }
+        // If custom colors are provided, use them instead of variants
+        if (props?.customColor) {
+            return {
+                background: props.customColor?.background || theme.palette.common.white,
+                color: props.customColor?.color || theme.palette.grey[900],
+                border: props.customColor?.border || `1px solid ${theme.palette.grey[300]}`,
+            };
+        }
+        const variantColors = {
+            default: {
+                background: theme.palette.common.white,
+                color: theme.palette.grey[900],
+                border: $filled ? 0 : `1px solid ${theme.palette.grey[300]}`,
+                ...(gradientStyles || {}),
+            },
+            primary: {
+                background: $filled
+                    ? theme.palette.primary[200]
+                    : theme.palette.common.white,
+                color: theme.palette.primary[700],
+                border: $filled ? 0 : `1px solid ${theme.palette.primary[300]}`,
+                ...(gradientStyles || {}),
+            },
+            success: {
+                background: $filled
+                    ? theme.palette.success[100]
+                    : theme.palette.common.white,
+                color: theme.palette.success[700],
+                border: $filled ? 0 : `1px solid ${theme.palette.success[300]}`,
+                ...(gradientStyles || {}),
+            },
+            warning: {
+                background: $filled
+                    ? theme.palette.warning[100]
+                    : theme.palette.common.white,
+                color: theme.palette.grey[900],
+                border: $filled ? 0 : `1px solid ${theme.palette.warning[300]}`,
+                ...(gradientStyles || {}),
+            },
+            error: {
+                background: $filled
+                    ? theme.palette.error[100]
+                    : theme.palette.common.white,
+                color: theme.palette.error[700],
+                border: $filled ? 0 : `1px solid ${theme.palette.error[300]}`,
+                ...(gradientStyles || {}),
+            },
+            info: {
+                background: $filled
+                    ? theme.palette.info[100]
+                    : theme.palette.common.white,
+                color: theme.palette.info[700],
+                border: $filled ? 0 : `1px solid ${theme.palette.info[300]}`,
+                ...(gradientStyles || {}),
+            },
+        };
+        return variantColors[$variant];
+    };
+    return {
+        ...sizeStyles,
+        ...getVariantStyles(),
+        borderRadius: theme.shape.borderRadius - 4,
+        fontWeight: 500,
+        "& .MuiChip-icon, & .MuiChip-deleteIcon": {
+            color: "inherit",
+            margin: 0,
+        },
+    };
+});
+export const BMTagv2 = React.forwardRef(({ text, size = "md", variant = "default", noGradient = false, filled = false, prefixIcon, suffixIcon, ...props }, ref) => {
+    // Add this styled component at the top level with other constants
+    const StyledIcon = muiStyled("span")(({ $size = "md" }) => ({
+        display: "flex",
+        alignItems: "center",
+        "& > svg": {
+            fontSize: "inherit",
+            width: $size === "sm"
+                ? 11
+                : $size === "md"
+                    ? 14
+                    : $size === "lg"
+                        ? 20
+                        : undefined,
+            height: "auto",
+        },
+    }));
+    // Update the renderIcon function inside BMTagv2 component
+    const renderIcon = (icon) => {
+        if (!icon)
+            return undefined;
+        if (React.isValidElement(icon)) {
+            return _jsx(StyledIcon, { "$size": size, children: icon });
+        }
+        const IconComponent = IconComponents[icon];
+        return IconComponent ? (_jsx(StyledIcon, { "$size": size, children: _jsx(IconComponent, {}) })) : undefined;
+    };
+    const prefixIconElement = renderIcon(prefixIcon);
+    const suffixIconElement = renderIcon(suffixIcon);
+    return (_jsx(StyledChip, { ref: ref, "$size": size, "$variant": variant, "$noGradient": noGradient, "$filled": filled, label: text, icon: prefixIconElement, deleteIcon: suffixIconElement, onDelete: suffixIconElement ? () => { } : undefined, ...props }));
+});

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMTagv2/index.d.ts

@@ -0,0 +1 @@
+export * from "./BMTagv2";

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMTagv2/index.js

@@ -0,0 +1 @@
+export * from "./BMTagv2";

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/components/BMToggle/BMMultiToggleButton.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement } from "react";
+import { ToggleButtonGroupProps } from "@mui/material";
+interface ToggleButtonData<T> {
+    label: ReactElement | string;
+    value: T;
+    dataTestId?: string;
+}
+export interface BMMultiToggleButtonProps<T extends string | number | {} = string> extends Omit<ToggleButtonGroupProps, "onChange"> {
+    dense?: boolean;
+    options: ToggleButtonData<T>[];
+    value: T;
+    onChange: (value: T) => void;
+}
+export declare const BMMultiToggleButton: <T extends string | number | {}>({ options, value, onChange, dense, ...rest }: BMMultiToggleButtonProps<T>) => ReactElement;
+export {};