@symply.io/basic-components 1.3.11-alpha.9 → 1.4.0-alpha.10

package/AlertDialog/index.d.ts

@@ -1,4 +1,4 @@
-import { AlertDialogProps } from "./types";
+import type { AlertDialogProps } from "./types";
 declare const AlertDialog: (props: AlertDialogProps) => JSX.Element;
 export default AlertDialog;
-export * from "./types";
+export type { AlertDialogProps };

package/AlertDialog/index.js

@@ -1,3 +1,25 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, cloneElement } from "react";
 import ThemeProvider from "@mui/material/styles/ThemeProvider";
@@ -9,18 +31,17 @@ import DialogContent from "@mui/material/DialogContent";
 import useMediaQuery from "@mui/material/useMediaQuery";
 import Slide from "@mui/material/Slide";
 import useCustomTheme from "../useCustomTheme";
-const Transition = forwardRef(function Transition(props, ref) {
-    return _jsx(Slide, { direction: "up", ...props, ref: ref });
+var Transition = forwardRef(function Transition(props, ref) {
+    return _jsx(Slide, __assign({ direction: "up" }, props, { ref: ref }));
 });
-const AlertDialog = (props) => {
-    const { title = "Info", maxWidth = "md", children, open, onClose, DialogButtons, primaryColor, secondaryColor, ...rest } = props;
-    const theme = useCustomTheme({ primaryColor, secondaryColor });
-    const fullScreen = useMediaQuery(theme.breakpoints.down("sm"));
-    return (_jsx(ThemeProvider, { theme: theme, children: _jsxs(Dialog, { maxWidth: maxWidth, fullScreen: fullScreen, TransitionComponent: Transition, open: open, onClose: (_, reason) => {
+var AlertDialog = function (props) {
+    var _a = props.title, title = _a === void 0 ? "Info" : _a, _b = props.maxWidth, maxWidth = _b === void 0 ? "md" : _b, children = props.children, open = props.open, onClose = props.onClose, DialogButtons = props.DialogButtons, primaryColor = props.primaryColor, secondaryColor = props.secondaryColor, rest = __rest(props, ["title", "maxWidth", "children", "open", "onClose", "DialogButtons", "primaryColor", "secondaryColor"]);
+    var theme = useCustomTheme({ primaryColor: primaryColor, secondaryColor: secondaryColor });
+    var fullScreen = useMediaQuery(theme.breakpoints.down("sm"));
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsxs(Dialog, __assign({ maxWidth: maxWidth, fullScreen: fullScreen, TransitionComponent: Transition, open: open, onClose: function (_, reason) {
                 if (reason !== "backdropClick") {
                     onClose();
                 }
-            }, "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description", ...rest, children: [_jsx(DialogTitle, { id: "alert-dialog-title", children: title }), _jsx(DialogContent, { children: children }), _jsx(DialogActions, { children: DialogButtons ? (cloneElement(DialogButtons)) : (_jsx(Button, { onClick: onClose, color: "primary", children: "OK" })) })] }) }));
+            }, "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description" }, rest, { children: [_jsx(DialogTitle, __assign({ id: "alert-dialog-title" }, { children: title })), _jsx(DialogContent, { children: children }), _jsx(DialogActions, { children: DialogButtons ? (cloneElement(DialogButtons)) : (_jsx(Button, __assign({ onClick: onClose, color: "primary" }, { children: "OK" }))) })] })) })));
 };
 export default AlertDialog;
-export * from "./types";

package/AlertDialog/types.d.ts

