@bigmath-ui-library/core 2.0.5 → 2.0.7

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

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fade, Snackbar, Typography, styled } from "@mui/material";
+import { Close as CloseIcon } from "@mui/icons-material";
+import LoadingIcon from "../../assets/icons/Default-Loading-Circles.svg";
+import WarningIcon from "../../assets/icons/alert.svg";
+import SuccessIcon from "../../assets/icons/circle-check.svg";
+import InfoIcon from "../../assets/icons/info.svg";
+import ErrorIcon from "../../assets/icons/warning.svg";
+export var AlertVariant;
+(function (AlertVariant) {
+    AlertVariant["Info"] = "info";
+    AlertVariant["Warning"] = "warning";
+    AlertVariant["Error"] = "error";
+    AlertVariant["Success"] = "success";
+    AlertVariant["InProgress"] = "inProgress";
+})(AlertVariant || (AlertVariant = {}));
+const DEFAULT_AUTO_DISMISS_MS = 6000;
+const BMAlertDiv = styled("div")(({ theme, position, isToast, width, variant = AlertVariant.Info }) => ({
+    padding: theme.spacing(1),
+    borderRadius: theme.shape.borderRadius,
+    display: "flex",
+    alignItems: "center",
+    marginTop: (position ?? 0) * 58,
+    width: width === undefined ? "auto" : `${width}px`,
+    background: theme.palette[variant === AlertVariant.InProgress ? AlertVariant.Info : variant][100],
+    ...(isToast && {
+        // padding: theme.spacing(1.5, 1),
+        border: `1px solid ${theme.palette[variant === AlertVariant.InProgress ? AlertVariant.Info : variant][300]}`,
+        boxShadow: "0 0 4px 0 rgba(0,0,0,0.1)",
+        minWidth: "200px",
+    }),
+}));
+const BMAlertText = styled(Typography)(({ theme }) => ({
+    marginLeft: theme.spacing(1),
+    marginRight: "auto",
+    fontWeight: 400,
+    color: '#0B1116'
+}));
+const BMAlertCloseIcon = styled(CloseIcon)(({ theme }) => ({
+    height: theme.spacing(1.5),
+    width: theme.spacing(1.5),
+    fill: theme.palette.text.primary,
+    marginRight: theme.spacing(0.5),
+    marginLeft: theme.spacing(1.5),
+    cursor: "pointer",
+}));
+const iconStyles = ({ theme, variant, }) => ({
+    width: theme.spacing(3),
+    height: theme.spacing(3),
+    minWidth: theme.spacing(3),
+    minHeight: theme.spacing(3),
+    color: theme.palette[variant === AlertVariant.InProgress ? AlertVariant.Info : variant][700],
+});
+const GetAlertIcon = (variant) => {
+    const icons = {
+        [AlertVariant.Warning]: WarningIcon,
+        [AlertVariant.Success]: SuccessIcon,
+        [AlertVariant.Error]: ErrorIcon,
+        [AlertVariant.InProgress]: LoadingIcon,
+        [AlertVariant.Info]: InfoIcon,
+    };
+    return styled(icons[variant])(({ theme }) => iconStyles({ theme, variant }));
+};
+export const BMAlert = (props) => {
+    const { open, text, autoDismiss, dataTestId, onClose, variant = AlertVariant.Info, isToast = false, width, icon, className, transitionTimeout, ...alertProps } = props;
+    const handleClose = (_event, reason) => {
+        if (reason === "clickaway") {
+            return;
+        }
+        if (onClose) {
+            onClose();
+        }
+    };
+    const AlertIcon = GetAlertIcon(variant);
+    if (isToast) {
+        return (_jsx(Snackbar, { open: open, autoHideDuration: autoDismiss ?? DEFAULT_AUTO_DISMISS_MS, TransitionComponent: Fade, anchorOrigin: { vertical: "top", horizontal: "center" }, onClose: handleClose, ...alertProps, children: _jsxs(BMAlertDiv, { "data-testid": dataTestId, role: "alert", "aria-label": `alert ${variant}`, ...props, children: [icon ?? _jsx(AlertIcon, {}), _jsx(BMAlertText, { variant: "body2", children: text }), onClose && _jsx(BMAlertCloseIcon, { onClick: onClose })] }) }));
+    }
+    return (_jsx(Fade, { in: open, timeout: transitionTimeout, children: _jsxs(BMAlertDiv, { role: "alert", "data-testid": dataTestId, "aria-label": `alert ${variant}`, ...props, children: [icon ?? _jsx(AlertIcon, {}), _jsx(BMAlertText, { children: text }), onClose && _jsx(BMAlertCloseIcon, { onClick: onClose })] }) }));
+};

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

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

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

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

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

