@popmenu/admin-ui 0.126.4 → 0.127.1

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

@@ -1 +1 @@
-{"version":3,"file":"SelectableCard.js","sources":["../../../../src/components/SelectableCard/SelectableCard.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport { Card, CardActionArea, CardContent, Icon } from '@popmenu/common-ui'\nimport { CheckCircle, Circle } from '@popmenu/web-icons'\nimport { useSelectableCardStyles } from './SelectableCardStyles'\nimport { SelectableCardProps } from './SelectableCardProps'\n\nexport const SelectableCard: FC<SelectableCardProps> = (props) => {\n  const {\n    children,\n    selected: selectedProp,\n    selection = [],\n    onClick,\n    value,\n    labelId,\n    CardActionAreaProps,\n    ...muiProps\n  } = props\n  const selected = typeof selectedProp === 'boolean' ? selectedProp : selection.includes(value)\n  const classes = useSelectableCardStyles({ ...props, selected })\n\n  const handleClick = () => {\n    onClick(value)\n  }\n\n  return (\n    <Card classes={{ root: classes.root }} {...muiProps}>\n      <CardActionArea\n        onClick={handleClick}\n        classes={{ focusHighlight: classes.focusHighlight }}\n        role=\"checkbox\"\n        aria-checked={selected}\n        aria-labelledby={labelId}\n        {...CardActionAreaProps}\n      >\n        <Icon className={classes.icon} icon={selected ? CheckCircle : Circle} size=\"medium\" />\n        <CardContent classes={{ root: classes.cardContent }}>{children}</CardContent>\n      </CardActionArea>\n    </Card>\n  )\n}\n\nSelectableCard.displayName = 'SelectableCard'\n"],"names":[],"mappings":";;;;;;AAOO,IAAM,cAAc,GAA4B,UAAC,KAAK,EAAA;IAEzD,IAAA,QAAQ,GAQN,KAAK,CAAA,QARC,EACE,YAAY,GAOpB,KAAK,CAPe,QAAA,EACtB,KAME,KAAK,CAAA,SANO,EAAd,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACd,OAAO,GAKL,KAAK,QALA,EACP,KAAK,GAIH,KAAK,CAAA,KAJF,EACL,OAAO,GAGL,KAAK,CAHA,OAAA,EACP,mBAAmB,GAEjB,KAAK,oBAFY,EAChB,QAAQ,UACT,KAAK,EATH,CASL,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,qBAAA,CAAA,CADY;AAEb,IAAA,IAAM,QAAQ,GAAG,OAAO,YAAY,KAAK,SAAS,GAAG,YAAY,GAAG,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC;IAC7F,IAAM,OAAO,GAAG,uBAAuB,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EAAM,KAAK,CAAE,EAAA,EAAA,QAAQ,EAAA,QAAA,EAAA,CAAA,CAAG;AAE/D,IAAA,IAAM,WAAW,GAAG,YAAA;QAClB,OAAO,CAAC,KAAK,CAAC;AAChB,KAAC;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAM,QAAQ,CAAA;QACjD,KAAC,CAAA,aAAA,CAAA,cAAc,EACb,QAAA,CAAA,EAAA,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,EAAE,cAAc,EAAE,OAAO,CAAC,cAAc,EAAE,EACnD,IAAI,EAAC,UAAU,kBACD,QAAQ,EAAA,iBAAA,EACL,OAAO,EAAA,EACpB,mBAAmB,CAAA;YAEvB,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,GAAG,WAAW,GAAG,MAAM,EAAE,IAAI,EAAC,QAAQ,EAAG,CAAA;AACtF,YAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,WAAW,EAAE,EAAG,EAAA,QAAQ,CAAe,CAC9D,CACZ;AAEX;AAEA,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
+{"version":3,"file":"SelectableCard.js","sources":["../../../../src/components/SelectableCard/SelectableCard.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport { Card, CardActionArea, CardContent, Icon } from '@popmenu/common-ui'\nimport { CheckCircle, Circle } from '@popmenu/web-icons'\nimport { useSelectableCardStyles } from './SelectableCardStyles'\nimport { SelectableCardProps } from './SelectableCardProps'\n\nexport const SelectableCard: FC<SelectableCardProps> = (props) => {\n  const {\n    children,\n    selected: selectedProp,\n    selection = [],\n    onClick,\n    value,\n    labelId,\n    CardActionAreaProps,\n    ...muiProps\n  } = props\n  const selected = typeof selectedProp === 'boolean' ? selectedProp : selection.includes(value)\n  const classes = useSelectableCardStyles({ ...props, selected })\n\n  const handleClick = () => {\n    onClick(value)\n  }\n\n  return (\n    <Card classes={{ root: classes.root }} {...muiProps}>\n      <CardActionArea\n        onClick={handleClick}\n        classes={{ focusHighlight: classes.focusHighlight }}\n        role=\"checkbox\"\n        aria-checked={selected}\n        aria-labelledby={labelId}\n        {...CardActionAreaProps}\n      >\n        <Icon className={classes.icon} icon={selected ? CheckCircle : Circle} size=\"medium\" />\n        <CardContent classes={{ root: classes.cardContent }}>{children}</CardContent>\n      </CardActionArea>\n    </Card>\n  )\n}\n\nSelectableCard.displayName = 'SelectableCard'\n"],"names":[],"mappings":";;;;;AAOa,MAAA,cAAc,GAA4B,CAAC,KAAK,KAAI;IAC/D,MAAM,EACJ,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,SAAS,GAAG,EAAE,EACd,OAAO,EACP,KAAK,EACL,OAAO,EACP,mBAAmB,EACnB,GAAG,QAAQ,EACZ,GAAG,KAAK;AACT,IAAA,MAAM,QAAQ,GAAG,OAAO,YAAY,KAAK,SAAS,GAAG,YAAY,GAAG,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC;IAC7F,MAAM,OAAO,GAAG,uBAAuB,CAAC,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,CAAC;IAE/D,MAAM,WAAW,GAAG,MAAK;QACvB,OAAO,CAAC,KAAK,CAAC;AAChB,KAAC;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,KAAM,QAAQ,EAAA;QACjD,KAAC,CAAA,aAAA,CAAA,cAAc,EACb,EAAA,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,EAAE,cAAc,EAAE,OAAO,CAAC,cAAc,EAAE,EACnD,IAAI,EAAC,UAAU,kBACD,QAAQ,EAAA,iBAAA,EACL,OAAO,EAAA,GACpB,mBAAmB,EAAA;YAEvB,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,GAAG,WAAW,GAAG,MAAM,EAAE,IAAI,EAAC,QAAQ,EAAG,CAAA;AACtF,YAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,WAAW,EAAE,EAAG,EAAA,QAAQ,CAAe,CAC9D,CACZ;AAEX;AAEA,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/build/esm/components/SelectableCard/SelectableCardStyles.js

@@ -1,24 +1,15 @@
 import { makeStyles, lighten } from '@material-ui/core';
 
-var useSelectableCardStyles = makeStyles(function (theme) {
-    var _a = theme.palette, info = _a.info, grey = _a.grey, getContrastText = _a.getContrastText, spacing = theme.spacing;
-    var selectedBackgroundColor = lighten(theme.palette.info.light, 0.9);
-    var backgroundColor = theme.palette.surface.light;
+const useSelectableCardStyles = makeStyles((theme) => {
+    const { palette: { info, grey, getContrastText }, spacing, } = theme;
+    const selectedBackgroundColor = lighten(theme.palette.info.light, 0.9);
+    const backgroundColor = theme.palette.surface.light;
     return {
         root: {
             position: 'relative',
-            border: function (_a) {
-                var selected = _a.selected;
-                return (selected ? "1px solid " + info.light : "1px solid " + grey[700]);
-            },
-            backgroundColor: function (_a) {
-                var selected = _a.selected;
-                return (selected ? selectedBackgroundColor : backgroundColor);
-            },
-            color: function (_a) {
-                var selected = _a.selected;
-                return (selected ? getContrastText(selectedBackgroundColor) : getContrastText(backgroundColor));
-            },
+            border: ({ selected }) => (selected ? `1px solid ${info.light}` : `1px solid ${grey[700]}`),
+            backgroundColor: ({ selected }) => (selected ? selectedBackgroundColor : backgroundColor),
+            color: ({ selected }) => (selected ? getContrastText(selectedBackgroundColor) : getContrastText(backgroundColor)),
             transition: 'none',
         },
         cardContent: {
@@ -32,10 +23,7 @@ var useSelectableCardStyles = makeStyles(function (theme) {
             position: 'absolute',
             top: spacing(2),
             left: spacing(2),
-            color: function (_a) {
-                var selected = _a.selected;
-                return (selected ? info.main : grey[700]);
-            },
+            color: ({ selected }) => (selected ? info.main : grey[700]),
         },
         focusHighlight: {
             backgroundColor: 'inherit',

package/build/esm/components/SelectableCard/SelectableCardStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectableCardStyles.js","sources":["../../../../src/components/SelectableCard/SelectableCardStyles.ts"],"sourcesContent":["import { lighten, makeStyles, Theme } from '@material-ui/core'\n\nimport { SelectableCardProps } from './SelectableCardProps'\n\nexport const useSelectableCardStyles = makeStyles<Theme, SelectableCardProps>((theme) => {\n  const {\n    palette: { info, grey, getContrastText },\n    spacing,\n  } = theme\n  const selectedBackgroundColor = lighten(theme.palette.info.light, 0.9)\n  const backgroundColor = theme.palette.surface.light\n  return {\n    root: {\n      position: 'relative',\n      border: ({ selected }) => (selected ? `1px solid ${info.light}` : `1px solid ${grey[700]}`),\n      backgroundColor: ({ selected }) => (selected ? selectedBackgroundColor : backgroundColor),\n      color: ({ selected }) => (selected ? getContrastText(selectedBackgroundColor) : getContrastText(backgroundColor)),\n      transition: 'none',\n    },\n    cardContent: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center',\n      marginTop: spacing(2.5),\n    },\n    icon: {\n      position: 'absolute',\n      top: spacing(2),\n      left: spacing(2),\n      color: ({ selected }) => (selected ? info.main : grey[700]),\n    },\n    focusHighlight: {\n      backgroundColor: 'inherit',\n    },\n  }\n})\n"],"names":[],"mappings":";;AAIa,IAAA,uBAAuB,GAAG,UAAU,CAA6B,UAAC,KAAK,EAAA;AAEhF,IAAA,IAAA,KAEE,KAAK,CAAA,OAFiC,EAA7B,IAAI,UAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EACtC,OAAO,GACL,KAAK,QADA;AAET,IAAA,IAAM,uBAAuB,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC;IACtE,IAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;IACnD,OAAO;AACL,QAAA,IAAI,EAAE;AACJ,YAAA,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;AAAO,gBAAA,QAAC,QAAQ,GAAG,eAAa,IAAI,CAAC,KAAO,GAAG,YAAA,GAAa,IAAI,CAAC,GAAG,CAAG;aAAC;YAC3F,eAAe,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;gBAAO,QAAC,QAAQ,GAAG,uBAAuB,GAAG,eAAe;aAAC;YACzF,KAAK,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;AAAO,gBAAA,QAAC,QAAQ,GAAG,eAAe,CAAC,uBAAuB,CAAC,GAAG,eAAe,CAAC,eAAe,CAAC;aAAC;AACjH,YAAA,UAAU,EAAE,MAAM;AACnB,SAAA;AACD,QAAA,WAAW,EAAE;AACX,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC;AACxB,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AACf,YAAA,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;YAChB,KAAK,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;AAAO,gBAAA,QAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC;aAAC;AAC5D,SAAA;AACD,QAAA,cAAc,EAAE;AACd,YAAA,eAAe,EAAE,SAAS;AAC3B,SAAA;KACF;AACH,CAAC;;;;"}
+{"version":3,"file":"SelectableCardStyles.js","sources":["../../../../src/components/SelectableCard/SelectableCardStyles.ts"],"sourcesContent":["import { lighten, makeStyles, Theme } from '@material-ui/core'\n\nimport { SelectableCardProps } from './SelectableCardProps'\n\nexport const useSelectableCardStyles = makeStyles<Theme, SelectableCardProps>((theme) => {\n  const {\n    palette: { info, grey, getContrastText },\n    spacing,\n  } = theme\n  const selectedBackgroundColor = lighten(theme.palette.info.light, 0.9)\n  const backgroundColor = theme.palette.surface.light\n  return {\n    root: {\n      position: 'relative',\n      border: ({ selected }) => (selected ? `1px solid ${info.light}` : `1px solid ${grey[700]}`),\n      backgroundColor: ({ selected }) => (selected ? selectedBackgroundColor : backgroundColor),\n      color: ({ selected }) => (selected ? getContrastText(selectedBackgroundColor) : getContrastText(backgroundColor)),\n      transition: 'none',\n    },\n    cardContent: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center',\n      marginTop: spacing(2.5),\n    },\n    icon: {\n      position: 'absolute',\n      top: spacing(2),\n      left: spacing(2),\n      color: ({ selected }) => (selected ? info.main : grey[700]),\n    },\n    focusHighlight: {\n      backgroundColor: 'inherit',\n    },\n  }\n})\n"],"names":[],"mappings":";;MAIa,uBAAuB,GAAG,UAAU,CAA6B,CAAC,KAAK,KAAI;AACtF,IAAA,MAAM,EACJ,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,eAAe,EAAE,EACxC,OAAO,GACR,GAAG,KAAK;AACT,IAAA,MAAM,uBAAuB,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC;IACtE,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;IACnD,OAAO;AACL,QAAA,IAAI,EAAE;AACJ,YAAA,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,CAAa,UAAA,EAAA,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,CAAa,UAAA,EAAA,IAAI,CAAC,GAAG,CAAC,CAAA,CAAE,CAAC;AAC3F,YAAA,eAAe,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,uBAAuB,GAAG,eAAe,CAAC;YACzF,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,eAAe,CAAC,uBAAuB,CAAC,GAAG,eAAe,CAAC,eAAe,CAAC,CAAC;AACjH,YAAA,UAAU,EAAE,MAAM;AACnB,SAAA;AACD,QAAA,WAAW,EAAE;AACX,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC;AACxB,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AACf,YAAA,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;YAChB,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;AAC5D,SAAA;AACD,QAAA,cAAc,EAAE;AACd,YAAA,eAAe,EAAE,SAAS;AAC3B,SAAA;KACF;AACH,CAAC;;;;"}

package/build/esm/components/SelectableCard/index.d.ts

@@ -1,2 +1,2 @@
-export { SelectableCard as default } from './SelectableCard';
-export { SelectableCardProps } from './SelectableCardProps';
+export { SelectableCard } from './SelectableCard';
+export type { SelectableCardProps } from './SelectableCardProps';

package/build/esm/components/SettingsIndexCard/SettingsIndexCard.js

@@ -1,20 +1,19 @@
-import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { ButtonBase, Card, CardContent, Box, Icon, Typography } from '@popmenu/common-ui';
 import { Help } from '@popmenu/web-icons';
 import { useSettingsIndexCardStyles } from './SettingsIndexCardStyles.js';
 
 // eslint-disable-next-line react/display-name -- false positive
-var SettingsIndexCard = forwardRef(function (props, ref) {
-    var title = props.title, description = props.description, Icon$1 = props.Icon, onClick = props.onClick, statusLabel = props.statusLabel, restProps = __rest(props, ["title", "description", "Icon", "onClick", "statusLabel"]);
-    var classes = useSettingsIndexCardStyles(props);
-    var showStatusLabel = (statusLabel === null || statusLabel === void 0 ? void 0 : statusLabel.text) && (statusLabel === null || statusLabel === void 0 ? void 0 : statusLabel.color);
-    return (React.createElement(ButtonBase, __assign({ onClick: onClick, ref: ref }, restProps),
+const SettingsIndexCard = forwardRef((props, ref) => {
+    const { title, description, Icon: Icon$1, onClick, statusLabel, ...restProps } = props;
+    const classes = useSettingsIndexCardStyles(props);
+    const showStatusLabel = statusLabel?.text && statusLabel?.color;
+    return (React.createElement(ButtonBase, { onClick: onClick, ref: ref, ...restProps },
         React.createElement(Card, { classes: { root: classes.cardRoot } },
             React.createElement(CardContent, { classes: { root: classes.cardContentRoot } },
                 React.createElement(Box, { fontSize: "32px", display: "flex", justifyContent: 'space-between', alignItems: "center", paddingBottom: 2 },
                     React.createElement(Icon, { icon: Icon$1 || Help, size: "inherit" }),
-                    showStatusLabel && (React.createElement(Typography, { weight: "semi-bold", variant: "body2", color: statusLabel === null || statusLabel === void 0 ? void 0 : statusLabel.color }, statusLabel === null || statusLabel === void 0 ? void 0 : statusLabel.text))),
+                    showStatusLabel && (React.createElement(Typography, { weight: "semi-bold", variant: "body2", color: statusLabel?.color }, statusLabel?.text))),
                 React.createElement(Typography, { align: "left", variant: "h6", gutterBottom: true }, title),
                 description && (React.createElement(Typography, { align: "left", variant: "body2", color: "grey.700" }, description))))));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsIndexCard.js","sources":["../../../../src/components/SettingsIndexCard/SettingsIndexCard.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { ButtonBase, Card, CardContent, Typography } from '@popmenu/common-ui'\nimport { SettingsIndexCardProps } from './SettingsIndexCardProps'\nimport { Icon as CommonIcon, Box } from '@popmenu/common-ui'\nimport { Help } from '@popmenu/web-icons'\nimport { useSettingsIndexCardStyles } from './SettingsIndexCardStyles'\n\ninterface SettingsIndexCardType {\n  <C extends React.ElementType = 'a'>(props: SettingsIndexCardProps<C> & { component?: C }): React.ReactElement\n  defaultProps?: Partial<SettingsIndexCardProps>\n  displayName?: string\n}\n\n// eslint-disable-next-line react/display-name -- false positive\nexport const SettingsIndexCard = forwardRef<HTMLButtonElement, SettingsIndexCardProps>((props, ref) => {\n  const { title, description, Icon, onClick, statusLabel, ...restProps } = props\n  const classes = useSettingsIndexCardStyles(props)\n  const showStatusLabel = statusLabel?.text && statusLabel?.color\n  return (\n    <ButtonBase onClick={onClick} ref={ref} {...restProps}>\n      <Card classes={{ root: classes.cardRoot }}>\n        <CardContent classes={{ root: classes.cardContentRoot }}>\n          <Box fontSize=\"32px\" display=\"flex\" justifyContent={'space-between'} alignItems=\"center\" paddingBottom={2}>\n            <CommonIcon icon={Icon || Help} size=\"inherit\" />\n            {showStatusLabel && (\n              <Typography weight=\"semi-bold\" variant=\"body2\" color={statusLabel?.color}>\n                {statusLabel?.text}\n              </Typography>\n            )}\n          </Box>\n          <Typography align=\"left\" variant=\"h6\" gutterBottom>\n            {title}\n          </Typography>\n          {description && (\n            <Typography align=\"left\" variant=\"body2\" color=\"grey.700\">\n              {description}\n            </Typography>\n          )}\n        </CardContent>\n      </Card>\n    </ButtonBase>\n  )\n}) as SettingsIndexCardType\n\nSettingsIndexCard.displayName = 'SettingsIndexCard'\n"],"names":["Icon","CommonIcon"],"mappings":";;;;;;AAaA;IACa,iBAAiB,GAAG,UAAU,CAA4C,UAAC,KAAK,EAAE,GAAG,EAAA;AACxF,IAAA,IAAA,KAAK,GAA4D,KAAK,CAAA,KAAjE,EAAE,WAAW,GAA+C,KAAK,CAApD,WAAA,EAAEA,MAAI,GAAyC,KAAK,CAA9C,IAAA,EAAE,OAAO,GAAgC,KAAK,CAAA,OAArC,EAAE,WAAW,GAAmB,KAAK,CAAA,WAAxB,EAAK,SAAS,GAAK,MAAA,CAAA,KAAK,EAAxE,CAAA,OAAA,EAAA,aAAA,EAAA,MAAA,EAAA,SAAA,EAAA,aAAA,CAAgE,CAAF;AACpE,IAAA,IAAM,OAAO,GAAG,0BAA0B,CAAC,KAAK,CAAC;AACjD,IAAA,IAAM,eAAe,GAAG,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,uBAAX,WAAW,CAAE,IAAI,MAAI,WAAW,aAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,KAAK,CAAA;AAC/D,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAA,EAAM,SAAS,CAAA;QACnD,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAA;YACvC,KAAC,CAAA,aAAA,CAAA,WAAW,EAAC,EAAA,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,eAAe,EAAE,EAAA;gBACrD,KAAC,CAAA,aAAA,CAAA,GAAG,IAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM,EAAC,cAAc,EAAE,eAAe,EAAE,UAAU,EAAC,QAAQ,EAAC,aAAa,EAAE,CAAC,EAAA;oBACvG,KAAC,CAAA,aAAA,CAAAC,IAAU,EAAC,EAAA,IAAI,EAAED,MAAI,IAAI,IAAI,EAAE,IAAI,EAAC,SAAS,EAAG,CAAA;AAChD,oBAAA,eAAe,KACd,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,MAAM,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,MAAA,GAAA,MAAA,GAAA,WAAW,CAAE,KAAK,IACrE,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,IAAI,CACP,CACd,CACG;AACN,gBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,IAAI,EAAC,YAAY,EAAA,IAAA,EAAA,EAC/C,KAAK,CACK;gBACZ,WAAW,KACV,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,UAAU,EAAA,EACtD,WAAW,CACD,CACd,CACW,CACT,CACI;AAEjB,CAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}
+{"version":3,"file":"SettingsIndexCard.js","sources":["../../../../src/components/SettingsIndexCard/SettingsIndexCard.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { ButtonBase, Card, CardContent, Typography } from '@popmenu/common-ui'\nimport { SettingsIndexCardProps } from './SettingsIndexCardProps'\nimport { Icon as CommonIcon, Box } from '@popmenu/common-ui'\nimport { Help } from '@popmenu/web-icons'\nimport { useSettingsIndexCardStyles } from './SettingsIndexCardStyles'\n\ninterface SettingsIndexCardType {\n  <C extends React.ElementType = 'a'>(props: SettingsIndexCardProps<C> & { component?: C }): React.ReactElement\n  defaultProps?: Partial<SettingsIndexCardProps>\n  displayName?: string\n}\n\n// eslint-disable-next-line react/display-name -- false positive\nexport const SettingsIndexCard = forwardRef<HTMLButtonElement, SettingsIndexCardProps>((props, ref) => {\n  const { title, description, Icon, onClick, statusLabel, ...restProps } = props\n  const classes = useSettingsIndexCardStyles(props)\n  const showStatusLabel = statusLabel?.text && statusLabel?.color\n  return (\n    <ButtonBase onClick={onClick} ref={ref} {...restProps}>\n      <Card classes={{ root: classes.cardRoot }}>\n        <CardContent classes={{ root: classes.cardContentRoot }}>\n          <Box fontSize=\"32px\" display=\"flex\" justifyContent={'space-between'} alignItems=\"center\" paddingBottom={2}>\n            <CommonIcon icon={Icon || Help} size=\"inherit\" />\n            {showStatusLabel && (\n              <Typography weight=\"semi-bold\" variant=\"body2\" color={statusLabel?.color}>\n                {statusLabel?.text}\n              </Typography>\n            )}\n          </Box>\n          <Typography align=\"left\" variant=\"h6\" gutterBottom>\n            {title}\n          </Typography>\n          {description && (\n            <Typography align=\"left\" variant=\"body2\" color=\"grey.700\">\n              {description}\n            </Typography>\n          )}\n        </CardContent>\n      </Card>\n    </ButtonBase>\n  )\n}) as SettingsIndexCardType\n\nSettingsIndexCard.displayName = 'SettingsIndexCard'\n"],"names":["Icon","CommonIcon"],"mappings":";;;;;AAaA;AACa,MAAA,iBAAiB,GAAG,UAAU,CAA4C,CAAC,KAAK,EAAE,GAAG,KAAI;AACpG,IAAA,MAAM,EAAE,KAAK,EAAE,WAAW,QAAEA,MAAI,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AAC9E,IAAA,MAAM,OAAO,GAAG,0BAA0B,CAAC,KAAK,CAAC;IACjD,MAAM,eAAe,GAAG,WAAW,EAAE,IAAI,IAAI,WAAW,EAAE,KAAK;AAC/D,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAA,GAAM,SAAS,EAAA;QACnD,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAA;YACvC,KAAC,CAAA,aAAA,CAAA,WAAW,EAAC,EAAA,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,eAAe,EAAE,EAAA;gBACrD,KAAC,CAAA,aAAA,CAAA,GAAG,IAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM,EAAC,cAAc,EAAE,eAAe,EAAE,UAAU,EAAC,QAAQ,EAAC,aAAa,EAAE,CAAC,EAAA;oBACvG,KAAC,CAAA,aAAA,CAAAC,IAAU,EAAC,EAAA,IAAI,EAAED,MAAI,IAAI,IAAI,EAAE,IAAI,EAAC,SAAS,EAAG,CAAA;oBAChD,eAAe,KACd,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,MAAM,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAA,EACrE,WAAW,EAAE,IAAI,CACP,CACd,CACG;AACN,gBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,IAAI,EAAC,YAAY,EAAA,IAAA,EAAA,EAC/C,KAAK,CACK;gBACZ,WAAW,KACV,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,UAAU,EAAA,EACtD,WAAW,CACD,CACd,CACW,CACT,CACI;AAEjB,CAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/build/esm/components/SettingsIndexCard/SettingsIndexCardProps.d.ts

@@ -1,7 +1,7 @@
 import { ButtonBaseProps } from '@material-ui/core';
 import { ThemeColors } from '@popmenu/common-ui';
 import React from 'react';
-export declare type SettingsIndexCardProps<C extends React.ElementType = 'button'> = ButtonBaseProps<C, {
+export type SettingsIndexCardProps<C extends React.ElementType = 'button'> = ButtonBaseProps<C, {
     component?: C;
 }> & {
     /** The icon from @popmenu/web-icons to be rendered */

package/build/esm/components/SettingsIndexCard/SettingsIndexCardStyles.d.ts

@@ -1,2 +1,2 @@
 import { SettingsIndexCardProps } from './SettingsIndexCardProps';
-export declare const useSettingsIndexCardStyles: (props: SettingsIndexCardProps<"button">) => import("@material-ui/styles").ClassNameMap<string>;
+export declare const useSettingsIndexCardStyles: (props: SettingsIndexCardProps) => import("@material-ui/styles").ClassNameMap<string>;

package/build/esm/components/SettingsIndexCard/SettingsIndexCardStyles.js

@@ -1,8 +1,8 @@
 import { makeStyles } from '@material-ui/core';
 
-var useSettingsIndexCardStyles = makeStyles(function (theme) { return ({
+const useSettingsIndexCardStyles = makeStyles((theme) => ({
     cardRoot: {
-        border: "1px solid " + theme.palette.grey[300],
+        border: `1px solid ${theme.palette.grey[300]}`,
         alignSelf: 'stretch',
         flexGrow: 1,
         '&:hover': {
@@ -15,7 +15,7 @@ var useSettingsIndexCardStyles = makeStyles(function (theme) { return ({
             paddingBottom: theme.spacing(4),
         },
     },
-}); });
+}));
 
 export { useSettingsIndexCardStyles };
 //# sourceMappingURL=SettingsIndexCardStyles.js.map

package/build/esm/components/SettingsIndexCard/SettingsIndexCardStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsIndexCardStyles.js","sources":["../../../../src/components/SettingsIndexCard/SettingsIndexCardStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { SettingsIndexCardProps } from './SettingsIndexCardProps'\n\nexport const useSettingsIndexCardStyles = makeStyles<Theme, SettingsIndexCardProps>((theme) => ({\n  cardRoot: {\n    border: `1px solid ${theme.palette.grey[300]}`,\n    alignSelf: 'stretch',\n    flexGrow: 1,\n    '&:hover': {\n      backgroundColor: '#52B7FF1A',\n    },\n  },\n  cardContentRoot: {\n    padding: theme.spacing(4),\n    '&:last-child': {\n      paddingBottom: theme.spacing(4),\n    },\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,0BAA0B,GAAG,UAAU,CAAgC,UAAC,KAAK,EAAK,EAAA,QAAC;AAC9F,IAAA,QAAQ,EAAE;QACR,MAAM,EAAE,eAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAG;AAC9C,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,QAAQ,EAAE,CAAC;AACX,QAAA,SAAS,EAAE;AACT,YAAA,eAAe,EAAE,WAAW;AAC7B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,cAAc,EAAE;AACd,YAAA,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAChC,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}
+{"version":3,"file":"SettingsIndexCardStyles.js","sources":["../../../../src/components/SettingsIndexCard/SettingsIndexCardStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { SettingsIndexCardProps } from './SettingsIndexCardProps'\n\nexport const useSettingsIndexCardStyles = makeStyles<Theme, SettingsIndexCardProps>((theme) => ({\n  cardRoot: {\n    border: `1px solid ${theme.palette.grey[300]}`,\n    alignSelf: 'stretch',\n    flexGrow: 1,\n    '&:hover': {\n      backgroundColor: '#52B7FF1A',\n    },\n  },\n  cardContentRoot: {\n    padding: theme.spacing(4),\n    '&:last-child': {\n      paddingBottom: theme.spacing(4),\n    },\n  },\n}))\n"],"names":[],"mappings":";;AAIa,MAAA,0BAA0B,GAAG,UAAU,CAAgC,CAAC,KAAK,MAAM;AAC9F,IAAA,QAAQ,EAAE;QACR,MAAM,EAAE,CAAa,UAAA,EAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAE,CAAA;AAC9C,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,QAAQ,EAAE,CAAC;AACX,QAAA,SAAS,EAAE;AACT,YAAA,eAAe,EAAE,WAAW;AAC7B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,cAAc,EAAE;AACd,YAAA,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAChC,SAAA;AACF,KAAA;AACF,CAAA,CAAC;;;;"}

package/build/esm/components/SettingsIndexCard/index.d.ts

@@ -1,2 +1,2 @@
 export { SettingsIndexCard } from './SettingsIndexCard';
-export { SettingsIndexCardProps } from './SettingsIndexCardProps';
+export type { SettingsIndexCardProps } from './SettingsIndexCardProps';

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { BoxProps } from '@popmenu/common-ui';
 export declare const SettingsIndexCardGroup: (props: BoxProps) => JSX.Element;

package/build/esm/components/SettingsIndexCardGroup/SettingsIndexCardGroup.js

@@ -1,10 +1,9 @@
-import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Box } from '@popmenu/common-ui';
 
-var SettingsIndexCardGroup = function (props) {
-    var children = props.children, restProps = __rest(props, ["children"]);
-    return (React.createElement(Box, __assign({ display: "grid", gridGap: 16, gridTemplateColumns: "repeat(auto-fill, minmax(250px, 1fr))" }, restProps), children));
+const SettingsIndexCardGroup = (props) => {
+    const { children, ...restProps } = props;
+    return (React.createElement(Box, { display: "grid", gridGap: 16, gridTemplateColumns: "repeat(auto-fill, minmax(250px, 1fr))", ...restProps }, children));
 };
 
 export { SettingsIndexCardGroup };

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsIndexCardGroup.js","sources":["../../../../src/components/SettingsIndexCardGroup/SettingsIndexCardGroup.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, BoxProps } from '@popmenu/common-ui'\n\nexport const SettingsIndexCardGroup = (props: BoxProps) => {\n  const { children, ...restProps } = props\n  return (\n    <Box display=\"grid\" gridGap={16} gridTemplateColumns=\"repeat(auto-fill, minmax(250px, 1fr))\" {...restProps}>\n      {children}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;AAGO,IAAM,sBAAsB,GAAG,UAAC,KAAe,EAAA;IAC5C,IAAA,QAAQ,GAAmB,KAAK,CAAxB,QAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAlC,CAA0B,UAAA,CAAA,CAAF;IAC9B,QACE,oBAAC,GAAG,EAAA,QAAA,CAAA,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,EAAE,EAAE,mBAAmB,EAAC,uCAAuC,EAAA,EAAK,SAAS,CACvG,EAAA,QAAQ,CACL;AAEV;;;;"}
+{"version":3,"file":"SettingsIndexCardGroup.js","sources":["../../../../src/components/SettingsIndexCardGroup/SettingsIndexCardGroup.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, BoxProps } from '@popmenu/common-ui'\n\nexport const SettingsIndexCardGroup = (props: BoxProps) => {\n  const { children, ...restProps } = props\n  return (\n    <Box display=\"grid\" gridGap={16} gridTemplateColumns=\"repeat(auto-fill, minmax(250px, 1fr))\" {...restProps}>\n      {children}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;AAGa,MAAA,sBAAsB,GAAG,CAAC,KAAe,KAAI;IACxD,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;IACxC,QACE,oBAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,EAAE,EAAE,mBAAmB,EAAC,uCAAuC,EAAA,GAAK,SAAS,EACvG,EAAA,QAAQ,CACL;AAEV;;;;"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StandardListItemProps } from './StandardListItemProps';
 /**
  * TODO

package/build/esm/components/StandardListItem/StandardListItem.js

@@ -1,9 +1,8 @@
-import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { makeStyles, ListItem, ListItemAvatar, ListItemText, Chip, ListItemSecondaryAction, IconButton } from '@material-ui/core';
 import { Avatar, Icon, Typography } from '@popmenu/common-ui';
 
-var useStyles = makeStyles(function (theme) { return ({
+const useStyles = makeStyles((theme) => ({
     chipRoot: {
         marginRight: theme.spacing(4),
         cursor: 'pointer',
@@ -14,16 +13,16 @@ var useStyles = makeStyles(function (theme) { return ({
     listItemText: {
         marginRight: '32px',
     },
-}); });
+}));
 /**
  * TODO
  * - clean props util
  * - Avatar size and shape
  */
-var StandardListItem = function (props) {
-    props.itemId; var title = props.title, meta = props.meta, body = props.body, image = props.image, status = props.status, secondaryAction = props.secondaryAction, onClick = props.onClick, restProps = __rest(props, ["itemId", "title", "meta", "body", "image", "status", "secondaryAction", "onClick"]);
-    var classes = useStyles(props);
-    return (React.createElement(ListItem, __assign({ button: Boolean(onClick), onClick: function (e) { return onClick && onClick(e, props); } }, restProps),
+const StandardListItem = (props) => {
+    const { itemId, title, meta, body, image, status, secondaryAction, onClick, ...restProps } = props;
+    const classes = useStyles(props);
+    return (React.createElement(ListItem, { button: Boolean(onClick), onClick: (e) => onClick && onClick(e, props), ...restProps },
         image && (React.createElement(ListItemAvatar, null,
             React.createElement(Avatar, { src: image.src, alt: image.alt }, image.Icon && React.createElement(Icon, { icon: image.Icon })))),
         React.createElement(ListItemText, { disableTypography: true, className: classes.listItemText },
@@ -32,7 +31,7 @@ var StandardListItem = function (props) {
             body && (React.createElement(Typography, { variant: "body2", color: "grey.700", className: classes.body }, body))),
         status && (React.createElement(Chip, { classes: { root: classes.chipRoot }, icon: status.Icon && React.createElement(Icon, { icon: status.Icon }), label: status.text })),
         secondaryAction && (React.createElement(ListItemSecondaryAction, null,
-            React.createElement(IconButton, { style: { color: 'black' }, "aria-label": secondaryAction['aria-label'], onClick: function (e) { return secondaryAction.onClick(e, props); } },
+            React.createElement(IconButton, { style: { color: 'black' }, "aria-label": secondaryAction['aria-label'], onClick: (e) => secondaryAction.onClick(e, props) },
                 React.createElement(Icon, { icon: secondaryAction.Icon }))))));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"StandardListItem.js","sources":["../../../../src/components/StandardListItem/StandardListItem.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  Chip,\n  IconButton,\n  ListItem as MuiListItem,\n  ListItemAvatar,\n  ListItemSecondaryAction,\n  ListItemText,\n  makeStyles,\n} from '@material-ui/core'\nimport { Avatar, Icon, Typography } from '@popmenu/common-ui'\nimport { StandardListItemProps } from './StandardListItemProps'\n\nconst useStyles = makeStyles((theme) => ({\n  chipRoot: {\n    marginRight: theme.spacing(4),\n    cursor: 'pointer',\n  },\n  body: {\n    paddingTop: '4px',\n  },\n  listItemText: {\n    marginRight: '32px',\n  },\n}))\n\n/**\n * TODO\n * - clean props util\n * - Avatar size and shape\n */\n\nexport const StandardListItem = (props: StandardListItemProps) => {\n  const { itemId, title, meta, body, image, status, secondaryAction, onClick, ...restProps } = props\n  const classes = useStyles(props)\n  return (\n    <MuiListItem button={Boolean(onClick) as any} onClick={(e) => onClick && onClick(e, props)} {...restProps}>\n      {image && (\n        <ListItemAvatar>\n          <Avatar src={image.src} alt={image.alt}>\n            {image.Icon && <Icon icon={image.Icon} />}\n          </Avatar>\n        </ListItemAvatar>\n      )}\n      <ListItemText disableTypography className={classes.listItemText}>\n        <Typography variant=\"h6\">{title}</Typography>\n        {meta && (\n          <Typography variant=\"body2\" color=\"secondary.light\">\n            {meta}\n          </Typography>\n        )}\n        {body && (\n          <Typography variant=\"body2\" color=\"grey.700\" className={classes.body}>\n            {body}\n          </Typography>\n        )}\n      </ListItemText>\n      {status && (\n        <Chip\n          classes={{ root: classes.chipRoot }}\n          icon={status.Icon && <Icon icon={status.Icon} />}\n          label={status.text}\n        />\n      )}\n      {secondaryAction && (\n        <ListItemSecondaryAction>\n          <IconButton\n            style={{ color: 'black' }}\n            aria-label={secondaryAction['aria-label']}\n            onClick={(e) => secondaryAction.onClick(e, props)}\n          >\n            <Icon icon={secondaryAction.Icon} />\n          </IconButton>\n        </ListItemSecondaryAction>\n      )}\n    </MuiListItem>\n  )\n}\n\nexport const Test = () => <MuiListItem button={undefined} />\n"],"names":["MuiListItem"],"mappings":";;;;;AAaA,IAAM,SAAS,GAAG,UAAU,CAAC,UAAC,KAAK,EAAA,EAAK,QAAC;AACvC,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC7B,QAAA,MAAM,EAAE,SAAS;AAClB,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,UAAU,EAAE,KAAK;AAClB,KAAA;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,WAAW,EAAE,MAAM;AACpB,KAAA;CACF,EAAC,EAAA,CAAC;AAEH;;;;AAIG;AAEI,IAAM,gBAAgB,GAAG,UAAC,KAA4B,EAAA;IACkC,KAAK,CAAA,MAApF,MAAE,KAAK,GAAwE,KAAK,CAA7E,KAAA,CAAA,CAAE,IAAI,GAAkE,KAAK,KAAvE,CAAE,CAAA,IAAI,GAA4D,KAAK,CAAA,IAAjE,CAAE,CAAA,KAAK,GAAqD,KAAK,MAA1D,CAAE,CAAA,MAAM,GAA6C,KAAK,CAAA,MAAlD,EAAE,eAAe,GAA4B,KAAK,CAAjC,eAAA,CAAA,CAAE,OAAO,GAAmB,KAAK,QAAxB,CAAK,CAAA,SAAS,UAAK,KAAK,EAA5F,CAAoF,QAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,SAAA,CAAA;AAC1F,IAAA,IAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC;AAChC,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,QAAW,EAAA,QAAA,CAAA,EAAC,MAAM,EAAE,OAAO,CAAC,OAAO,CAAQ,EAAE,OAAO,EAAE,UAAC,CAAC,EAAA,EAAK,OAAA,OAAO,IAAI,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA,EAAA,EAAA,EAAM,SAAS,CAAA;QACtG,KAAK,KACJ,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA;AACb,YAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAA,EACnC,KAAK,CAAC,IAAI,IAAI,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,CAAC,IAAI,EAAI,CAAA,CAClC,CACM,CAClB;QACD,KAAC,CAAA,aAAA,CAAA,YAAY,IAAC,iBAAiB,EAAA,IAAA,EAAC,SAAS,EAAE,OAAO,CAAC,YAAY,EAAA;AAC7D,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAC,EAAA,OAAO,EAAC,IAAI,EAAA,EAAE,KAAK,CAAc;AAC5C,YAAA,IAAI,KACH,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,iBAAiB,EAChD,EAAA,IAAI,CACM,CACd;YACA,IAAI,KACH,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EACjE,EAAA,IAAI,CACM,CACd,CACY;AACd,QAAA,MAAM,KACL,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EACnC,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,MAAM,CAAC,IAAI,EAAA,CAAI,EAChD,KAAK,EAAE,MAAM,CAAC,IAAI,GAClB,CACH;QACA,eAAe,KACd,KAAA,CAAA,aAAA,CAAC,uBAAuB,EAAA,IAAA;AACtB,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAA,YAAA,EACb,eAAe,CAAC,YAAY,CAAC,EACzC,OAAO,EAAE,UAAC,CAAC,EAAK,EAAA,OAAA,eAAe,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,GAAA,EAAA;AAEjD,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,eAAe,CAAC,IAAI,EAAA,CAAI,CACzB,CACW,CAC3B,CACW;AAElB;;;;"}
+{"version":3,"file":"StandardListItem.js","sources":["../../../../src/components/StandardListItem/StandardListItem.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  Chip,\n  IconButton,\n  ListItem as MuiListItem,\n  ListItemAvatar,\n  ListItemSecondaryAction,\n  ListItemText,\n  makeStyles,\n} from '@material-ui/core'\nimport { Avatar, Icon, Typography } from '@popmenu/common-ui'\nimport { StandardListItemProps } from './StandardListItemProps'\n\nconst useStyles = makeStyles((theme) => ({\n  chipRoot: {\n    marginRight: theme.spacing(4),\n    cursor: 'pointer',\n  },\n  body: {\n    paddingTop: '4px',\n  },\n  listItemText: {\n    marginRight: '32px',\n  },\n}))\n\n/**\n * TODO\n * - clean props util\n * - Avatar size and shape\n */\n\nexport const StandardListItem = (props: StandardListItemProps) => {\n  const { itemId, title, meta, body, image, status, secondaryAction, onClick, ...restProps } = props\n  const classes = useStyles(props)\n  return (\n    <MuiListItem button={Boolean(onClick) as any} onClick={(e) => onClick && onClick(e, props)} {...restProps}>\n      {image && (\n        <ListItemAvatar>\n          <Avatar src={image.src} alt={image.alt}>\n            {image.Icon && <Icon icon={image.Icon} />}\n          </Avatar>\n        </ListItemAvatar>\n      )}\n      <ListItemText disableTypography className={classes.listItemText}>\n        <Typography variant=\"h6\">{title}</Typography>\n        {meta && (\n          <Typography variant=\"body2\" color=\"secondary.light\">\n            {meta}\n          </Typography>\n        )}\n        {body && (\n          <Typography variant=\"body2\" color=\"grey.700\" className={classes.body}>\n            {body}\n          </Typography>\n        )}\n      </ListItemText>\n      {status && (\n        <Chip\n          classes={{ root: classes.chipRoot }}\n          icon={status.Icon && <Icon icon={status.Icon} />}\n          label={status.text}\n        />\n      )}\n      {secondaryAction && (\n        <ListItemSecondaryAction>\n          <IconButton\n            style={{ color: 'black' }}\n            aria-label={secondaryAction['aria-label']}\n            onClick={(e) => secondaryAction.onClick(e, props)}\n          >\n            <Icon icon={secondaryAction.Icon} />\n          </IconButton>\n        </ListItemSecondaryAction>\n      )}\n    </MuiListItem>\n  )\n}\n\nexport const Test = () => <MuiListItem button={undefined} />\n"],"names":["MuiListItem"],"mappings":";;;;AAaA,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAK,MAAM;AACvC,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC7B,QAAA,MAAM,EAAE,SAAS;AAClB,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,UAAU,EAAE,KAAK;AAClB,KAAA;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,WAAW,EAAE,MAAM;AACpB,KAAA;AACF,CAAA,CAAC,CAAC;AAEH;;;;AAIG;AAEU,MAAA,gBAAgB,GAAG,CAAC,KAA4B,KAAI;IAC/D,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AAClG,IAAA,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC;IAChC,QACE,KAAC,CAAA,aAAA,CAAAA,QAAW,EAAC,EAAA,MAAM,EAAE,OAAO,CAAC,OAAO,CAAQ,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,OAAO,IAAI,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,EAAA,GAAM,SAAS,EAAA;QACtG,KAAK,KACJ,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA;AACb,YAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAA,EACnC,KAAK,CAAC,IAAI,IAAI,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,CAAC,IAAI,EAAI,CAAA,CAClC,CACM,CAClB;QACD,KAAC,CAAA,aAAA,CAAA,YAAY,IAAC,iBAAiB,EAAA,IAAA,EAAC,SAAS,EAAE,OAAO,CAAC,YAAY,EAAA;AAC7D,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAC,EAAA,OAAO,EAAC,IAAI,EAAA,EAAE,KAAK,CAAc;AAC5C,YAAA,IAAI,KACH,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,iBAAiB,EAChD,EAAA,IAAI,CACM,CACd;YACA,IAAI,KACH,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EACjE,EAAA,IAAI,CACM,CACd,CACY;AACd,QAAA,MAAM,KACL,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EACnC,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,MAAM,CAAC,IAAI,EAAA,CAAI,EAChD,KAAK,EAAE,MAAM,CAAC,IAAI,GAClB,CACH;QACA,eAAe,KACd,KAAA,CAAA,aAAA,CAAC,uBAAuB,EAAA,IAAA;AACtB,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAA,YAAA,EACb,eAAe,CAAC,YAAY,CAAC,EACzC,OAAO,EAAE,CAAC,CAAC,KAAK,eAAe,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,EAAA;AAEjD,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,eAAe,CAAC,IAAI,EAAA,CAAI,CACzB,CACW,CAC3B,CACW;AAElB;;;;"}

package/build/esm/components/StandardListItem/index.d.ts

@@ -1,2 +1,2 @@
 export { StandardListItem } from './StandardListItem';
-export { StandardListItemProps } from './StandardListItemProps';
+export type { StandardListItemProps } from './StandardListItemProps';

package/build/esm/components/Toast/Toast.js

@@ -1,14 +1,12 @@
-import { __rest, __assign } from 'tslib';
 import { Snackbar } from '@material-ui/core';
 import React from 'react';
 import { Alert } from '../Alert/Alert.js';
 import { useToastStyles } from './ToastStyles.js';
 
-var Toast = function (_a) {
-    var _b = _a.AlertProps, AlertProps = _b === void 0 ? {} : _b, _c = _a.autoHideDuration, autoHideDuration = _c === void 0 ? 5000 : _c, children = _a.children, severity = _a.severity, muiProps = __rest(_a, ["AlertProps", "autoHideDuration", "children", "severity"]);
-    var classes = useToastStyles();
-    return (React.createElement(Snackbar, __assign({ ClickAwayListenerProps: { mouseEvent: false }, autoHideDuration: autoHideDuration }, muiProps),
-        React.createElement(Alert, __assign({ className: classes.root, action: null, severity: severity }, AlertProps), children)));
+const Toast = ({ AlertProps = {}, autoHideDuration = 5000, children, severity, ...muiProps }) => {
+    const classes = useToastStyles();
+    return (React.createElement(Snackbar, { ClickAwayListenerProps: { mouseEvent: false }, autoHideDuration: autoHideDuration, ...muiProps },
+        React.createElement(Alert, { className: classes.root, action: null, severity: severity, ...AlertProps }, children)));
 };
 Toast.displayName = 'Toast';
 

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { Snackbar as MuiSnackbar } from '@material-ui/core'\nimport React, { FC } from 'react'\n\nimport Alert from '../Alert'\nimport { ToastProps } from './ToastProps'\nimport { useToastStyles } from './ToastStyles'\n\nexport const Toast: FC<ToastProps> = ({\n  AlertProps = {},\n  autoHideDuration = 5000,\n  children,\n  severity,\n  ...muiProps\n}) => {\n  const classes = useToastStyles()\n  return (\n    <MuiSnackbar ClickAwayListenerProps={{ mouseEvent: false }} autoHideDuration={autoHideDuration} {...muiProps}>\n      <Alert className={classes.root} action={null} severity={severity} {...AlertProps}>\n        {children}\n      </Alert>\n    </MuiSnackbar>\n  )\n}\n\nToast.displayName = 'Toast'\n"],"names":["MuiSnackbar"],"mappings":";;;;;;AAOO,IAAM,KAAK,GAAmB,UAAC,EAMrC,EAAA;IALC,IAAA,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACf,EAAuB,GAAA,EAAA,CAAA,gBAAA,EAAvB,gBAAgB,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EACvB,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,cAAA,EACL,QAAQ,GALyB,MAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,UAAA,CAMrC,CADY;AAEX,IAAA,IAAM,OAAO,GAAG,cAAc,EAAE;AAChC,IAAA,QACE,KAAC,CAAA,aAAA,CAAAA,QAAW,EAAC,QAAA,CAAA,EAAA,sBAAsB,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,gBAAgB,EAAE,gBAAgB,IAAM,QAAQ,CAAA;QAC1G,KAAC,CAAA,aAAA,CAAA,KAAK,aAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAM,EAAA,UAAU,GAC7E,QAAQ,CACH,CACI;AAElB;AAEA,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { Snackbar as MuiSnackbar } from '@material-ui/core'\nimport React, { FC } from 'react'\n\nimport { Alert } from '../Alert'\nimport { ToastProps } from './ToastProps'\nimport { useToastStyles } from './ToastStyles'\n\nexport const Toast: FC<ToastProps> = ({\n  AlertProps = {},\n  autoHideDuration = 5000,\n  children,\n  severity,\n  ...muiProps\n}) => {\n  const classes = useToastStyles()\n  return (\n    <MuiSnackbar ClickAwayListenerProps={{ mouseEvent: false }} autoHideDuration={autoHideDuration} {...muiProps}>\n      <Alert className={classes.root} action={null} severity={severity} {...AlertProps}>\n        {children}\n      </Alert>\n    </MuiSnackbar>\n  )\n}\n\nToast.displayName = 'Toast'\n"],"names":["MuiSnackbar"],"mappings":";;;;;MAOa,KAAK,GAAmB,CAAC,EACpC,UAAU,GAAG,EAAE,EACf,gBAAgB,GAAG,IAAI,EACvB,QAAQ,EACR,QAAQ,EACR,GAAG,QAAQ,EACZ,KAAI;AACH,IAAA,MAAM,OAAO,GAAG,cAAc,EAAE;AAChC,IAAA,QACE,KAAC,CAAA,aAAA,CAAAA,QAAW,EAAC,EAAA,sBAAsB,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,gBAAgB,EAAE,gBAAgB,KAAM,QAAQ,EAAA;QAC1G,KAAC,CAAA,aAAA,CAAA,KAAK,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAM,GAAA,UAAU,IAC7E,QAAQ,CACH,CACI;AAElB;AAEA,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/build/esm/components/Toast/ToastStyles.js

@@ -1,6 +1,6 @@
 import { makeStyles } from '@material-ui/core';
 
-var useToastStyles = makeStyles(function (theme) { return ({
+const useToastStyles = makeStyles((theme) => ({
     root: {
         boxSizing: 'border-box',
         padding: theme.spacing(0, 1.5),
@@ -10,7 +10,7 @@ var useToastStyles = makeStyles(function (theme) { return ({
             alignItems: 'center',
         },
     },
-}); });
+}));
 
 export { useToastStyles };
 //# sourceMappingURL=ToastStyles.js.map

package/build/esm/components/Toast/ToastStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastStyles.js","sources":["../../../../src/components/Toast/ToastStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nexport const useToastStyles = makeStyles<Theme>((theme) => ({\n  root: {\n    boxSizing: 'border-box',\n    padding: theme.spacing(0, 1.5),\n    /** TODO: design to define responsive width value. */\n    width: '350px',\n    '& > div:first-child': {\n      alignItems: 'center',\n    },\n  },\n}))\n"],"names":[],"mappings":";;AAEa,IAAA,cAAc,GAAG,UAAU,CAAQ,UAAC,KAAK,EAAK,EAAA,QAAC;AAC1D,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,YAAY;QACvB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC;;AAE9B,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,qBAAqB,EAAE;AACrB,YAAA,UAAU,EAAE,QAAQ;AACrB,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}
+{"version":3,"file":"ToastStyles.js","sources":["../../../../src/components/Toast/ToastStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nexport const useToastStyles = makeStyles<Theme>((theme) => ({\n  root: {\n    boxSizing: 'border-box',\n    padding: theme.spacing(0, 1.5),\n    /** TODO: design to define responsive width value. */\n    width: '350px',\n    '& > div:first-child': {\n      alignItems: 'center',\n    },\n  },\n}))\n"],"names":[],"mappings":";;AAEa,MAAA,cAAc,GAAG,UAAU,CAAQ,CAAC,KAAK,MAAM;AAC1D,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,YAAY;QACvB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC;;AAE9B,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,qBAAqB,EAAE;AACrB,YAAA,UAAU,EAAE,QAAQ;AACrB,SAAA;AACF,KAAA;AACF,CAAA,CAAC;;;;"}

package/build/esm/components/Toast/index.d.ts

@@ -1,2 +1,2 @@
-export { Toast as default } from './Toast';
-export { ToastProps } from './ToastProps';
+export { Toast } from './Toast';
+export type { ToastProps } from './ToastProps';

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

@@ -1,27 +1,28 @@
-export { default as Alert, AlertProps } from './Alert';
-export { default as AlertDialog, AlertDialogProps } from './AlertDialog';
-export { default as AlertDialogHeader } from './AlertDialogHeader';
-export { default as AlertTitle, AlertTitleProps } from './AlertTitle';
-export { default as Button, ButtonProps } from './Button';
-export { default as ButtonGroup, ButtonGroupProps } from './ButtonGroup';
-export { Dialog, DialogProps } from './Dialog';
-export { DialogActions, DialogActionsProps } from './DialogActions';
-export { DialogContent, DialogContentProps } from './DialogContent';
-export { DialogTitle, DialogTitleProps } from './DialogTitle';
-export { default as FeatureIntro, FeatureIntroProps } from './FeatureIntro';
+export * from './Alert';
+export * from './AlertDialog';
+export * from './AlertDialogHeader';
+export * from './AlertTitle';
+export * from './Button';
+export * from './ButtonGroup';
+export * from './Dialog';
+export * from './DialogActions';
+export * from './DialogContent';
+export * from './DialogTitle';
+export * from './FeatureIntro';
 export * from './FullScreenStepper';
-export { default as FullScreenStepperActions, FullScreenStepperActionsProps } from './FullScreenStepperActions';
-export { default as FullScreenStepperContent } from './FullScreenStepperContent';
-export { List, ListProps } from './List';
-export { Page } from './Page';
-export { PageBody } from './PageBody';
-export { PageSection } from './PageSection';
-export { PageSectionHead } from './PageSectionHead';
-export { PageSections } from './PageSections';
-export { PageSectionTitle } from './PageSectionTitle';
-export { default as SelectableCard, SelectableCardProps } from './SelectableCard';
-export { SettingsIndexCard, SettingsIndexCardProps } from './SettingsIndexCard';
-export { SettingsIndexCardGroup } from './SettingsIndexCardGroup';
-export { StandardListItem, StandardListItemProps } from './StandardListItem';
-export { default as Toast, ToastProps } from './Toast';
-export { CircularProgress, CircularProgressProps, MenuItem, MenuItemProps, Switch, SwitchProps, TextField, TextFieldProps, } from '@material-ui/core';
+export * from './FullScreenStepperActions';
+export * from './FullScreenStepperContent';
+export * from './List';
+export * from './Page';
+export * from './PageBody';
+export * from './PageSection';
+export * from './PageSectionHead';
+export * from './PageSections';
+export * from './PageSectionTitle';
+export * from './SelectableCard';
+export * from './SettingsIndexCard';
+export * from './SettingsIndexCardGroup';
+export * from './StandardListItem';
+export * from './Toast';
+export { CircularProgress, MenuItem, Switch, TextField } from '@material-ui/core';
+export type { CircularProgressProps, MenuItemProps, SwitchProps, TextFieldProps } from '@material-ui/core';

package/build/esm/hooks/useDialog.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const useDialog: () => ({
     onClick: () => void;
 } | {

package/build/esm/hooks/useDialog.js

@@ -1,12 +1,12 @@
 import { useState } from 'react';
 
-var useDialog = function () {
-    var _a = useState(false), open = _a[0], setOpen = _a[1];
-    var toggle = function () { return setOpen(function (current) { return !current; }); };
-    var close = function () { return setOpen(false); };
-    var triggerProps = { onClick: toggle };
-    var dialogProps = { open: open, onClose: close };
-    return [triggerProps, dialogProps, { open: open, setOpen: setOpen, toggle: toggle, close: close }];
+const useDialog = () => {
+    const [open, setOpen] = useState(false);
+    const toggle = () => setOpen((current) => !current);
+    const close = () => setOpen(false);
+    const triggerProps = { onClick: toggle };
+    const dialogProps = { open, onClose: close };
+    return [triggerProps, dialogProps, { open, setOpen, toggle, close }];
 };
 
 export { useDialog };

package/build/esm/hooks/useDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDialog.js","sources":["../../../src/hooks/useDialog.ts"],"sourcesContent":["import { useState } from 'react'\n\nexport const useDialog = () => {\n  const [open, setOpen] = useState(false)\n  const toggle = () => setOpen((current) => !current)\n  const close = () => setOpen(false)\n  const triggerProps = { onClick: toggle }\n  const dialogProps = { open, onClose: close }\n  return [triggerProps, dialogProps, { open, setOpen, toggle, close }]\n}\n"],"names":[],"mappings":";;AAEa,IAAA,SAAS,GAAG,YAAA;IACjB,IAAA,EAAA,GAAkB,QAAQ,CAAC,KAAK,CAAC,EAAhC,IAAI,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,OAAO,GAAA,EAAA,CAAA,CAAA,CAAmB;AACvC,IAAA,IAAM,MAAM,GAAG,YAAA,EAAM,OAAA,OAAO,CAAC,UAAC,OAAO,EAAK,EAAA,OAAA,CAAC,OAAO,CAAA,EAAA,CAAC,CAAA,EAAA;IACnD,IAAM,KAAK,GAAG,YAAA,EAAM,OAAA,OAAO,CAAC,KAAK,CAAC,CAAd,EAAc;AAClC,IAAA,IAAM,YAAY,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE;IACxC,IAAM,WAAW,GAAG,EAAE,IAAI,EAAA,IAAA,EAAE,OAAO,EAAE,KAAK,EAAE;AAC5C,IAAA,OAAO,CAAC,YAAY,EAAE,WAAW,EAAE,EAAE,IAAI,EAAA,IAAA,EAAE,OAAO,EAAA,OAAA,EAAE,MAAM,EAAA,MAAA,EAAE,KAAK,EAAA,KAAA,EAAE,CAAC;AACtE;;;;"}
+{"version":3,"file":"useDialog.js","sources":["../../../src/hooks/useDialog.ts"],"sourcesContent":["import { useState } from 'react'\n\nexport const useDialog = () => {\n  const [open, setOpen] = useState(false)\n  const toggle = () => setOpen((current) => !current)\n  const close = () => setOpen(false)\n  const triggerProps = { onClick: toggle }\n  const dialogProps = { open, onClose: close }\n  return [triggerProps, dialogProps, { open, setOpen, toggle, close }]\n}\n"],"names":[],"mappings":";;AAEO,MAAM,SAAS,GAAG,MAAK;IAC5B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACvC,IAAA,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,CAAC,OAAO,KAAK,CAAC,OAAO,CAAC;IACnD,MAAM,KAAK,GAAG,MAAM,OAAO,CAAC,KAAK,CAAC;AAClC,IAAA,MAAM,YAAY,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE;IACxC,MAAM,WAAW,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE;AAC5C,IAAA,OAAO,CAAC,YAAY,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;AACtE;;;;"}

package/build/esm/hooks/useFullScreenStepperContext.d.ts

@@ -1,2 +1,2 @@
-import { FullScreenStepperContextValue } from '../components/FullScreenStepper';
+import { FullScreenStepperContextValue } from '../components/FullScreenStepper/FullScreenStepperContext';
 export declare const useFullScreenStepperContext: () => FullScreenStepperContextValue;

package/build/esm/hooks/useFullScreenStepperContext.js

@@ -2,7 +2,7 @@ import { useContext } from 'react';
 import '../components/FullScreenStepper/FullScreenStepper.js';
 import { FullScreenStepperContext } from '../components/FullScreenStepper/FullScreenStepperContext.js';
 
-var useFullScreenStepperContext = function () { return useContext(FullScreenStepperContext); };
+const useFullScreenStepperContext = () => useContext(FullScreenStepperContext);
 
 export { useFullScreenStepperContext };
 //# sourceMappingURL=useFullScreenStepperContext.js.map

package/build/esm/hooks/useFullScreenStepperContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFullScreenStepperContext.js","sources":["../../../src/hooks/useFullScreenStepperContext.ts"],"sourcesContent":["import { useContext } from 'react'\nimport { FullScreenStepperContext, FullScreenStepperContextValue } from '../components/FullScreenStepper'\n\nexport const useFullScreenStepperContext = (): FullScreenStepperContextValue => useContext(FullScreenStepperContext)\n"],"names":[],"mappings":";;;;AAGO,IAAM,2BAA2B,GAAG,YAAqC,EAAA,OAAA,UAAU,CAAC,wBAAwB,CAAC,CAApC;;;;"}
+{"version":3,"file":"useFullScreenStepperContext.js","sources":["../../../src/hooks/useFullScreenStepperContext.ts"],"sourcesContent":["import { useContext } from 'react'\nimport { FullScreenStepperContext } from '../components/FullScreenStepper'\nimport { FullScreenStepperContextValue } from '../components/FullScreenStepper/FullScreenStepperContext'\n\nexport const useFullScreenStepperContext = (): FullScreenStepperContextValue => useContext(FullScreenStepperContext)\n"],"names":[],"mappings":";;;;AAIa,MAAA,2BAA2B,GAAG,MAAqC,UAAU,CAAC,wBAAwB;;;;"}

package/build/esm/hooks/useSelectableCard.js

@@ -1,4 +1,3 @@
-import { __spreadArray } from 'tslib';
 import { useState } from 'react';
 
 /**
@@ -10,26 +9,25 @@ import { useState } from 'react';
  * @param {number} [config.maxSelectionCount] - A number to determine the maximum amount of cards to be selected.
  * @returns {HookResult} An object with click handler and current state. Spread into a SelectableCard to use.
  */
-var useSelectableCard = function (config) {
-    if (config === void 0) { config = {}; }
-    var _a = config.defaultSelected, defaultSelected = _a === void 0 ? [] : _a, _b = config.selectionMode, selectionMode = _b === void 0 ? 'single' : _b, maxSelectionCount = config.maxSelectionCount;
-    var initialState = Array.isArray(defaultSelected) ? defaultSelected : [defaultSelected];
-    var _c = useState(initialState), selection = _c[0], setSelection = _c[1];
-    var onClick;
-    var handleSingleSelectionMode = function (value) {
+const useSelectableCard = (config = {}) => {
+    const { defaultSelected = [], selectionMode = 'single', maxSelectionCount } = config;
+    const initialState = Array.isArray(defaultSelected) ? defaultSelected : [defaultSelected];
+    const [selection, setSelection] = useState(initialState);
+    let onClick;
+    const handleSingleSelectionMode = (value) => {
         setSelection([value]);
     };
-    var handleMultiSelectionMode = function (value) {
-        var newSelection = __spreadArray([], selection);
+    const handleMultiSelectionMode = (value) => {
+        let newSelection = [...selection];
         if (!selection.includes(value)) {
             if (selection.length === maxSelectionCount) {
                 newSelection.shift();
             }
-            newSelection = __spreadArray(__spreadArray([], newSelection), [value]);
+            newSelection = [...newSelection, value];
             setSelection(newSelection);
         }
         else {
-            newSelection = newSelection.filter(function (selected) { return selected !== value; });
+            newSelection = newSelection.filter((selected) => selected !== value);
             setSelection(newSelection);
         }
     };
@@ -43,7 +41,7 @@ var useSelectableCard = function (config) {
         default:
             onClick = handleSingleSelectionMode;
     }
-    return { card: { onClick: onClick, selection: selection }, selection: selection, setSelection: setSelection };
+    return { card: { onClick, selection }, selection, setSelection };
 };
 
 export { useSelectableCard };

package/build/esm/hooks/useSelectableCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectableCard.js","sources":["../../../src/hooks/useSelectableCard.ts"],"sourcesContent":["import { useState } from 'react'\n\ninterface Config {\n  defaultSelected?: Array<string>\n  selectionMode?: 'single' | 'multi'\n  maxSelectionCount?: number\n}\ninterface Result {\n  card: {\n    onClick: (value: string) => void\n    selection: Array<string>\n  }\n  selection: Array<string>\n  setSelection: (selection: Array<string>) => void\n}\n\n/**\n * Manages state for SelectableCards.\n * @param {Config} config - Configures the hook behavior.\n * @param {string|string[]} [config.defaultSelected = []] - Initializes state with the provided value.\n * @param {string} [config.selectionMode = 'single'] - Determines selection behavior. 'single' provides radio style\n * selection. 'multi' provides checkbox style selection.\n * @param {number} [config.maxSelectionCount] - A number to determine the maximum amount of cards to be selected.\n * @returns {HookResult} An object with click handler and current state. Spread into a SelectableCard to use.\n */\n\nexport const useSelectableCard: (config?: Config) => Result = (config = {}) => {\n  const { defaultSelected = [], selectionMode = 'single', maxSelectionCount } = config\n  const initialState = Array.isArray(defaultSelected) ? defaultSelected : [defaultSelected]\n  const [selection, setSelection] = useState(initialState)\n  let onClick\n  const handleSingleSelectionMode = (value: string) => {\n    setSelection([value])\n  }\n  const handleMultiSelectionMode = (value: string) => {\n    let newSelection = [...selection]\n    if (!selection.includes(value)) {\n      if (selection.length === maxSelectionCount) {\n        newSelection.shift()\n      }\n      newSelection = [...newSelection, value]\n      setSelection(newSelection)\n    } else {\n      newSelection = newSelection.filter((selected) => selected !== value)\n      setSelection(newSelection)\n    }\n  }\n  switch (selectionMode) {\n    case 'single':\n      onClick = handleSingleSelectionMode\n      break\n    case 'multi':\n      onClick = handleMultiSelectionMode\n      break\n    default:\n      onClick = handleSingleSelectionMode\n  }\n  return { card: { onClick, selection }, selection, setSelection }\n}\n"],"names":[],"mappings":";;;AAgBA;;;;;;;;AAQG;AAEI,IAAM,iBAAiB,GAAgC,UAAC,MAAW,EAAA;AAAX,IAAA,IAAA,MAAA,KAAA,MAAA,EAAA,EAAA,MAAW,GAAA,EAAA,CAAA;IAChE,IAAA,EAAA,GAAsE,MAAM,CAAxD,eAAA,EAApB,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA,EAAE,EAAgD,GAAA,MAAM,cAA9B,EAAxB,aAAa,mBAAG,QAAQ,GAAA,EAAA,EAAE,iBAAiB,GAAK,MAAM,CAAA,iBAAX;AACzE,IAAA,IAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,GAAG,eAAe,GAAG,CAAC,eAAe,CAAC;IACnF,IAAA,EAAA,GAA4B,QAAQ,CAAC,YAAY,CAAC,EAAjD,SAAS,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,YAAY,GAAA,EAAA,CAAA,CAAA,CAA0B;AACxD,IAAA,IAAI,OAAO;IACX,IAAM,yBAAyB,GAAG,UAAC,KAAa,EAAA;AAC9C,QAAA,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC;AACvB,KAAC;IACD,IAAM,wBAAwB,GAAG,UAAC,KAAa,EAAA;AAC7C,QAAA,IAAI,YAAY,GAAA,aAAA,CAAA,EAAA,EAAO,SAAS,CAAC;AACjC,QAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AAC9B,YAAA,IAAI,SAAS,CAAC,MAAM,KAAK,iBAAiB,EAAE;gBAC1C,YAAY,CAAC,KAAK,EAAE;AACrB;AACD,YAAA,YAAY,GAAO,aAAA,CAAA,aAAA,CAAA,EAAA,EAAA,YAAY,CAAE,EAAA,CAAA,KAAK,EAAC;YACvC,YAAY,CAAC,YAAY,CAAC;AAC3B;AAAM,aAAA;AACL,YAAA,YAAY,GAAG,YAAY,CAAC,MAAM,CAAC,UAAC,QAAQ,EAAK,EAAA,OAAA,QAAQ,KAAK,KAAK,CAAlB,EAAkB,CAAC;YACpE,YAAY,CAAC,YAAY,CAAC;AAC3B;AACH,KAAC;AACD,IAAA,QAAQ,aAAa;AACnB,QAAA,KAAK,QAAQ;YACX,OAAO,GAAG,yBAAyB;YACnC;AACF,QAAA,KAAK,OAAO;YACV,OAAO,GAAG,wBAAwB;YAClC;AACF,QAAA;YACE,OAAO,GAAG,yBAAyB;AACtC;AACD,IAAA,OAAO,EAAE,IAAI,EAAE,EAAE,OAAO,SAAA,EAAE,SAAS,EAAA,SAAA,EAAE,EAAE,SAAS,EAAA,SAAA,EAAE,YAAY,EAAA,YAAA,EAAE;AAClE;;;;"}
+{"version":3,"file":"useSelectableCard.js","sources":["../../../src/hooks/useSelectableCard.ts"],"sourcesContent":["import { useState } from 'react'\n\ninterface Config {\n  defaultSelected?: Array<string>\n  selectionMode?: 'single' | 'multi'\n  maxSelectionCount?: number\n}\ninterface Result {\n  card: {\n    onClick: (value: string) => void\n    selection: Array<string>\n  }\n  selection: Array<string>\n  setSelection: (selection: Array<string>) => void\n}\n\n/**\n * Manages state for SelectableCards.\n * @param {Config} config - Configures the hook behavior.\n * @param {string|string[]} [config.defaultSelected = []] - Initializes state with the provided value.\n * @param {string} [config.selectionMode = 'single'] - Determines selection behavior. 'single' provides radio style\n * selection. 'multi' provides checkbox style selection.\n * @param {number} [config.maxSelectionCount] - A number to determine the maximum amount of cards to be selected.\n * @returns {HookResult} An object with click handler and current state. Spread into a SelectableCard to use.\n */\n\nexport const useSelectableCard: (config?: Config) => Result = (config = {}) => {\n  const { defaultSelected = [], selectionMode = 'single', maxSelectionCount } = config\n  const initialState = Array.isArray(defaultSelected) ? defaultSelected : [defaultSelected]\n  const [selection, setSelection] = useState(initialState)\n  let onClick\n  const handleSingleSelectionMode = (value: string) => {\n    setSelection([value])\n  }\n  const handleMultiSelectionMode = (value: string) => {\n    let newSelection = [...selection]\n    if (!selection.includes(value)) {\n      if (selection.length === maxSelectionCount) {\n        newSelection.shift()\n      }\n      newSelection = [...newSelection, value]\n      setSelection(newSelection)\n    } else {\n      newSelection = newSelection.filter((selected) => selected !== value)\n      setSelection(newSelection)\n    }\n  }\n  switch (selectionMode) {\n    case 'single':\n      onClick = handleSingleSelectionMode\n      break\n    case 'multi':\n      onClick = handleMultiSelectionMode\n      break\n    default:\n      onClick = handleSingleSelectionMode\n  }\n  return { card: { onClick, selection }, selection, setSelection }\n}\n"],"names":[],"mappings":";;AAgBA;;;;;;;;AAQG;MAEU,iBAAiB,GAAgC,CAAC,MAAM,GAAG,EAAE,KAAI;AAC5E,IAAA,MAAM,EAAE,eAAe,GAAG,EAAE,EAAE,aAAa,GAAG,QAAQ,EAAE,iBAAiB,EAAE,GAAG,MAAM;AACpF,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,GAAG,eAAe,GAAG,CAAC,eAAe,CAAC;IACzF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC;AACxD,IAAA,IAAI,OAAO;AACX,IAAA,MAAM,yBAAyB,GAAG,CAAC,KAAa,KAAI;AAClD,QAAA,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC;AACvB,KAAC;AACD,IAAA,MAAM,wBAAwB,GAAG,CAAC,KAAa,KAAI;AACjD,QAAA,IAAI,YAAY,GAAG,CAAC,GAAG,SAAS,CAAC;QACjC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AAC9B,YAAA,IAAI,SAAS,CAAC,MAAM,KAAK,iBAAiB,EAAE;gBAC1C,YAAY,CAAC,KAAK,EAAE;;AAEtB,YAAA,YAAY,GAAG,CAAC,GAAG,YAAY,EAAE,KAAK,CAAC;YACvC,YAAY,CAAC,YAAY,CAAC;;aACrB;AACL,YAAA,YAAY,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,QAAQ,KAAK,QAAQ,KAAK,KAAK,CAAC;YACpE,YAAY,CAAC,YAAY,CAAC;;AAE9B,KAAC;IACD,QAAQ,aAAa;AACnB,QAAA,KAAK,QAAQ;YACX,OAAO,GAAG,yBAAyB;YACnC;AACF,QAAA,KAAK,OAAO;YACV,OAAO,GAAG,wBAAwB;YAClC;AACF,QAAA;YACE,OAAO,GAAG,yBAAyB;;AAEvC,IAAA,OAAO,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE;AAClE;;;;"}

package/build/esm/theme/adminDarkTheme.d.ts

@@ -116,7 +116,7 @@ export declare const adminDarkOptions: {
         blue: {
             light: string;
             main: string;
-            dark: string; /** Legacy Properties. Avoid new usage. */
+            dark: string;
             darker: string;
         };
         green: {