@@ -1,6 +1,6 @@
-import { ReactElement, CSSProperties } from "react";
-import { DialogProps } from "@mui/material/Dialog";
-import { DialogContentProps } from "@mui/material/DialogContent";
+import type { ReactElement, CSSProperties } from "react";
+import type { DialogProps } from "@mui/material/Dialog";
+import type { DialogContentProps } from "@mui/material/DialogContent";
 export interface AlertDialogProps {
     title?: string;
     maxWidth?: DialogProps["maxWidth"];

package/Autocomplete/index.d.ts

@@ -1,4 +1,4 @@
-import { AutocompleteProps } from "./types";
+import type { AutocompleteProps, AutocompleteValueType, AutocompleteOptionType } from "./types";
 declare function CustomAutocomplete<T, multiple extends boolean | undefined = false>(props: AutocompleteProps<T, multiple>): JSX.Element;
 export default CustomAutocomplete;
-export * from "./types";
+export type { AutocompleteProps, AutocompleteValueType, AutocompleteOptionType };

package/Autocomplete/index.js

@@ -1,3 +1,25 @@
+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 ThemeProvider from "@mui/material/styles/ThemeProvider";
 import Autocomplete from "@mui/material/Autocomplete";
@@ -5,13 +27,16 @@ import TextField from "@mui/material/TextField";
 import useInteractions from "./useInteractions";
 import useCustomTheme from "../useCustomTheme";
 function CustomAutocomplete(props) {
-    const { size, value, loading, options, multiple, disabled, primaryColor, secondaryColor, onChange, required, limitTags, ...rest } = props;
-    const theme = useCustomTheme({ primaryColor, secondaryColor });
-    const { inputValue, onInputChange } = useInteractions();
-    return (_jsx(ThemeProvider, { theme: theme, children: _jsx(Autocomplete, { size: size, fullWidth: true, loading: loading, disabled: disabled, limitTags: limitTags ?? -1, options: options, multiple: multiple, onChange: (event, val) => {
+    var size = props.size, value = props.value, loading = props.loading, options = props.options, multiple = props.multiple, disabled = props.disabled, primaryColor = props.primaryColor, secondaryColor = props.secondaryColor, onChange = props.onChange, required = props.required, limitTags = props.limitTags, rest = __rest(props, ["size", "value", "loading", "options", "multiple", "disabled", "primaryColor", "secondaryColor", "onChange", "required", "limitTags"]);
+    var theme = useCustomTheme({ primaryColor: primaryColor, secondaryColor: secondaryColor });
+    var _a = useInteractions(), inputValue = _a.inputValue, onInputChange = _a.onInputChange;
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Autocomplete, { size: size, fullWidth: true, loading: loading, disabled: disabled, limitTags: limitTags !== null && limitTags !== void 0 ? limitTags : -1, options: options, multiple: multiple, onChange: function (event, val) {
                 event.preventDefault();
                 onChange(val);
-            }, getOptionLabel: option => option.label || "", renderOption: (props, option) => (_jsx("li", { ...{ ...props, key: option.value ?? option.label ?? option }, children: option.label || "" })), isOptionEqualToValue: (opt, val) => {
+            }, getOptionLabel: function (option) { return option.label || ""; }, renderOption: function (props, option) {
+                var _a, _b;
+                return (_jsx("li", __assign({}, __assign(__assign({}, props), { key: (_b = (_a = option.value) !== null && _a !== void 0 ? _a : option.label) !== null && _b !== void 0 ? _b : option }), { children: option.label || "" })));
+            }, isOptionEqualToValue: function (opt, val) {
                 if (typeof opt === "string") {
                     return opt === val;
                 }
@@ -19,12 +44,8 @@ function CustomAutocomplete(props) {
                     return String(opt.value) === String(val.value);
                 }
                 return opt.label === val.label;
-            }, value: value, inputValue: inputValue, onInputChange: (event, val) => {
+            }, value: value, inputValue: inputValue, onInputChange: function (event, val) {
                 onInputChange(val);
-            }, renderInput: params => (_jsx(TextField, { ...params, ...rest, required: required, size: size, inputProps: {
-                    ...params.inputProps,
-                    required: required && (Array.isArray(value) ? value.length === 0 : !value)
-                } })) }) }));
+            }, renderInput: function (params) { return (_jsx(TextField, __assign({}, params, rest, { required: required, size: size, inputProps: __assign(__assign({}, params.inputProps), { required: required && (Array.isArray(value) ? value.length === 0 : !value) }) }))); } }) })));
 }
 export default CustomAutocomplete;