@@ -0,0 +1,18 @@
+import { FC } from "react";
+import { AutocompleteProps } from "@mui/material";
+import { BMInputProps } from "../../components/BMInput";
+declare module "@mui/material/Autocomplete" {
+    interface AutocompletePropsSizeOverrides {
+        large: true;
+    }
+}
+export interface BMAutoCompleteProps extends Omit<AutocompleteProps<Record<string, string>, boolean, boolean, boolean>, "renderInput"> {
+    getOptionLabel: (option: string | Record<string, string>) => string;
+    getOptionDisabled?: (option: Record<string, string>) => boolean;
+    bmInputProps?: BMInputProps;
+    autoCompleteDropdownID?: string;
+    tooltipText?: string | React.ReactNode;
+    size?: "medium" | "large";
+    dataTestId: string;
+}
+export declare const BMAutoComplete: FC<BMAutoCompleteProps>;

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { Autocomplete, Paper } from "@mui/material";
+import { styled } from "@mui/material/styles";
+import { BMInput } from "../../components/BMInput";
+import { BMTooltip } from "../BMTooltip/BMTooltip";
+import CaretDownIcon from "../../assets/icons/caret-down.svg";
+import CloseIcon from "../../assets/icons/close-basic.svg";
+const CloseStyledIcon = styled(CloseIcon)(({ theme }) => ({
+    color: theme.palette.grey[600],
+}));
+export const BMAutoComplete = ({ bmInputProps, options, getOptionLabel, getOptionDisabled, autoCompleteDropdownID, tooltipText, dataTestId, ...rest }) => {
+    const memoPaperComp = useCallback(({ children }) => {
+        return _jsx(Paper, { "data-testid": autoCompleteDropdownID, children: children });
+    }, [autoCompleteDropdownID]);
+    return (_jsx(Autocomplete, { options: options, autoHighlight: true, autoSelect: true, getOptionLabel: getOptionLabel, getOptionDisabled: getOptionDisabled, popupIcon: _jsx(CaretDownIcon, {}), clearIcon: _jsx(CloseStyledIcon, {}), slotProps: {
+            chip: {
+                deleteIcon: _jsx(CloseStyledIcon, {}),
+            },
+            paper: memoPaperComp,
+        }, "data-testid": dataTestId, renderInput: (params) => (_jsx(BMTooltip, { placement: "top-start", title: tooltipText ?? "", children: _jsx("span", { children: _jsx(BMInput, { dataTestId: `${dataTestId}-input`, ...params, ...bmInputProps, slotProps: {
+                        input: {
+                            ...params.InputProps,
+                            ...bmInputProps?.slotProps?.input,
+                        },
+                    } }) }) })), ...rest }));
+};

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { FC } from "react";
+export interface AvatarProps {
+    size?: "small" | "medium" | "large";
+    imageUrl?: string;
+}
+export declare const BMAvatar: FC<AvatarProps>;

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from "@mui/material/styles";
+import AccountCircleIcon from "@mui/icons-material/AccountCircle";
+import { BMAvatarSizeMap } from "../../theme/BMAvatar";
+const getSizeDimension = (_, size) => {
+    return BMAvatarSizeMap[size] || BMAvatarSizeMap?.medium;
+};
+const StyledImage = styled("img")(({ theme, size }) => {
+    const dimension = getSizeDimension(theme, size);
+    return {
+        width: dimension,
+        height: dimension,
+        borderRadius: "50%",
+        objectFit: "cover",
+    };
+});
+const StyledIcon = styled(AccountCircleIcon)(({ theme, size }) => {
+    const dimension = getSizeDimension(theme, size);
+    return {
+        width: dimension,
+        height: dimension,
+    };
+});
+export const BMAvatar = ({ size = "medium", imageUrl }) => {
+    if (!imageUrl) {
+        return _jsx(StyledIcon, { size: size });
+    }
+    return _jsx(StyledImage, { src: imageUrl, size: size, alt: "avatar" });
+};

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

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

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

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

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

