@popmenu/admin-ui 0.127.0 → 0.128.0

package/build/esm/components/FullScreenStepperActions/util/augmentButtonProps.js

@@ -1,27 +1,14 @@
-import { __assign, __awaiter, __generator } from 'tslib';
-
-var augmentButtonProps = function (internalProps, externalProps, setStepCursor, stepCursor, incrementor) {
-    if (externalProps === void 0) { externalProps = {}; }
-    var mergedProps = __assign(__assign({}, internalProps), externalProps);
-    mergedProps.onClick = function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!(typeof externalProps.onClick === 'function')) return [3 /*break*/, 2];
-                    return [4 /*yield*/, externalProps.onClick({})];
-                case 1:
-                    _a.sent();
-                    setStepCursor(stepCursor + incrementor);
-                    return [3 /*break*/, 3];
-                case 2:
-                    if (typeof internalProps.onClick === 'function') {
-                        internalProps.onClick();
-                    }
-                    _a.label = 3;
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
+const augmentButtonProps = (internalProps, externalProps = {}, setStepCursor, stepCursor, incrementor) => {
+    const mergedProps = { ...internalProps, ...externalProps };
+    mergedProps.onClick = async () => {
+        if (typeof externalProps.onClick === 'function') {
+            await externalProps.onClick({});
+            setStepCursor(stepCursor + incrementor);
+        }
+        else if (typeof internalProps.onClick === 'function') {
+            internalProps.onClick();
+        }
+    };
     return mergedProps;
 };
 

package/build/esm/components/FullScreenStepperActions/util/augmentButtonProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"augmentButtonProps.js","sources":["../../../../../src/components/FullScreenStepperActions/util/augmentButtonProps.ts"],"sourcesContent":["import React from 'react'\n\nimport { ButtonProps } from '../../Button'\nimport { SetStepCursor, StepCursor } from '../../FullScreenStepper/FullScreenStepperProps'\n\nexport const augmentButtonProps = (\n  internalProps: { onClick?: () => Promise<void> },\n  externalProps: ButtonProps = {},\n  setStepCursor: SetStepCursor,\n  stepCursor: StepCursor,\n  incrementor: number,\n): ButtonProps => {\n  const mergedProps = { ...internalProps, ...externalProps }\n  mergedProps.onClick = async () => {\n    if (typeof externalProps.onClick === 'function') {\n      await externalProps.onClick({} as React.MouseEvent<HTMLButtonElement, MouseEvent>)\n      setStepCursor(stepCursor + incrementor)\n    } else if (typeof internalProps.onClick === 'function') {\n      internalProps.onClick()\n    }\n  }\n  return mergedProps\n}\n"],"names":[],"mappings":";;AAKO,IAAM,kBAAkB,GAAG,UAChC,aAAgD,EAChD,aAA+B,EAC/B,aAA4B,EAC5B,UAAsB,EACtB,WAAmB,EAAA;AAHnB,IAAA,IAAA,aAAA,KAAA,MAAA,EAAA,EAAA,aAA+B,GAAA,EAAA,CAAA;AAK/B,IAAA,IAAM,WAAW,GAAQ,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,aAAa,CAAK,EAAA,aAAa,CAAE;IAC1D,WAAW,CAAC,OAAO,GAAG,YAAA,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA;;;;0BAChB,OAAO,aAAa,CAAC,OAAO,KAAK,UAAU,CAAA,EAA3C,OAA2C,CAAA,CAAA,YAAA,CAAA,CAAA;AAC7C,oBAAA,OAAA,CAAA,CAAA,YAAM,aAAa,CAAC,OAAO,CAAC,EAAqD,CAAC,CAAA;;AAAlF,oBAAA,EAAA,CAAA,IAAA,EAAkF;AAClF,oBAAA,aAAa,CAAC,UAAU,GAAG,WAAW,CAAC;;;AAClC,oBAAA,IAAI,OAAO,aAAa,CAAC,OAAO,KAAK,UAAU,EAAE;wBACtD,aAAa,CAAC,OAAO,EAAE;AACxB;;;;;SACF;AACD,IAAA,OAAO,WAAW;AACpB;;;;"}
+{"version":3,"file":"augmentButtonProps.js","sources":["../../../../../src/components/FullScreenStepperActions/util/augmentButtonProps.ts"],"sourcesContent":["import React from 'react'\n\nimport { ButtonProps } from '../../Button'\nimport { SetStepCursor, StepCursor } from '../../FullScreenStepper/FullScreenStepperProps'\n\nexport const augmentButtonProps = (\n  internalProps: { onClick?: () => Promise<void> },\n  externalProps: ButtonProps = {},\n  setStepCursor: SetStepCursor,\n  stepCursor: StepCursor,\n  incrementor: number,\n): ButtonProps => {\n  const mergedProps = { ...internalProps, ...externalProps }\n  mergedProps.onClick = async () => {\n    if (typeof externalProps.onClick === 'function') {\n      await externalProps.onClick({} as React.MouseEvent<HTMLButtonElement, MouseEvent>)\n      setStepCursor(stepCursor + incrementor)\n    } else if (typeof internalProps.onClick === 'function') {\n      internalProps.onClick()\n    }\n  }\n  return mergedProps\n}\n"],"names":[],"mappings":"AAKa,MAAA,kBAAkB,GAAG,CAChC,aAAgD,EAChD,aAAA,GAA6B,EAAE,EAC/B,aAA4B,EAC5B,UAAsB,EACtB,WAAmB,KACJ;IACf,MAAM,WAAW,GAAG,EAAE,GAAG,aAAa,EAAE,GAAG,aAAa,EAAE;AAC1D,IAAA,WAAW,CAAC,OAAO,GAAG,YAAW;AAC/B,QAAA,IAAI,OAAO,aAAa,CAAC,OAAO,KAAK,UAAU,EAAE;AAC/C,YAAA,MAAM,aAAa,CAAC,OAAO,CAAC,EAAqD,CAAC;AAClF,YAAA,aAAa,CAAC,UAAU,GAAG,WAAW,CAAC;;AAClC,aAAA,IAAI,OAAO,aAAa,CAAC,OAAO,KAAK,UAAU,EAAE;YACtD,aAAa,CAAC,OAAO,EAAE;;AAE3B,KAAC;AACD,IAAA,OAAO,WAAW;AACpB;;;;"}

package/build/esm/components/FullScreenStepperContent/FullScreenStepperContent.js

@@ -1,10 +1,9 @@
-import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Box } from '@popmenu/common-ui';
 