-export * from "./types";

package/Autocomplete/types.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties } from "react";
-import { TextFieldProps } from "@mui/material/TextField";
+import type { CSSProperties } from "react";
+import type { TextFieldProps } from "@mui/material/TextField";
 export declare type AutocompleteOptionType<T = {
     [name: string]: unknown;
 }> = T & {

package/Autocomplete/useInteractions.js

@@ -1,9 +1,9 @@
 import { useState, useCallback } from "react";
 function useInteractions() {
-    const [inputValue, setInputValue] = useState("");
-    const onInputChange = useCallback((value) => {
+    var _a = useState(""), inputValue = _a[0], setInputValue = _a[1];
+    var onInputChange = useCallback(function (value) {
         setInputValue(value);
     }, []);
-    return { inputValue, onInputChange };
+    return { inputValue: inputValue, onInputChange: onInputChange };
 }
 export default useInteractions;

package/AutocompleteWithFilter/index.d.ts

@@ -1,4 +1,4 @@
-import { AutocompleteWithFilterProps } from "./types";
+import type { AutocompleteWithFilterProps, AutocompleteWithFilterValueType, AutocompleteWithFilterOptionType } from "./types";
 declare function AutocompleteWithFilter<T, multiple extends boolean | undefined = false>(props: AutocompleteWithFilterProps<T, multiple>): JSX.Element;
 export default AutocompleteWithFilter;
-export * from "./types";
+export type { AutocompleteWithFilterProps, AutocompleteWithFilterValueType, AutocompleteWithFilterOptionType };

package/AutocompleteWithFilter/index.js

@@ -1,3 +1,25 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
 import ThemeProvider from "@mui/material/styles/ThemeProvider";
 import Checkbox from "@mui/material/Checkbox";
@@ -6,21 +28,21 @@ import Autocomplete, { createFilterOptions } from "@mui/material/Autocomplete";
 import CheckBoxOutlineBlankIcon from "@mui/icons-material/CheckBoxOutlineBlank";
 import CheckBoxIcon from "@mui/icons-material/CheckBox";
 import useCustomTheme from "../useCustomTheme";
-const icon = _jsx(CheckBoxOutlineBlankIcon, { fontSize: "small" });
-const checkedIcon = _jsx(CheckBoxIcon, { fontSize: "small" });
+var icon = _jsx(CheckBoxOutlineBlankIcon, { fontSize: "small" });
+var checkedIcon = _jsx(CheckBoxIcon, { fontSize: "small" });
 function AutocompleteWithFilter(props) {
-    const { size, value, options, loading, multiple, disabled, disableCloseOnSelect, primaryColor, secondaryColor, onChange, required, limitTags, ...rest } = props;
-    const filter = createFilterOptions({
+    var size = props.size, value = props.value, options = props.options, loading = props.loading, multiple = props.multiple, disabled = props.disabled, disableCloseOnSelect = props.disableCloseOnSelect, primaryColor = props.primaryColor, secondaryColor = props.secondaryColor, onChange = props.onChange, required = props.required, limitTags = props.limitTags, rest = __rest(props, ["size", "value", "options", "loading", "multiple", "disabled", "disableCloseOnSelect", "primaryColor", "secondaryColor", "onChange", "required", "limitTags"]);
+    var filter = createFilterOptions({
         ignoreCase: true,
         ignoreAccents: true,
         trim: true,
-        stringify: (option) => option.label
+        stringify: function (option) { return option.label; }
     });
-    const theme = useCustomTheme({ primaryColor, secondaryColor });
-    return (_jsx(ThemeProvider, { theme: theme, children: _jsx(Autocomplete, { size: size, fullWidth: true, loading: loading, limitTags: limitTags ?? -1, options: options, disabled: disabled, multiple: multiple, filterOptions: filter, onChange: (event, val) => {
+    var theme = useCustomTheme({ primaryColor: primaryColor, secondaryColor: secondaryColor });
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Autocomplete, { size: size, fullWidth: true, loading: loading, limitTags: limitTags !== null && limitTags !== void 0 ? limitTags : -1, options: options, disabled: disabled, multiple: multiple, filterOptions: filter, onChange: function (event, val) {
                 event.preventDefault();
                 onChange(val);
-            }, value: value, disableCloseOnSelect: disableCloseOnSelect || multiple, getOptionLabel: option => option.label, isOptionEqualToValue: (opt, val) => {
+            }, value: value, disableCloseOnSelect: disableCloseOnSelect || multiple, getOptionLabel: function (option) { return option.label; }, isOptionEqualToValue: function (opt, val) {
                 if (typeof opt === "string") {
                     return opt === val;
                 }
@@ -28,10 +50,10 @@ function AutocompleteWithFilter(props) {
                     return String(opt.value) === String(val.value);
                 }
                 return opt.label === val.label;
-            }, renderOption: (props, option, { selected }) => (_jsxs("li", { ...{ ...props, key: option.value ?? option.label ?? option }, children: [_jsx(Checkbox, { icon: icon, color: "primary", checkedIcon: checkedIcon, style: { marginRight: 8 }, checked: selected }), option.label || ""] })), renderInput: params => (_jsx(TextField, { ...params, ...rest, variant: "outlined", required: required, inputProps: {
-                    ...params.inputProps,
-                    required: required && (Array.isArray(value) ? value.length === 0 : !value)
-                } })) }) }));
+            }, renderOption: function (props, option, _a) {
+                var _b, _c;
+                var selected = _a.selected;
+                return (_jsxs("li", __assign({}, __assign(__assign({}, props), { key: (_c = (_b = option.value) !== null && _b !== void 0 ? _b : option.label) !== null && _c !== void 0 ? _c : option }), { children: [_jsx(Checkbox, { icon: icon, color: "primary", checkedIcon: checkedIcon, style: { marginRight: 8 }, checked: selected }), option.label || ""] })));
+            }, renderInput: function (params) { return (_jsx(TextField, __assign({}, params, rest, { variant: "outlined", required: required, inputProps: __assign(__assign({}, params.inputProps), { required: required && (Array.isArray(value) ? value.length === 0 : !value) }) }))); } }) })));
 }
 export default AutocompleteWithFilter;