@@ -0,0 +1,11 @@
+import { type ButtonProps } from "@mui/material";
+import type { OverridableStringUnion } from '@mui/types';
+export interface BMAButtonVariantOverride {
+}
+export interface BMButtonProps extends Omit<ButtonProps, "classes" | "variant" | "size`"> {
+    showSpinner?: boolean;
+    variant?: OverridableStringUnion<"primary" | "secondary" | "ghost" | "gradient", BMAButtonVariantOverride>;
+    size?: "small" | "large" | "medium";
+    dataTestId: string;
+}
+export declare const BMButton: React.FC<BMButtonProps>;

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, CircularProgress } from "@mui/material";
+import Button from "@mui/material/Button";
+export const BMButton = (props) => {
+    const { showSpinner, variant = "primary", size, color, ...muiProps } = props;
+    const muiButtonProps = muiProps;
+    if (showSpinner) {
+        muiButtonProps.startIcon = (_jsx(Box, { color: props.disabled ? "grey.500" : "", children: _jsx(CircularProgress, { size: 16, sx: {
+                    color: props.disabled
+                        ? "inherit"
+                        : variant && ["primary", "gradient"].includes(variant)
+                            ? "white"
+                            : "primary",
+                }, thickness: 5 }) }));
+    }
+    return (_jsx(Button, { ...muiButtonProps, size: size, color: color ?? muiButtonProps.color, variant: variant, "data-testid": props.dataTestId }));
+};

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { BMButtonProps } from './BMButton';
+export interface BMButtonGroupProps {
+    buttons: {
+        label: string;
+        onClick: () => void;
+        buttonProps?: BMButtonProps;
+    }[];
+    active?: string;
+    className?: string;
+    orientation?: 'horizontal' | 'vertical';
+    dataTestId: string;
+}
+export declare const BMButtonGroup: React.FC<BMButtonGroupProps>;

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { BMButton } from './BMButton';
+import { ButtonGroup } from '@mui/material';
+export const BMButtonGroup = ({ buttons, className, active, dataTestId, orientation = 'horizontal', }) => {
+    const [activeBut, setActiveBut] = React.useState(active ?? null);
+    return (_jsx(ButtonGroup, { orientation: orientation, className: className, children: buttons.map((button, index) => (_jsx(_Fragment, { children: _jsxs(BMButton, { onClick: () => {
+                    setActiveBut(button.label);
+                    button.onClick();
+                }, ...button.buttonProps, className: `${button.buttonProps?.className} ${button.label === activeBut ? 'bm-active' : ''}`, dataTestId: `${dataTestId}-${button.label}`, children: [button.label, (index !== buttons.length - 1 && activeBut !== button.label) && _jsx("div", { className: "bm-divider" })] }, index) }))) }));
+};

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { BMButtonProps } from './BMButton';
+import { MenuProps } from '@mui/material';
+export interface BMSplitButtonProps extends BMButtonProps {
+    label: string;
+    options: {
+        label: string;
+        onClick: () => void;
+    }[];
+    menuProps: Partial<MenuProps>;
+    ButtonComp?: React.ElementType;
+    dataTestId: string;
+}
+export declare const BMSplitButton: React.FC<BMSplitButtonProps>;

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { BMButton } from './BMButton';
+import { Menu, MenuItem } from '@mui/material';
+import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
+export const BMSplitButton = ({ label, options, menuProps, ButtonComp = BMButton, ...props }) => {
+    const [anchorEl, setAnchorEl] = useState(null);
+    let [buttonRef, setButtonRef] = useState(null);
+    const handleDropdownClick = (event) => {
+        !buttonRef && setButtonRef(event.currentTarget);
+        setAnchorEl(event.currentTarget);
+    };
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    return (_jsxs("div", { style: { display: 'inline-flex', alignItems: 'center' }, children: [_jsxs(ButtonComp, { onClick: handleDropdownClick, style: { marginLeft: '4px', padding: '0 8px' }, "data-testid": props.dataTestId, ...props, children: [label, _jsx(ArrowDropDownIcon, {})] }), _jsx(Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, transformOrigin: { vertical: 'top', horizontal: 'right' }, PaperProps: {
+                    style: {
+                        width: buttonRef?.clientWidth
+                    }
+                }, ...menuProps, children: options?.map((option, index) => (_jsx(MenuItem, { onClick: () => {
+                        option.onClick();
+                        handleClose();
+                    }, "data-testid": `${props.dataTestId}-${option.label}`, children: option.label }, index))) })] }));
+};

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

