@popmenu/ordering-ui 0.127.0 → 0.127.2

package/build/esm/components/MenuItemGroup/MenuItemGroup.js

@@ -1,13 +1,12 @@
-import { __rest, __assign } from 'tslib';
 import React__default, { forwardRef } from 'react';
 import { Box } from '@material-ui/core';
 import { useStyles } from './MenuItemGroupStyles.js';
-import classNames from '../../node_modules/classnames/index.js';
+import classNames from 'classnames';
 
-var MenuItemGroup = forwardRef(function (props, ref) {
-    var classes = useStyles();
-    props.children; var className = props.className, restProps = __rest(props, ["children", "className"]);
-    return (React__default.createElement(Box, __assign({ className: classNames(classes.main, className) }, { ref: ref }, { "data-component-type": "menu-item-group" }, restProps), props.children));
+const MenuItemGroup = forwardRef((props, ref) => {
+    const classes = useStyles();
+    const { children, className, ...restProps } = props;
+    return (React__default.createElement(Box, { className: classNames(classes.main, className), ...{ ref }, "data-component-type": "menu-item-group", ...restProps }, props.children));
 });
 MenuItemGroup.displayName = 'MenuItemGroup';
 

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItemGroup.js","sources":["../../../../src/components/MenuItemGroup/MenuItemGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Box } from '@material-ui/core'\nimport { useStyles } from './MenuItemGroupStyles'\nimport classNames from 'classnames'\nexport const MenuItemGroup = forwardRef((props: { children: React.ReactNode; className?: string }, ref) => {\n  const classes = useStyles()\n  const { children, className, ...restProps } = props\n  return (\n    <Box\n      className={classNames(classes.main, className)}\n      {...{ ref }}\n      data-component-type=\"menu-item-group\"\n      {...restProps}\n    >\n      {props.children}\n    </Box>\n  )\n})\n\nMenuItemGroup.displayName = 'MenuItemGroup'\n"],"names":["React"],"mappings":";;;;;;IAIa,aAAa,GAAG,UAAU,CAAC,UAAC,KAAwD,EAAE,GAAG,EAAA;AACpG,IAAA,IAAM,OAAO,GAAG,SAAS,EAAE;AACnB,IAAsC,KAAK,CAAnC,QAAA,CAAA,KAAE,SAAS,GAAmB,KAAK,CAAxB,SAAA,CAAA,CAAK,SAAS,GAAK,MAAA,CAAA,KAAK,EAA7C,CAAA,UAAA,EAAA,WAAA,CAAqC;AAC3C,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,QAAA,CAAA,EACF,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EAC1C,EAAA,EAAE,GAAG,EAAA,GAAA,EAAE,EAAA,EAAA,qBAAA,EACS,iBAAiB,EAAA,EACjC,SAAS,CAAA,EAEZ,KAAK,CAAC,QAAQ,CACX;AAEV,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}
+{"version":3,"file":"MenuItemGroup.js","sources":["../../../../src/components/MenuItemGroup/MenuItemGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Box } from '@material-ui/core'\nimport { useStyles } from './MenuItemGroupStyles'\nimport classNames from 'classnames'\nexport const MenuItemGroup = forwardRef((props: { children: React.ReactNode; className?: string }, ref) => {\n  const classes = useStyles()\n  const { children, className, ...restProps } = props\n  return (\n    <Box\n      className={classNames(classes.main, className)}\n      {...{ ref }}\n      data-component-type=\"menu-item-group\"\n      {...restProps}\n    >\n      {props.children}\n    </Box>\n  )\n})\n\nMenuItemGroup.displayName = 'MenuItemGroup'\n"],"names":["React"],"mappings":";;;;;AAIa,MAAA,aAAa,GAAG,UAAU,CAAC,CAAC,KAAwD,EAAE,GAAG,KAAI;AACxG,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACnD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EAC1C,GAAA,EAAE,GAAG,EAAE,EACS,qBAAA,EAAA,iBAAiB,EACjC,GAAA,SAAS,EAEZ,EAAA,KAAK,CAAC,QAAQ,CACX;AAEV,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/build/esm/components/MenuItemGroup/MenuItemGroupStyles.js

@@ -1,21 +1,17 @@
 import { makeStyles } from '@material-ui/core';
 
-var useStyles = makeStyles(function (_a) {
-    var _b;
-    var breakpoints = _a.breakpoints;
-    return ({
-        main: (_b = {},
-            _b[breakpoints.down('md')] = {
-                gridTemplateColumns: '1fr',
-            },
-            _b[breakpoints.up('lg')] = {
-                gridTemplateColumns: 'repeat(2, minmax(280px, 1fr))',
-            },
-            _b.display = 'grid',
-            _b.gridGap = 32,
-            _b),
-    });
-});
+const useStyles = makeStyles(({ breakpoints }) => ({
+    main: {
+        [breakpoints.down('md')]: {
+            gridTemplateColumns: '1fr',
+        },
+        [breakpoints.up('lg')]: {
+            gridTemplateColumns: 'repeat(2, minmax(280px, 1fr))',
+        },
+        display: 'grid',
+        gridGap: 32,
+    },
+}));
 
 export { useStyles };
 //# sourceMappingURL=MenuItemGroupStyles.js.map

package/build/esm/components/MenuItemGroup/MenuItemGroupStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemGroupStyles.js","sources":["../../../../src/components/MenuItemGroup/MenuItemGroupStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\n\nexport const useStyles = makeStyles(({ breakpoints }) => ({\n  main: {\n    [breakpoints.down('md')]: {\n      gridTemplateColumns: '1fr',\n    },\n    [breakpoints.up('lg')]: {\n      gridTemplateColumns: 'repeat(2, minmax(280px, 1fr))',\n    },\n    display: 'grid',\n    gridGap: 32,\n  },\n}))\n"],"names":[],"mappings":";;AAEa,IAAA,SAAS,GAAG,UAAU,CAAC,UAAC,EAAe,EAAA;;AAAb,IAAA,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA;AAAO,IAAA,QAAC;QACxD,IAAI,GAAA,EAAA,GAAA,EAAA;AACF,YAAA,EAAA,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAG,GAAA;AACxB,gBAAA,mBAAmB,EAAE,KAAK;AAC3B,aAAA;AACD,YAAA,EAAA,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAG,GAAA;AACtB,gBAAA,mBAAmB,EAAE,+BAA+B;AACrD,aAAA;AACD,YAAA,EAAA,CAAA,OAAO,GAAE,MAAM;AACf,YAAA,EAAA,CAAA,OAAO,GAAE,EAAE;AACZ,YAAA,EAAA,CAAA;KACF;AAXwD,CAWvD;;;;"}
+{"version":3,"file":"MenuItemGroupStyles.js","sources":["../../../../src/components/MenuItemGroup/MenuItemGroupStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\n\nexport const useStyles = makeStyles(({ breakpoints }) => ({\n  main: {\n    [breakpoints.down('md')]: {\n      gridTemplateColumns: '1fr',\n    },\n    [breakpoints.up('lg')]: {\n      gridTemplateColumns: 'repeat(2, minmax(280px, 1fr))',\n    },\n    display: 'grid',\n    gridGap: 32,\n  },\n}))\n"],"names":[],"mappings":";;AAEO,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM;AACxD,IAAA,IAAI,EAAE;AACJ,QAAA,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;AACxB,YAAA,mBAAmB,EAAE,KAAK;AAC3B,SAAA;AACD,QAAA,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;AACtB,YAAA,mBAAmB,EAAE,+BAA+B;AACrD,SAAA;AACD,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,OAAO,EAAE,EAAE;AACZ,KAAA;AACF,CAAA,CAAC;;;;"}

package/build/esm/components/MenuSection/MenuSection.js

@@ -1,13 +1,12 @@
-import { __rest, __assign } from 'tslib';
 import React__default, { forwardRef } from 'react';
 import { Box, Typography } from '@material-ui/core';
 import { useStyles } from './MenuSectionStyles.js';
 import { Skeleton } from '@material-ui/lab';
 
-var MenuSection = forwardRef(function (props, ref) {
-    var name = props.name, children = props.children, loading = props.loading, restProps = __rest(props, ["name", "children", "loading"]);
-    var classes = useStyles();
-    return (React__default.createElement(Box, __assign({}, restProps, { ref: ref, component: 'section' }, { "data-component-type": "menu-section", style: { scrollMarginTop: '70px' } }),
+const MenuSection = forwardRef((props, ref) => {
+    const { name, children, loading, ...restProps } = props;
+    const classes = useStyles();
+    return (React__default.createElement(Box, { ...restProps, ...{ ref, component: 'section' }, "data-component-type": "menu-section", style: { scrollMarginTop: '70px' } },
         React__default.createElement(Box, { marginTop: 1, marginBottom: 4 },
             React__default.createElement(Typography, { component: "h1", className: classes.title }, loading ? React__default.createElement(Skeleton, null) : name)),
         children));

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

@@ -1 +1 @@
-{"version":3,"file":"MenuSection.js","sources":["../../../../src/components/MenuSection/MenuSection.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Box, Typography } from '@material-ui/core'\nimport { MenuSectionProps } from './MenuSectionProps'\nimport { useStyles } from './MenuSectionStyles'\nimport { Skeleton } from '@material-ui/lab'\n\nexport const MenuSection = forwardRef((props: MenuSectionProps, ref) => {\n  const { name, children, loading, ...restProps } = props\n  const classes = useStyles()\n  return (\n    <Box\n      {...restProps}\n      {...{ ref, component: 'section' }}\n      data-component-type=\"menu-section\"\n      style={{ scrollMarginTop: '70px' }}\n    >\n      <Box marginTop={1} marginBottom={4}>\n        <Typography component=\"h1\" className={classes.title}>\n          {loading ? <Skeleton /> : name}\n        </Typography>\n      </Box>\n      {children}\n    </Box>\n  )\n})\n\nMenuSection.displayName = 'MenuSection'\n"],"names":["React"],"mappings":";;;;;;IAMa,WAAW,GAAG,UAAU,CAAC,UAAC,KAAuB,EAAE,GAAG,EAAA;IACzD,IAAA,IAAI,GAAsC,KAAK,CAAA,IAA3C,EAAE,QAAQ,GAA4B,KAAK,CAAjC,QAAA,EAAE,OAAO,GAAmB,KAAK,QAAxB,EAAK,SAAS,UAAK,KAAK,EAAjD,CAAyC,MAAA,EAAA,UAAA,EAAA,SAAA,CAAA,CAAF;AAC7C,IAAA,IAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,QACEA,6BAAC,GAAG,EAAA,QAAA,CAAA,EAAA,EACE,SAAS,EACT,EAAE,GAAG,EAAA,GAAA,EAAE,SAAS,EAAE,SAAS,EAAE,EACb,EAAA,qBAAA,EAAA,cAAc,EAClC,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,EAAA,CAAA;QAElCA,cAAC,CAAA,aAAA,CAAA,GAAG,IAAC,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAA;YAChCA,cAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,SAAS,EAAC,IAAI,EAAC,SAAS,EAAE,OAAO,CAAC,KAAK,EAAA,EAChD,OAAO,GAAGA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA,CAAG,GAAG,IAAI,CACnB,CACT;QACL,QAAQ,CACL;AAEV,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"MenuSection.js","sources":["../../../../src/components/MenuSection/MenuSection.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Box, Typography } from '@material-ui/core'\nimport { MenuSectionProps } from './MenuSectionProps'\nimport { useStyles } from './MenuSectionStyles'\nimport { Skeleton } from '@material-ui/lab'\n\nexport const MenuSection = forwardRef((props: MenuSectionProps, ref) => {\n  const { name, children, loading, ...restProps } = props\n  const classes = useStyles()\n  return (\n    <Box\n      {...restProps}\n      {...{ ref, component: 'section' }}\n      data-component-type=\"menu-section\"\n      style={{ scrollMarginTop: '70px' }}\n    >\n      <Box marginTop={1} marginBottom={4}>\n        <Typography component=\"h1\" className={classes.title}>\n          {loading ? <Skeleton /> : name}\n        </Typography>\n      </Box>\n      {children}\n    </Box>\n  )\n})\n\nMenuSection.displayName = 'MenuSection'\n"],"names":["React"],"mappings":";;;;;AAMa,MAAA,WAAW,GAAG,UAAU,CAAC,CAAC,KAAuB,EAAE,GAAG,KAAI;AACrE,IAAA,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACvD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,QACEA,6BAAC,GAAG,EAAA,EAAA,GACE,SAAS,EACT,GAAA,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,EAAA,qBAAA,EACb,cAAc,EAClC,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,EAAA;QAElCA,cAAC,CAAA,aAAA,CAAA,GAAG,IAAC,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAA;YAChCA,cAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,SAAS,EAAC,IAAI,EAAC,SAAS,EAAE,OAAO,CAAC,KAAK,EAAA,EAChD,OAAO,GAAGA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA,CAAG,GAAG,IAAI,CACnB,CACT;QACL,QAAQ,CACL;AAEV,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/build/esm/components/MenuSection/MenuSectionStyles.js

@@ -1,12 +1,12 @@
 import { makeStyles } from '@material-ui/core';
 
-var useStyles = makeStyles(function () { return ({
+const useStyles = makeStyles(() => ({
     title: {
         fontWeight: 400,
         fontSize: 20,
         lineHeight: '30px',
     },
-}); });
+}));
 
 export { useStyles };
 //# sourceMappingURL=MenuSectionStyles.js.map

package/build/esm/components/MenuSection/MenuSectionStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuSectionStyles.js","sources":["../../../../src/components/MenuSection/MenuSectionStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\n\nexport const useStyles = makeStyles(() => ({\n  title: {\n    fontWeight: 400,\n    fontSize: 20,\n    lineHeight: '30px',\n  },\n}))\n"],"names":[],"mappings":";;IAEa,SAAS,GAAG,UAAU,CAAC,YAAA,EAAM,QAAC;AACzC,IAAA,KAAK,EAAE;AACL,QAAA,UAAU,EAAE,GAAG;AACf,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,UAAU,EAAE,MAAM;AACnB,KAAA;CACF,EAAC,EAAA;;;;"}
+{"version":3,"file":"MenuSectionStyles.js","sources":["../../../../src/components/MenuSection/MenuSectionStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\n\nexport const useStyles = makeStyles(() => ({\n  title: {\n    fontWeight: 400,\n    fontSize: 20,\n    lineHeight: '30px',\n  },\n}))\n"],"names":[],"mappings":";;MAEa,SAAS,GAAG,UAAU,CAAC,OAAO;AACzC,IAAA,KAAK,EAAE;AACL,QAAA,UAAU,EAAE,GAAG;AACf,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,UAAU,EAAE,MAAM;AACnB,KAAA;AACF,CAAA,CAAC;;;;"}

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

@@ -1,2 +1,2 @@
 export { MenuSection } from './MenuSection';
-export { MenuSectionProps } from './MenuSectionProps';
+export type { MenuSectionProps } from './MenuSectionProps';

package/build/esm/components/MenuSectionGroup/MenuSectionGroup.js

@@ -1,10 +1,9 @@
-import { __rest, __assign } from 'tslib';
 import React__default, { forwardRef } from 'react';
 import { Box } from '@material-ui/core';
 
-var MenuSectionGroup = forwardRef(function (props, ref) {
-    var children = props.children, restProps = __rest(props, ["children"]);
-    return (React__default.createElement(Box, __assign({ display: "flex", flexDirection: "column", gridGap: 40, marginBottom: 4 }, restProps, { ref: ref }, { "data-component-type": "menu-section-group" }), children));
+const MenuSectionGroup = forwardRef((props, ref) => {
+    const { children, ...restProps } = props;
+    return (React__default.createElement(Box, { display: "flex", flexDirection: "column", gridGap: 40, marginBottom: 4, ...restProps, ...{ ref }, "data-component-type": "menu-section-group" }, children));
 });
 MenuSectionGroup.displayName = 'MenuSectionGroup';
 

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

@@ -1 +1 @@
-{"version":3,"file":"MenuSectionGroup.js","sources":["../../../../src/components/MenuSectionGroup/MenuSectionGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Box } from '@material-ui/core'\n\nexport const MenuSectionGroup = forwardRef((props: { id: string; children: React.ReactNode }, ref) => {\n  const { children, ...restProps } = props\n  return (\n    <Box\n      display=\"flex\"\n      flexDirection=\"column\"\n      gridGap={40}\n      marginBottom={4}\n      {...restProps}\n      {...{ ref }}\n      data-component-type=\"menu-section-group\"\n    >\n      {children}\n    </Box>\n  )\n})\n\nMenuSectionGroup.displayName = 'MenuSectionGroup'\n"],"names":["React"],"mappings":";;;;IAGa,gBAAgB,GAAG,UAAU,CAAC,UAAC,KAAgD,EAAE,GAAG,EAAA;IACvF,IAAA,QAAQ,GAAmB,KAAK,CAAxB,QAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAlC,CAA0B,UAAA,CAAA,CAAF;AAC9B,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,QAAA,CAAA,EACF,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,OAAO,EAAE,EAAE,EACX,YAAY,EAAE,CAAC,EAAA,EACX,SAAS,EACT,EAAE,GAAG,EAAA,GAAA,EAAE,EAAA,EAAA,qBAAA,EACS,oBAAoB,EAAA,CAAA,EAEvC,QAAQ,CACL;AAEV,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
+{"version":3,"file":"MenuSectionGroup.js","sources":["../../../../src/components/MenuSectionGroup/MenuSectionGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Box } from '@material-ui/core'\n\nexport const MenuSectionGroup = forwardRef((props: { id: string; children: React.ReactNode }, ref) => {\n  const { children, ...restProps } = props\n  return (\n    <Box\n      display=\"flex\"\n      flexDirection=\"column\"\n      gridGap={40}\n      marginBottom={4}\n      {...restProps}\n      {...{ ref }}\n      data-component-type=\"menu-section-group\"\n    >\n      {children}\n    </Box>\n  )\n})\n\nMenuSectionGroup.displayName = 'MenuSectionGroup'\n"],"names":["React"],"mappings":";;;AAGa,MAAA,gBAAgB,GAAG,UAAU,CAAC,CAAC,KAAgD,EAAE,GAAG,KAAI;IACnG,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACxC,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,OAAO,EAAE,EAAE,EACX,YAAY,EAAE,CAAC,EACX,GAAA,SAAS,KACT,EAAE,GAAG,EAAE,EAAA,qBAAA,EACS,oBAAoB,EAAA,EAEvC,QAAQ,CACL;AAEV,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/build/esm/components/MenuTab/MenuTab.js

@@ -1,16 +1,15 @@
-import { __assign } from 'tslib';
 import React__default from 'react';
 import { Tab } from '@material-ui/core';
 import { Clock } from '@popmenu/web-icons';
 import { Icon } from '@popmenu/common-ui';
 import { useMenuTabStyles } from './MenuTab.styles.js';
 
-var MenuTab = function (props) {
-    var isUnavailable = props.isUnavailable, value = props.value;
-    var classes = useMenuTabStyles(props);
-    return (React__default.createElement(Tab, __assign({ "data-tab-for-section-id": value, classes: {
+const MenuTab = (props) => {
+    const { isUnavailable, value } = props;
+    const classes = useMenuTabStyles({ isUnavailable });
+    return (React__default.createElement(Tab, { "data-tab-for-section-id": value, classes: {
             root: classes.root,
-        }, disabled: isUnavailable, icon: isUnavailable ? React__default.createElement(Icon, { icon: Clock, size: "large" }) : undefined }, props)));
+        }, icon: isUnavailable ? React__default.createElement(Icon, { icon: Clock, size: "large" }) : undefined, ...props }));
 };
 
 export { MenuTab };

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

@@ -1 +1 @@
-{"version":3,"file":"MenuTab.js","sources":["../../../../src/components/MenuTab/MenuTab.tsx"],"sourcesContent":["import React from 'react'\nimport { Tab } from '@material-ui/core'\nimport { Clock } from '@popmenu/web-icons'\nimport { Icon } from '@popmenu/common-ui'\n\nimport { useMenuTabStyles } from './MenuTab.styles'\nimport { MenuTabProps } from './MenuTabProps'\n\nexport const MenuTab = (props: MenuTabProps) => {\n  const { isUnavailable, value } = props\n  const classes = useMenuTabStyles(props)\n\n  return (\n    <Tab\n      data-tab-for-section-id={value}\n      classes={{\n        root: classes.root,\n      }}\n      disabled={isUnavailable}\n      icon={isUnavailable ? <Icon icon={Clock} size=\"large\" /> : undefined}\n      {...props}\n    />\n  )\n}\n"],"names":["React"],"mappings":";;;;;;;AAQO,IAAM,OAAO,GAAG,UAAC,KAAmB,EAAA;IACjC,IAAA,aAAa,GAAY,KAAK,CAAA,aAAjB,EAAE,KAAK,GAAK,KAAK,CAAA,KAAV;AAC5B,IAAA,IAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC;AAEvC,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,GAAG,wCACuB,KAAK,EAC9B,OAAO,EAAE;YACP,IAAI,EAAE,OAAO,CAAC,IAAI;AACnB,SAAA,EACD,QAAQ,EAAE,aAAa,EACvB,IAAI,EAAE,aAAa,GAAGA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,EAAG,CAAA,GAAG,SAAS,EAAA,EAChE,KAAK,CAAA,CACT;AAEN;;;;"}
+{"version":3,"file":"MenuTab.js","sources":["../../../../src/components/MenuTab/MenuTab.tsx"],"sourcesContent":["import React from 'react'\nimport { Tab } from '@material-ui/core'\nimport { Clock } from '@popmenu/web-icons'\nimport { Icon } from '@popmenu/common-ui'\n\nimport { useMenuTabStyles } from './MenuTab.styles'\nimport { MenuTabProps } from './MenuTabProps'\n\nexport const MenuTab = (props: MenuTabProps) => {\n  const { isUnavailable, value } = props\n  const classes = useMenuTabStyles({ isUnavailable })\n\n  return (\n    <Tab\n      data-tab-for-section-id={value}\n      classes={{\n        root: classes.root,\n      }}\n      icon={isUnavailable ? <Icon icon={Clock} size=\"large\" /> : undefined}\n      {...props}\n    />\n  )\n}\n"],"names":["React"],"mappings":";;;;;;AAQa,MAAA,OAAO,GAAG,CAAC,KAAmB,KAAI;AAC7C,IAAA,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,KAAK;IACtC,MAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,aAAa,EAAE,CAAC;AAEnD,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,GAAG,+BACuB,KAAK,EAC9B,OAAO,EAAE;YACP,IAAI,EAAE,OAAO,CAAC,IAAI;SACnB,EACD,IAAI,EAAE,aAAa,GAAGA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,EAAA,CAAG,GAAG,SAAS,EAChE,GAAA,KAAK,EACT,CAAA;AAEN;;;;"}

package/build/esm/components/MenuTab/MenuTab.styles.d.ts

@@ -1 +1,4 @@
-export declare const useMenuTabStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<string>;
+export interface MenuTabStylesProps {
+    isUnavailable: boolean | undefined;
+}
+export declare const useMenuTabStyles: (props: MenuTabStylesProps) => import("@material-ui/styles").ClassNameMap<string>;

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

@@ -1,23 +1,18 @@
 import { makeStyles } from '@material-ui/core';
 
-var useMenuTabStyles = makeStyles(function (_a) {
-    var palette = _a.palette, spacing = _a.spacing;
-    return ({
-        root: {
-            '& > .MuiTab-wrapper': {
-                flexDirection: 'row-reverse',
-                gridGap: spacing(1),
-                textAlign: 'center',
-                '& > svg': {
-                    marginBottom: '0 !important',
-                },
+const useMenuTabStyles = makeStyles(({ palette, spacing }) => ({
+    root: ({ isUnavailable }) => ({
+        color: isUnavailable ? `${palette.grey[700]} !important` : 'inherit',
+        '& > .MuiTab-wrapper': {
+            flexDirection: 'row-reverse',
+            gridGap: spacing(1),
+            textAlign: 'center',
+            '& > svg': {
+                marginBottom: '0 !important',
             },
         },
-        isUnavailable: {
-            color: palette.grey[700],
-        },
-    });
-});
+    }),
+}));
 
 export { useMenuTabStyles };
 //# sourceMappingURL=MenuTab.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuTab.styles.js","sources":["../../../../src/components/MenuTab/MenuTab.styles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nexport const useMenuTabStyles = makeStyles<Theme>(({ palette, spacing }) => ({\n  root: {\n    '& > .MuiTab-wrapper': {\n      flexDirection: 'row-reverse',\n      gridGap: spacing(1),\n      textAlign: 'center',\n\n      '& > svg': {\n        marginBottom: '0 !important',\n      },\n    },\n  },\n  isUnavailable: {\n    color: palette.grey[700],\n  },\n}))\n"],"names":[],"mappings":";;AAEa,IAAA,gBAAgB,GAAG,UAAU,CAAQ,UAAC,EAAoB,EAAA;QAAlB,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA;AAAO,IAAA,QAAC;AAC3E,QAAA,IAAI,EAAE;AACJ,YAAA,qBAAqB,EAAE;AACrB,gBAAA,aAAa,EAAE,aAAa;AAC5B,gBAAA,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;AACnB,gBAAA,SAAS,EAAE,QAAQ;AAEnB,gBAAA,SAAS,EAAE;AACT,oBAAA,YAAY,EAAE,cAAc;AAC7B,iBAAA;AACF,aAAA;AACF,SAAA;AACD,QAAA,aAAa,EAAE;AACb,YAAA,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACzB,SAAA;KACF;AAf2E,CAe1E;;;;"}
+{"version":3,"file":"MenuTab.styles.js","sources":["../../../../src/components/MenuTab/MenuTab.styles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nexport interface MenuTabStylesProps {\n  isUnavailable: boolean | undefined\n}\nexport const useMenuTabStyles = makeStyles<Theme, MenuTabStylesProps>(({ palette, spacing }) => ({\n  root: ({ isUnavailable }) => ({\n    color: isUnavailable ? `${palette.grey[700]} !important` : 'inherit',\n    '& > .MuiTab-wrapper': {\n      flexDirection: 'row-reverse',\n      gridGap: spacing(1),\n      textAlign: 'center',\n\n      '& > svg': {\n        marginBottom: '0 !important',\n      },\n    },\n  }),\n}))\n"],"names":[],"mappings":";;AAKO,MAAM,gBAAgB,GAAG,UAAU,CAA4B,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM;IAC/F,IAAI,EAAE,CAAC,EAAE,aAAa,EAAE,MAAM;AAC5B,QAAA,KAAK,EAAE,aAAa,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA,WAAA,CAAa,GAAG,SAAS;AACpE,QAAA,qBAAqB,EAAE;AACrB,YAAA,aAAa,EAAE,aAAa;AAC5B,YAAA,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;AACnB,YAAA,SAAS,EAAE,QAAQ;AAEnB,YAAA,SAAS,EAAE;AACT,gBAAA,YAAY,EAAE,cAAc;AAC7B,aAAA;AACF,SAAA;KACF,CAAC;AACH,CAAA,CAAC;;;;"}

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

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

package/build/esm/components/MenuTabGroup/MenuTabGroup.js

@@ -1,10 +1,9 @@
-import { __rest, __assign } from 'tslib';
-import React__default from 'react';
 import { Tabs } from '@material-ui/core';
+import React__default from 'react';
 
-var MenuTabGroup = function (props) {
-    var children = props.children, muiProps = __rest(props, ["children"]);
-    return (React__default.createElement(Tabs, __assign({ scrollButtons: "on", variant: "scrollable" }, muiProps), children));
+const MenuTabGroup = (props) => {
+    const { children, ...muiProps } = props;
+    return (React__default.createElement(Tabs, { scrollButtons: "on", variant: "scrollable", ...muiProps }, children));
 };
 
 export { MenuTabGroup };

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

@@ -1 +1 @@
-{"version":3,"file":"MenuTabGroup.js","sources":["../../../../src/components/MenuTabGroup/MenuTabGroup.tsx"],"sourcesContent":["import React from 'react'\nimport { Tabs } from '@material-ui/core'\nimport { MenuTabGroupProps } from './MenuTabGroupProps'\n\nexport const MenuTabGroup = (props: MenuTabGroupProps) => {\n  const { children, ...muiProps } = props\n\n  return (\n    <Tabs scrollButtons=\"on\" variant=\"scrollable\" {...muiProps}>\n      {children}\n    </Tabs>\n  )\n}\n"],"names":["React"],"mappings":";;;;AAIO,IAAM,YAAY,GAAG,UAAC,KAAwB,EAAA;IAC3C,IAAA,QAAQ,GAAkB,KAAK,CAAvB,QAAA,EAAK,QAAQ,GAAA,MAAA,CAAK,KAAK,EAAjC,CAAyB,UAAA,CAAA,CAAF;AAE7B,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,QAAA,CAAA,EAAA,aAAa,EAAC,IAAI,EAAC,OAAO,EAAC,YAAY,EAAK,EAAA,QAAQ,GACvD,QAAQ,CACJ;AAEX;;;;"}
+{"version":3,"file":"MenuTabGroup.js","sources":["../../../../src/components/MenuTabGroup/MenuTabGroup.tsx"],"sourcesContent":["import { Tabs } from '@material-ui/core'\nimport React from 'react'\nimport { MenuTabGroupProps } from './MenuTabGroupProps'\n\nexport const MenuTabGroup = (props: MenuTabGroupProps) => {\n  const { children, ...muiProps } = props\n\n  return (\n    <Tabs scrollButtons=\"on\" variant=\"scrollable\" {...muiProps}>\n      {children}\n    </Tabs>\n  )\n}\n"],"names":["React"],"mappings":";;;AAIa,MAAA,YAAY,GAAG,CAAC,KAAwB,KAAI;IACvD,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK;AAEvC,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,aAAa,EAAC,IAAI,EAAC,OAAO,EAAC,YAAY,EAAK,GAAA,QAAQ,IACvD,QAAQ,CACJ;AAEX;;;;"}

package/build/esm/components/MenuTabGroup/MenuTabGroupProps.d.ts

@@ -1,5 +1,2 @@
-import { ChangeEvent, FormEvent } from 'react';
 import { TabsProps } from '@material-ui/core/Tabs';
-export interface MenuTabGroupProps extends Omit<TabsProps, 'onChange'> {
-    onChange: ((event: ChangeEvent<unknown>, value: number) => void) | ((event: FormEvent<HTMLButtonElement>) => void);
-}
+export declare type MenuTabGroupProps = TabsProps;

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

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

package/build/esm/components/OrderingAppContext/OrderingAppContext.js

@@ -1,15 +1,15 @@
-import React__default, { createContext, useContext, useState } from 'react';
+import React__default, { createContext, useState, useContext } from 'react';
 
-var OrderingAppContext = createContext(null);
-var useOrderingAppContext = function () {
-    var context = useContext(OrderingAppContext);
+const OrderingAppContext = createContext(null);
+const useOrderingAppContext = () => {
+    const context = useContext(OrderingAppContext);
     if (!context) {
         throw new Error('useOrderingAppContext has to be used within <OrderingAppContext.Provider>');
     }
     return context;
 };
-var OrderingAppContextProvider = function (props) {
-    var context = useState(props.defaultContext);
+const OrderingAppContextProvider = (props) => {
+    const context = useState(props.defaultContext);
     return React__default.createElement(OrderingAppContext.Provider, { value: context }, props.children);
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"OrderingAppContext.js","sources":["../../../../src/components/OrderingAppContext/OrderingAppContext.tsx"],"sourcesContent":["import React, { createContext, PropsWithChildren, useContext, useState } from 'react'\n\ntype OrderingAppContextValue = {\n  currencySymbol?: string\n  basePath: string\n  restaurantId: number\n  isCatering: boolean\n  isOrderingEvent: boolean\n  isStandard: boolean\n  orderingEventSlug?: string\n}\n\ntype OrderingAppContextType = [OrderingAppContextValue, React.Dispatch<React.SetStateAction<OrderingAppContextValue>>]\n\nexport const OrderingAppContext = createContext<OrderingAppContextType | null>(null)\n\nexport const useOrderingAppContext = () => {\n  const context = useContext(OrderingAppContext)\n\n  if (!context) {\n    throw new Error('useOrderingAppContext has to be used within <OrderingAppContext.Provider>')\n  }\n\n  return context\n}\n\ntype OrderingAppContextProviderProps = PropsWithChildren<{ defaultContext: OrderingAppContextValue }>\nexport const OrderingAppContextProvider = (props: OrderingAppContextProviderProps) => {\n  const context = useState<OrderingAppContextValue>(props.defaultContext)\n\n  return <OrderingAppContext.Provider value={context}>{props.children}</OrderingAppContext.Provider>\n}\n"],"names":["React"],"mappings":";;IAca,kBAAkB,GAAG,aAAa,CAAgC,IAAI;AAEtE,IAAA,qBAAqB,GAAG,YAAA;AACnC,IAAA,IAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC;IAE9C,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,MAAM,IAAI,KAAK,CAAC,2EAA2E,CAAC;AAC7F;AAED,IAAA,OAAO,OAAO;AAChB;AAGO,IAAM,0BAA0B,GAAG,UAAC,KAAsC,EAAA;IAC/E,IAAM,OAAO,GAAG,QAAQ,CAA0B,KAAK,CAAC,cAAc,CAAC;AAEvE,IAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,kBAAkB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,OAAO,EAAG,EAAA,KAAK,CAAC,QAAQ,CAA+B;AACpG;;;;"}
+{"version":3,"file":"OrderingAppContext.js","sources":["../../../../src/components/OrderingAppContext/OrderingAppContext.tsx"],"sourcesContent":["import React, { createContext, PropsWithChildren, useContext, useState } from 'react'\n\ntype OrderingAppContextValue = {\n  currencySymbol?: string\n  basePath: string\n  restaurantId: number\n  isCatering: boolean\n  isOrderingEvent: boolean\n  isStandard: boolean\n  orderingEventSlug?: string\n}\n\ntype OrderingAppContextType = [OrderingAppContextValue, React.Dispatch<React.SetStateAction<OrderingAppContextValue>>]\n\nexport const OrderingAppContext = createContext<OrderingAppContextType | null>(null)\n\nexport const useOrderingAppContext = () => {\n  const context = useContext(OrderingAppContext)\n\n  if (!context) {\n    throw new Error('useOrderingAppContext has to be used within <OrderingAppContext.Provider>')\n  }\n\n  return context\n}\n\ntype OrderingAppContextProviderProps = PropsWithChildren<{ defaultContext: OrderingAppContextValue }>\nexport const OrderingAppContextProvider = (props: OrderingAppContextProviderProps) => {\n  const context = useState<OrderingAppContextValue>(props.defaultContext)\n\n  return <OrderingAppContext.Provider value={context}>{props.children}</OrderingAppContext.Provider>\n}\n"],"names":["React"],"mappings":";;MAca,kBAAkB,GAAG,aAAa,CAAgC,IAAI;AAE5E,MAAM,qBAAqB,GAAG,MAAK;AACxC,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC;IAE9C,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,MAAM,IAAI,KAAK,CAAC,2EAA2E,CAAC;AAC7F;AAED,IAAA,OAAO,OAAO;AAChB;AAGa,MAAA,0BAA0B,GAAG,CAAC,KAAsC,KAAI;IACnF,MAAM,OAAO,GAAG,QAAQ,CAA0B,KAAK,CAAC,cAAc,CAAC;AAEvE,IAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,kBAAkB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,OAAO,EAAG,EAAA,KAAK,CAAC,QAAQ,CAA+B;AACpG;;;;"}

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

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { Box } from '@material-ui/core';
 
-var PageSection = function (props) { return (React__default.createElement(Box, { p: 4, borderBottom: "1px solid #E0E0E0" }, props.children)); };
+const PageSection = (props) => (React__default.createElement(Box, { p: 4, borderBottom: "1px solid #E0E0E0" }, props.children));
 
 export { PageSection };
 //# sourceMappingURL=PageSection.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageSection.js","sources":["../../../../src/components/PageSection/PageSection.tsx"],"sourcesContent":["import React from 'react'\nimport { Box } from '@material-ui/core'\n\nexport const PageSection = (props: { children: React.ReactNode }) => (\n  <Box p={4} borderBottom=\"1px solid #E0E0E0\">\n    {props.children}\n  </Box>\n)\n"],"names":["React"],"mappings":";;;AAGa,IAAA,WAAW,GAAG,UAAC,KAAoC,EAAA,EAAK,QACnEA,cAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,CAAC,EAAE,CAAC,EAAE,YAAY,EAAC,mBAAmB,EACxC,EAAA,KAAK,CAAC,QAAQ,CACX,EAH6D;;;;"}
+{"version":3,"file":"PageSection.js","sources":["../../../../src/components/PageSection/PageSection.tsx"],"sourcesContent":["import React from 'react'\nimport { Box } from '@material-ui/core'\n\nexport const PageSection = (props: { children: React.ReactNode }) => (\n  <Box p={4} borderBottom=\"1px solid #E0E0E0\">\n    {props.children}\n  </Box>\n)\n"],"names":["React"],"mappings":";;;AAGa,MAAA,WAAW,GAAG,CAAC,KAAoC,MAC9DA,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,CAAC,EAAE,CAAC,EAAE,YAAY,EAAC,mBAAmB,EACxC,EAAA,KAAK,CAAC,QAAQ,CACX;;;;"}

package/build/esm/components/QuantityPicker/QuantityPicker.js

@@ -4,26 +4,25 @@ import { MinusCircle, PlusCircle } from '@popmenu/web-icons';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { useQuantityPickerStyles, useQuantityInputStyles, useStartAdornmentStyles, useEndAdornmentStyles } from './QuantityPicker.styles.js';
 
-var QuantityPicker = function (_a) {
-    var value = _a.value, onChange = _a.onChange, disabled = _a.disabled, preventManualChange = _a.preventManualChange, disableIncrement = _a.disableIncrement, variation = _a.variation, name = _a.name, _b = _a.min, min = _b === void 0 ? 1 : _b, _c = _a.max, max = _c === void 0 ? 99 : _c;
-    var fieldClasses = useQuantityPickerStyles();
-    var inputClasses = useQuantityInputStyles({ variation: variation, value: value });
-    var startAdornmentClasses = useStartAdornmentStyles({ variation: variation, value: value });
-    var endAdornmentClasses = useEndAdornmentStyles({ variation: variation, value: value });
-    var inputRef = useRef(null);
-    var _d = useState(false), shouldSelect = _d[0], setShouldSelect = _d[1];
-    var onIncrement = function (event) {
+const QuantityPicker = ({ value, onChange, disabled, preventManualChange, disableIncrement, variation, name, min = 1, max = 99, }) => {
+    const fieldClasses = useQuantityPickerStyles();
+    const inputClasses = useQuantityInputStyles({ variation, value });
+    const startAdornmentClasses = useStartAdornmentStyles({ variation, value });
+    const endAdornmentClasses = useEndAdornmentStyles({ variation, value });
+    const inputRef = useRef(null);
+    const [shouldSelect, setShouldSelect] = useState(false);
+    const onIncrement = (event) => {
         onChange(event, { quantity: value + 1, reason: 'increment' });
     };
-    var onDecrement = function (event) {
+    const onDecrement = (event) => {
         onChange(event, { quantity: value - 1, reason: 'decrement' });
     };
-    var handleChange = function (event) {
+    const handleChange = (event) => {
         if (preventManualChange) {
             event.preventDefault();
             return;
         }
-        var newValue = parseInt(event.target.value, 10);
+        let newValue = parseInt(event.target.value, 10);
         if (isNaN(newValue)) {
             newValue = min;
             setShouldSelect(true);
@@ -38,7 +37,7 @@ var QuantityPicker = function (_a) {
             newValue = max;
         onChange(event, { quantity: newValue, reason: 'change' });
     };
-    useEffect(function () {
+    useEffect(() => {
         if (shouldSelect && inputRef.current) {
             inputRef.current.focus();
             inputRef.current.select();
@@ -48,13 +47,13 @@ var QuantityPicker = function (_a) {
     return (React__default.createElement(TextField, { classes: fieldClasses, type: "number", variant: variation === 'itemCount' ? 'filled' : 'standard', value: value, disabled: disabled, onChange: handleChange, inputRef: inputRef, InputProps: {
             classes: inputClasses,
             disableUnderline: true,
-            endAdornment: (React__default.createElement(IconButton, { "aria-label": "increase quantity " + name, className: endAdornmentClasses.root, color: "default", onClick: onIncrement, disabled: disabled || value >= max || disableIncrement },
+            endAdornment: (React__default.createElement(IconButton, { "aria-label": `increase quantity ${name}`, className: endAdornmentClasses.root, color: "default", onClick: onIncrement, disabled: disabled || value >= max || disableIncrement },
                 React__default.createElement(Icon, { icon: PlusCircle }))),
-            startAdornment: (React__default.createElement(IconButton, { "aria-label": "decrease quantity " + name, className: startAdornmentClasses.root, color: "default", onClick: onDecrement, disabled: disabled || value <= min },
+            startAdornment: (React__default.createElement(IconButton, { "aria-label": `decrease quantity ${name}`, className: startAdornmentClasses.root, color: "default", onClick: onDecrement, disabled: disabled || value <= min },
                 React__default.createElement(Icon, { icon: MinusCircle }))),
         }, inputProps: {
-            min: min,
-            max: max,
+            min,
+            max,
         } }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"QuantityPicker.js","sources":["../../../../src/components/QuantityPicker/QuantityPicker.tsx"],"sourcesContent":["import { TextField } from '@material-ui/core'\nimport { Icon, IconButton } from '@popmenu/common-ui'\nimport { MinusCircle, PlusCircle } from '@popmenu/web-icons'\nimport React, { ChangeEvent, MouseEventHandler, useEffect, useRef, useState } from 'react'\n\nimport {\n  useEndAdornmentStyles,\n  useQuantityInputStyles,\n  useQuantityPickerStyles,\n  useStartAdornmentStyles,\n} from './QuantityPicker.styles'\nimport { QuantityPickerProps } from './QuantityPickerProps'\n\nexport const QuantityPicker = ({\n  value,\n  onChange,\n  disabled,\n  preventManualChange,\n  disableIncrement,\n  variation,\n  name,\n  min = 1,\n  max = 99,\n}: QuantityPickerProps): JSX.Element => {\n  const fieldClasses = useQuantityPickerStyles()\n  const inputClasses = useQuantityInputStyles({ variation, value })\n  const startAdornmentClasses = useStartAdornmentStyles({ variation, value })\n  const endAdornmentClasses = useEndAdornmentStyles({ variation, value })\n\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [shouldSelect, setShouldSelect] = useState(false)\n\n  const onIncrement: MouseEventHandler<HTMLButtonElement> = (event) => {\n    onChange(event, { quantity: value + 1, reason: 'increment' })\n  }\n\n  const onDecrement: MouseEventHandler<HTMLButtonElement> = (event) => {\n    onChange(event, { quantity: value - 1, reason: 'decrement' })\n  }\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (preventManualChange) {\n      event.preventDefault()\n      return\n    }\n    let newValue = parseInt(event.target.value, 10)\n\n    if (isNaN(newValue)) {\n      newValue = min\n      setShouldSelect(true)\n    } else {\n      setShouldSelect(false)\n    }\n\n    // Clamp value between min and max\n    if (newValue < min) newValue = min\n    if (newValue > max) newValue = max\n\n    onChange(event, { quantity: newValue, reason: 'change' })\n  }\n\n  useEffect(() => {\n    if (shouldSelect && inputRef.current) {\n      inputRef.current.focus()\n      inputRef.current.select()\n      setShouldSelect(false)\n    }\n  }, [shouldSelect, value])\n\n  return (\n    <TextField\n      classes={fieldClasses}\n      type=\"number\"\n      variant={variation === 'itemCount' ? 'filled' : 'standard'}\n      value={value}\n      disabled={disabled}\n      onChange={handleChange}\n      inputRef={inputRef}\n      InputProps={{\n        classes: inputClasses,\n        disableUnderline: true,\n        endAdornment: (\n          <IconButton\n            aria-label={`increase quantity ${name}`}\n            className={endAdornmentClasses.root}\n            color=\"default\"\n            onClick={onIncrement}\n            disabled={disabled || value >= max || disableIncrement}\n          >\n            <Icon icon={PlusCircle} />\n          </IconButton>\n        ),\n        startAdornment: (\n          <IconButton\n            aria-label={`decrease quantity ${name}`}\n            className={startAdornmentClasses.root}\n            color=\"default\"\n            onClick={onDecrement}\n            disabled={disabled || value <= min}\n          >\n            <Icon icon={MinusCircle} />\n          </IconButton>\n        ),\n      }}\n      inputProps={{\n        min,\n        max,\n      }}\n    />\n  )\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"QuantityPicker.js","sources":["../../../../src/components/QuantityPicker/QuantityPicker.tsx"],"sourcesContent":["import { TextField } from '@material-ui/core'\nimport { Icon, IconButton } from '@popmenu/common-ui'\nimport { MinusCircle, PlusCircle } from '@popmenu/web-icons'\nimport React, { ChangeEvent, MouseEventHandler, useEffect, useRef, useState } from 'react'\n\nimport {\n  useEndAdornmentStyles,\n  useQuantityInputStyles,\n  useQuantityPickerStyles,\n  useStartAdornmentStyles,\n} from './QuantityPicker.styles'\nimport { QuantityPickerProps } from './QuantityPickerProps'\n\nexport const QuantityPicker = ({\n  value,\n  onChange,\n  disabled,\n  preventManualChange,\n  disableIncrement,\n  variation,\n  name,\n  min = 1,\n  max = 99,\n}: QuantityPickerProps): JSX.Element => {\n  const fieldClasses = useQuantityPickerStyles()\n  const inputClasses = useQuantityInputStyles({ variation, value })\n  const startAdornmentClasses = useStartAdornmentStyles({ variation, value })\n  const endAdornmentClasses = useEndAdornmentStyles({ variation, value })\n\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [shouldSelect, setShouldSelect] = useState(false)\n\n  const onIncrement: MouseEventHandler<HTMLButtonElement> = (event) => {\n    onChange(event, { quantity: value + 1, reason: 'increment' })\n  }\n\n  const onDecrement: MouseEventHandler<HTMLButtonElement> = (event) => {\n    onChange(event, { quantity: value - 1, reason: 'decrement' })\n  }\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (preventManualChange) {\n      event.preventDefault()\n      return\n    }\n    let newValue = parseInt(event.target.value, 10)\n\n    if (isNaN(newValue)) {\n      newValue = min\n      setShouldSelect(true)\n    } else {\n      setShouldSelect(false)\n    }\n\n    // Clamp value between min and max\n    if (newValue < min) newValue = min\n    if (newValue > max) newValue = max\n\n    onChange(event, { quantity: newValue, reason: 'change' })\n  }\n\n  useEffect(() => {\n    if (shouldSelect && inputRef.current) {\n      inputRef.current.focus()\n      inputRef.current.select()\n      setShouldSelect(false)\n    }\n  }, [shouldSelect, value])\n\n  return (\n    <TextField\n      classes={fieldClasses}\n      type=\"number\"\n      variant={variation === 'itemCount' ? 'filled' : 'standard'}\n      value={value}\n      disabled={disabled}\n      onChange={handleChange}\n      inputRef={inputRef}\n      InputProps={{\n        classes: inputClasses,\n        disableUnderline: true,\n        endAdornment: (\n          <IconButton\n            aria-label={`increase quantity ${name}`}\n            className={endAdornmentClasses.root}\n            color=\"default\"\n            onClick={onIncrement}\n            disabled={disabled || value >= max || disableIncrement}\n          >\n            <Icon icon={PlusCircle} />\n          </IconButton>\n        ),\n        startAdornment: (\n          <IconButton\n            aria-label={`decrease quantity ${name}`}\n            className={startAdornmentClasses.root}\n            color=\"default\"\n            onClick={onDecrement}\n            disabled={disabled || value <= min}\n          >\n            <Icon icon={MinusCircle} />\n          </IconButton>\n        ),\n      }}\n      inputProps={{\n        min,\n        max,\n      }}\n    />\n  )\n}\n"],"names":["React"],"mappings":"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"}

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

@@ -1,17 +1,17 @@
 import { makeStyles } from '@material-ui/core';
 
-var useQuantityPickerStyles = makeStyles(function (theme) { return ({
+const useQuantityPickerStyles = makeStyles((theme) => ({
     root: {
         height: theme.spacing(7),
         backgroundColor: 'none',
     },
-}); });
-var useQuantityInputStyles = makeStyles(function (theme) { return ({
+}));
+const useQuantityInputStyles = makeStyles((theme) => ({
     root: {
         height: '100%',
         width: 'min-content',
         borderRadius: theme.spacing(12.5),
-        background: function (props) { return (props.variation === 'modifierCount' ? 'unset' : theme.palette.grey[100]); },
+        background: (props) => (props.variation === 'modifierCount' ? 'unset' : theme.palette.grey[100]),
     },
     input: {
         '&::-webkit-clear-button, &::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {
@@ -21,26 +21,26 @@ var useQuantityInputStyles = makeStyles(function (theme) { return ({
         fontWeight: 600,
         padding: 0,
         textAlign: 'center',
-        zIndex: function (props) { return (props.value === 0 && props.variation === 'modifierCount' ? -1 : 1); },
-        backgroundColor: function (props) { return (props.variation === 'modifierCount' ? theme.palette.grey[100] : 'unset'); },
-        alignSelf: function (props) { return (props.variation === 'modifierCount' ? 'stretch' : 'unset'); },
-        height: function (props) { return (props.variation === 'modifierCount' ? 'auto' : 'unset'); },
-        minWidth: function (props) { return (props.variation === 'modifierCount' ? theme.spacing(5) : theme.spacing(2.75)); },
-        borderRadius: function (props) { return (props.variation === 'modifierCount' ? theme.spacing(1) : 'unset'); },
-        margin: function (props) { return (props.variation === 'modifierCount' ? theme.spacing(0.5, 0) : 0); },
+        zIndex: (props) => (props.value === 0 && props.variation === 'modifierCount' ? -1 : 1),
+        backgroundColor: (props) => (props.variation === 'modifierCount' ? theme.palette.grey[100] : 'unset'),
+        alignSelf: (props) => (props.variation === 'modifierCount' ? 'stretch' : 'unset'),
+        height: (props) => (props.variation === 'modifierCount' ? 'auto' : 'unset'),
+        minWidth: (props) => (props.variation === 'modifierCount' ? theme.spacing(5) : theme.spacing(2.75)),
+        borderRadius: (props) => (props.variation === 'modifierCount' ? theme.spacing(1) : 'unset'),
+        margin: (props) => (props.variation === 'modifierCount' ? theme.spacing(0.5, 0) : 0),
     },
-}); });
-var useStartAdornmentStyles = makeStyles(function (theme) { return ({
+}));
+const useStartAdornmentStyles = makeStyles((theme) => ({
     root: {
         color: theme.palette.text.primary,
-        zIndex: function (props) { return (props.value === 0 && props.variation === 'modifierCount' ? -1 : 1); },
+        zIndex: (props) => (props.value === 0 && props.variation === 'modifierCount' ? -1 : 1),
     },
-}); });
-var useEndAdornmentStyles = makeStyles(function (theme) { return ({
+}));
+const useEndAdornmentStyles = makeStyles((theme) => ({
     root: {
         color: theme.palette.text.primary,
     },
-}); });
+}));
 
 export { useEndAdornmentStyles, useQuantityInputStyles, useQuantityPickerStyles, useStartAdornmentStyles };
 //# sourceMappingURL=QuantityPicker.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"QuantityPicker.styles.js","sources":["../../../../src/components/QuantityPicker/QuantityPicker.styles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { QuantityPickerProps } from './QuantityPickerProps'\n\nexport const useQuantityPickerStyles = makeStyles((theme) => ({\n  root: {\n    height: theme.spacing(7),\n    backgroundColor: 'none',\n  },\n}))\n\nexport const useQuantityInputStyles = makeStyles<Theme, Pick<QuantityPickerProps, 'variation' | 'value'>>((theme) => ({\n  root: {\n    height: '100%',\n    width: 'min-content',\n    borderRadius: theme.spacing(12.5),\n    background: (props) => (props.variation === 'modifierCount' ? 'unset' : theme.palette.grey[100]),\n  },\n  input: {\n    '&::-webkit-clear-button, &::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\n      display: 'none',\n    },\n    '-moz-appearance': 'textfield',\n    fontWeight: 600,\n    padding: 0,\n    textAlign: 'center',\n    zIndex: (props) => (props.value === 0 && props.variation === 'modifierCount' ? -1 : 1),\n    backgroundColor: (props) => (props.variation === 'modifierCount' ? theme.palette.grey[100] : 'unset'),\n    alignSelf: (props) => (props.variation === 'modifierCount' ? 'stretch' : 'unset'),\n    height: (props) => (props.variation === 'modifierCount' ? 'auto' : 'unset'),\n    minWidth: (props) => (props.variation === 'modifierCount' ? theme.spacing(5) : theme.spacing(2.75)),\n    borderRadius: (props) => (props.variation === 'modifierCount' ? theme.spacing(1) : 'unset'),\n    margin: (props) => (props.variation === 'modifierCount' ? theme.spacing(0.5, 0) : 0),\n  },\n}))\n\nexport const useStartAdornmentStyles = makeStyles<Theme, Pick<QuantityPickerProps, 'variation' | 'value'>>((theme) => ({\n  root: {\n    color: theme.palette.text.primary,\n    zIndex: (props) => (props.value === 0 && props.variation === 'modifierCount' ? -1 : 1),\n  },\n}))\n\nexport const useEndAdornmentStyles = makeStyles<Theme, Pick<QuantityPickerProps, 'variation' | 'value'>>((theme) => ({\n  root: {\n    color: theme.palette.text.primary,\n  },\n}))\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"QuantityPicker.styles.js","sources":["../../../../src/components/QuantityPicker/QuantityPicker.styles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { QuantityPickerProps } from './QuantityPickerProps'\n\nexport const useQuantityPickerStyles = makeStyles((theme) => ({\n  root: {\n    height: theme.spacing(7),\n    backgroundColor: 'none',\n  },\n}))\n\nexport const useQuantityInputStyles = makeStyles<Theme, Pick<QuantityPickerProps, 'variation' | 'value'>>((theme) => ({\n  root: {\n    height: '100%',\n    width: 'min-content',\n    borderRadius: theme.spacing(12.5),\n    background: (props) => (props.variation === 'modifierCount' ? 'unset' : theme.palette.grey[100]),\n  },\n  input: {\n    '&::-webkit-clear-button, &::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\n      display: 'none',\n    },\n    '-moz-appearance': 'textfield',\n    fontWeight: 600,\n    padding: 0,\n    textAlign: 'center',\n    zIndex: (props) => (props.value === 0 && props.variation === 'modifierCount' ? -1 : 1),\n    backgroundColor: (props) => (props.variation === 'modifierCount' ? theme.palette.grey[100] : 'unset'),\n    alignSelf: (props) => (props.variation === 'modifierCount' ? 'stretch' : 'unset'),\n    height: (props) => (props.variation === 'modifierCount' ? 'auto' : 'unset'),\n    minWidth: (props) => (props.variation === 'modifierCount' ? theme.spacing(5) : theme.spacing(2.75)),\n    borderRadius: (props) => (props.variation === 'modifierCount' ? theme.spacing(1) : 'unset'),\n    margin: (props) => (props.variation === 'modifierCount' ? theme.spacing(0.5, 0) : 0),\n  },\n}))\n\nexport const useStartAdornmentStyles = makeStyles<Theme, Pick<QuantityPickerProps, 'variation' | 'value'>>((theme) => ({\n  root: {\n    color: theme.palette.text.primary,\n    zIndex: (props) => (props.value === 0 && props.variation === 'modifierCount' ? -1 : 1),\n  },\n}))\n\nexport const useEndAdornmentStyles = makeStyles<Theme, Pick<QuantityPickerProps, 'variation' | 'value'>>((theme) => ({\n  root: {\n    color: theme.palette.text.primary,\n  },\n}))\n"],"names":[],"mappings":";;AAGa,MAAA,uBAAuB,GAAG,UAAU,CAAC,CAAC,KAAK,MAAM;AAC5D,IAAA,IAAI,EAAE;AACJ,QAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACxB,QAAA,eAAe,EAAE,MAAM;AACxB,KAAA;AACF,CAAA,CAAC;AAEW,MAAA,sBAAsB,GAAG,UAAU,CAA0D,CAAC,KAAK,MAAM;AACpH,IAAA,IAAI,EAAE;AACJ,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,KAAK,EAAE,aAAa;AACpB,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QACjC,UAAU,EAAE,CAAC,KAAK,MAAM,KAAK,CAAC,SAAS,KAAK,eAAe,GAAG,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACjG,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,qFAAqF,EAAE;AACrF,YAAA,OAAO,EAAE,MAAM;AAChB,SAAA;AACD,QAAA,iBAAiB,EAAE,WAAW;AAC9B,QAAA,UAAU,EAAE,GAAG;AACf,QAAA,OAAO,EAAE,CAAC;AACV,QAAA,SAAS,EAAE,QAAQ;QACnB,MAAM,EAAE,CAAC,KAAK,MAAM,KAAK,CAAC,KAAK,KAAK,CAAC,IAAI,KAAK,CAAC,SAAS,KAAK,eAAe,GAAG,EAAE,GAAG,CAAC,CAAC;QACtF,eAAe,EAAE,CAAC,KAAK,MAAM,KAAK,CAAC,SAAS,KAAK,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC;QACrG,SAAS,EAAE,CAAC,KAAK,MAAM,KAAK,CAAC,SAAS,KAAK,eAAe,GAAG,SAAS,GAAG,OAAO,CAAC;QACjF,MAAM,EAAE,CAAC,KAAK,MAAM,KAAK,CAAC,SAAS,KAAK,eAAe,GAAG,MAAM,GAAG,OAAO,CAAC;AAC3E,QAAA,QAAQ,EAAE,CAAC,KAAK,MAAM,KAAK,CAAC,SAAS,KAAK,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACnG,YAAY,EAAE,CAAC,KAAK,MAAM,KAAK,CAAC,SAAS,KAAK,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC;QAC3F,MAAM,EAAE,CAAC,KAAK,MAAM,KAAK,CAAC,SAAS,KAAK,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;AACrF,KAAA;AACF,CAAA,CAAC;AAEW,MAAA,uBAAuB,GAAG,UAAU,CAA0D,CAAC,KAAK,MAAM;AACrH,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACjC,MAAM,EAAE,CAAC,KAAK,MAAM,KAAK,CAAC,KAAK,KAAK,CAAC,IAAI,KAAK,CAAC,SAAS,KAAK,eAAe,GAAG,EAAE,GAAG,CAAC,CAAC;AACvF,KAAA;AACF,CAAA,CAAC;AAEW,MAAA,qBAAqB,GAAG,UAAU,CAA0D,CAAC,KAAK,MAAM;AACnH,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;AAClC,KAAA;AACF,CAAA,CAAC;;;;"}

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

@@ -1,2 +1,2 @@
-export { QuantityPicker as default } from './QuantityPicker';
-export { QuantityPickerProps, QuantityChangeEvent } from './QuantityPickerProps';
+export { QuantityPicker } from './QuantityPicker';
+export type { QuantityChangeEvent, QuantityPickerProps } from './QuantityPickerProps';

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

@@ -1,16 +1,13 @@
 import { withStyles, Radio as Radio$1 } from '@material-ui/core';
 
-var Radio = withStyles(function (_a) {
-    var palette = _a.palette;
-    return ({
-        checked: {},
-        root: {
-            '&$checked': {
-                color: palette.info.main,
-            },
+const Radio = withStyles(({ palette }) => ({
+    checked: {},
+    root: {
+        '&$checked': {
+            color: palette.info.main,
         },
-    });
-})(Radio$1);
+    },
+}))(Radio$1);
 
 export { Radio };
 //# sourceMappingURL=Radio.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import { Radio as MuiRadio, withStyles } from '@material-ui/core'\n\nexport const Radio = withStyles(({ palette }) => ({\n  checked: {},\n  root: {\n    '&$checked': {\n      color: palette.info.main,\n    },\n  },\n}))(MuiRadio)\n"],"names":["MuiRadio"],"mappings":";;AAEa,IAAA,KAAK,GAAG,UAAU,CAAC,UAAC,EAAW,EAAA;AAAT,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA;AAAO,IAAA,QAAC;AAChD,QAAA,OAAO,EAAE,EAAE;AACX,QAAA,IAAI,EAAE;AACJ,YAAA,WAAW,EAAE;AACX,gBAAA,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;AACzB,aAAA;AACF,SAAA;KACF;AAPgD,CAO/C,CAAC,CAACA,OAAQ;;;;"}
+{"version":3,"file":"Radio.js","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import { Radio as MuiRadio, withStyles } from '@material-ui/core'\n\nexport const Radio = withStyles(({ palette }) => ({\n  checked: {},\n  root: {\n    '&$checked': {\n      color: palette.info.main,\n    },\n  },\n}))(MuiRadio)\n"],"names":["MuiRadio"],"mappings":";;AAEO,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM;AAChD,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,IAAI,EAAE;AACJ,QAAA,WAAW,EAAE;AACX,YAAA,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;AACzB,SAAA;AACF,KAAA;AACF,CAAA,CAAC,CAAC,CAACA,OAAQ;;;;"}

package/build/esm/components/ReactionCounter/ReactionCounter.js

@@ -1,8 +1,8 @@
 import React__default from 'react';
 import { Box, Icon, Typography } from '@popmenu/common-ui';
 
-var ReactionCounter = function (props) {
-    var count = props.count, icon = props.icon, label = props.label;
+const ReactionCounter = (props) => {
+    const { count, icon, label } = props;
     return (React__default.createElement(Box, { display: "flex", alignItems: "center", gridGap: 6, color: "grey.900" },
         React__default.createElement(Icon, { icon: icon, size: "large", color: "inherit", "aria-label": label }),
         React__default.createElement(Typography, { variant: "body2", color: "grey.900" }, count)));