-export * from "./types";

package/AutocompleteWithFilter/types.d.ts

@@ -1,12 +1,12 @@
-import { CSSProperties } from "react";
-import { TextFieldProps } from "@mui/material/TextField";
+import type { CSSProperties } from "react";
+import type { TextFieldProps } from "@mui/material/TextField";
 export declare type AutocompleteWithFilterOptionType<T> = T & {
     label: string;
     value?: string | number;
 };
-export declare type AutocompleteWithFilterlValueType<T, multiple extends boolean | undefined> = multiple extends false | undefined ? AutocompleteWithFilterOptionType<T> | null : Array<AutocompleteWithFilterOptionType<T>>;
+export declare type AutocompleteWithFilterValueType<T, multiple extends boolean | undefined> = multiple extends false | undefined ? AutocompleteWithFilterOptionType<T> | null : Array<AutocompleteWithFilterOptionType<T>>;
 export interface AutocompleteWithFilterProps<T, multiple extends boolean | undefined> extends Omit<TextFieldProps, "onChange" | "value" | "disabled"> {
-    value: AutocompleteWithFilterlValueType<T, multiple>;
+    value: AutocompleteWithFilterValueType<T, multiple>;
     options: Array<AutocompleteWithFilterOptionType<T>>;
     disableCloseOnSelect?: boolean;
     limitTags?: number;
@@ -15,5 +15,5 @@ export interface AutocompleteWithFilterProps<T, multiple extends boolean | undef
     loading?: boolean;
     primaryColor?: CSSProperties["color"];
     secondaryColor?: CSSProperties["color"];
-    onChange: (value: AutocompleteWithFilterlValueType<T, multiple>) => void;
+    onChange: (value: AutocompleteWithFilterValueType<T, multiple>) => void;
 }