@@ -0,0 +1,3 @@
+export * from "./BMButton";
+export * from "./BMSplitButton";
+export * from './BMButtonGroup';

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

@@ -0,0 +1,3 @@
+export * from "./BMButton";
+export * from "./BMSplitButton";
+export * from './BMButtonGroup';

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

@@ -0,0 +1,9 @@
+import { type InputProps } from "@mui/material";
+import { type CheckboxProps } from "@mui/material/Checkbox";
+export interface BMCheckboxProps extends CheckboxProps {
+    dataTestId: string;
+    label: React.ReactNode;
+    labelClassName?: string;
+    inputProps?: InputProps["inputProps"];
+}
+export declare const BMCheckbox: React.FC<BMCheckboxProps>;

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Typography, styled } from "@mui/material";
+import Checkbox from "@mui/material/Checkbox";
+import { BMFormControlLabel } from "../BMForm/BMFormControlLabel";
+const CheckBoxIcon = styled("span")(({ theme }) => ({
+    width: 16,
+    height: 16,
+    margin: "3.14px",
+    borderRadius: "1px",
+    boxShadow: `inset 0 0 0 2px ${theme.palette.grey[400]}, inset 0 -1px 0 ${theme.palette.grey[400]}`,
+    "input:hover ~ &": {
+        background: theme.palette.grey[100],
+    },
+    "input:disabled ~ &": {
+        boxShadow: `inset 0 0 0 2px ${theme.palette.grey[200]}, inset 0 -1px 0 ${theme.palette.grey[200]}`,
+        background: theme.palette.grey[100],
+    },
+}));
+export const BMCheckbox = ({ label, labelClassName, dataTestId, ...checkboxProps }) => {
+    return (_jsx(BMFormControlLabel, { control: _jsx(Checkbox, { ...checkboxProps, "data-testid": dataTestId, icon: _jsx(CheckBoxIcon, {}) }), label: _jsx(Typography, { component: "span", variant: "body2", children: label }), className: labelClassName }));
+};

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

@@ -0,0 +1,6 @@
+import type { ReactElement } from "react";
+import { type FieldValues, type UseControllerProps } from "react-hook-form";
+import { type BMCheckboxProps } from "./BMCheckbox";
+type BMCheckboxFieldProps<T extends FieldValues> = UseControllerProps<T> & BMCheckboxProps;
+export declare const BMCheckboxField: <T extends FieldValues>(props: BMCheckboxFieldProps<T>) => ReactElement;
+export {};

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useController, } from "react-hook-form";
+import { BMCheckbox } from "./BMCheckbox";
+export const BMCheckboxField = (props) => {
+    const { name, rules, defaultValue, control, shouldUnregister, ...bmCheckboxProps } = props;
+    const { field } = useController({
+        name,
+        rules,
+        defaultValue,
+        control,
+        shouldUnregister,
+    });
+    return (_jsx(BMCheckbox, { name: field.name, inputRef: field.ref, checked: !!field.value, onBlur: field.onBlur, onChange: field.onChange, ...bmCheckboxProps }));
+};

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

