@popmenu/common-ui 0.127.0 → 0.128.0

package/build/esm/components/Paper/Paper.js

@@ -1,23 +1,19 @@
-import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { makeStyles, Paper as Paper$1 } from '@material-ui/core';
 
-var useStyles = makeStyles(function (_a) {
-    var spacing = _a.spacing;
-    return ({
-        root: {
-            '&:last-child': {
-                marginBottom: 0,
-            },
-            marginBottom: spacing(4),
-            padding: spacing(4),
+const useStyles = makeStyles(({ spacing }) => ({
+    root: {
+        '&:last-child': {
+            marginBottom: 0,
         },
-    });
-});
-var Paper = forwardRef(function (props, ref) {
-    var legacyStyles = props.legacyStyles, restProps = __rest(props, ["legacyStyles"]);
-    var classes = useStyles(props);
-    return React.createElement(Paper$1, __assign({}, ref, { classes: __assign({}, (legacyStyles && classes)) }, restProps));
+        marginBottom: spacing(4),
+        padding: spacing(4),
+    },
+}));
+const Paper = forwardRef((props, ref) => {
+    const { legacyStyles, ...restProps } = props;
+    const classes = useStyles(props);
+    return React.createElement(Paper$1, { ...ref, classes: { ...(legacyStyles && classes) }, ...restProps });
 });
 Paper.displayName = 'Paper';
 Paper.defaultProps = {

package/build/esm/components/Paper/Paper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paper.js","sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { makeStyles, Paper as MuiPaper, PaperProps as MuiPaperProps } from '@material-ui/core'\n\nconst useStyles = makeStyles(({ spacing }) => ({\n  root: {\n    '&:last-child': {\n      marginBottom: 0,\n    },\n    marginBottom: spacing(4),\n    padding: spacing(4),\n  },\n}))\n\nexport interface PaperProps extends MuiPaperProps {\n  legacyStyles?: boolean\n}\n\nexport const Paper = forwardRef<HTMLDivElement, PaperProps>((props, ref) => {\n  const { legacyStyles, ...restProps } = props\n  const classes = useStyles(props)\n  return <MuiPaper {...ref} classes={{ ...(legacyStyles && classes) }} {...restProps} />\n})\n\nPaper.displayName = 'Paper'\n\nPaper.defaultProps = {\n  legacyStyles: false,\n}\n"],"names":["MuiPaper"],"mappings":";;;;AAGA,IAAM,SAAS,GAAG,UAAU,CAAC,UAAC,EAAW,EAAA;AAAT,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA;AAAO,IAAA,QAAC;AAC7C,QAAA,IAAI,EAAE;AACJ,YAAA,cAAc,EAAE;AACd,gBAAA,YAAY,EAAE,CAAC;AAChB,aAAA;AACD,YAAA,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;AACxB,YAAA,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;AACpB,SAAA;KACF;AAR6C,CAQ5C,CAAC;IAMU,KAAK,GAAG,UAAU,CAA6B,UAAC,KAAK,EAAE,GAAG,EAAA;IAC7D,IAAA,YAAY,GAAmB,KAAK,CAAxB,YAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAtC,CAA8B,cAAA,CAAA,CAAF;AAClC,IAAA,IAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC;AAChC,IAAA,OAAO,KAAC,CAAA,aAAA,CAAAA,OAAQ,EAAK,QAAA,CAAA,EAAA,EAAA,GAAG,IAAE,OAAO,EAAA,QAAA,CAAA,EAAA,GAAQ,YAAY,IAAI,OAAO,EAAS,EAAA,EAAA,SAAS,EAAI;AACxF,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;AAE3B,KAAK,CAAC,YAAY,GAAG;AACnB,IAAA,YAAY,EAAE,KAAK;CACpB;;;;"}
+{"version":3,"file":"Paper.js","sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { makeStyles, Paper as MuiPaper, PaperProps as MuiPaperProps } from '@material-ui/core'\n\nconst useStyles = makeStyles(({ spacing }) => ({\n  root: {\n    '&:last-child': {\n      marginBottom: 0,\n    },\n    marginBottom: spacing(4),\n    padding: spacing(4),\n  },\n}))\n\nexport interface PaperProps extends MuiPaperProps {\n  legacyStyles?: boolean\n}\n\nexport const Paper = forwardRef<HTMLDivElement, PaperProps>((props, ref) => {\n  const { legacyStyles, ...restProps } = props\n  const classes = useStyles(props)\n  return <MuiPaper {...ref} classes={{ ...(legacyStyles && classes) }} {...restProps} />\n})\n\nPaper.displayName = 'Paper'\n\nPaper.defaultProps = {\n  legacyStyles: false,\n}\n"],"names":["MuiPaper"],"mappings":";;;AAGA,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM;AAC7C,IAAA,IAAI,EAAE;AACJ,QAAA,cAAc,EAAE;AACd,YAAA,YAAY,EAAE,CAAC;AAChB,SAAA;AACD,QAAA,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;AACxB,QAAA,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;AACpB,KAAA;AACF,CAAA,CAAC,CAAC;AAMU,MAAA,KAAK,GAAG,UAAU,CAA6B,CAAC,KAAK,EAAE,GAAG,KAAI;IACzE,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AAC5C,IAAA,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC;AAChC,IAAA,OAAO,oBAACA,OAAQ,EAAA,EAAA,GAAK,GAAG,EAAE,OAAO,EAAE,EAAE,IAAI,YAAY,IAAI,OAAO,CAAC,EAAE,EAAM,GAAA,SAAS,GAAI;AACxF,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;AAE3B,KAAK,CAAC,YAAY,GAAG;AACnB,IAAA,YAAY,EAAE,KAAK;CACpB;;;;"}

package/build/esm/components/PaperContent/PaperContent.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Box } from '@material-ui/core';
 
-var PaperContent = function (props) {
-    var children = props.children;
+const PaperContent = (props) => {
+    const { children } = props;
     return React.createElement(Box, { padding: 4 }, children);
 };
 

package/build/esm/components/PaperContent/PaperContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaperContent.js","sources":["../../../../src/components/PaperContent/PaperContent.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport { Box } from '@material-ui/core'\n\nexport const PaperContent: FC<Record<string, never>> = (props) => {\n  const { children } = props\n  return <Box padding={4}>{children}</Box>\n}\n"],"names":[],"mappings":";;;AAIO,IAAM,YAAY,GAA8B,UAAC,KAAK,EAAA;AACnD,IAAA,IAAA,QAAQ,GAAK,KAAK,CAAA,QAAV;IAChB,OAAO,KAAA,CAAA,aAAA,CAAC,GAAG,EAAC,EAAA,OAAO,EAAE,CAAC,EAAA,EAAG,QAAQ,CAAO;AAC1C;;;;"}
+{"version":3,"file":"PaperContent.js","sources":["../../../../src/components/PaperContent/PaperContent.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport { Box } from '@material-ui/core'\n\nexport const PaperContent: FC<Record<string, never>> = (props) => {\n  const { children } = props\n  return <Box padding={4}>{children}</Box>\n}\n"],"names":[],"mappings":";;;AAIa,MAAA,YAAY,GAA8B,CAAC,KAAK,KAAI;AAC/D,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK;IAC1B,OAAO,KAAA,CAAA,aAAA,CAAC,GAAG,EAAC,EAAA,OAAO,EAAE,CAAC,EAAA,EAAG,QAAQ,CAAO;AAC1C;;;;"}

package/build/esm/components/Radio/Radio.js

@@ -1,11 +1,11 @@
-import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { Radio as Radio$1, FormControlLabel } from '@material-ui/core';
 
-var Radio = forwardRef(function (props, ref) {
-    var label = props.label, disabled = props.disabled, LabelProps = props.LabelProps, muiProps = __rest(props, ["label", "disabled", "LabelProps"]);
-    var control = React.createElement(Radio$1, __assign({ disabled: label ? undefined : disabled }, muiProps));
-    return label ? (React.createElement(FormControlLabel, __assign({ disabled: disabled, inputRef: ref, control: control, label: label }, LabelProps))) : (control);
+const Radio = forwardRef((props, ref) => {
+    const { disabled, LabelProps, ...muiProps } = props;
+    const label = LabelProps?.label || props.label;
+    const control = React.createElement(Radio$1, { disabled: label ? undefined : disabled, ...muiProps });
+    return label ? (React.createElement(FormControlLabel, { disabled: disabled, inputRef: ref, control: control, ...LabelProps, label: label })) : (control);
 });
 Radio.displayName = 'Radio';
 

package/build/esm/components/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { FormControlLabel, Radio as MuiRadio } from '@material-ui/core'\nimport { RadioProps } from './RadioProps'\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>((props, ref) => {\n  const { label, disabled, LabelProps, ...muiProps } = props\n  const control = <MuiRadio disabled={label ? undefined : disabled} {...muiProps} />\n  return label ? (\n    <FormControlLabel disabled={disabled} inputRef={ref} control={control} label={label} {...LabelProps} />\n  ) : (\n    control\n  )\n})\n\nRadio.displayName = 'Radio'\n"],"names":["MuiRadio"],"mappings":";;;;IAKa,KAAK,GAAG,UAAU,CAA+B,UAAC,KAAK,EAAE,GAAG,EAAA;IAC/D,IAAA,KAAK,GAAwC,KAAK,CAAA,KAA7C,EAAE,QAAQ,GAA8B,KAAK,CAAnC,QAAA,EAAE,UAAU,GAAkB,KAAK,WAAvB,EAAK,QAAQ,UAAK,KAAK,EAApD,CAA4C,OAAA,EAAA,UAAA,EAAA,YAAA,CAAA,CAAF;AAChD,IAAA,IAAM,OAAO,GAAG,KAAA,CAAA,aAAA,CAACA,OAAQ,EAAC,QAAA,CAAA,EAAA,QAAQ,EAAE,KAAK,GAAG,SAAS,GAAG,QAAQ,EAAM,EAAA,QAAQ,EAAI;AAClF,IAAA,OAAO,KAAK,IACV,KAAC,CAAA,aAAA,CAAA,gBAAgB,EAAC,QAAA,CAAA,EAAA,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAM,EAAA,UAAU,CAAI,CAAA,KAEvG,OAAO,CACR;AACH,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"Radio.js","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { FormControlLabel, Radio as MuiRadio } from '@material-ui/core'\nimport { RadioProps } from './RadioProps'\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>((props, ref) => {\n  const { disabled, LabelProps, ...muiProps } = props\n  const label = LabelProps?.label || props.label\n  const control = <MuiRadio disabled={label ? undefined : disabled} {...muiProps} />\n  return label ? (\n    <FormControlLabel disabled={disabled} inputRef={ref} control={control} {...LabelProps} label={label} />\n  ) : (\n    control\n  )\n})\n\nRadio.displayName = 'Radio'\n"],"names":["MuiRadio"],"mappings":";;;AAKa,MAAA,KAAK,GAAG,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,KAAI;IAC3E,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK;IACnD,MAAM,KAAK,GAAG,UAAU,EAAE,KAAK,IAAI,KAAK,CAAC,KAAK;AAC9C,IAAA,MAAM,OAAO,GAAG,KAAA,CAAA,aAAA,CAACA,OAAQ,EAAC,EAAA,QAAQ,EAAE,KAAK,GAAG,SAAS,GAAG,QAAQ,EAAM,GAAA,QAAQ,GAAI;AAClF,IAAA,OAAO,KAAK,IACV,KAAC,CAAA,aAAA,CAAA,gBAAgB,EAAC,EAAA,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAA,GAAM,UAAU,EAAE,KAAK,EAAE,KAAK,EAAI,CAAA,KAEvG,OAAO,CACR;AACH,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/build/esm/components/SplitInput/SplitInput.js

@@ -1,15 +1,13 @@
-import { __assign } from 'tslib';
 import React from 'react';
 import { Box, TextField } from '@material-ui/core';
 import { Button } from '../Button/Button.js';
 import { useSplitInputStyles } from './SplitInputStyles.js';
 
-var SplitInput = function (_a) {
-    var ButtonProps = _a.ButtonProps, TextFieldProps = _a.TextFieldProps, _b = _a.backgroundTransparency, backgroundTransparency = _b === void 0 ? true : _b, buttonLabel = _a.buttonLabel, _c = _a.color, color = _c === void 0 ? 'primary' : _c, inputTextColor = _a.inputTextColor, onChange = _a.onChange, onClick = _a.onClick;
-    var classes = useSplitInputStyles({ backgroundTransparency: backgroundTransparency, inputTextColor: inputTextColor });
+const SplitInput = ({ ButtonProps, TextFieldProps, backgroundTransparency = true, buttonLabel, color = 'primary', inputTextColor, onChange, onClick, }) => {
+    const classes = useSplitInputStyles({ backgroundTransparency, inputTextColor });
     return (React.createElement(Box, { display: "flex" },
-        React.createElement(TextField, __assign({ classes: { root: classes.textfield }, InputProps: { classes: { root: classes.input, focused: classes.focused } }, color: color, variant: "outlined", onChange: onChange }, TextFieldProps)),
-        React.createElement(Button, __assign({ classes: { root: classes.button }, disableElevation: true, color: color, variant: "contained", onClick: onClick }, ButtonProps), buttonLabel)));
+        React.createElement(TextField, { classes: { root: classes.textfield }, InputProps: { classes: { root: classes.input, focused: classes.focused } }, color: color, variant: "outlined", onChange: onChange, ...TextFieldProps }),
+        React.createElement(Button, { classes: { root: classes.button }, disableElevation: true, color: color, variant: "contained", onClick: onClick, ...ButtonProps }, buttonLabel)));
 };
 SplitInput.displayName = 'SplitInput';
 

package/build/esm/components/SplitInput/SplitInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitInput.js","sources":["../../../../src/components/SplitInput/SplitInput.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport { Box, TextField } from '@material-ui/core'\nimport { Button } from '../Button'\nimport { SplitInputProps } from './SplitInputProps'\nimport { useSplitInputStyles } from './SplitInputStyles'\n\nexport const SplitInput: FC<SplitInputProps> = ({\n  ButtonProps,\n  TextFieldProps,\n  backgroundTransparency = true,\n  buttonLabel,\n  color = 'primary',\n  inputTextColor,\n  onChange,\n  onClick,\n}) => {\n  const classes = useSplitInputStyles({ backgroundTransparency, inputTextColor })\n  return (\n    <Box display=\"flex\">\n      <TextField\n        classes={{ root: classes.textfield }}\n        InputProps={{ classes: { root: classes.input, focused: classes.focused } }}\n        color={color}\n        variant=\"outlined\"\n        onChange={onChange}\n        {...TextFieldProps}\n      />\n      <Button\n        classes={{ root: classes.button }}\n        disableElevation\n        color={color}\n        variant=\"contained\"\n        onClick={onClick}\n        {...ButtonProps}\n      >\n        {buttonLabel}\n      </Button>\n    </Box>\n  )\n}\n\nSplitInput.displayName = 'SplitInput'\n"],"names":[],"mappings":";;;;;;AAOO,IAAM,UAAU,GAAwB,UAAC,EAS/C,EAAA;AARC,IAAA,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,EAAA,GAAA,EAAA,CAAA,sBAA6B,EAA7B,sBAAsB,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,GAAA,EAAA,EAC7B,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,EAAA,GAAA,EAAA,CAAA,KAAiB,EAAjB,KAAK,GAAG,EAAA,KAAA,MAAA,GAAA,SAAS,GAAA,EAAA,EACjB,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,OAAO,GAAA,EAAA,CAAA,OAAA;AAEP,IAAA,IAAM,OAAO,GAAG,mBAAmB,CAAC,EAAE,sBAAsB,EAAA,sBAAA,EAAE,cAAc,EAAA,cAAA,EAAE,CAAC;AAC/E,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,OAAO,EAAC,MAAM,EAAA;QACjB,KAAC,CAAA,aAAA,CAAA,SAAS,aACR,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,SAAS,EAAE,EACpC,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,EAAE,EAC1E,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,QAAQ,EACd,EAAA,cAAc,CAClB,CAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,QAAA,CAAA,EACL,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,EACjC,gBAAgB,QAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,OAAO,EACZ,EAAA,WAAW,CAEd,EAAA,WAAW,CACL,CACL;AAEV;AAEA,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"SplitInput.js","sources":["../../../../src/components/SplitInput/SplitInput.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport { Box, TextField } from '@material-ui/core'\nimport { Button } from '../Button'\nimport { SplitInputProps } from './SplitInputProps'\nimport { useSplitInputStyles } from './SplitInputStyles'\n\nexport const SplitInput: FC<SplitInputProps> = ({\n  ButtonProps,\n  TextFieldProps,\n  backgroundTransparency = true,\n  buttonLabel,\n  color = 'primary',\n  inputTextColor,\n  onChange,\n  onClick,\n}) => {\n  const classes = useSplitInputStyles({ backgroundTransparency, inputTextColor })\n  return (\n    <Box display=\"flex\">\n      <TextField\n        classes={{ root: classes.textfield }}\n        InputProps={{ classes: { root: classes.input, focused: classes.focused } }}\n        color={color}\n        variant=\"outlined\"\n        onChange={onChange}\n        {...TextFieldProps}\n      />\n      <Button\n        classes={{ root: classes.button }}\n        disableElevation\n        color={color}\n        variant=\"contained\"\n        onClick={onClick}\n        {...ButtonProps}\n      >\n        {buttonLabel}\n      </Button>\n    </Box>\n  )\n}\n\nSplitInput.displayName = 'SplitInput'\n"],"names":[],"mappings":";;;;;AAOa,MAAA,UAAU,GAAwB,CAAC,EAC9C,WAAW,EACX,cAAc,EACd,sBAAsB,GAAG,IAAI,EAC7B,WAAW,EACX,KAAK,GAAG,SAAS,EACjB,cAAc,EACd,QAAQ,EACR,OAAO,GACR,KAAI;IACH,MAAM,OAAO,GAAG,mBAAmB,CAAC,EAAE,sBAAsB,EAAE,cAAc,EAAE,CAAC;AAC/E,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,OAAO,EAAC,MAAM,EAAA;QACjB,KAAC,CAAA,aAAA,CAAA,SAAS,IACR,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,SAAS,EAAE,EACpC,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,EAAE,EAC1E,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,QAAQ,EACd,GAAA,cAAc,EAClB,CAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,EACjC,gBAAgB,QAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,OAAO,EACZ,GAAA,WAAW,EAEd,EAAA,WAAW,CACL,CACL;AAEV;AAEA,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/build/esm/components/SplitInput/SplitInputStyles.d.ts

@@ -1,4 +1,4 @@
 import { SplitInputProps } from './SplitInputProps';
-declare type StyleProps = Pick<SplitInputProps, 'backgroundTransparency' | 'inputTextColor'>;
+type StyleProps = Pick<SplitInputProps, 'backgroundTransparency' | 'inputTextColor'>;
 export declare const useSplitInputStyles: (props: StyleProps) => import("@material-ui/styles").ClassNameMap<string>;
 export {};

package/build/esm/components/SplitInput/SplitInputStyles.js

@@ -1,8 +1,8 @@
 import { makeStyles } from '@material-ui/core';
 
-var useSplitInputStyles = makeStyles(function () { return ({
+const useSplitInputStyles = makeStyles(() => ({
     textfield: {
-        background: function (props) { return (props.backgroundTransparency ? '#FFFFFF44' : 'none'); },
+        background: (props) => (props.backgroundTransparency ? '#FFFFFF44' : 'none'),
         borderTopLeftRadius: 4,
         borderBottomLeftRadius: 4,
         '& fieldset': {
@@ -17,13 +17,13 @@ var useSplitInputStyles = makeStyles(function () { return ({
         alignSelf: 'stretch',
     },
     input: {
-        color: function (props) { return props.inputTextColor || 'inherit'; },
+        color: (props) => props.inputTextColor || 'inherit',
         '&$focused fieldset': {
             top: -4,
         },
     },
     focused: {},
-}); });
+}));
 
 export { useSplitInputStyles };
 //# sourceMappingURL=SplitInputStyles.js.map

package/build/esm/components/SplitInput/SplitInputStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitInputStyles.js","sources":["../../../../src/components/SplitInput/SplitInputStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { SplitInputProps } from './SplitInputProps'\n\ntype StyleProps = Pick<SplitInputProps, 'backgroundTransparency' | 'inputTextColor'>\n\nexport const useSplitInputStyles = makeStyles<Theme, StyleProps>(() => ({\n  textfield: {\n    background: (props) => (props.backgroundTransparency ? '#FFFFFF44' : 'none'),\n    borderTopLeftRadius: 4,\n    borderBottomLeftRadius: 4,\n    '& fieldset': {\n      borderRight: 'none',\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n    },\n  },\n  button: {\n    borderTopLeftRadius: 0,\n    borderBottomLeftRadius: 0,\n    alignSelf: 'stretch',\n  },\n  input: {\n    color: (props) => props.inputTextColor || 'inherit',\n    '&$focused fieldset': {\n      top: -4,\n    },\n  },\n  focused: {},\n}))\n"],"names":[],"mappings":";;IAMa,mBAAmB,GAAG,UAAU,CAAoB,YAAA,EAAM,QAAC;AACtE,IAAA,SAAS,EAAE;AACT,QAAA,UAAU,EAAE,UAAC,KAAK,IAAK,QAAC,KAAK,CAAC,sBAAsB,GAAG,WAAW,GAAG,MAAM,IAAC;AAC5E,QAAA,mBAAmB,EAAE,CAAC;AACtB,QAAA,sBAAsB,EAAE,CAAC;AACzB,QAAA,YAAY,EAAE;AACZ,YAAA,WAAW,EAAE,MAAM;AACnB,YAAA,oBAAoB,EAAE,CAAC;AACvB,YAAA,uBAAuB,EAAE,CAAC;AAC3B,SAAA;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,mBAAmB,EAAE,CAAC;AACtB,QAAA,sBAAsB,EAAE,CAAC;AACzB,QAAA,SAAS,EAAE,SAAS;AACrB,KAAA;AACD,IAAA,KAAK,EAAE;QACL,KAAK,EAAE,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,cAAc,IAAI,SAAS,CAAA,EAAA;AACnD,QAAA,oBAAoB,EAAE;YACpB,GAAG,EAAE,EAAE;AACR,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE,EAAE;CACZ,EAAC,EAAA;;;;"}
+{"version":3,"file":"SplitInputStyles.js","sources":["../../../../src/components/SplitInput/SplitInputStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { SplitInputProps } from './SplitInputProps'\n\ntype StyleProps = Pick<SplitInputProps, 'backgroundTransparency' | 'inputTextColor'>\n\nexport const useSplitInputStyles = makeStyles<Theme, StyleProps>(() => ({\n  textfield: {\n    background: (props) => (props.backgroundTransparency ? '#FFFFFF44' : 'none'),\n    borderTopLeftRadius: 4,\n    borderBottomLeftRadius: 4,\n    '& fieldset': {\n      borderRight: 'none',\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n    },\n  },\n  button: {\n    borderTopLeftRadius: 0,\n    borderBottomLeftRadius: 0,\n    alignSelf: 'stretch',\n  },\n  input: {\n    color: (props) => props.inputTextColor || 'inherit',\n    '&$focused fieldset': {\n      top: -4,\n    },\n  },\n  focused: {},\n}))\n"],"names":[],"mappings":";;MAMa,mBAAmB,GAAG,UAAU,CAAoB,OAAO;AACtE,IAAA,SAAS,EAAE;AACT,QAAA,UAAU,EAAE,CAAC,KAAK,MAAM,KAAK,CAAC,sBAAsB,GAAG,WAAW,GAAG,MAAM,CAAC;AAC5E,QAAA,mBAAmB,EAAE,CAAC;AACtB,QAAA,sBAAsB,EAAE,CAAC;AACzB,QAAA,YAAY,EAAE;AACZ,YAAA,WAAW,EAAE,MAAM;AACnB,YAAA,oBAAoB,EAAE,CAAC;AACvB,YAAA,uBAAuB,EAAE,CAAC;AAC3B,SAAA;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,mBAAmB,EAAE,CAAC;AACtB,QAAA,sBAAsB,EAAE,CAAC;AACzB,QAAA,SAAS,EAAE,SAAS;AACrB,KAAA;AACD,IAAA,KAAK,EAAE;QACL,KAAK,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,cAAc,IAAI,SAAS;AACnD,QAAA,oBAAoB,EAAE;YACpB,GAAG,EAAE,EAAE;AACR,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE,EAAE;AACZ,CAAA,CAAC;;;;"}

package/build/esm/components/Switch/Switch.js

@@ -1,13 +1,13 @@
-import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { Switch as Switch$1, FormControlLabel } from '@material-ui/core';
 import { useSwitchStyles } from './switch.styles.js';
 
-var Switch = forwardRef(function (props, ref) {
-    var label = props.label, disabled = props.disabled, LabelProps = props.LabelProps, muiProps = __rest(props, ["label", "disabled", "LabelProps"]);
-    var classes = useSwitchStyles(props);
-    var control = React.createElement(Switch$1, __assign({ classes: classes, disabled: label ? undefined : disabled }, muiProps));
-    return label ? (React.createElement(FormControlLabel, __assign({ disabled: disabled, inputRef: ref, control: control, label: label }, LabelProps))) : (control);
+const Switch = forwardRef((props, ref) => {
+    const { disabled, LabelProps, ...muiProps } = props;
+    const label = LabelProps?.label || props.label;
+    const classes = useSwitchStyles(props);
+    const control = React.createElement(Switch$1, { classes: classes, disabled: label ? undefined : disabled, ...muiProps });
+    return label ? (React.createElement(FormControlLabel, { disabled: disabled, inputRef: ref, control: control, ...LabelProps, label: label })) : (control);
 });
 Switch.displayName = 'Switch';
 

package/build/esm/components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { FormControlLabel, Switch as MuiSwitch } from '@material-ui/core'\nimport { SwitchProps } from './SwitchProps'\nimport { useSwitchStyles } from './switch.styles'\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>((props, ref) => {\n  const { label, disabled, LabelProps, ...muiProps } = props\n  const classes = useSwitchStyles(props)\n  const control = <MuiSwitch classes={classes} disabled={label ? undefined : disabled} {...muiProps} />\n  return label ? (\n    <FormControlLabel disabled={disabled} inputRef={ref} control={control} label={label} {...LabelProps} />\n  ) : (\n    control\n  )\n})\n\nSwitch.displayName = 'Switch'\n"],"names":["MuiSwitch"],"mappings":";;;;;IAMa,MAAM,GAAG,UAAU,CAAgC,UAAC,KAAK,EAAE,GAAG,EAAA;IACjE,IAAA,KAAK,GAAwC,KAAK,CAAA,KAA7C,EAAE,QAAQ,GAA8B,KAAK,CAAnC,QAAA,EAAE,UAAU,GAAkB,KAAK,WAAvB,EAAK,QAAQ,UAAK,KAAK,EAApD,CAA4C,OAAA,EAAA,UAAA,EAAA,YAAA,CAAA,CAAF;AAChD,IAAA,IAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC;IACtC,IAAM,OAAO,GAAG,KAAC,CAAA,aAAA,CAAAA,QAAS,aAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,GAAG,SAAS,GAAG,QAAQ,EAAA,EAAM,QAAQ,CAAA,CAAI;AACrG,IAAA,OAAO,KAAK,IACV,KAAC,CAAA,aAAA,CAAA,gBAAgB,EAAC,QAAA,CAAA,EAAA,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAM,EAAA,UAAU,CAAI,CAAA,KAEvG,OAAO,CACR;AACH,CAAC;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { FormControlLabel, Switch as MuiSwitch } from '@material-ui/core'\nimport { SwitchProps } from './SwitchProps'\nimport { useSwitchStyles } from './switch.styles'\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>((props, ref) => {\n  const { disabled, LabelProps, ...muiProps } = props\n  const label = LabelProps?.label || props.label\n  const classes = useSwitchStyles(props)\n  const control = <MuiSwitch classes={classes} disabled={label ? undefined : disabled} {...muiProps} />\n  return label ? (\n    <FormControlLabel disabled={disabled} inputRef={ref} control={control} {...LabelProps} label={label} />\n  ) : (\n    control\n  )\n})\n\nSwitch.displayName = 'Switch'\n"],"names":["MuiSwitch"],"mappings":";;;;AAMa,MAAA,MAAM,GAAG,UAAU,CAAgC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC7E,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK;IACnD,MAAM,KAAK,GAAG,UAAU,EAAE,KAAK,IAAI,KAAK,CAAC,KAAK;AAC9C,IAAA,MAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC;IACtC,MAAM,OAAO,GAAG,KAAC,CAAA,aAAA,CAAAA,QAAS,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,GAAG,SAAS,GAAG,QAAQ,EAAA,GAAM,QAAQ,EAAA,CAAI;AACrG,IAAA,OAAO,KAAK,IACV,KAAC,CAAA,aAAA,CAAA,gBAAgB,EAAC,EAAA,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAA,GAAM,UAAU,EAAE,KAAK,EAAE,KAAK,EAAI,CAAA,KAEvG,OAAO,CACR;AACH,CAAC;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/build/esm/components/Switch/switch.styles.js

@@ -1,6 +1,6 @@
 import { makeStyles } from '@material-ui/core';
 
-var useSwitchStyles = makeStyles(function (theme) { return ({
+const useSwitchStyles = makeStyles((theme) => ({
     checked: {
         '& $thumb': {
             background: theme.palette.success.main,
@@ -11,7 +11,7 @@ var useSwitchStyles = makeStyles(function (theme) { return ({
     },
     thumb: {},
     track: {},
-}); });
+}));
 
 export { useSwitchStyles };
 //# sourceMappingURL=switch.styles.js.map

package/build/esm/components/Switch/switch.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.styles.js","sources":["../../../../src/components/Switch/switch.styles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { SwitchProps } from './SwitchProps'\n\nexport const useSwitchStyles = makeStyles<Theme, SwitchProps>((theme) => ({\n  checked: {\n    '& $thumb': {\n      background: theme.palette.success.main,\n    },\n    '&& + $track': {\n      backgroundColor: theme.palette.success.main,\n    },\n  },\n  thumb: {},\n  track: {},\n}))\n"],"names":[],"mappings":";;AAGa,IAAA,eAAe,GAAG,UAAU,CAAqB,UAAC,KAAK,EAAK,EAAA,QAAC;AACxE,IAAA,OAAO,EAAE;AACP,QAAA,UAAU,EAAE;AACV,YAAA,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AACvC,SAAA;AACD,QAAA,aAAa,EAAE;AACb,YAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AAC5C,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,KAAK,EAAE,EAAE;CACV,EAAC,EAAA;;;;"}
+{"version":3,"file":"switch.styles.js","sources":["../../../../src/components/Switch/switch.styles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { SwitchProps } from './SwitchProps'\n\nexport const useSwitchStyles = makeStyles<Theme, SwitchProps>((theme) => ({\n  checked: {\n    '& $thumb': {\n      background: theme.palette.success.main,\n    },\n    '&& + $track': {\n      backgroundColor: theme.palette.success.main,\n    },\n  },\n  thumb: {},\n  track: {},\n}))\n"],"names":[],"mappings":";;AAGa,MAAA,eAAe,GAAG,UAAU,CAAqB,CAAC,KAAK,MAAM;AACxE,IAAA,OAAO,EAAE;AACP,QAAA,UAAU,EAAE;AACV,YAAA,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AACvC,SAAA;AACD,QAAA,aAAa,EAAE;AACb,YAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AAC5C,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,KAAK,EAAE,EAAE;AACV,CAAA,CAAC;;;;"}

package/build/esm/components/TabPanel/TabPanel.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Box } from '@material-ui/core';
 
-var TabPanel = function (props) {
-    var children = props.children, show = props.show;
+const TabPanel = (props) => {
+    const { children, show } = props;
     return show ? React.createElement(Box, null, children) : null;
 };
 

package/build/esm/components/TabPanel/TabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","sources":["../../../../src/components/TabPanel/TabPanel.tsx"],"sourcesContent":["import React, { PropsWithChildren } from 'react'\n\nimport { Box } from '@material-ui/core'\nimport { TabPanelProps } from './TabPanelProps'\n\nexport const TabPanel = (props: PropsWithChildren<TabPanelProps>) => {\n  const { children, show } = props\n  return show ? <Box>{children}</Box> : null\n}\n"],"names":[],"mappings":";;;AAKO,IAAM,QAAQ,GAAG,UAAC,KAAuC,EAAA;IACtD,IAAA,QAAQ,GAAW,KAAK,CAAA,QAAhB,EAAE,IAAI,GAAK,KAAK,CAAA,IAAV;AACtB,IAAA,OAAO,IAAI,GAAG,KAAC,CAAA,aAAA,CAAA,GAAG,EAAE,IAAA,EAAA,QAAQ,CAAO,GAAG,IAAI;AAC5C;;;;"}
+{"version":3,"file":"TabPanel.js","sources":["../../../../src/components/TabPanel/TabPanel.tsx"],"sourcesContent":["import React, { PropsWithChildren } from 'react'\n\nimport { Box } from '@material-ui/core'\nimport { TabPanelProps } from './TabPanelProps'\n\nexport const TabPanel = (props: PropsWithChildren<TabPanelProps>) => {\n  const { children, show } = props\n  return show ? <Box>{children}</Box> : null\n}\n"],"names":[],"mappings":";;;AAKa,MAAA,QAAQ,GAAG,CAAC,KAAuC,KAAI;AAClE,IAAA,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK;AAChC,IAAA,OAAO,IAAI,GAAG,KAAC,CAAA,aAAA,CAAA,GAAG,EAAE,IAAA,EAAA,QAAQ,CAAO,GAAG,IAAI;AAC5C;;;;"}

package/build/esm/components/ToggleButton/ToggleButton.js

@@ -1,15 +1,14 @@
-import { __rest, __assign } from 'tslib';
 import { ToggleButton as ToggleButton$1 } from '@material-ui/lab';
 import React, { forwardRef } from 'react';
 import { useToggleButtonStyles } from './ToggleButtonStyles.js';
 
-var ToggleButton = forwardRef(function (props, ref) {
-    var children = props.children, muiProps = __rest(props, ["children"]);
-    var classes = useToggleButtonStyles(props);
-    return (React.createElement(ToggleButton$1, __assign({ ref: ref, classes: {
+const ToggleButton = forwardRef((props, ref) => {
+    const { children, ...muiProps } = props;
+    const classes = useToggleButtonStyles(props);
+    return (React.createElement(ToggleButton$1, { ref: ref, classes: {
             root: classes.root,
             selected: classes.selected,
-        } }, muiProps), children));
+        }, ...muiProps }, children));
 });
 ToggleButton.defaultProps = {
     color: 'primary',

package/build/esm/components/ToggleButton/ToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.js","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { ToggleButton as MuiToggleButton } from '@material-ui/lab'\nimport React, { forwardRef } from 'react'\nimport { ToggleButtonProps } from './ToggleButtonProps'\nimport { useToggleButtonStyles } from './ToggleButtonStyles'\n\nexport const ToggleButton = forwardRef<HTMLButtonElement, ToggleButtonProps>((props, ref) => {\n  const { children, ...muiProps } = props\n  const classes = useToggleButtonStyles(props)\n\n  return (\n    <MuiToggleButton\n      ref={ref}\n      classes={{\n        root: classes.root,\n        selected: classes.selected,\n      }}\n      {...muiProps}\n    >\n      {children}\n    </MuiToggleButton>\n  )\n})\n\nToggleButton.defaultProps = {\n  color: 'primary',\n}\n\nToggleButton.displayName = 'ToggleButton'\n"],"names":["MuiToggleButton"],"mappings":";;;;;IAKa,YAAY,GAAG,UAAU,CAAuC,UAAC,KAAK,EAAE,GAAG,EAAA;IAC9E,IAAA,QAAQ,GAAkB,KAAK,CAAvB,QAAA,EAAK,QAAQ,GAAA,MAAA,CAAK,KAAK,EAAjC,CAAyB,UAAA,CAAA,CAAF;AAC7B,IAAA,IAAM,OAAO,GAAG,qBAAqB,CAAC,KAAK,CAAC;IAE5C,QACE,oBAACA,cAAe,EAAA,QAAA,CAAA,EACd,GAAG,EAAE,GAAG,EACR,OAAO,EAAE;YACP,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,QAAQ,EAAE,OAAO,CAAC,QAAQ;AAC3B,SAAA,EAAA,EACG,QAAQ,CAAA,EAEX,QAAQ,CACO;AAEtB,CAAC;AAED,YAAY,CAAC,YAAY,GAAG;AAC1B,IAAA,KAAK,EAAE,SAAS;CACjB;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
+{"version":3,"file":"ToggleButton.js","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { ToggleButton as MuiToggleButton } from '@material-ui/lab'\nimport React, { forwardRef } from 'react'\nimport { ToggleButtonProps } from './ToggleButtonProps'\nimport { useToggleButtonStyles } from './ToggleButtonStyles'\n\nexport const ToggleButton = forwardRef<HTMLButtonElement, ToggleButtonProps>((props, ref) => {\n  const { children, ...muiProps } = props\n  const classes = useToggleButtonStyles(props)\n\n  return (\n    <MuiToggleButton\n      ref={ref}\n      classes={{\n        root: classes.root,\n        selected: classes.selected,\n      }}\n      {...muiProps}\n    >\n      {children}\n    </MuiToggleButton>\n  )\n})\n\nToggleButton.defaultProps = {\n  color: 'primary',\n}\n\nToggleButton.displayName = 'ToggleButton'\n"],"names":["MuiToggleButton"],"mappings":";;;;AAKa,MAAA,YAAY,GAAG,UAAU,CAAuC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC1F,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK;AACvC,IAAA,MAAM,OAAO,GAAG,qBAAqB,CAAC,KAAK,CAAC;IAE5C,QACE,oBAACA,cAAe,EAAA,EACd,GAAG,EAAE,GAAG,EACR,OAAO,EAAE;YACP,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,QAAQ,EAAE,OAAO,CAAC,QAAQ;AAC3B,SAAA,EAAA,GACG,QAAQ,EAAA,EAEX,QAAQ,CACO;AAEtB,CAAC;AAED,YAAY,CAAC,YAAY,GAAG;AAC1B,IAAA,KAAK,EAAE,SAAS;CACjB;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/build/esm/components/ToggleButton/ToggleButtonStyles.js

@@ -1,19 +1,19 @@
 import { makeStyles } from '@material-ui/core';
 
-var useToggleButtonStyles = makeStyles(function (theme) { return ({
+const useToggleButtonStyles = makeStyles((theme) => ({
     root: {
         color: theme.palette.text.primary,
     },
     selected: {
         '&&': {
             '&:hover': {
-                backgroundColor: function (props) { return theme.palette[props.color || 'primary'].dark; },
+                backgroundColor: (props) => theme.palette[props.color || 'primary'].dark,
             },
-            backgroundColor: function (props) { return theme.palette[props.color || 'primary'].main; },
+            backgroundColor: (props) => theme.palette[props.color || 'primary'].main,
             color: 'white',
         },
     },
-}); });
+}));
 
 export { useToggleButtonStyles };
 //# sourceMappingURL=ToggleButtonStyles.js.map

package/build/esm/components/ToggleButton/ToggleButtonStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonStyles.js","sources":["../../../../src/components/ToggleButton/ToggleButtonStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { ToggleButtonProps } from './ToggleButtonProps'\n\nexport const useToggleButtonStyles = makeStyles<Theme, ToggleButtonProps>((theme) => ({\n  root: {\n    color: theme.palette.text.primary,\n  },\n  selected: {\n    '&&': {\n      '&:hover': {\n        backgroundColor: (props) => theme.palette[props.color || 'primary'].dark,\n      },\n      backgroundColor: (props) => theme.palette[props.color || 'primary'].main,\n      color: 'white',\n    },\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,qBAAqB,GAAG,UAAU,CAA2B,UAAC,KAAK,EAAK,EAAA,QAAC;AACpF,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;AAClC,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,SAAS,EAAE;AACT,gBAAA,eAAe,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS,CAAC,CAAC,IAAI,GAAA;AACzE,aAAA;AACD,YAAA,eAAe,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS,CAAC,CAAC,IAAI,GAAA;AACxE,YAAA,KAAK,EAAE,OAAO;AACf,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}
+{"version":3,"file":"ToggleButtonStyles.js","sources":["../../../../src/components/ToggleButton/ToggleButtonStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { ToggleButtonProps } from './ToggleButtonProps'\n\nexport const useToggleButtonStyles = makeStyles<Theme, ToggleButtonProps>((theme) => ({\n  root: {\n    color: theme.palette.text.primary,\n  },\n  selected: {\n    '&&': {\n      '&:hover': {\n        backgroundColor: (props) => theme.palette[props.color || 'primary'].dark,\n      },\n      backgroundColor: (props) => theme.palette[props.color || 'primary'].main,\n      color: 'white',\n    },\n  },\n}))\n"],"names":[],"mappings":";;AAIa,MAAA,qBAAqB,GAAG,UAAU,CAA2B,CAAC,KAAK,MAAM;AACpF,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;AAClC,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,SAAS,EAAE;AACT,gBAAA,eAAe,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS,CAAC,CAAC,IAAI;AACzE,aAAA;AACD,YAAA,eAAe,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS,CAAC,CAAC,IAAI;AACxE,YAAA,KAAK,EAAE,OAAO;AACf,SAAA;AACF,KAAA;AACF,CAAA,CAAC;;;;"}

package/build/esm/components/ToggleButtonGroup/ToggleButtonGroup.js

@@ -1,18 +1,17 @@
-import { __rest, __assign } from 'tslib';
 import { ToggleButtonGroup as ToggleButtonGroup$1 } from '@material-ui/lab';
 import React, { forwardRef } from 'react';
 import { useToggleButtonGroupStyles } from './ToggleButtonGroupStyles.js';
 
-var ToggleButtonGroup = forwardRef(function (props, ref) {
-    var children = props.children, _a = props.color, color = _a === void 0 ? 'primary' : _a, muiProps = __rest(props, ["children", "color"]);
-    var classes = useToggleButtonGroupStyles(props);
-    var childrenWithProps = React.Children.map(children, function (child) {
+const ToggleButtonGroup = forwardRef((props, ref) => {
+    const { children, color = 'primary', ...muiProps } = props;
+    const classes = useToggleButtonGroupStyles(props);
+    const childrenWithProps = React.Children.map(children, (child) => {
         if (!React.isValidElement(child)) {
             return null;
         }
-        return React.cloneElement(child, { color: color });
+        return React.cloneElement(child, { color });
     });
-    return (React.createElement(ToggleButtonGroup$1, __assign({ ref: ref, classes: { root: classes.root } }, muiProps), childrenWithProps));
+    return (React.createElement(ToggleButtonGroup$1, { ref: ref, classes: { root: classes.root }, ...muiProps }, childrenWithProps));
 });
 ToggleButtonGroup.displayName = 'ToggleButtonGroup';
 

package/build/esm/components/ToggleButtonGroup/ToggleButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonGroup.js","sources":["../../../../src/components/ToggleButtonGroup/ToggleButtonGroup.tsx"],"sourcesContent":["import { ToggleButtonGroup as MuiToggleButtonGroup } from '@material-ui/lab'\nimport React, { forwardRef } from 'react'\nimport { ToggleButtonGroupProps } from './ToggleButtonGroupProps'\nimport { useToggleButtonGroupStyles } from './ToggleButtonGroupStyles'\n\nexport const ToggleButtonGroup = forwardRef<HTMLDivElement, ToggleButtonGroupProps>((props, ref) => {\n  const { children, color = 'primary', ...muiProps } = props\n  const classes = useToggleButtonGroupStyles(props)\n  const childrenWithProps = React.Children.map(children, (child) => {\n    if (!React.isValidElement(child)) {\n      return null\n    }\n    return React.cloneElement(child, { color })\n  })\n\n  return (\n    <MuiToggleButtonGroup ref={ref} classes={{ root: classes.root }} {...muiProps}>\n      {childrenWithProps}\n    </MuiToggleButtonGroup>\n  )\n})\n\nToggleButtonGroup.displayName = 'ToggleButtonGroup'\n"],"names":["MuiToggleButtonGroup"],"mappings":";;;;;IAKa,iBAAiB,GAAG,UAAU,CAAyC,UAAC,KAAK,EAAE,GAAG,EAAA;IACrF,IAAA,QAAQ,GAAqC,KAAK,CAAA,QAA1C,EAAE,EAAmC,GAAA,KAAK,MAAvB,EAAjB,KAAK,mBAAG,SAAS,GAAA,EAAA,EAAK,QAAQ,GAAA,MAAA,CAAK,KAAK,EAApD,CAAA,UAAA,EAAA,OAAA,CAA4C,CAAF;AAChD,IAAA,IAAM,OAAO,GAAG,0BAA0B,CAAC,KAAK,CAAC;IACjD,IAAM,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;AAC3D,QAAA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;AAChC,YAAA,OAAO,IAAI;AACZ;QACD,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,CAAC;AAC7C,KAAC,CAAC;IAEF,QACE,oBAACA,mBAAoB,EAAA,QAAA,CAAA,EAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,EAAA,EAAM,QAAQ,CAC1E,EAAA,iBAAiB,CACG;AAE3B,CAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}
+{"version":3,"file":"ToggleButtonGroup.js","sources":["../../../../src/components/ToggleButtonGroup/ToggleButtonGroup.tsx"],"sourcesContent":["import { ToggleButtonGroup as MuiToggleButtonGroup, ToggleButtonProps } from '@material-ui/lab'\nimport React, { forwardRef } from 'react'\nimport { ToggleButtonGroupProps } from './ToggleButtonGroupProps'\nimport { useToggleButtonGroupStyles } from './ToggleButtonGroupStyles'\n\nexport const ToggleButtonGroup = forwardRef<HTMLDivElement, ToggleButtonGroupProps>((props, ref) => {\n  const { children, color = 'primary', ...muiProps } = props\n  const classes = useToggleButtonGroupStyles(props)\n  const childrenWithProps = React.Children.map(children, (child) => {\n    if (!React.isValidElement(child)) {\n      return null\n    }\n    return React.cloneElement(child as React.ReactElement<ToggleButtonProps>, { color })\n  })\n\n  return (\n    <MuiToggleButtonGroup ref={ref} classes={{ root: classes.root }} {...muiProps}>\n      {childrenWithProps}\n    </MuiToggleButtonGroup>\n  )\n})\n\nToggleButtonGroup.displayName = 'ToggleButtonGroup'\n"],"names":["MuiToggleButtonGroup"],"mappings":";;;;AAKa,MAAA,iBAAiB,GAAG,UAAU,CAAyC,CAAC,KAAK,EAAE,GAAG,KAAI;AACjG,IAAA,MAAM,EAAE,QAAQ,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK;AAC1D,IAAA,MAAM,OAAO,GAAG,0BAA0B,CAAC,KAAK,CAAC;AACjD,IAAA,MAAM,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAI;QAC/D,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;AAChC,YAAA,OAAO,IAAI;;QAEb,OAAO,KAAK,CAAC,YAAY,CAAC,KAA8C,EAAE,EAAE,KAAK,EAAE,CAAC;AACtF,KAAC,CAAC;IAEF,QACE,oBAACA,mBAAoB,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,EAAA,GAAM,QAAQ,EAC1E,EAAA,iBAAiB,CACG;AAE3B,CAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/build/esm/components/ToggleButtonGroup/ToggleButtonGroupStyles.js

@@ -1,12 +1,12 @@
 import { makeStyles } from '@material-ui/core';
 
-var useToggleButtonGroupStyles = makeStyles(function (theme) { return ({
+const useToggleButtonGroupStyles = makeStyles((theme) => ({
     root: {
         '&&': {
             backgroundColor: theme.palette.grey[300],
         },
     },
-}); });
+}));
 
 export { useToggleButtonGroupStyles };
 //# sourceMappingURL=ToggleButtonGroupStyles.js.map

package/build/esm/components/ToggleButtonGroup/ToggleButtonGroupStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonGroupStyles.js","sources":["../../../../src/components/ToggleButtonGroup/ToggleButtonGroupStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nexport const useToggleButtonGroupStyles = makeStyles<Theme>((theme) => ({\n  root: {\n    '&&': {\n      backgroundColor: theme.palette.grey[300],\n    },\n  },\n}))\n"],"names":[],"mappings":";;AAEa,IAAA,0BAA0B,GAAG,UAAU,CAAQ,UAAC,KAAK,EAAK,EAAA,QAAC;AACtE,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE;YACJ,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACzC,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}
+{"version":3,"file":"ToggleButtonGroupStyles.js","sources":["../../../../src/components/ToggleButtonGroup/ToggleButtonGroupStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nexport const useToggleButtonGroupStyles = makeStyles<Theme>((theme) => ({\n  root: {\n    '&&': {\n      backgroundColor: theme.palette.grey[300],\n    },\n  },\n}))\n"],"names":[],"mappings":";;AAEa,MAAA,0BAA0B,GAAG,UAAU,CAAQ,CAAC,KAAK,MAAM;AACtE,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE;YACJ,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACzC,SAAA;AACF,KAAA;AACF,CAAA,CAAC;;;;"}

package/build/esm/components/Tooltip/Tooltip.js

@@ -1,11 +1,10 @@
-import { __assign } from 'tslib';
 import { Tooltip as Tooltip$1 } from '@material-ui/core';
 import React, { forwardRef } from 'react';
 import { useTooltipStyles } from './TooltipStyles.js';
 
-var Tooltip = forwardRef(function (props, ref) {
-    var classes = useTooltipStyles(props);
-    return React.createElement(Tooltip$1, __assign({ ref: ref, classes: classes }, props));
+const Tooltip = forwardRef((props, ref) => {
+    const classes = useTooltipStyles(props);
+    return React.createElement(Tooltip$1, { ref: ref, classes: classes, ...props });
 });
 Tooltip.displayName = 'Tooltip';
 

package/build/esm/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as MuiTooltip } from '@material-ui/core'\nimport React, { forwardRef } from 'react'\n\nimport { TooltipProps } from './TooltipProps'\nimport { useTooltipStyles } from './TooltipStyles'\n\nexport const Tooltip = forwardRef<HTMLElement, TooltipProps>((props, ref) => {\n  const classes = useTooltipStyles(props)\n  return <MuiTooltip ref={ref} classes={classes} {...props} />\n})\n\nTooltip.displayName = 'Tooltip'\n"],"names":["MuiTooltip"],"mappings":";;;;;IAMa,OAAO,GAAG,UAAU,CAA4B,UAAC,KAAK,EAAE,GAAG,EAAA;AACtE,IAAA,IAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC;AACvC,IAAA,OAAO,KAAC,CAAA,aAAA,CAAAA,SAAU,EAAC,QAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAM,EAAA,KAAK,EAAI;AAC9D,CAAC;AAED,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as MuiTooltip } from '@material-ui/core'\nimport React, { forwardRef } from 'react'\n\nimport { TooltipProps } from './TooltipProps'\nimport { useTooltipStyles } from './TooltipStyles'\n\nexport const Tooltip = forwardRef<HTMLElement, TooltipProps>((props, ref) => {\n  const classes = useTooltipStyles(props)\n  return <MuiTooltip ref={ref} classes={classes} {...props} />\n})\n\nTooltip.displayName = 'Tooltip'\n"],"names":["MuiTooltip"],"mappings":";;;;AAMa,MAAA,OAAO,GAAG,UAAU,CAA4B,CAAC,KAAK,EAAE,GAAG,KAAI;AAC1E,IAAA,MAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC;AACvC,IAAA,OAAO,KAAC,CAAA,aAAA,CAAAA,SAAU,EAAC,EAAA,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAM,GAAA,KAAK,GAAI;AAC9D,CAAC;AAED,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}

package/build/esm/components/Tooltip/TooltipProps.d.ts

@@ -1 +1 @@
-export { TooltipProps } from '@material-ui/core';
+export type { TooltipProps } from '@material-ui/core';

package/build/esm/components/Tooltip/TooltipStyles.js

@@ -1,13 +1,10 @@
 import { makeStyles } from '@material-ui/core';
 
-var useTooltipStyles = makeStyles(function (_a) {
-    var typography = _a.typography;
-    return ({
-        tooltip: {
-            fontSize: typography.pxToRem(16),
-        },
-    });
-});
+const useTooltipStyles = makeStyles(({ typography }) => ({
+    tooltip: {
+        fontSize: typography.pxToRem(16),
+    },
+}));
 
 export { useTooltipStyles };
 //# sourceMappingURL=TooltipStyles.js.map

package/build/esm/components/Tooltip/TooltipStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipStyles.js","sources":["../../../../src/components/Tooltip/TooltipStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { TooltipProps } from './TooltipProps'\n\nexport const useTooltipStyles = makeStyles<Theme, TooltipProps>(({ typography }) => ({\n  tooltip: {\n    fontSize: typography.pxToRem(16),\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,gBAAgB,GAAG,UAAU,CAAsB,UAAC,EAAc,EAAA;AAAZ,IAAA,IAAA,UAAU,GAAA,EAAA,CAAA,UAAA;AAAO,IAAA,QAAC;AACnF,QAAA,OAAO,EAAE;AACP,YAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;AACjC,SAAA;KACF;AAJmF,CAIlF;;;;"}
+{"version":3,"file":"TooltipStyles.js","sources":["../../../../src/components/Tooltip/TooltipStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { TooltipProps } from './TooltipProps'\n\nexport const useTooltipStyles = makeStyles<Theme, TooltipProps>(({ typography }) => ({\n  tooltip: {\n    fontSize: typography.pxToRem(16),\n  },\n}))\n"],"names":[],"mappings":";;AAIO,MAAM,gBAAgB,GAAG,UAAU,CAAsB,CAAC,EAAE,UAAU,EAAE,MAAM;AACnF,IAAA,OAAO,EAAE;AACP,QAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;AACjC,KAAA;AACF,CAAA,CAAC;;;;"}

package/build/esm/components/Typography/Typography.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TypographyProps } from './TypographyProps';
 export declare const Typography: {
-    <C extends React.ElementType<any> = "span">({ TypographyRef, color, variant, weight, ...restProps }: TypographyProps<C>): JSX.Element;
+    <C extends React.ElementType = "span">({ TypographyRef, color, variant, weight, ...restProps }: TypographyProps<C>): JSX.Element;
     displayName: string;
 };

package/build/esm/components/Typography/Typography.js

@@ -1,13 +1,11 @@
-import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Typography as Typography$1 } from '@material-ui/core';
 import { useTypographyStyles } from './TypographyStyles.js';
 
-var Typography = function (_a) {
-    var TypographyRef = _a.TypographyRef, color = _a.color, _b = _a.variant, variant = _b === void 0 ? 'body1' : _b, weight = _a.weight, restProps = __rest(_a, ["TypographyRef", "color", "variant", "weight"]);
-    var classes = useTypographyStyles({ color: color, variant: variant, weight: weight });
-    var variantMapping = { subtitle1: 'p' };
-    return (React.createElement(Typography$1, __assign({ classes: classes, variant: variant, variantMapping: variantMapping, ref: TypographyRef }, restProps)));
+const Typography = ({ TypographyRef, color, variant = 'body1', weight, ...restProps }) => {
+    const classes = useTypographyStyles({ color, variant, weight });
+    const variantMapping = { subtitle1: 'p' };
+    return (React.createElement(Typography$1, { classes: classes, variant: variant, variantMapping: variantMapping, ref: TypographyRef, ...restProps }));
 };
 Typography.displayName = 'Typography';
 

package/build/esm/components/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React from 'react'\nimport { Typography as MuiTypography } from '@material-ui/core'\n\nimport { TypographyProps, DefaultTypographyComponent } from './TypographyProps'\nimport { useTypographyStyles } from './TypographyStyles'\n\nexport const Typography = <C extends React.ElementType = DefaultTypographyComponent>({\n  TypographyRef,\n  color,\n  variant = 'body1',\n  weight,\n  ...restProps\n}: TypographyProps<C>) => {\n  const classes = useTypographyStyles({ color, variant, weight })\n  const variantMapping = { subtitle1: 'p' }\n  return (\n    <MuiTypography\n      classes={classes}\n      variant={variant}\n      variantMapping={variantMapping}\n      ref={TypographyRef}\n      {...restProps}\n    />\n  )\n}\n\nTypography.displayName = 'Typography'\n"],"names":["MuiTypography"],"mappings":";;;;;AAMO,IAAM,UAAU,GAAG,UAA2D,EAMhE,EAAA;AALnB,IAAA,IAAA,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,eAAiB,EAAjB,OAAO,mBAAG,OAAO,GAAA,EAAA,EACjB,MAAM,GAAA,EAAA,CAAA,MAAA,EACH,SAAS,GAAA,MAAA,CAAA,EAAA,EALuE,+CAMpF,CADa;AAEZ,IAAA,IAAM,OAAO,GAAG,mBAAmB,CAAC,EAAE,KAAK,EAAA,KAAA,EAAE,OAAO,SAAA,EAAE,MAAM,EAAA,MAAA,EAAE,CAAC;AAC/D,IAAA,IAAM,cAAc,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE;IACzC,QACE,oBAACA,YAAa,EAAA,QAAA,CAAA,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,GAAG,EAAE,aAAa,EACd,EAAA,SAAS,CACb,CAAA;AAEN;AAEA,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"Typography.js","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React from 'react'\nimport { Typography as MuiTypography } from '@material-ui/core'\n\nimport { TypographyProps, DefaultTypographyComponent } from './TypographyProps'\nimport { useTypographyStyles } from './TypographyStyles'\n\nexport const Typography = <C extends React.ElementType = DefaultTypographyComponent>({\n  TypographyRef,\n  color,\n  variant = 'body1',\n  weight,\n  ...restProps\n}: TypographyProps<C>) => {\n  const classes = useTypographyStyles({ color, variant, weight })\n  const variantMapping = { subtitle1: 'p' }\n  return (\n    <MuiTypography\n      classes={classes}\n      variant={variant}\n      variantMapping={variantMapping}\n      ref={TypographyRef}\n      {...restProps}\n    />\n  )\n}\n\nTypography.displayName = 'Typography'\n"],"names":["MuiTypography"],"mappings":";;;;MAMa,UAAU,GAAG,CAA2D,EACnF,aAAa,EACb,KAAK,EACL,OAAO,GAAG,OAAO,EACjB,MAAM,EACN,GAAG,SAAS,EACO,KAAI;AACvB,IAAA,MAAM,OAAO,GAAG,mBAAmB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;AAC/D,IAAA,MAAM,cAAc,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE;IACzC,QACE,oBAACA,YAAa,EAAA,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,GAAG,EAAE,aAAa,EACd,GAAA,SAAS,EACb,CAAA;AAEN;AAEA,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/build/esm/components/Typography/TypographyProps.d.ts

@@ -1,8 +1,8 @@
 import { TypographyProps as MuiTypographyProps, TypographyTypeMap, TypographyVariant } from '@material-ui/core';
 import React, { RefObject } from 'react';
-export declare type ThemeColors = 'primary.light' | 'primary' | 'primary.dark' | 'secondary.light' | 'secondary' | 'secondary.dark' | 'info.light' | 'info' | 'info.dark' | 'success.light' | 'success' | 'success.dark' | 'error.light' | 'error' | 'error.dark' | 'warning.light' | 'warning' | 'warning.dark' | 'white' | 'black' | 'grey.100' | 'grey.200' | 'grey.300' | 'grey.400' | 'grey.500' | 'grey.600' | 'grey.700' | 'grey.800' | 'grey.900' | 'textPrimary' | 'textSecondary';
-export declare type DefaultTypographyComponent = TypographyTypeMap['defaultComponent'];
-export declare type TypographyProps<C extends React.ElementType = DefaultTypographyComponent> = Omit<MuiTypographyProps<C, {
+export type ThemeColors = 'primary.light' | 'primary' | 'primary.dark' | 'secondary.light' | 'secondary' | 'secondary.dark' | 'info.light' | 'info' | 'info.dark' | 'success.light' | 'success' | 'success.dark' | 'error.light' | 'error' | 'error.dark' | 'warning.light' | 'warning' | 'warning.dark' | 'white' | 'black' | 'grey.100' | 'grey.200' | 'grey.300' | 'grey.400' | 'grey.500' | 'grey.600' | 'grey.700' | 'grey.800' | 'grey.900' | 'textPrimary' | 'textSecondary';
+export type DefaultTypographyComponent = TypographyTypeMap['defaultComponent'];
+export type TypographyProps<C extends React.ElementType = DefaultTypographyComponent> = Omit<MuiTypographyProps<C, {
     component?: C;
 }>, 'color' | 'variant' | 'ref'> & {
     TypographyRef?: RefObject<HTMLParagraphElement | HTMLHeadingElement | HTMLSpanElement>;

package/build/esm/components/Typography/TypographyStyles.d.ts

@@ -1,5 +1,5 @@
 import { TypographyProps } from './TypographyProps';
-declare type StyleProps = Pick<TypographyProps, 'color' | 'weight'> & {
+type StyleProps = Pick<TypographyProps, 'color' | 'weight'> & {
     variant: NonNullable<TypographyProps['variant']>;
 };
 export declare const useTypographyStyles: (props: StyleProps) => import("@material-ui/styles").ClassNameMap<string>;