package/BasicModal/Content.js

@@ -1,3 +1,14 @@
+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, Fragment as _Fragment } from "react/jsx-runtime";
 import { cloneElement } from "react";
 import useTheme from "@mui/material/styles/useTheme";
@@ -10,17 +21,17 @@ import IconButton from "@mui/material/IconButton";
 import CloseIcon from "@mui/icons-material/Close";
 import Grid from "@mui/material/Grid";
 function Content(props) {
-    const { children, title, desc, color = "primary", loading, disabled, buttons, submitText = "Save", cancelText = "Cancel", showTopRightCloseButton = false, hideBottomButtons = false, noForm = false, onClose, onSubmit } = props;
-    const theme = useTheme();
-    return (_jsxs(_Fragment, { children: [_jsxs(DialogTitle, { sx: {
+    var children = props.children, title = props.title, desc = props.desc, _a = props.color, color = _a === void 0 ? "primary" : _a, loading = props.loading, disabled = props.disabled, buttons = props.buttons, _b = props.submitText, submitText = _b === void 0 ? "Save" : _b, _c = props.cancelText, cancelText = _c === void 0 ? "Cancel" : _c, _d = props.showTopRightCloseButton, showTopRightCloseButton = _d === void 0 ? false : _d, _e = props.hideBottomButtons, hideBottomButtons = _e === void 0 ? false : _e, _f = props.noForm, noForm = _f === void 0 ? false : _f, onClose = props.onClose, onSubmit = props.onSubmit;
+    var theme = useTheme();
+    return (_jsxs(_Fragment, { children: [_jsxs(DialogTitle, __assign({ sx: {
                     "& > span": {
                         fontWeight: "700!important"
                     }
-                }, children: [_jsx("span", { children: title }), showTopRightCloseButton ? (_jsx(IconButton, { "aria-label": "close", onClick: onClose, sx: {
+                } }, { children: [_jsx("span", { children: title }), showTopRightCloseButton ? (_jsx(IconButton, __assign({ "aria-label": "close", onClick: onClose, sx: {
                             position: "absolute",
                             right: 8,
                             top: 8,
                             color: theme.palette.grey[500]
-                        }, children: _jsx(CloseIcon, {}) })) : null] }), _jsxs(DialogContent, { sx: { paddingTop: theme.spacing(1.25) }, children: [desc && _jsx(DialogContentText, { children: desc }), Boolean(children) && cloneElement(children)] }), !hideBottomButtons && (_jsx(DialogActions, { sx: { padding: theme.spacing(1.25) }, children: _jsx(Grid, { container: true, spacing: 2, justifyContent: "flex-end", alignItems: "center", sx: { margin: 0 }, children: buttons || (_jsxs(_Fragment, { children: [_jsx(Grid, { item: true, xs: 12, md: 3, xl: 2, children: _jsx(Button, { onClick: onClose, variant: "outlined", color: color, disabled: loading, fullWidth: true, children: cancelText }) }), _jsx(Grid, { item: true, xs: 12, md: 3, xl: 2, children: _jsx(Button, { type: noForm ? "button" : "submit", onClick: noForm ? onSubmit : undefined, variant: "contained", color: color, disabled: loading || disabled, fullWidth: true, children: submitText }) })] })) }) }))] }));
+                        } }, { children: _jsx(CloseIcon, {}) }))) : null] })), _jsxs(DialogContent, __assign({ sx: { paddingTop: theme.spacing(1.25) } }, { children: [desc && _jsx(DialogContentText, { children: desc }), Boolean(children) && cloneElement(children)] })), !hideBottomButtons && (_jsx(DialogActions, __assign({ sx: { padding: theme.spacing(1.25) } }, { children: _jsx(Grid, __assign({ container: true, spacing: 2, justifyContent: "flex-end", alignItems: "center", sx: { margin: 0 } }, { children: buttons || (_jsxs(_Fragment, { children: [_jsx(Grid, __assign({ item: true, xs: 12, md: 3, xl: 2 }, { children: _jsx(Button, __assign({ onClick: onClose, variant: "outlined", color: color, disabled: loading, fullWidth: true }, { children: cancelText })) })), _jsx(Grid, __assign({ item: true, xs: 12, md: 3, xl: 2 }, { children: _jsx(Button, __assign({ type: noForm ? "button" : "submit", onClick: noForm ? onSubmit : undefined, variant: "contained", color: color, disabled: loading || disabled, fullWidth: true }, { children: submitText })) }))] })) })) })))] }));
 }
 export default Content;