@@ -0,0 +1,2 @@
+export * from "./BMCheckbox";
+export * from "./BMCheckboxField";

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

@@ -0,0 +1,2 @@
+export * from "./BMCheckbox";
+export * from "./BMCheckboxField";

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

@@ -0,0 +1,6 @@
+import { BMCloudSelectorOption } from "./BMCloudSelect";
+export declare const AWS_CLOUD_OPTION: BMCloudSelectorOption<string>;
+export declare const GCP_CLOUD_OPTION: BMCloudSelectorOption<string>;
+export declare const AZURE_CLOUD_OPTION: BMCloudSelectorOption<string>;
+export declare const K8S_CLOUD_OPTION: BMCloudSelectorOption<string>;
+export declare const ON_PREM_CLOUD_OPTION: BMCloudSelectorOption<string>;

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

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import AWS from '../../assets/icons/aws.svg';
+import GCP from '../../assets/icons/google-cloud.svg';
+import Azure from '../../assets/icons/microsoft-azure.svg';
+import Kubernetes from '../../assets/icons/k8s.svg';
+import OnPrem from '../../assets/icons/onprem.svg';
+export const AWS_CLOUD_OPTION = {
+    label: "AWS",
+    icon: _jsx(AWS, {}),
+    value: "aws",
+    description: "Amazon Web Services",
+    visible: true,
+};
+export const GCP_CLOUD_OPTION = {
+    label: "GCP",
+    icon: _jsx(GCP, {}),
+    value: "gcp",
+    description: "Google Cloud Platform",
+    visible: true,
+};
+export const AZURE_CLOUD_OPTION = {
+    label: "Azure",
+    icon: _jsx(Azure, {}),
+    value: "azure",
+    description: "Microsoft Azure",
+    visible: true,
+};
+export const K8S_CLOUD_OPTION = {
+    label: "Kubernetes",
+    icon: _jsx(Kubernetes, {}),
+    value: "k8s",
+    description: "Kubernetes",
+    visible: true,
+};
+export const ON_PREM_CLOUD_OPTION = {
+    label: "On Prem",
+    icon: _jsx(OnPrem, {}),
+    value: "onprem",
+    description: "On Premise",
+    visible: true,
+};

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

@@ -0,0 +1,17 @@
+import { ReactElement, ReactNode } from "react";
+export interface BMCloudSelectorOption<T> {
+    label: string;
+    icon: ReactNode;
+    description?: string;
+    value: T;
+    visible: boolean;
+    dataTestId?: string;
+}
+export interface BMCloudSelectorProps<T> {
+    label?: ReactNode;
+    overrideOptionWidth?: number;
+    options: BMCloudSelectorOption<T>[];
+    value: T;
+    onChange: (value: T) => void;
+}
+export declare const BMCloudSelect: <T>({ overrideOptionWidth, options, value, onChange }: BMCloudSelectorProps<T>) => ReactElement;

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

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, styled, Typography } from "@mui/material";
+import { themeVariables } from "../../theme/variables";
+import CheckIcon from "../../assets/icons/circle-selected.svg";
+import CircleIcon from "../../assets/icons/circle-unselected.svg";
+const Card = styled("div", {
+    shouldForwardProp: (prop) => prop !== 'selected' && prop !== 'visible'
+})((props) => {
+    const { theme, selected, visible } = props;
+    return {
+        cursor: 'pointer',
+        userSelect: 'none',
+        width: '200px',
+        height: 56,
+        display: visible === false ? 'none' : 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        flexShrink: 0,
+        padding: theme.spacing(0, 1.5),
+        border: `1px solid ${theme.palette.grey[200]}`,
+        borderRadius: theme.shape.borderRadius,
+        marginRight: theme.spacing(1.5),
+        '&:last-child': {
+            marginRight: 0
+        },
+        '&:hover': {
+            borderColor: theme.palette.primary[300],
+            boxShadow: themeVariables.shadowLight
+        },
+        ...(selected && {
+            backgroundColor: theme.palette.primary[100],
+            borderColor: theme.palette.primary[300],
+            boxShadow: `inset 0 0 0 1px ${theme.palette.primary[300]}`,
+            '&:hover': {
+                boxShadow: `inset 0 0 0 1px ${theme.palette.primary[300]}, ${themeVariables.shadowLight}`
+            }
+        })
+    };
+});
+const IconLogo = styled("i")(({ theme }) => ({
+    width: '32px',
+    height: '32px',
+    marginRight: theme.spacing(1)
+}));
+const CircleCheckIcon = styled(CheckIcon)(({ theme }) => ({
+    color: theme.palette.primary[600],
+    height: '24px',
+    width: '24px'
+}));
+const Circle = styled(CircleIcon)(({ theme }) => ({
+    color: theme.palette.grey[600]
+}));
+export const BMCloudSelect = ({ overrideOptionWidth, options, value, onChange }) => {
+    return (_jsx(Box, { display: "flex", alignItems: "center", flexWrap: "wrap", rowGap: 1, children: options.map((item) => (_jsxs(Card, { "data-testid": item.dataTestId ?? item.value, onClick: () => onChange(item.value), selected: value === item.value, visible: item.visible, style: { width: overrideOptionWidth }, children: [_jsxs(Box, { display: "flex", alignItems: "center", children: [_jsx(IconLogo, { children: item.icon }), _jsx(Typography, { variant: "body1", children: item.label })] }), value === item.value ? (_jsx(CircleCheckIcon, {})) : (_jsx(Circle, {}))] }, String(item.value)))) }));
+};

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