-var FullScreenStepperContent = function (props) {
-    props.name; var boxProps = __rest(props, ["name"]);
-    return (React.createElement(Box, __assign({ py: 8 }, boxProps), props.children));
+const FullScreenStepperContent = (props) => {
+    const { name: remove, ...boxProps } = props;
+    return (React.createElement(Box, { py: 8, ...boxProps }, props.children));
 };
 
 export { FullScreenStepperContent };

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

@@ -1 +1 @@
-{"version":3,"file":"FullScreenStepperContent.js","sources":["../../../../src/components/FullScreenStepperContent/FullScreenStepperContent.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport { Box, BoxProps } from '@popmenu/common-ui'\n\nexport const FullScreenStepperContent: FC<BoxProps & { name: string }> = (props) => {\n  const { name: remove, ...boxProps } = props\n  return (\n    <Box py={8} {...boxProps}>\n      {props.children}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;AAGO,IAAM,wBAAwB,GAAoC,UAAC,KAAK,EAAA;IACvC,KAAK,CAAvB,IAAA,CAAA,KAAK,QAAQ,GAAA,MAAA,CAAK,KAAK,EAArC,CAA6B,MAAA,CAAA;AACnC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,QAAA,CAAA,EAAC,EAAE,EAAE,CAAC,EAAM,EAAA,QAAQ,GACrB,KAAK,CAAC,QAAQ,CACX;AAEV;;;;"}
+{"version":3,"file":"FullScreenStepperContent.js","sources":["../../../../src/components/FullScreenStepperContent/FullScreenStepperContent.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport { Box, BoxProps } from '@popmenu/common-ui'\n\nexport const FullScreenStepperContent: FC<BoxProps & { name: string }> = (props) => {\n  const { name: remove, ...boxProps } = props\n  return (\n    <Box py={8} {...boxProps}>\n      {props.children}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;AAGa,MAAA,wBAAwB,GAAoC,CAAC,KAAK,KAAI;IACjF,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK;AAC3C,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAM,GAAA,QAAQ,IACrB,KAAK,CAAC,QAAQ,CACX;AAEV;;;;"}

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

@@ -1 +1 @@
-export { FullScreenStepperContent as default } from './FullScreenStepperContent';
+export { FullScreenStepperContent } from './FullScreenStepperContent';

package/build/esm/components/FullScreenStepperHeader/FullScreenStepperHeader.js

@@ -4,9 +4,9 @@ import { X } from '@popmenu/web-icons';
 import { FullScreenStepperProgress } from '../FullScreenStepperProgress/FullScreenStepperProgress.js';
 import { useFullScreenStepperHeaderStyles } from './FullScreenStepperHeaderStyles.js';
 
-var FullScreenStepperHeader = function (props) {
-    var stepCount = props.stepCount, stepCursor = props.stepCursor, step = props.step, onClose = props.onClose;
-    var classes = useFullScreenStepperHeaderStyles(props);
+const FullScreenStepperHeader = (props) => {
+    const { stepCount, stepCursor, step, onClose } = props;
+    const classes = useFullScreenStepperHeaderStyles(props);
     return (React.createElement(Box, { className: classes.root },
         React.createElement(Typography, { variant: "h6" }, step.title),
         React.createElement(Typography, null,

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

@@ -1 +1 @@
-{"version":3,"file":"FullScreenStepperHeader.js","sources":["../../../../src/components/FullScreenStepperHeader/FullScreenStepperHeader.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport { Box, Typography, IconButton, Icon } from '@popmenu/common-ui'\nimport { X as XIcon } from '@popmenu/web-icons'\nimport FullScreenStepperProgress from '../FullScreenStepperProgress'\nimport { useFullScreenStepperHeaderStyles } from './FullScreenStepperHeaderStyles'\nimport { FullScreenStepperHeaderProps } from './FullScreenStepperHeaderProps'\n\nexport const FullScreenStepperHeader: FC<FullScreenStepperHeaderProps> = (props) => {\n  const { stepCount, stepCursor, step, onClose } = props\n  const classes = useFullScreenStepperHeaderStyles(props)\n  return (\n    <Box className={classes.root}>\n      <Typography variant=\"h6\">{step.title}</Typography>\n      <Typography>\n        {stepCursor} of {stepCount}\n      </Typography>\n      <IconButton className={classes.closeButton} onClick={onClose}>\n        <Icon icon={XIcon} />\n      </IconButton>\n      <FullScreenStepperProgress stepCount={stepCount} stepCursor={stepCursor} />\n    </Box>\n  )\n}\n"],"names":["XIcon"],"mappings":";;;;;;AAQO,IAAM,uBAAuB,GAAqC,UAAC,KAAK,EAAA;AACrE,IAAA,IAAA,SAAS,GAAgC,KAAK,UAArC,EAAE,UAAU,GAAoB,KAAK,CAAA,UAAzB,EAAE,IAAI,GAAc,KAAK,CAAnB,IAAA,EAAE,OAAO,GAAK,KAAK,QAAV;AAC5C,IAAA,IAAM,OAAO,GAAG,gCAAgC,CAAC,KAAK,CAAC;IACvD,QACE,oBAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAA;QAC1B,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAC,IAAI,EAAE,EAAA,IAAI,CAAC,KAAK,CAAc;AAClD,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA;YACR,UAAU;;AAAM,YAAA,SAAS,CACf;QACb,KAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,SAAS,EAAE,OAAO,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO,EAAA;AAC1D,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAEA,CAAK,GAAI,CACV;AACb,QAAA,KAAA,CAAA,aAAA,CAAC,yBAAyB,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAA,CAAI,CACvE;AAEV;;;;"}
+{"version":3,"file":"FullScreenStepperHeader.js","sources":["../../../../src/components/FullScreenStepperHeader/FullScreenStepperHeader.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport { Box, Icon, IconButton, Typography } from '@popmenu/common-ui'\nimport { X as XIcon } from '@popmenu/web-icons'\nimport { FullScreenStepperProgress } from '../FullScreenStepperProgress'\nimport { FullScreenStepperHeaderProps } from './FullScreenStepperHeaderProps'\nimport { useFullScreenStepperHeaderStyles } from './FullScreenStepperHeaderStyles'\n\nexport const FullScreenStepperHeader: FC<FullScreenStepperHeaderProps> = (props) => {\n  const { stepCount, stepCursor, step, onClose } = props\n  const classes = useFullScreenStepperHeaderStyles(props)\n  return (\n    <Box className={classes.root}>\n      <Typography variant=\"h6\">{step.title}</Typography>\n      <Typography>\n        {stepCursor} of {stepCount}\n      </Typography>\n      <IconButton className={classes.closeButton} onClick={onClose}>\n        <Icon icon={XIcon} />\n      </IconButton>\n      <FullScreenStepperProgress stepCount={stepCount} stepCursor={stepCursor} />\n    </Box>\n  )\n}\n"],"names":["XIcon"],"mappings":";;;;;;AAQa,MAAA,uBAAuB,GAAqC,CAAC,KAAK,KAAI;IACjF,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK;AACtD,IAAA,MAAM,OAAO,GAAG,gCAAgC,CAAC,KAAK,CAAC;IACvD,QACE,oBAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAA;QAC1B,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAC,IAAI,EAAE,EAAA,IAAI,CAAC,KAAK,CAAc;AAClD,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA;YACR,UAAU;;AAAM,YAAA,SAAS,CACf;QACb,KAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,SAAS,EAAE,OAAO,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO,EAAA;AAC1D,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAEA,CAAK,GAAI,CACV;AACb,QAAA,KAAA,CAAA,aAAA,CAAC,yBAAyB,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAA,CAAI,CACvE;AAEV;;;;"}

package/build/esm/components/FullScreenStepperHeader/FullScreenStepperHeaderStyles.js

@@ -1,26 +1,23 @@
 import { makeStyles } from '@material-ui/core';
 
-var useFullScreenStepperHeaderStyles = makeStyles(function (_a) {
-    var spacing = _a.spacing;
-    return ({
-        closeButton: {
-            position: 'absolute',
-            right: 0,
-            top: 0,
-        },
-        root: {
-            alignItems: 'center',
-            background: 'white',
-            display: 'flex',
-            flexDirection: 'column',
-            justifyContent: 'center',
-            padding: spacing(1.5, 0),
-            position: 'sticky',
-            top: 0,
-            zIndex: 3,
-        },
-    });
-});
+const useFullScreenStepperHeaderStyles = makeStyles(({ spacing }) => ({
+    closeButton: {
+        position: 'absolute',
+        right: 0,
+        top: 0,
+    },
+    root: {
+        alignItems: 'center',
+        background: 'white',
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'center',
+        padding: spacing(1.5, 0),
+        position: 'sticky',
+        top: 0,
+        zIndex: 3,
+    },
+}));
 
 export { useFullScreenStepperHeaderStyles };
 //# sourceMappingURL=FullScreenStepperHeaderStyles.js.map

package/build/esm/components/FullScreenStepperHeader/FullScreenStepperHeaderStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullScreenStepperHeaderStyles.js","sources":["../../../../src/components/FullScreenStepperHeader/FullScreenStepperHeaderStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { FullScreenStepperHeaderProps } from './FullScreenStepperHeaderProps'\n\nexport const useFullScreenStepperHeaderStyles = makeStyles<Theme, FullScreenStepperHeaderProps>(({ spacing }) => ({\n  closeButton: {\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n  root: {\n    alignItems: 'center',\n    background: 'white',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    padding: spacing(1.5, 0),\n    position: 'sticky',\n    top: 0,\n    zIndex: 3,\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,gCAAgC,GAAG,UAAU,CAAsC,UAAC,EAAW,EAAA;AAAT,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA;AAAO,IAAA,QAAC;AAChH,QAAA,WAAW,EAAE;AACX,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,GAAG,EAAE,CAAC;AACP,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,UAAU,EAAE,OAAO;AACnB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,OAAO,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;AACxB,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,GAAG,EAAE,CAAC;AACN,YAAA,MAAM,EAAE,CAAC;AACV,SAAA;KACF;AAjBgH,CAiB/G;;;;"}
+{"version":3,"file":"FullScreenStepperHeaderStyles.js","sources":["../../../../src/components/FullScreenStepperHeader/FullScreenStepperHeaderStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { FullScreenStepperHeaderProps } from './FullScreenStepperHeaderProps'\n\nexport const useFullScreenStepperHeaderStyles = makeStyles<Theme, FullScreenStepperHeaderProps>(({ spacing }) => ({\n  closeButton: {\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n  root: {\n    alignItems: 'center',\n    background: 'white',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    padding: spacing(1.5, 0),\n    position: 'sticky',\n    top: 0,\n    zIndex: 3,\n  },\n}))\n"],"names":[],"mappings":";;AAIO,MAAM,gCAAgC,GAAG,UAAU,CAAsC,CAAC,EAAE,OAAO,EAAE,MAAM;AAChH,IAAA,WAAW,EAAE;AACX,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,GAAG,EAAE,CAAC;AACP,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,UAAU,EAAE,OAAO;AACnB,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,OAAO,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;AACxB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,MAAM,EAAE,CAAC;AACV,KAAA;AACF,CAAA,CAAC;;;;"}

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

@@ -1 +1 @@
-export { FullScreenStepperHeader as default } from './FullScreenStepperHeader';
+export { FullScreenStepperHeader } from './FullScreenStepperHeader';

package/build/esm/components/FullScreenStepperProgress/FullScreenStepperProgress.js

@@ -2,8 +2,8 @@ import React from 'react';
 import { Box } from '@popmenu/common-ui';
 import { useFullScreenStepperProgressStyles } from './FullScreenStepperProgressStyles.js';
 
-var FullScreenStepperProgress = function (props) {
-    var classes = useFullScreenStepperProgressStyles(props);
+const FullScreenStepperProgress = (props) => {
+    const classes = useFullScreenStepperProgressStyles(props);
     return (React.createElement(Box, { className: classes.track },
         React.createElement(Box, { className: classes.progress })));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"FullScreenStepperProgress.js","sources":["../../../../src/components/FullScreenStepperProgress/FullScreenStepperProgress.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport { Box } from '@popmenu/common-ui'\nimport { useFullScreenStepperProgressStyles } from './FullScreenStepperProgressStyles'\nimport { FullScreenStepperProgressProps } from './FullScreenStepperProgressProps'\n\nexport const FullScreenStepperProgress: FC<FullScreenStepperProgressProps> = (props) => {\n  const classes = useFullScreenStepperProgressStyles(props)\n  return (\n    <Box className={classes.track}>\n      <Box className={classes.progress} />\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;AAMO,IAAM,yBAAyB,GAAuC,UAAC,KAAK,EAAA;AACjF,IAAA,IAAM,OAAO,GAAG,kCAAkC,CAAC,KAAK,CAAC;IACzD,QACE,oBAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,KAAK,EAAA;QAC3B,KAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,SAAS,EAAE,OAAO,CAAC,QAAQ,EAAA,CAAI,CAChC;AAEV;;;;"}
+{"version":3,"file":"FullScreenStepperProgress.js","sources":["../../../../src/components/FullScreenStepperProgress/FullScreenStepperProgress.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport { Box } from '@popmenu/common-ui'\nimport { useFullScreenStepperProgressStyles } from './FullScreenStepperProgressStyles'\nimport { FullScreenStepperProgressProps } from './FullScreenStepperProgressProps'\n\nexport const FullScreenStepperProgress: FC<FullScreenStepperProgressProps> = (props) => {\n  const classes = useFullScreenStepperProgressStyles(props)\n  return (\n    <Box className={classes.track}>\n      <Box className={classes.progress} />\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;AAMa,MAAA,yBAAyB,GAAuC,CAAC,KAAK,KAAI;AACrF,IAAA,MAAM,OAAO,GAAG,kCAAkC,CAAC,KAAK,CAAC;IACzD,QACE,oBAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,KAAK,EAAA;QAC3B,KAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,SAAS,EAAE,OAAO,CAAC,QAAQ,EAAA,CAAI,CAChC;AAEV;;;;"}

package/build/esm/components/FullScreenStepperProgress/FullScreenStepperProgressStyles.js

@@ -1,8 +1,8 @@
 import { makeStyles } from '@material-ui/core';
 
-var getBorderRadius = function (theme, props) {
-    var stepCursor = props.stepCursor, stepCount = props.stepCount;
-    var isFinalStep = stepCursor / stepCount === 1;
+const getBorderRadius = (theme, props) => {
+    const { stepCursor, stepCount } = props;
+    const isFinalStep = stepCursor / stepCount === 1;
     if (isFinalStep) {
         return 0;
     }
@@ -10,15 +10,15 @@ var getBorderRadius = function (theme, props) {
         return theme.spacing(0.5);
     }
 };
-var useFullScreenStepperProgressStyles = makeStyles(function (theme) { return ({
+const useFullScreenStepperProgressStyles = makeStyles((theme) => ({
     progress: {
-        width: function (props) { return (props.stepCursor / props.stepCount) * 100 + "%"; },
+        width: (props) => `${(props.stepCursor / props.stepCount) * 100}%`,
         transition: 'all 500ms',
         height: theme.spacing(1),
         // @ts-expect-error: Theme includes extended properties
-        background: "linear-gradient(45deg, " + theme.palette.primary.gradientStart + ", " + theme.palette.primary.gradientEnd + ")",
-        borderEndEndRadius: function (props) { return getBorderRadius(theme, props); },
-        borderStartEndRadius: function (props) { return getBorderRadius(theme, props); },
+        background: `linear-gradient(45deg, ${theme.palette.primary.gradientStart}, ${theme.palette.primary.gradientEnd})`,
+        borderEndEndRadius: (props) => getBorderRadius(theme, props),
+        borderStartEndRadius: (props) => getBorderRadius(theme, props),
     },
     track: {
         position: 'absolute',
@@ -30,7 +30,7 @@ var useFullScreenStepperProgressStyles = makeStyles(function (theme) { return ({
         background: theme.palette.grey[100],
         zIndex: 2,
     },
-}); });
+}));
 
 export { useFullScreenStepperProgressStyles };
 //# sourceMappingURL=FullScreenStepperProgressStyles.js.map

package/build/esm/components/FullScreenStepperProgress/FullScreenStepperProgressStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullScreenStepperProgressStyles.js","sources":["../../../../src/components/FullScreenStepperProgress/FullScreenStepperProgressStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { FullScreenStepperProgressProps } from './FullScreenStepperProgressProps'\n\nconst getBorderRadius = (theme: Theme, props: FullScreenStepperProgressProps) => {\n  const { stepCursor, stepCount } = props\n  const isFinalStep = stepCursor / stepCount === 1\n  if (isFinalStep) {\n    return 0\n  } else {\n    return theme.spacing(0.5)\n  }\n}\n\nexport const useFullScreenStepperProgressStyles = makeStyles<Theme, FullScreenStepperProgressProps>((theme) => ({\n  progress: {\n    width: (props) => `${(props.stepCursor / props.stepCount) * 100}%`,\n    transition: 'all 500ms',\n    height: theme.spacing(1),\n    // @ts-expect-error: Theme includes extended properties\n    background: `linear-gradient(45deg, ${theme.palette.primary.gradientStart}, ${theme.palette.primary.gradientEnd})`,\n    borderEndEndRadius: (props) => getBorderRadius(theme, props),\n    borderStartEndRadius: (props) => getBorderRadius(theme, props),\n  },\n  track: {\n    position: 'absolute',\n    bottom: 0,\n    display: 'flex',\n    alignItems: 'center',\n    width: '100%',\n    height: theme.spacing(0.5),\n    background: theme.palette.grey[100],\n    zIndex: 2,\n  },\n}))\n"],"names":[],"mappings":";;AAGA,IAAM,eAAe,GAAG,UAAC,KAAY,EAAE,KAAqC,EAAA;IAClE,IAAA,UAAU,GAAgB,KAAK,CAAA,UAArB,EAAE,SAAS,GAAK,KAAK,CAAA,SAAV;AAC7B,IAAA,IAAM,WAAW,GAAG,UAAU,GAAG,SAAS,KAAK,CAAC;AAChD,IAAA,IAAI,WAAW,EAAE;AACf,QAAA,OAAO,CAAC;AACT;AAAM,SAAA;AACL,QAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AAC1B;AACH,CAAC;AAEY,IAAA,kCAAkC,GAAG,UAAU,CAAwC,UAAC,KAAK,EAAK,EAAA,QAAC;AAC9G,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE,UAAC,KAAK,IAAK,OAAG,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,SAAS,IAAI,GAAG,GAAA,GAAG,GAAA;AAClE,QAAA,UAAU,EAAE,WAAW;AACvB,QAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;;AAExB,QAAA,UAAU,EAAE,yBAA0B,GAAA,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,GAAA,IAAA,GAAK,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,GAAG,GAAA;AAClH,QAAA,kBAAkB,EAAE,UAAC,KAAK,EAAA,EAAK,OAAA,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA,EAAA;AAC5D,QAAA,oBAAoB,EAAE,UAAC,KAAK,EAAA,EAAK,OAAA,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA,EAAA;AAC/D,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC1B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACnC,QAAA,MAAM,EAAE,CAAC;AACV,KAAA;CACF,EAAC,EAAA;;;;"}
+{"version":3,"file":"FullScreenStepperProgressStyles.js","sources":["../../../../src/components/FullScreenStepperProgress/FullScreenStepperProgressStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { FullScreenStepperProgressProps } from './FullScreenStepperProgressProps'\n\nconst getBorderRadius = (theme: Theme, props: FullScreenStepperProgressProps) => {\n  const { stepCursor, stepCount } = props\n  const isFinalStep = stepCursor / stepCount === 1\n  if (isFinalStep) {\n    return 0\n  } else {\n    return theme.spacing(0.5)\n  }\n}\n\nexport const useFullScreenStepperProgressStyles = makeStyles<Theme, FullScreenStepperProgressProps>((theme) => ({\n  progress: {\n    width: (props) => `${(props.stepCursor / props.stepCount) * 100}%`,\n    transition: 'all 500ms',\n    height: theme.spacing(1),\n    // @ts-expect-error: Theme includes extended properties\n    background: `linear-gradient(45deg, ${theme.palette.primary.gradientStart}, ${theme.palette.primary.gradientEnd})`,\n    borderEndEndRadius: (props) => getBorderRadius(theme, props),\n    borderStartEndRadius: (props) => getBorderRadius(theme, props),\n  },\n  track: {\n    position: 'absolute',\n    bottom: 0,\n    display: 'flex',\n    alignItems: 'center',\n    width: '100%',\n    height: theme.spacing(0.5),\n    background: theme.palette.grey[100],\n    zIndex: 2,\n  },\n}))\n"],"names":[],"mappings":";;AAGA,MAAM,eAAe,GAAG,CAAC,KAAY,EAAE,KAAqC,KAAI;AAC9E,IAAA,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK;AACvC,IAAA,MAAM,WAAW,GAAG,UAAU,GAAG,SAAS,KAAK,CAAC;IAChD,IAAI,WAAW,EAAE;AACf,QAAA,OAAO,CAAC;;SACH;AACL,QAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;;AAE7B,CAAC;AAEY,MAAA,kCAAkC,GAAG,UAAU,CAAwC,CAAC,KAAK,MAAM;AAC9G,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,SAAS,IAAI,GAAG,CAAG,CAAA,CAAA;AAClE,QAAA,UAAU,EAAE,WAAW;AACvB,QAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;;AAExB,QAAA,UAAU,EAAE,CAA0B,uBAAA,EAAA,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,CAAA,EAAA,EAAK,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAG,CAAA,CAAA;QAClH,kBAAkB,EAAE,CAAC,KAAK,KAAK,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC;QAC5D,oBAAoB,EAAE,CAAC,KAAK,KAAK,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC;AAC/D,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC1B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACnC,QAAA,MAAM,EAAE,CAAC;AACV,KAAA;AACF,CAAA,CAAC;;;;"}

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

@@ -1 +1 @@
-export { FullScreenStepperProgress as default } from './FullScreenStepperProgress';
+export { FullScreenStepperProgress } from './FullScreenStepperProgress';

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

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

package/build/esm/components/List/List.js

@@ -1,14 +1,12 @@
-import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classNames from 'classnames';
 import { List as List$1 } from '@material-ui/core';
 import { useStyles } from './styles.js';
 
-var List = function (props) {
-    var _a;
-    var children = props.children, uncontained = props.uncontained, className = props.className, restProps = __rest(props, ["children", "uncontained", "className"]);
-    var classes = useStyles(props);
-    return (React.createElement(List$1, __assign({ classes: classes, className: classNames((_a = {}, _a[classes.uncontained] = uncontained, _a), className) }, restProps), children));
+const List = (props) => {
+    const { children, uncontained, className, ...restProps } = props;
+    const classes = useStyles(props);
+    return (React.createElement(List$1, { classes: classes, className: classNames({ [classes.uncontained]: uncontained }, className), ...restProps }, children));
 };
 
 export { List };

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\nimport { List as MuiList } from '@material-ui/core'\n\nimport { ListProps } from './ListProps'\nimport { useStyles } from './styles'\n\nexport const List = (props: ListProps) => {\n  const { children, uncontained, className, ...restProps } = props\n  const classes = useStyles(props)\n  return (\n    <MuiList classes={classes} className={classNames({ [classes.uncontained]: uncontained }, className)} {...restProps}>\n      {children}\n    </MuiList>\n  )\n}\n"],"names":["MuiList"],"mappings":";;;;;;AAOO,IAAM,IAAI,GAAG,UAAC,KAAgB,EAAA;;IAC3B,IAAA,QAAQ,GAA2C,KAAK,CAAA,QAAhD,EAAE,WAAW,GAA8B,KAAK,CAAnC,WAAA,EAAE,SAAS,GAAmB,KAAK,UAAxB,EAAK,SAAS,UAAK,KAAK,EAA1D,CAAkD,UAAA,EAAA,aAAA,EAAA,WAAA,CAAA,CAAF;AACtD,IAAA,IAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC;IAChC,QACE,KAAC,CAAA,aAAA,CAAAA,MAAO,EAAC,QAAA,CAAA,EAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAG,EAAA,GAAA,EAAA,EAAA,EAAA,CAAC,OAAO,CAAC,WAAW,CAAA,GAAG,WAAW,EAAA,EAAA,GAAI,SAAS,CAAC,EAAM,EAAA,SAAS,CAC/G,EAAA,QAAQ,CACD;AAEd;;;;"}
+{"version":3,"file":"List.js","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\nimport { List as MuiList } from '@material-ui/core'\n\nimport { ListProps } from './ListProps'\nimport { useStyles } from './styles'\n\nexport const List = (props: ListProps) => {\n  const { children, uncontained, className, ...restProps } = props\n  const classes = useStyles(props)\n  return (\n    <MuiList classes={classes} className={classNames({ [classes.uncontained]: uncontained }, className)} {...restProps}>\n      {children}\n    </MuiList>\n  )\n}\n"],"names":["MuiList"],"mappings":";;;;;AAOa,MAAA,IAAI,GAAG,CAAC,KAAgB,KAAI;AACvC,IAAA,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AAChE,IAAA,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC;AAChC,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,MAAO,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,EAAE,CAAC,OAAO,CAAC,WAAW,GAAG,WAAW,EAAE,EAAE,SAAS,CAAC,EAAA,GAAM,SAAS,EAAA,EAC/G,QAAQ,CACD;AAEd;;;;"}

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

@@ -1,2 +1,2 @@
 export { List } from './List';
-export { ListProps } from './ListProps';
+export type { ListProps } from './ListProps';

package/build/esm/components/List/styles.js

@@ -1,13 +1,13 @@
 import { makeStyles } from '@material-ui/core';
 
-var useStyles = makeStyles(function (theme) { return ({
+const useStyles = makeStyles((theme) => ({
     root: {
         '&$uncontained > li > *:first-child': {
             background: theme.palette.background.paper,
             borderRadius: theme.spacing(1),
         },
         '& > li > *:first-child': {
-            borderBottom: "1px solid " + theme.palette.grey[300],
+            borderBottom: `1px solid ${theme.palette.grey[300]}`,
         },
         '& > li:last-child > *:first-child': {
             borderBottom: 'none',
@@ -18,7 +18,7 @@ var useStyles = makeStyles(function (theme) { return ({
         flexDirection: 'column',
         gap: 16,
     },
-}); });
+}));
 
 export { useStyles };
 //# sourceMappingURL=styles.js.map

package/build/esm/components/List/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/List/styles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { ListProps } from './ListProps'\n\nexport const useStyles = makeStyles<Theme, ListProps>((theme) => ({\n  root: {\n    '&$uncontained > li > *:first-child': {\n      background: theme.palette.background.paper,\n      borderRadius: theme.spacing(1),\n    },\n    '& > li > *:first-child': {\n      borderBottom: `1px solid ${theme.palette.grey[300]}`,\n    },\n    '& > li:last-child > *:first-child': {\n      borderBottom: 'none',\n    },\n  },\n  uncontained: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 16,\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,SAAS,GAAG,UAAU,CAAmB,UAAC,KAAK,EAAK,EAAA,QAAC;AAChE,IAAA,IAAI,EAAE;AACJ,QAAA,oCAAoC,EAAE;AACpC,YAAA,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;AAC1C,YAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/B,SAAA;AACD,QAAA,wBAAwB,EAAE;YACxB,YAAY,EAAE,eAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAG;AACrD,SAAA;AACD,QAAA,mCAAmC,EAAE;AACnC,YAAA,YAAY,EAAE,MAAM;AACrB,SAAA;AACF,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,GAAG,EAAE,EAAE;AACR,KAAA;CACF,EAAC,EAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/List/styles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { ListProps } from './ListProps'\n\nexport const useStyles = makeStyles<Theme, ListProps>((theme) => ({\n  root: {\n    '&$uncontained > li > *:first-child': {\n      background: theme.palette.background.paper,\n      borderRadius: theme.spacing(1),\n    },\n    '& > li > *:first-child': {\n      borderBottom: `1px solid ${theme.palette.grey[300]}`,\n    },\n    '& > li:last-child > *:first-child': {\n      borderBottom: 'none',\n    },\n  },\n  uncontained: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 16,\n  },\n}))\n"],"names":[],"mappings":";;AAIa,MAAA,SAAS,GAAG,UAAU,CAAmB,CAAC,KAAK,MAAM;AAChE,IAAA,IAAI,EAAE;AACJ,QAAA,oCAAoC,EAAE;AACpC,YAAA,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;AAC1C,YAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/B,SAAA;AACD,QAAA,wBAAwB,EAAE;YACxB,YAAY,EAAE,CAAa,UAAA,EAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAE,CAAA;AACrD,SAAA;AACD,QAAA,mCAAmC,EAAE;AACnC,YAAA,YAAY,EAAE,MAAM;AACrB,SAAA;AACF,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,GAAG,EAAE,EAAE;AACR,KAAA;AACF,CAAA,CAAC;;;;"}

package/build/esm/components/Page/Page.js

@@ -1,10 +1,9 @@
-import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Box } from '@popmenu/common-ui';
 
-var Page = function (props) {
-    var children = props.children, restProps = __rest(props, ["children"]);
-    return (React.createElement(Box, __assign({ marginTop: 8, display: "flex", alignItems: "center", flexDirection: "column" }, restProps), children));
+const Page = (props) => {
+    const { children, ...restProps } = props;
+    return (React.createElement(Box, { marginTop: 8, display: "flex", alignItems: "center", flexDirection: "column", ...restProps }, children));
 };
 
 export { Page };

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

@@ -1 +1 @@
-{"version":3,"file":"Page.js","sources":["../../../../src/components/Page/Page.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\nimport { Box } from '@popmenu/common-ui'\n\nexport const Page = (props: PropsWithChildren<HTMLAttributes<HTMLElement>>) => {\n  const { children, ...restProps } = props\n  return (\n    <Box marginTop={8} display=\"flex\" alignItems=\"center\" flexDirection=\"column\" {...restProps}>\n      {children}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;AAGO,IAAM,IAAI,GAAG,UAAC,KAAqD,EAAA;IAChE,IAAA,QAAQ,GAAmB,KAAK,CAAxB,QAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAlC,CAA0B,UAAA,CAAA,CAAF;IAC9B,QACE,KAAC,CAAA,aAAA,CAAA,GAAG,EAAC,QAAA,CAAA,EAAA,SAAS,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,aAAa,EAAC,QAAQ,EAAK,EAAA,SAAS,CACvF,EAAA,QAAQ,CACL;AAEV;;;;"}
+{"version":3,"file":"Page.js","sources":["../../../../src/components/Page/Page.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\nimport { Box } from '@popmenu/common-ui'\n\nexport const Page = (props: PropsWithChildren<HTMLAttributes<HTMLElement>>) => {\n  const { children, ...restProps } = props\n  return (\n    <Box marginTop={8} display=\"flex\" alignItems=\"center\" flexDirection=\"column\" {...restProps}>\n      {children}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;AAGa,MAAA,IAAI,GAAG,CAAC,KAAqD,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;IACxC,QACE,KAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,SAAS,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,aAAa,EAAC,QAAQ,EAAK,GAAA,SAAS,EACvF,EAAA,QAAQ,CACL;AAEV;;;;"}

package/build/esm/components/PageBody/PageBody.js

@@ -1,10 +1,9 @@
-import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Box } from '@popmenu/common-ui';
 
-var PageBody = function (props) {
-    var children = props.children, restProps = __rest(props, ["children"]);
-    return (React.createElement(Box, __assign({ py: 2, px: 5.5, maxWidth: 1100, width: "100%" }, restProps), children));
+const PageBody = (props) => {
+    const { children, ...restProps } = props;
+    return (React.createElement(Box, { py: 2, px: 5.5, maxWidth: 1100, width: "100%", ...restProps }, children));
 };
 
 export { PageBody };

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

@@ -1 +1 @@
-{"version":3,"file":"PageBody.js","sources":["../../../../src/components/PageBody/PageBody.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\nimport { Box } from '@popmenu/common-ui'\n\nexport const PageBody = (props: PropsWithChildren<HTMLAttributes<HTMLElement>>) => {\n  const { children, ...restProps } = props\n  return (\n    <Box py={2} px={5.5} maxWidth={1100} width=\"100%\" {...restProps}>\n      {children}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;AAGO,IAAM,QAAQ,GAAG,UAAC,KAAqD,EAAA;IACpE,IAAA,QAAQ,GAAmB,KAAK,CAAxB,QAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAlC,CAA0B,UAAA,CAAA,CAAF;IAC9B,QACE,KAAC,CAAA,aAAA,CAAA,GAAG,EAAC,QAAA,CAAA,EAAA,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,EAAK,EAAA,SAAS,CAC5D,EAAA,QAAQ,CACL;AAEV;;;;"}
+{"version":3,"file":"PageBody.js","sources":["../../../../src/components/PageBody/PageBody.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\nimport { Box } from '@popmenu/common-ui'\n\nexport const PageBody = (props: PropsWithChildren<HTMLAttributes<HTMLElement>>) => {\n  const { children, ...restProps } = props\n  return (\n    <Box py={2} px={5.5} maxWidth={1100} width=\"100%\" {...restProps}>\n      {children}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;AAGa,MAAA,QAAQ,GAAG,CAAC,KAAqD,KAAI;IAChF,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;IACxC,QACE,KAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,EAAK,GAAA,SAAS,EAC5D,EAAA,QAAQ,CACL;AAEV;;;;"}

package/build/esm/components/PageSection/PageSection.js

@@ -1,12 +1,11 @@
-import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { Card, CardContent } from '@popmenu/common-ui';
 import { usePageSectionStyles } from './PageSectionStyles.js';
 
-var PageSection = forwardRef(function (props, ref) {
-    var children = props.children; props.uncontained; var restProps = __rest(props, ["children", "uncontained"]);
-    var classes = usePageSectionStyles(props);
-    return (React.createElement(Card, __assign({ classes: { root: classes.root }, ref: ref }, restProps),
+const PageSection = forwardRef((props, ref) => {
+    const { children, uncontained, ...restProps } = props;
+    const classes = usePageSectionStyles(props);
+    return (React.createElement(Card, { classes: { root: classes.root }, ref: ref, ...restProps },
         React.createElement(CardContent, { classes: { root: classes.cardContent } }, children)));
 });
 PageSection.displayName = 'PageSection';

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

@@ -1 +1 @@
-{"version":3,"file":"PageSection.js","sources":["../../../../src/components/PageSection/PageSection.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Card, CardContent } from '@popmenu/common-ui'\nimport { PageSectionProps } from './PageSectionProps'\nimport { usePageSectionStyles } from './PageSectionStyles'\n\nexport const PageSection = forwardRef<HTMLDivElement, PageSectionProps>((props, ref) => {\n  const { children, uncontained, ...restProps } = props\n  const classes = usePageSectionStyles(props)\n  return (\n    <Card classes={{ root: classes.root }} ref={ref} {...restProps}>\n      <CardContent classes={{ root: classes.cardContent }}>{children}</CardContent>\n    </Card>\n  )\n})\n\nPageSection.displayName = 'PageSection'\n"],"names":[],"mappings":";;;;;IAKa,WAAW,GAAG,UAAU,CAAmC,UAAC,KAAK,EAAE,GAAG,EAAA;AACzE,IAAA,IAAA,QAAQ,GAAgC,KAAK,CAArC,QAAA,CAAA,CAAgC,KAAK,CAAxB,WAAA,CAAA,KAAK,SAAS,GAAK,MAAA,CAAA,KAAK,EAA/C,CAAA,UAAA,EAAA,aAAA,CAAuC;AAC7C,IAAA,IAAM,OAAO,GAAG,oBAAoB,CAAC,KAAK,CAAC;AAC3C,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,IAAI,aAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,GAAG,IAAM,SAAS,CAAA;AAC5D,QAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,WAAW,EAAE,EAAG,EAAA,QAAQ,CAAe,CACxE;AAEX,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"PageSection.js","sources":["../../../../src/components/PageSection/PageSection.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Card, CardContent } from '@popmenu/common-ui'\nimport { PageSectionProps } from './PageSectionProps'\nimport { usePageSectionStyles } from './PageSectionStyles'\n\nexport const PageSection = forwardRef<HTMLDivElement, PageSectionProps>((props, ref) => {\n  const { children, uncontained, ...restProps } = props\n  const classes = usePageSectionStyles(props)\n  return (\n    <Card classes={{ root: classes.root }} ref={ref} {...restProps}>\n      <CardContent classes={{ root: classes.cardContent }}>{children}</CardContent>\n    </Card>\n  )\n})\n\nPageSection.displayName = 'PageSection'\n"],"names":[],"mappings":";;;;AAKa,MAAA,WAAW,GAAG,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,KAAI;IACrF,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACrD,IAAA,MAAM,OAAO,GAAG,oBAAoB,CAAC,KAAK,CAAC;AAC3C,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,GAAG,KAAM,SAAS,EAAA;AAC5D,QAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,WAAW,EAAE,EAAG,EAAA,QAAQ,CAAe,CACxE;AAEX,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/build/esm/components/PageSection/PageSectionStyles.js

@@ -1,19 +1,13 @@
 import { makeStyles } from '@material-ui/core';
 
-var usePageSectionStyles = makeStyles(function (_a) {
-    var spacing = _a.spacing;
-    return ({
-        root: {
-            background: function (_a) {
-                var uncontained = _a.uncontained;
-                return (uncontained ? 'transparent' : undefined);
-            },
-        },
-        cardContent: {
-            padding: spacing(4),
-        },
-    });
-});
+const usePageSectionStyles = makeStyles(({ spacing }) => ({
+    root: {
+        background: ({ uncontained }) => (uncontained ? 'transparent' : undefined),
+    },
+    cardContent: {
+        padding: spacing(4),
+    },
+}));
 
 export { usePageSectionStyles };
 //# sourceMappingURL=PageSectionStyles.js.map

package/build/esm/components/PageSection/PageSectionStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageSectionStyles.js","sources":["../../../../src/components/PageSection/PageSectionStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { PageSectionProps } from './PageSectionProps'\n\nexport const usePageSectionStyles = makeStyles<Theme, PageSectionProps>(({ spacing }) => ({\n  root: {\n    background: ({ uncontained }) => (uncontained ? 'transparent' : undefined),\n  },\n  cardContent: {\n    padding: spacing(4),\n  },\n}))\n"],"names":[],"mappings":";;AAGa,IAAA,oBAAoB,GAAG,UAAU,CAA0B,UAAC,EAAW,EAAA;AAAT,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA;AAAO,IAAA,QAAC;AACxF,QAAA,IAAI,EAAE;YACJ,UAAU,EAAE,UAAC,EAAe,EAAA;AAAb,gBAAA,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA;gBAAO,QAAC,WAAW,GAAG,aAAa,GAAG,SAAS;aAAC;AAC3E,SAAA;AACD,QAAA,WAAW,EAAE;AACX,YAAA,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;AACpB,SAAA;KACF;AAPwF,CAOvF;;;;"}
+{"version":3,"file":"PageSectionStyles.js","sources":["../../../../src/components/PageSection/PageSectionStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { PageSectionProps } from './PageSectionProps'\n\nexport const usePageSectionStyles = makeStyles<Theme, PageSectionProps>(({ spacing }) => ({\n  root: {\n    background: ({ uncontained }) => (uncontained ? 'transparent' : undefined),\n  },\n  cardContent: {\n    padding: spacing(4),\n  },\n}))\n"],"names":[],"mappings":";;AAGO,MAAM,oBAAoB,GAAG,UAAU,CAA0B,CAAC,EAAE,OAAO,EAAE,MAAM;AACxF,IAAA,IAAI,EAAE;AACJ,QAAA,UAAU,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,WAAW,GAAG,aAAa,GAAG,SAAS,CAAC;AAC3E,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;AACpB,KAAA;AACF,CAAA,CAAC;;;;"}

package/build/esm/components/PageSectionHead/PageSectionHead.js

@@ -1,12 +1,11 @@
-import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Box } from '@popmenu/common-ui';
 import { useTheme } from '@material-ui/core';
 
-var PageSectionHead = function (props) {
-    var children = props.children, restProps = __rest(props, ["children"]);
-    var theme = useTheme();
-    return (React.createElement(Box, __assign({ fontSize: theme.typography.h5.fontSize, mb: "1em", display: "flex", justifyContent: "space-between" }, restProps), children));
+const PageSectionHead = (props) => {
+    const { children, ...restProps } = props;
+    const theme = useTheme();
+    return (React.createElement(Box, { fontSize: theme.typography.h5.fontSize, mb: "1em", display: "flex", justifyContent: "space-between", ...restProps }, children));
 };
 
 export { PageSectionHead };

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

@@ -1 +1 @@
-{"version":3,"file":"PageSectionHead.js","sources":["../../../../src/components/PageSectionHead/PageSectionHead.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\nimport { Box } from '@popmenu/common-ui'\nimport { useTheme } from '@material-ui/core'\n\nexport const PageSectionHead = (props: PropsWithChildren<HTMLAttributes<HTMLElement>>) => {\n  const { children, ...restProps } = props\n  const theme = useTheme()\n  return (\n    <Box fontSize={theme.typography.h5.fontSize} mb=\"1em\" display=\"flex\" justifyContent=\"space-between\" {...restProps}>\n      {children}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;;AAIO,IAAM,eAAe,GAAG,UAAC,KAAqD,EAAA;IAC3E,IAAA,QAAQ,GAAmB,KAAK,CAAxB,QAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAlC,CAA0B,UAAA,CAAA,CAAF;AAC9B,IAAA,IAAM,KAAK,GAAG,QAAQ,EAAE;AACxB,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,QAAA,CAAA,EAAC,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,EAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,eAAe,EAAA,EAAK,SAAS,CAAA,EAC9G,QAAQ,CACL;AAEV;;;;"}
+{"version":3,"file":"PageSectionHead.js","sources":["../../../../src/components/PageSectionHead/PageSectionHead.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\nimport { Box } from '@popmenu/common-ui'\nimport { useTheme } from '@material-ui/core'\n\nexport const PageSectionHead = (props: PropsWithChildren<HTMLAttributes<HTMLElement>>) => {\n  const { children, ...restProps } = props\n  const theme = useTheme()\n  return (\n    <Box fontSize={theme.typography.h5.fontSize} mb=\"1em\" display=\"flex\" justifyContent=\"space-between\" {...restProps}>\n      {children}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;AAIa,MAAA,eAAe,GAAG,CAAC,KAAqD,KAAI;IACvF,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACxC,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;AACxB,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,EAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,eAAe,EAAA,GAAK,SAAS,EAAA,EAC9G,QAAQ,CACL;AAEV;;;;"}

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

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

package/build/esm/components/PageSectionTitle/PageSectionTitle.js

@@ -1,12 +1,11 @@
-import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Typography } from '@popmenu/common-ui';
 import { useStyles } from './styles.js';
 
-var PageSectionTitle = function (props) {
-    var children = props.children, restProps = __rest(props, ["children"]);
-    var classes = useStyles();
-    return (React.createElement(Typography, __assign({ classes: classes, gutterBottom: true, variant: "h5" }, restProps), children));
+const PageSectionTitle = (props) => {
+    const { children, ...restProps } = props;
+    const classes = useStyles();
+    return (React.createElement(Typography, { classes: classes, gutterBottom: true, variant: "h5", ...restProps }, children));
 };
 
 export { PageSectionTitle };

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

@@ -1 +1 @@
-{"version":3,"file":"PageSectionTitle.js","sources":["../../../../src/components/PageSectionTitle/PageSectionTitle.tsx"],"sourcesContent":["import React from 'react'\nimport { Typography, TypographyProps } from '@popmenu/common-ui'\n\nimport { useStyles } from './styles'\n\nexport const PageSectionTitle = (props: TypographyProps) => {\n  const { children, ...restProps } = props\n  const classes = useStyles()\n  return (\n    <Typography classes={classes} gutterBottom variant=\"h5\" {...restProps}>\n      {children}\n    </Typography>\n  )\n}\n"],"names":[],"mappings":";;;;;AAKO,IAAM,gBAAgB,GAAG,UAAC,KAAsB,EAAA;IAC7C,IAAA,QAAQ,GAAmB,KAAK,CAAxB,QAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAlC,CAA0B,UAAA,CAAA,CAAF;AAC9B,IAAA,IAAM,OAAO,GAAG,SAAS,EAAE;AAC3B,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,UAAU,aAAC,OAAO,EAAE,OAAO,EAAE,YAAY,QAAC,OAAO,EAAC,IAAI,EAAK,EAAA,SAAS,GAClE,QAAQ,CACE;AAEjB;;;;"}
+{"version":3,"file":"PageSectionTitle.js","sources":["../../../../src/components/PageSectionTitle/PageSectionTitle.tsx"],"sourcesContent":["import React from 'react'\nimport { Typography, TypographyProps } from '@popmenu/common-ui'\n\nimport { useStyles } from './styles'\n\nexport const PageSectionTitle = (props: TypographyProps) => {\n  const { children, ...restProps } = props\n  const classes = useStyles()\n  return (\n    <Typography classes={classes} gutterBottom variant=\"h5\" {...restProps}>\n      {children}\n    </Typography>\n  )\n}\n"],"names":[],"mappings":";;;;AAKa,MAAA,gBAAgB,GAAG,CAAC,KAAsB,KAAI;IACzD,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACxC,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;AAC3B,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,QAAC,OAAO,EAAC,IAAI,EAAK,GAAA,SAAS,IAClE,QAAQ,CACE;AAEjB;;;;"}

package/build/esm/components/PageSectionTitle/styles.js

@@ -1,10 +1,10 @@
 import { makeStyles } from '@material-ui/core';
 
-var useStyles = makeStyles(function () { return ({
+const useStyles = makeStyles(() => ({
     gutterBottom: {
         marginBottom: '1em',
     },
-}); });
+}));
 
 export { useStyles };
 //# sourceMappingURL=styles.js.map

package/build/esm/components/PageSectionTitle/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/PageSectionTitle/styles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\n\nexport const useStyles = makeStyles(() => ({\n  gutterBottom: {\n    marginBottom: '1em',\n  },\n}))\n"],"names":[],"mappings":";;IAEa,SAAS,GAAG,UAAU,CAAC,YAAA,EAAM,QAAC;AACzC,IAAA,YAAY,EAAE;AACZ,QAAA,YAAY,EAAE,KAAK;AACpB,KAAA;CACF,EAAC,EAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/PageSectionTitle/styles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\n\nexport const useStyles = makeStyles(() => ({\n  gutterBottom: {\n    marginBottom: '1em',\n  },\n}))\n"],"names":[],"mappings":";;MAEa,SAAS,GAAG,UAAU,CAAC,OAAO;AACzC,IAAA,YAAY,EAAE;AACZ,QAAA,YAAY,EAAE,KAAK;AACpB,KAAA;AACF,CAAA,CAAC;;;;"}

package/build/esm/components/PageSections/PageSections.js

@@ -1,10 +1,9 @@
-import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Box } from '@popmenu/common-ui';
 
-var PageSections = function (props) {
-    var children = props.children, restProps = __rest(props, ["children"]);
-    return (React.createElement(Box, __assign({ display: "flex", flexDirection: "column", gridGap: 16 }, restProps), children));
+const PageSections = (props) => {
+    const { children, ...restProps } = props;
+    return (React.createElement(Box, { display: "flex", flexDirection: "column", gridGap: 16, ...restProps }, children));
 };
 
 export { PageSections };

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

@@ -1 +1 @@
-{"version":3,"file":"PageSections.js","sources":["../../../../src/components/PageSections/PageSections.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\nimport { Box } from '@popmenu/common-ui'\n\nexport const PageSections = (props: PropsWithChildren<HTMLAttributes<HTMLElement>>) => {\n  const { children, ...restProps } = props\n  return (\n    <Box display=\"flex\" flexDirection=\"column\" gridGap={16} {...restProps}>\n      {children}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;AAGO,IAAM,YAAY,GAAG,UAAC,KAAqD,EAAA;IACxE,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,aAAa,EAAC,QAAQ,EAAC,OAAO,EAAE,EAAE,EAAA,EAAM,SAAS,CAClE,EAAA,QAAQ,CACL;AAEV;;;;"}
+{"version":3,"file":"PageSections.js","sources":["../../../../src/components/PageSections/PageSections.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\nimport { Box } from '@popmenu/common-ui'\n\nexport const PageSections = (props: PropsWithChildren<HTMLAttributes<HTMLElement>>) => {\n  const { children, ...restProps } = props\n  return (\n    <Box display=\"flex\" flexDirection=\"column\" gridGap={16} {...restProps}>\n      {children}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;AAGa,MAAA,YAAY,GAAG,CAAC,KAAqD,KAAI;IACpF,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;IACxC,QACE,oBAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,QAAQ,EAAC,OAAO,EAAE,EAAE,EAAA,GAAM,SAAS,EAClE,EAAA,QAAQ,CACL;AAEV;;;;"}

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

@@ -1,18 +1,17 @@
-import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Card, CardActionArea, Icon, CardContent } from '@popmenu/common-ui';
 import { CheckCircle, Circle } from '@popmenu/web-icons';
 import { useSelectableCardStyles } from './SelectableCardStyles.js';
 
-var SelectableCard = function (props) {
-    var children = props.children, selectedProp = props.selected, _a = props.selection, selection = _a === void 0 ? [] : _a, onClick = props.onClick, value = props.value, labelId = props.labelId, CardActionAreaProps = props.CardActionAreaProps, muiProps = __rest(props, ["children", "selected", "selection", "onClick", "value", "labelId", "CardActionAreaProps"]);
-    var selected = typeof selectedProp === 'boolean' ? selectedProp : selection.includes(value);
-    var classes = useSelectableCardStyles(__assign(__assign({}, props), { selected: selected }));
-    var handleClick = function () {
+const SelectableCard = (props) => {
+    const { children, selected: selectedProp, selection = [], onClick, value, labelId, CardActionAreaProps, ...muiProps } = props;
+    const selected = typeof selectedProp === 'boolean' ? selectedProp : selection.includes(value);
+    const classes = useSelectableCardStyles({ ...props, selected });
+    const handleClick = () => {
         onClick(value);
     };
-    return (React.createElement(Card, __assign({ classes: { root: classes.root } }, muiProps),
-        React.createElement(CardActionArea, __assign({ onClick: handleClick, classes: { focusHighlight: classes.focusHighlight }, role: "checkbox", "aria-checked": selected, "aria-labelledby": labelId }, CardActionAreaProps),
+    return (React.createElement(Card, { classes: { root: classes.root }, ...muiProps },
+        React.createElement(CardActionArea, { onClick: handleClick, classes: { focusHighlight: classes.focusHighlight }, role: "checkbox", "aria-checked": selected, "aria-labelledby": labelId, ...CardActionAreaProps },
             React.createElement(Icon, { className: classes.icon, icon: selected ? CheckCircle : Circle, size: "medium" }),
             React.createElement(CardContent, { classes: { root: classes.cardContent } }, children))));
 };