package/BasicModal/index.d.ts

@@ -1,4 +1,4 @@
-import { BasicModalProps } from "./types";
+import type { BasicModalProps } from "./types";
 declare function BasicModal(props: BasicModalProps): JSX.Element;
 export default BasicModal;
-export * from "./types";
+export type { BasicModalProps };

package/BasicModal/index.js

@@ -1,3 +1,25 @@
+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 { forwardRef } from "react";
 import Grid from "@mui/material/Grid";
@@ -7,24 +29,23 @@ import useMediaQuery from "@mui/material/useMediaQuery";
 import ThemeProvider from "@mui/material/styles/ThemeProvider";
 import Content from "./Content";
 import useCustomTheme from "../useCustomTheme";
-const Transition = forwardRef(function Transition(props, ref) {
-    return _jsx(Slide, { direction: "up", ...props, ref: ref });
+var Transition = forwardRef(function Transition(props, ref) {
+    return _jsx(Slide, __assign({ direction: "up" }, props, { ref: ref }));
 });
 function BasicModal(props) {
-    const { onClose, onSubmit, maxWidth = "sm", open = false, noForm = false, primaryColor, secondaryColor, ...rest } = props;
-    const theme = useCustomTheme({ primaryColor, secondaryColor });
-    const fullScreen = useMediaQuery(theme.breakpoints.down("sm"));
-    return (_jsx(ThemeProvider, { theme: theme, children: _jsx(Dialog, { disableEnforceFocus: true, open: open, onClose: (_, reason) => {
+    var onClose = props.onClose, onSubmit = props.onSubmit, _a = props.maxWidth, maxWidth = _a === void 0 ? "sm" : _a, _b = props.open, open = _b === void 0 ? false : _b, _c = props.noForm, noForm = _c === void 0 ? false : _c, primaryColor = props.primaryColor, secondaryColor = props.secondaryColor, rest = __rest(props, ["onClose", "onSubmit", "maxWidth", "open", "noForm", "primaryColor", "secondaryColor"]);
+    var theme = useCustomTheme({ primaryColor: primaryColor, secondaryColor: secondaryColor });
+    var fullScreen = useMediaQuery(theme.breakpoints.down("sm"));
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Dialog, __assign({ disableEnforceFocus: true, open: open, onClose: function (_, reason) {
                 if (reason !== "backdropClick") {
                     onClose();
                 }
-            }, maxWidth: maxWidth, fullWidth: true, TransitionComponent: Transition, "aria-labelledby": "form-dialog-title", fullScreen: fullScreen, disableEscapeKeyDown: true, children: _jsx(Grid, { component: noForm ? "div" : "form", onSubmit: noForm
+            }, maxWidth: maxWidth, fullWidth: true, TransitionComponent: Transition, "aria-labelledby": "form-dialog-title", fullScreen: fullScreen, disableEscapeKeyDown: true }, { children: _jsx(Grid, __assign({ component: noForm ? "div" : "form", onSubmit: noForm
                     ? undefined
-                    : (e) => {
+                    : function (e) {
                         e.preventDefault();
                         e.stopPropagation();
                         onSubmit();
-                    }, children: _jsx(Content, { ...rest, noForm: noForm, onClose: onClose, onSubmit: onSubmit }) }) }) }));
+                    } }, { children: _jsx(Content, __assign({}, rest, { noForm: noForm, onClose: onClose, onSubmit: onSubmit })) })) })) })));
 }
 export default BasicModal;