@@ -0,0 +1,5 @@
+import { ReactElement } from "react";
+import { FieldValues, UseControllerProps } from "react-hook-form";
+import { BMCloudSelectorProps } from "./BMCloudSelect";
+export type BMCloudSelectFieldProps<T extends FieldValues> = UseControllerProps<T> & BMCloudSelectorProps<T>;
+export declare const BMCloudSelectField: <T extends FieldValues>({ name, label, control, options }: BMCloudSelectFieldProps<T>) => ReactElement;

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormHelperText } from "@mui/material";
+import { Controller } from "react-hook-form";
+import { BMCloudSelect } from "./BMCloudSelect";
+import { BMFormControlLabel } from "../BMForm/BMFormControlLabel";
+import { BMLabel } from "../BMForm";
+export const BMCloudSelectField = ({ name, label, control, options }) => {
+    return (_jsx(Controller, { name: name, control: control, render: ({ field, fieldState }) => (_jsx(BMFormControlLabel, { labelPlacement: "top", control: _jsxs("div", { children: [_jsx(BMCloudSelect, { options: options, value: field.value, onChange: field.onChange }), fieldState.error && fieldState.error.message && (_jsx(FormHelperText, { error: true, children: fieldState.error.message }))] }), label: _jsx(BMLabel, { error: !!fieldState.error, sx: { alignSelf: 'flex-start', marginBottom: '8px' }, children: label }), sx: {
+                flexDirection: 'column-reverse',
+                alignItems: 'flex-start',
+            } })) }));
+};

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

@@ -0,0 +1,3 @@
+export * from './BMCloudSelect';
+export * from './BMCloudSelectField';
+export * from './BMCloudList';

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

@@ -0,0 +1,3 @@
+export * from './BMCloudSelect';
+export * from './BMCloudSelectField';
+export * from './BMCloudList';

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

@@ -0,0 +1,19 @@
+import React, { FC } from "react";
+import "highlight.js/styles/github.css";
+export interface CodeBlockProps {
+    showCopbmutton?: boolean;
+    multiBlock?: boolean;
+    codeClassName?: string;
+    preClassName?: string;
+    lang?: string;
+    containerClassName?: string;
+    text: string | string[] | React.ReactElement | React.ReactElement[];
+    dataTestId?: string;
+    enabledExpandCollapse?: boolean;
+    collapseHeight?: number;
+    copyLabel?: string;
+    showAllLabel?: string;
+    collapseLabel?: string;
+    onCopySuccess?: () => void;
+}
+export declare const BMCodeBlock: FC<CodeBlockProps>;