cloudmr-ux 2.0.7 → 3.0.2

package/README.md

@@ -1,24 +1,24 @@
-# cloudmr-ux
-
-## for dev:
-Installation steps
-
-1. Clone this package
-```bash
-git clone https://github.com/cloudmrhub/cloudmr-ux.git
-```
-2. Install dependencies
-```bash
-cd cloudmr-ux
-npm install
-```
-3. Run Parcel to build/serve the file public/index.html
-```bash
-npx parcel public/index.html      
-```
-that's it!
-
-## License
-MIT © 
-[erosmontin](https://github.com/erosmontin)
-
+# cloudmr-ux
+
+## for dev:
+Installation steps
+
+1. Clone this package
+```bash
+git clone https://github.com/cloudmrhub/cloudmr-ux.git
+```
+2. Install dependencies
+```bash
+cd cloudmr-ux
+npm install
+```
+3. Run Parcel to build/serve the file public/index.html
+```bash
+npx parcel public/index.html      
+```
+that's it!
+
+## License
+MIT © 
+[erosmontin](https://github.com/erosmontin)
+

package/dist/CmrComponents/CmrButton/CmrButton.d.ts

@@ -0,0 +1,4 @@
+import './CmrButton.css';
+import { ButtonProps } from '@mui/material';
+declare const CmrButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default CmrButton;

package/dist/CmrComponents/CmrButton/CmrButton.js

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import './CmrButton.css';
+import { Button } from '@mui/material';
+var CmrButton = function (props) {
+    var children = props.children, onClick = props.onClick, rest = __rest(props, ["children", "onClick"]);
+    return (_jsx(Button, __assign({ onClick: onClick }, rest, { style: __assign(__assign({}, props.style), { textTransform: 'none' }) }, { children: children })));
+};
+export default CmrButton;

package/dist/CmrComponents/CmrButton/index.d.ts

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

package/dist/CmrComponents/CmrButton/index.js

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

package/dist/CmrComponents/CmrCheckbox/CmrCheckbox.css

@@ -0,0 +1,29 @@
+.cmr-label{
+    font-size: 14.4px;
+}
+.cmr-checkbox {
+    font-family: "Source Sans 3", sans-serif !important;
+    font-size: 1rem !important;
+    line-height: 1.5 !important;
+    font-weight: 400 !important;
+}
+
+/* Custom styles for the Checkbox */
+.MuiCheckbox-root {
+    color: #ced4da !important;  /* Default color (unchecked) */
+    background-color: transparent !important; /* Ensure no background by default */
+}
+
+.Mui-checked {
+    color: #580F8B !important;  /* Checked state color */
+}
+
+.MuiCheckbox-root:active, .MuiCheckbox-root:focus {
+    background-color: transparent !important; /* Remove active state background */
+}
+
+/* Optional: Change color on hover or focus */
+.MuiCheckbox-root.Mui-focusVisible:hover,
+.MuiCheckbox-root:hover {
+    background-color: transparent !important;  
+}

package/dist/CmrComponents/CmrCheckbox/CmrCheckbox.d.ts

@@ -0,0 +1,14 @@
+import React, { ChangeEvent } from 'react';
+import './CmrCheckbox.css';
+interface CmrCheckboxProps extends React.HTMLAttributes<HTMLDivElement> {
+    autoFocus?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    children?: any;
+    style?: any;
+}
+export declare const CmrCheckbox: (props: CmrCheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/CmrComponents/CmrCheckbox/CmrCheckbox.js

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Checkbox } from '@mui/material';
+import './CmrCheckbox.css';
+import { FormControlLabel } from '@mui/material';
+export var CmrCheckbox = function (props) {
+    var defaultChecked = props.defaultChecked, onChange = props.onChange, children = props.children, rest = __rest(props, ["defaultChecked", "onChange", "children"]);
+    return (_jsx(FormControlLabel, { disabled: props.disabled, style: props.style, className: props.className, control: _jsx(Checkbox, { style: props.style, checked: props.checked, defaultChecked: defaultChecked, onChange: onChange }), label: _jsx("span", __assign({ className: 'cmr-label', style: { paddingRight: 0, color: 'var(--bs-card-color)' } }, { children: props.children })), labelPlacement: "end" }));
+};

package/dist/CmrComponents/CmrCheckbox/index.d.ts

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

package/dist/CmrComponents/CmrCheckbox/index.js

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

package/dist/CmrComponents/CmrColorPicker/CmrColorPicker.d.ts

@@ -0,0 +1,8 @@
+import { ColorResult, RGBColor } from 'react-color';
+import './CmrColorPicker.scss';
+interface CmrColorPickerProps {
+    color: RGBColor;
+    onColorChange: (result: ColorResult) => void;
+}
+declare const CmrColorPicker: (props: CmrColorPickerProps) => import("react/jsx-runtime").JSX.Element;
+export default CmrColorPicker;

package/dist/CmrComponents/CmrColorPicker/CmrColorPicker.js

@@ -0,0 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ChromePicker } from 'react-color';
+import './CmrColorPicker.scss';
+var CmrColorPicker = function (props) {
+    var color = props.color, onColorChange = props.onColorChange;
+    var _a = useState(false), displayColorPicker = _a[0], setDisplayColorPicker = _a[1];
+    var handleClick = function () {
+        setDisplayColorPicker(!displayColorPicker);
+    };
+    var handleClose = function () {
+        setDisplayColorPicker(false);
+    };
+    return (_jsxs("div", { children: [_jsx("div", __assign({ className: "swatch", onClick: handleClick }, { children: _jsx("div", { className: "color", style: {
+                        backgroundColor: "rgba(".concat(color.r, ", ").concat(color.g, ", ").concat(color.b, ", ").concat(color.a, ")")
+                    } }) })), displayColorPicker ? (_jsxs("div", __assign({ className: "popover" }, { children: [_jsx("div", { className: "cover", onClick: handleClose }), _jsx(ChromePicker, { color: color, onChange: onColorChange })] }))) : null] }));
+};
+export default CmrColorPicker;

package/dist/CmrComponents/CmrColorPicker/CmrColorPicker.scss

@@ -0,0 +1,27 @@
+.color {
+  width: 36px;
+  height: 14px;
+  border-radius: 2px;
+}
+
+.swatch {
+  padding: 5px;
+  background: #fff;
+  border-radius: 1px;
+  box-shadow: 0 0 0 1px rgba(0,0,0,.1);
+  display: inline-block;
+  cursor: pointer;
+}
+
+.popover {
+  position: absolute;
+  z-index: 2;
+}
+
+.cover {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}

package/dist/CmrComponents/CmrInput/CmrInput.css

@@ -0,0 +1,27 @@
+/* Base styles for the input */
+.cmr-input {
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  line-height: 1.5;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+}
+
+/* Focused input styles (highlighted outline color) */
+.cmr-input:focus {
+  border-color: #580f8b !important; /* Custom outline color */
+  box-shadow: 0 0 0 0.2rem rgba(88, 15, 139, 0.25) !important; /* Glow effect */
+}
+
+/* Hover style for the input */
+.cmr-input:hover {
+  border-color: #ced4da !important;
+}
+
+/* Optional: style for when the input is focused and has a value (like Material UI) */
+.cmr-input:focus:not(:placeholder-shown) {
+  border-color: #580f8b !important; /* Same as focus style */
+  box-shadow: 0 0 0 0.2rem rgba(130, 39, 194, 0.25) !important; /* Same as focus style */
+}

package/dist/CmrComponents/CmrInput/CmrInput.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import './CmrInput.css';
+import { SizeType } from 'antd/lib/config-provider/SizeContext';
+interface CmrInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
+    defaultValue?: string;
+    id?: string;
+    maxLength?: number;
+    size?: SizeType;
+    value?: string;
+    type?: any;
+    prefix?: React.ReactNode;
+    bordered?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+}
+export declare const CmrInput: (props: CmrInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/CmrComponents/CmrInput/CmrInput.js

@@ -0,0 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import './CmrInput.css';
+import { Input } from 'antd';
+export var CmrInput = function (props) {
+    var defaultValue = props.defaultValue, id = props.id, maxLength = props.maxLength, size = props.size, value = props.value, type = props.type, prefix = props.prefix, bordered = props.bordered, onChange = props.onChange, onPressEnter = props.onPressEnter, rest = __rest(props, ["defaultValue", "id", "maxLength", "size", "value", "type", "prefix", "bordered", "onChange", "onPressEnter"]);
+    return (_jsx(Input, __assign({ defaultValue: defaultValue, id: id, maxLength: maxLength, size: size, value: value, type: type, prefix: prefix, onChange: onChange, onPressEnter: onPressEnter }, rest, { className: "cmr-input" })));
+};

package/dist/CmrComponents/CmrInput/index.d.ts

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

package/dist/CmrComponents/CmrInput/index.js

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

package/dist/CmrComponents/CmrRadioGroup/CmrRadioGroup.css

@@ -0,0 +1,25 @@
+/* Default radio button color */
+.MuiRadio-root {
+    color: #ced4da !important;  /* Default border color (unchecked) */
+}
+
+/* Checked state color */
+.Mui-checked {
+    color: #580F8B !important;  /* Border color when checked */
+}
+
+/* Optional: Set the color of the label text */
+.cmr-label {
+    font-size: 14.4px;
+    font-family: "Source Sans 3", sans-serif;
+}
+
+/* Remove the circular shadow on hover/focus */
+.MuiRadio-root.Mui-focusVisible {
+    box-shadow: none !important;  /* Remove the shadow */
+}
+
+/* Custom style for the radio button on hover */
+.MuiRadio-root:hover {
+    background-color: transparent !important;  /* Remove hover background */
+}

package/dist/CmrComponents/CmrRadioGroup/CmrRadioGroup.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import './CmrRadioGroup.css';
+interface CmrRadioOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+interface CmrRadioProps {
+    options: CmrRadioOption[];
+    groupLabel?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+}
+declare const CmrRadioGroup: React.FC<CmrRadioProps>;
+export default CmrRadioGroup;

package/dist/CmrComponents/CmrRadioGroup/CmrRadioGroup.js

@@ -0,0 +1,37 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import './CmrRadioGroup.css';
+import { Radio, RadioGroup, FormControl, FormControlLabel, FormLabel, } from "@mui/material";
+var CmrRadioGroup = function (_a) {
+    var options = _a.options, groupLabel = _a.groupLabel, defaultValue = _a.defaultValue, onChange = _a.onChange;
+    var _b = useState(defaultValue || ""), selectedValue = _b[0], setSelectedValue = _b[1];
+    var handleChange = function (event) {
+        var newValue = event.target.value;
+        setSelectedValue(newValue);
+        // Use the passed onChange handler, or fall back to logging by default
+        if (onChange) {
+            onChange(newValue);
+        }
+        else {
+            console.log("Selected Radio Value:", newValue);
+        }
+    };
+    return (_jsx("div", __assign({ className: "cmr-radio-label" }, { children: _jsxs(FormControl, __assign({ component: "fieldset" }, { children: [groupLabel && _jsx(FormLabel, __assign({ component: "legend" }, { children: groupLabel })), _jsx(RadioGroup, __assign({ value: selectedValue, onChange: handleChange }, { children: options.map(function (option) { return (_jsx(FormControlLabel, { value: option.value, control: _jsx(Radio, { disabled: option.disabled }), label: option.label, sx: {
+                            '& .MuiTypography-root': {
+                                fontSize: '14.4px',
+                                fontFamily: '"Source Sans 3", sans-serif'
+                            }
+                        } }, option.value)); }) }))] })) })));
+};
+export default CmrRadioGroup;

package/dist/CmrComponents/CmrRadioGroup/index.d.ts

@@ -0,0 +1 @@
+export { default as CmrRadioGroup } from './CmrRadioGroup';

package/dist/CmrComponents/CmrRadioGroup/index.js

@@ -0,0 +1 @@
+export { default as CmrRadioGroup } from './CmrRadioGroup'; // Exporting the CmrRadioGroup component

package/dist/CmrComponents/CmrSelect/CmrSelect.css

@@ -0,0 +1 @@
+

package/dist/CmrComponents/CmrSelect/CmrSelect.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import './CmrSelect.css';
+export interface Option {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+export interface CmrSelectProps {
+    options: Option[];
+    disabled?: boolean;
+    /** Controlled usage (optional) */
+    value?: string;
+    onChange?: (value: string) => void;
+    /** Uncontrolled usage (optional) */
+    defaultValue?: string;
+    /** Layout/Styling */
+    fullWidth?: boolean;
+    sx?: any;
+    className?: string;
+    /** Pass-through kept for compatibility */
+    SelectProps?: Record<string, any>;
+}
+declare const CmrSelect: React.FC<CmrSelectProps>;
+export default CmrSelect;

package/dist/CmrComponents/CmrSelect/CmrSelect.js

@@ -0,0 +1,46 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+// CmrSelect.tsx (react-select version without label)
+import { useEffect, useId, useMemo, useState } from 'react';
+import ReactSelect from 'react-select';
+import './CmrSelect.css';
+var baseStyles = {
+    control: function (base, state) { return (__assign(__assign({}, base), { minHeight: 40, borderColor: state.isFocused ? '#580F8B' : base.borderColor, boxShadow: state.isFocused ? '0 0 0 1px #580F8B' : 'none', '&:hover': { borderColor: '#580F8B' }, fontFamily: 'Inter, Roboto, Helvetica, Arial, sans-serif', borderRadius: 4 })); },
+    placeholder: function (base) { return (__assign(__assign({}, base), { color: 'rgba(0,0,0,0.6)' })); },
+    singleValue: function (base) { return (__assign(__assign({}, base), { color: '#580F8B', fontWeight: 400, fontFamily: 'Inter, Roboto, Helvetica, Arial, sans-serif' })); },
+    option: function (base, state) { return (__assign(__assign({}, base), { backgroundColor: state.isFocused || state.isSelected ? '#F3E5F5' : 'white', color: '#000', fontFamily: 'Inter, Roboto, Helvetica, Arial, sans-serif', cursor: state.isDisabled ? 'not-allowed' : 'pointer' })); },
+    menuPortal: function (base) { return (__assign(__assign({}, base), { zIndex: 2000 })); },
+    menu: function (base) { return (__assign(__assign({}, base), { zIndex: 1300 })); }
+};
+var CmrSelect = function (_a) {
+    var options = _a.options, disabled = _a.disabled, value = _a.value, onChange = _a.onChange, _b = _a.defaultValue, defaultValue = _b === void 0 ? '' : _b, fullWidth = _a.fullWidth, sx = _a.sx, className = _a.className;
+    var isControlled = value !== undefined;
+    var _c = useState(defaultValue), internal = _c[0], setInternal = _c[1];
+    var currentValue = isControlled ? value : internal;
+    useEffect(function () {
+        if (isControlled)
+            setInternal(value);
+    }, [isControlled, value]);
+    var id = useId();
+    var rsValue = useMemo(function () { var _a; return (_a = options.find(function (o) { return o.value === currentValue; })) !== null && _a !== void 0 ? _a : null; }, [options, currentValue]);
+    var handleChange = function (opt) {
+        var _a;
+        var next = (_a = opt === null || opt === void 0 ? void 0 : opt.value) !== null && _a !== void 0 ? _a : '';
+        if (!isControlled)
+            setInternal(next);
+        onChange === null || onChange === void 0 ? void 0 : onChange(next);
+    };
+    var wrapperStyle = __assign({ minWidth: 200, maxWidth: 400, width: fullWidth ? '100%' : 'auto' }, sx);
+    return (_jsx("div", __assign({ className: className !== null && className !== void 0 ? className : 'dropdown-select', style: wrapperStyle }, { children: _jsx(ReactSelect, { inputId: id, isDisabled: !!disabled, options: options.map(function (o) { return (__assign(__assign({}, o), { isDisabled: o.disabled })); }), value: rsValue, onChange: handleChange, placeholder: "Select", isClearable: true, styles: baseStyles, menuPortalTarget: document.body }) })));
+};
+export default CmrSelect;

package/dist/CmrComponents/CmrSelect/index.d.ts

@@ -0,0 +1 @@
+export { default as CmrSelect } from './CmrSelect';

package/dist/CmrComponents/CmrSelect/index.js

@@ -0,0 +1 @@
+export { default as CmrSelect } from './CmrSelect';

package/dist/CmrComponents/checkbox/Checkbox.css

@@ -0,0 +1,8 @@
+.cmr-checkbox {
+    margin-bottom: 4px;
+    :is(__text) {
+        font-size: 16px;
+        line-height: 15px;
+        text-align: justify;
+    }
+}

package/dist/CmrComponents/checkbox/Checkbox.d.ts

@@ -0,0 +1,15 @@
+import React, { ChangeEvent } from 'react';
+import './Checkbox.css';
+interface CmrCheckboxProps extends React.HTMLAttributes<HTMLDivElement> {
+    autoFocus?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    children?: any;
+    style?: any;
+    sx?: any;
+}
+declare const CmrCheckbox: (props: CmrCheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export default CmrCheckbox;

package/dist/CmrComponents/checkbox/Checkbox.js

@@ -0,0 +1,25 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Checkbox } from '@mui/material';
+import './Checkbox.css';
+import CmrLabel from '../label/Label';
+import { FormControlLabel } from '@mui/material';
+var CmrCheckbox = function (props) {
+    var defaultChecked = props.defaultChecked, onChange = props.onChange, children = props.children, rest = __rest(props, ["defaultChecked", "onChange", "children"]);
+    return (_jsx(FormControlLabel, { disabled: props.disabled, style: props.style, className: props.className, control: _jsx(Checkbox, { style: props.style, checked: props.checked, defaultChecked: defaultChecked, onChange: onChange }), label: _jsx(CmrLabel, { children: props.children }), sx: props.sx, 
+        // {<span className='cmr-label' style={{ paddingRight: 0, paddingLeft: 0 }}>
+        //     {props.children}
+        // </span>}
+        labelPlacement: "end" }));
+};
+export default CmrCheckbox;

package/dist/CmrComponents/collapse/Collapse.css

@@ -0,0 +1,3 @@
+.collapse-bar {
+  margin-bottom: 4px;
+}

package/dist/CmrComponents/collapse/Collapse.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { CollapsibleType } from "antd/es/collapse/CollapsePanel";
+import { ExpandIconPosition } from "antd/es/collapse/Collapse";
+import "./Collapse.css";
+interface CmrCollapseProps {
+    accordion?: boolean;
+    activeKey?: Array<string | number> | number;
+    bordered?: boolean;
+    collapsible?: CollapsibleType;
+    defaultActiveKey?: Array<string | number>;
+    destroyInactivePanel?: boolean;
+    expandIconPosition?: ExpandIconPosition;
+    ghost?: boolean;
+    onChange?: (key: Array<string | number> | number) => void;
+    children?: JSX.Element[] | JSX.Element;
+}
+declare const CmrCollapse: (props: CmrCollapseProps) => import("react/jsx-runtime").JSX.Element;
+export default CmrCollapse;