-export * from "./types";

package/BasicModal/types.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode, CSSProperties } from "react";
-import { ButtonProps } from "@mui/material/Button";
+import type { ReactNode, CSSProperties } from "react";
+import type { ButtonProps } from "@mui/material/Button";
 export interface BasicModalContentProps {
     children: ReactNode;
     color?: ButtonProps["color"];

package/BreadCrumbs/index.d.ts

@@ -1,4 +1,4 @@
-import { BreadCrumbsProps } from "./types";
+import type { BreadCrumbsProps } from "./types";
 declare function Crumbs(props: BreadCrumbsProps): JSX.Element;
 export default Crumbs;
-export * from "./types";
+export type { BreadCrumbsProps };

package/BreadCrumbs/index.js

@@ -1,3 +1,14 @@
+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 { useCallback } from "react";
 import { navigate } from "@reach/router";
@@ -7,22 +18,21 @@ import ThemeProvider from "@mui/material/styles/ThemeProvider";
 import NavigateNextIcon from "@mui/icons-material/NavigateNext";
 import useCustomTheme from "../useCustomTheme";
 function Crumbs(props) {
-    const { routes, primaryColor, secondaryColor } = props;
-    const theme = useCustomTheme({ primaryColor, secondaryColor });
-    const onNavigateTo = useCallback((url) => {
+    var routes = props.routes, primaryColor = props.primaryColor, secondaryColor = props.secondaryColor;
+    var theme = useCustomTheme({ primaryColor: primaryColor, secondaryColor: secondaryColor });
+    var onNavigateTo = useCallback(function (url) {
         navigate(url, { replace: true });
     }, []);
-    return (_jsx(ThemeProvider, { theme: theme, children: _jsxs(Breadcrumbs, { "aria-label": "breadcrumb", separator: _jsx(NavigateNextIcon, { fontSize: "small" }), children: [_jsx(Typography, {}), routes.map(route => {
-                    const { href, label } = route;
-                    return href ? (_jsx(Typography, { color: "inherit", sx: {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsxs(Breadcrumbs, __assign({ "aria-label": "breadcrumb", separator: _jsx(NavigateNextIcon, { fontSize: "small" }) }, { children: [_jsx(Typography, {}), routes.map(function (route) {
+                    var href = route.href, label = route.label;
+                    return href ? (_jsx(Typography, __assign({ color: "inherit", sx: {
                             fontSize: 16,
                             fontWeight: 500,
                             "&:hover": {
                                 cursor: "pointer",
                                 color: theme.palette.primary.light
                             }
-                        }, onClick: () => onNavigateTo(href), children: label }, label)) : (_jsx(Typography, { sx: { fontSize: 16, fontWeight: 500 }, color: "primary", children: label }, label));
-                })] }) }));
+                        }, onClick: function () { return onNavigateTo(href); } }, { children: label }), label)) : (_jsx(Typography, __assign({ sx: { fontSize: 16, fontWeight: 500 }, color: "primary" }, { children: label }), label));
+                })] })) })));
 }
 export default Crumbs;
-export * from "./types";

package/BreadCrumbs/types.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from "react";
+import type { CSSProperties } from "react";
 export interface BreadCrumbsProps {
     routes: Array<{
         href?: string;

package/CheckBox/index.d.ts

@@ -1,3 +1,4 @@
-export { default as CheckBox } from "./CheckBox";
-export { default as CheckBoxGroup } from "./CheckBoxGroup";
-export * from "./types";
+import { CheckBoxProps } from "./types";
+declare function CheckBox(props: CheckBoxProps): JSX.Element;
+export default CheckBox;
+export type { CheckBoxProps };

package/CheckBox/index.js

@@ -1,3 +1,36 @@
-export { default as CheckBox } from "./CheckBox";
-export { default as CheckBoxGroup } from "./CheckBoxGroup";
-export * from "./types";
+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/Checkbox";
+import FormControlLabel from "@mui/material/FormControlLabel";
+import ThemeProvider from "@mui/material/styles/ThemeProvider";
+import useCustomTheme from "../useCustomTheme";
+function CheckBox(props) {
+    var label = props.label, onChange = props.onChange, primaryColor = props.primaryColor, secondaryColor = props.secondaryColor, rest = __rest(props, ["label", "onChange", "primaryColor", "secondaryColor"]);
+    var theme = useCustomTheme({ primaryColor: primaryColor, secondaryColor: secondaryColor });
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(FormControlLabel, { control: _jsx(Checkbox, __assign({ onChange: function (event) {
+                    event.stopPropagation();
+                    onChange(event.target.checked);
+                } }, rest)), label: label }) })));
+}
+export default CheckBox;

package/CheckBox/types.d.ts

@@ -1,12 +1,8 @@
-import { CSSProperties, ReactElement } from "react";
-import { CheckboxProps } from "@mui/material/Checkbox";
-import { FormGroupProps } from "@mui/material/FormGroup";
+import type { CSSProperties, ReactElement } from "react";
+import type { CheckboxProps } from "@mui/material/Checkbox";
 export interface CheckBoxProps extends Omit<CheckboxProps, "onChange"> {
     label: string | ReactElement;
     onChange: (val: boolean) => void;
     primaryColor?: CSSProperties["color"];
     secondaryColor?: CSSProperties["color"];
 }
-export interface CheckBoxGroupProps extends FormGroupProps {
-    checkboxes: Array<CheckBoxProps>;
-}

package/CheckBoxGroup/index.d.ts

@@ -0,0 +1,4 @@
+import type { CheckBoxGroupProps } from "./types";
+declare function CheckBoxGroup(props: CheckBoxGroupProps): JSX.Element;
+export default CheckBoxGroup;
+export type { CheckBoxGroupProps };

package/CheckBoxGroup/index.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 FormGroup from "@mui/material/FormGroup";
+import CheckBox from "../CheckBox";
+function CheckBoxGroup(props) {
+    var checkboxes = props.checkboxes, rest = __rest(props, ["checkboxes"]);
+    return (_jsx(FormGroup, __assign({}, rest, { children: checkboxes.map(function (checkbox, index) { return (_jsx(CheckBox, __assign({}, checkbox), index)); }) })));
+}
+export default CheckBoxGroup;

package/CheckBoxGroup/types.d.ts

@@ -0,0 +1,5 @@
+import type { FormGroupProps } from "@mui/material/FormGroup";
+import type { CheckBoxProps } from "../CheckBox";
+export interface CheckBoxGroupProps extends FormGroupProps {
+    checkboxes: Array<CheckBoxProps>;
+}

package/CheckBoxGroup/types.js

@@ -0,0 +1 @@
+export {};

package/ConfirmPasswordInput/index.d.ts

@@ -0,0 +1,4 @@
+import type { ConfirmPasswordInputProps } from "./types";
+declare function ConfirmPasswordInput(props: ConfirmPasswordInputProps): JSX.Element;
+export default ConfirmPasswordInput;
+export type { ConfirmPasswordInputProps };