@popmenu/ordering-ui 0.126.6 → 0.127.1

package/build/esm/components/MenuItem/MenuItemReactions.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemReactions.js","sources":["../../../../src/components/MenuItem/MenuItemReactions.tsx"],"sourcesContent":["import React from 'react'\nimport { Heart, Reviews } from '@popmenu/web-icons'\n\nimport { MenuItemProps } from './MenuItemProps'\nimport ReactionCounter from '../ReactionCounter'\nimport ReactionCounterGroup from '../ReactionCounterGroup'\n\nexport const MenuItemReactions = (props: Pick<MenuItemProps, 'likeCount' | 'reviewCount'>) => {\n  const { likeCount, reviewCount } = props\n  const showLikes = likeCount ? likeCount > 0 : false\n  const showReviews = reviewCount ? reviewCount > 0 : false\n  return (\n    <ReactionCounterGroup>\n      {showLikes && <ReactionCounter icon={Heart} count={likeCount ?? 0} label=\"likes\" />}\n      {showReviews && <ReactionCounter icon={Reviews} count={reviewCount ?? 0} label=\"reviews\" />}\n    </ReactionCounterGroup>\n  )\n}\n"],"names":["React"],"mappings":";;;;;AAOO,IAAM,iBAAiB,GAAG,UAAC,KAAuD,EAAA;IAC/E,IAAA,SAAS,GAAkB,KAAK,CAAA,SAAvB,EAAE,WAAW,GAAK,KAAK,CAAA,WAAV;AAC9B,IAAA,IAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,CAAC,GAAG,KAAK;AACnD,IAAA,IAAM,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,CAAC,GAAG,KAAK;IACzD,QACEA,6BAAC,oBAAoB,EAAA,IAAA;QAClB,SAAS,IAAIA,6BAAC,eAAe,EAAA,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,KAAT,IAAA,IAAA,SAAS,cAAT,SAAS,GAAI,CAAC,EAAE,KAAK,EAAC,OAAO,EAAG,CAAA;QAClF,WAAW,IAAIA,cAAC,CAAA,aAAA,CAAA,eAAe,EAAC,EAAA,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,KAAA,IAAA,IAAX,WAAW,KAAX,MAAA,GAAA,WAAW,GAAI,CAAC,EAAE,KAAK,EAAC,SAAS,EAAA,CAAG,CACtE;AAE3B;;;;"}
+{"version":3,"file":"MenuItemReactions.js","sources":["../../../../src/components/MenuItem/MenuItemReactions.tsx"],"sourcesContent":["import { Heart, Reviews } from '@popmenu/web-icons'\nimport React from 'react'\n\nimport { ReactionCounter } from '../ReactionCounter'\nimport { ReactionCounterGroup } from '../ReactionCounterGroup'\nimport { MenuItemProps } from './MenuItemProps'\n\nexport const MenuItemReactions = (props: Pick<MenuItemProps, 'likeCount' | 'reviewCount'>) => {\n  const { likeCount, reviewCount } = props\n  const showLikes = likeCount ? likeCount > 0 : false\n  const showReviews = reviewCount ? reviewCount > 0 : false\n  return (\n    <ReactionCounterGroup>\n      {showLikes && <ReactionCounter icon={Heart} count={likeCount ?? 0} label=\"likes\" />}\n      {showReviews && <ReactionCounter icon={Reviews} count={reviewCount ?? 0} label=\"reviews\" />}\n    </ReactionCounterGroup>\n  )\n}\n"],"names":["React"],"mappings":";;;;;AAOa,MAAA,iBAAiB,GAAG,CAAC,KAAuD,KAAI;AAC3F,IAAA,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,KAAK;AACxC,IAAA,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,CAAC,GAAG,KAAK;AACnD,IAAA,MAAM,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,CAAC,GAAG,KAAK;IACzD,QACEA,6BAAC,oBAAoB,EAAA,IAAA;AAClB,QAAA,SAAS,IAAIA,cAAC,CAAA,aAAA,CAAA,eAAe,EAAC,EAAA,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,IAAI,CAAC,EAAE,KAAK,EAAC,OAAO,EAAG,CAAA;QAClF,WAAW,IAAIA,6BAAC,eAAe,EAAA,EAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,IAAI,CAAC,EAAE,KAAK,EAAC,SAAS,EAAG,CAAA,CACtE;AAE3B;;;;"}

package/build/esm/components/MenuItem/MenuItemTags.d.ts

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

package/build/esm/components/MenuItem/MenuItemTags.js

@@ -2,9 +2,9 @@ import React__default from 'react';
 import { ItemTag } from '../ItemTag/ItemTag.js';
 import { ItemTagGroup } from '../ItemTagGroup/ItemTagGroup.js';
 
-var MenuItemTags = function (props) {
-    var itemTags = props.itemTags;
-    return (React__default.createElement(ItemTagGroup, null, itemTags === null || itemTags === void 0 ? void 0 : itemTags.slice(0, 5).map(function (itemTag) { return (React__default.createElement(ItemTag, { key: itemTag.name, alt: itemTag.name, color: itemTag.color }, itemTag.abbr)); })));
+const MenuItemTags = (props) => {
+    const { itemTags } = props;
+    return (React__default.createElement(ItemTagGroup, null, itemTags?.slice(0, 5).map((itemTag) => (React__default.createElement(ItemTag, { key: itemTag.name, alt: itemTag.name, color: itemTag.color }, itemTag.abbr)))));
 };
 
 export { MenuItemTags };

package/build/esm/components/MenuItem/MenuItemTags.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemTags.js","sources":["../../../../src/components/MenuItem/MenuItemTags.tsx"],"sourcesContent":["import React from 'react'\n\nimport ItemTag from '../ItemTag'\nimport ItemTagGroup from '../ItemTagGroup'\nimport { MenuItemProps } from './MenuItemProps'\n\nexport const MenuItemTags = (props: Pick<MenuItemProps, 'itemTags'>) => {\n  const { itemTags } = props\n  return (\n    <ItemTagGroup>\n      {itemTags?.slice(0, 5).map((itemTag) => (\n        <ItemTag key={itemTag.name} alt={itemTag.name} color={itemTag.color}>\n          {itemTag.abbr}\n        </ItemTag>\n      ))}\n    </ItemTagGroup>\n  )\n}\n"],"names":["React"],"mappings":";;;;AAMO,IAAM,YAAY,GAAG,UAAC,KAAsC,EAAA;AACzD,IAAA,IAAA,QAAQ,GAAK,KAAK,CAAA,QAAV;IAChB,QACEA,cAAC,CAAA,aAAA,CAAA,YAAY,EACV,IAAA,EAAA,QAAQ,aAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAE,CAAA,GAAG,CAAC,UAAC,OAAO,EAAA,EAAK,QACtCA,cAAC,CAAA,aAAA,CAAA,OAAO,EAAC,EAAA,GAAG,EAAE,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAA,EAChE,OAAO,CAAC,IAAI,CACL,EACX,EAAA,CAAC,CACW;AAEnB;;;;"}
+{"version":3,"file":"MenuItemTags.js","sources":["../../../../src/components/MenuItem/MenuItemTags.tsx"],"sourcesContent":["import React from 'react'\n\nimport { ItemTag } from '../ItemTag'\nimport { ItemTagGroup } from '../ItemTagGroup'\nimport { MenuItemProps } from './MenuItemProps'\n\nexport const MenuItemTags = (props: Pick<MenuItemProps, 'itemTags'>) => {\n  const { itemTags } = props\n  return (\n    <ItemTagGroup>\n      {itemTags?.slice(0, 5).map((itemTag) => (\n        <ItemTag key={itemTag.name} alt={itemTag.name} color={itemTag.color}>\n          {itemTag.abbr}\n        </ItemTag>\n      ))}\n    </ItemTagGroup>\n  )\n}\n"],"names":["React"],"mappings":";;;;AAMa,MAAA,YAAY,GAAG,CAAC,KAAsC,KAAI;AACrE,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK;IAC1B,QACEA,6BAAC,YAAY,EAAA,IAAA,EACV,QAAQ,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,MACjCA,cAAC,CAAA,aAAA,CAAA,OAAO,EAAC,EAAA,GAAG,EAAE,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAChE,EAAA,OAAO,CAAC,IAAI,CACL,CACX,CAAC,CACW;AAEnB;;;;"}

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

@@ -1,2 +1,2 @@
 export { MenuItem } from './MenuItem';
-export { MenuItemProps } from './MenuItemProps';
+export type { MenuItemProps } from './MenuItemProps';

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

@@ -1,5 +1,5 @@
 import React from 'react';
 export declare const MenuItemGroup: React.ForwardRefExoticComponent<{
     children: React.ReactNode;
-    className?: string | undefined;
+    className?: string;
 } & React.RefAttributes<unknown>>;

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;IACnD,QACEA,cAAC,CAAA,aAAA,CAAA,GAAG,EACF,EAAA,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EACxC,GAAG,EACW,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,EACP,GAAG,EAAE,SAAS,EAAE,SAAS,EACX,qBAAA,EAAA,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/MenuSectionProps.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@material-ui/core';
 export interface MenuSectionProps extends BoxProps {
     /** when true, will render a skeleton in place of the section title */

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,EAAA,GACX,SAAS,EACP,GAAG,EAAA,qBAAA,EACW,oBAAoB,EAAA,EAEvC,QAAQ,CACL;AAEV,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

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

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

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(props);
+    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)));
+        }, disabled: isUnavailable, 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(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":";;;;;;AAQa,MAAA,OAAO,GAAG,CAAC,KAAmB,KAAI;AAC7C,IAAA,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,KAAK;AACtC,IAAA,MAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC;AAEvC,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,GAAG,+BACuB,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,GAChE,KAAK,EAAA,CACT;AAEN;;;;"}

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

@@ -1,23 +1,20 @@
 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: {
+        '& > .MuiTab-wrapper': {
+            flexDirection: 'row-reverse',
+            gridGap: spacing(1),
+            textAlign: 'center',
+            '& > svg': {
+                marginBottom: '0 !important',
             },
         },
-        isUnavailable: {
-            color: palette.grey[700],
-        },
-    });
-});
+    },
+    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 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":";;AAEO,MAAM,gBAAgB,GAAG,UAAU,CAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM;AAC3E,IAAA,IAAI,EAAE;AACJ,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;AACF,KAAA;AACD,IAAA,aAAa,EAAE;AACb,QAAA,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACzB,KAAA;AACF,CAAA,CAAC;;;;"}

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

@@ -1,4 +1,4 @@
 import { TabProps } from '@material-ui/core/Tab';
-export declare type MenuTabProps = TabProps & {
+export type MenuTabProps = TabProps & {
     isUnavailable: boolean;
 };

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.d.ts

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

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 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.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-declare type OrderingAppContextValue = {
+type OrderingAppContextValue = {
     currencySymbol?: string;
     basePath: string;
     restaurantId: number;
@@ -8,10 +8,10 @@ declare type OrderingAppContextValue = {
     isStandard: boolean;
     orderingEventSlug?: string;
 };
-declare type OrderingAppContextType = [OrderingAppContextValue, React.Dispatch<React.SetStateAction<OrderingAppContextValue>>];
+type OrderingAppContextType = [OrderingAppContextValue, React.Dispatch<React.SetStateAction<OrderingAppContextValue>>];
 export declare const OrderingAppContext: React.Context<OrderingAppContextType | null>;
 export declare const useOrderingAppContext: () => OrderingAppContextType;
-declare type OrderingAppContextProviderProps = PropsWithChildren<{
+type OrderingAppContextProviderProps = PropsWithChildren<{
     defaultContext: OrderingAppContextValue;
 }>;
 export declare const OrderingAppContextProvider: (props: OrderingAppContextProviderProps) => JSX.Element;

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;;AAG9F,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.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { QuantityPickerProps } from './QuantityPickerProps';
-export declare const QuantityPicker: (props: QuantityPickerProps) => JSX.Element;
+export declare const QuantityPicker: ({ value, onChange, disabled, preventManualChange, disableIncrement, variation, name, min, max, }: QuantityPickerProps) => JSX.Element;

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

@@ -1,36 +1,59 @@
-import React__default from 'react';
 import { TextField } from '@material-ui/core';
-import { MinusCircle, PlusCircle } from '@popmenu/web-icons';
 import { IconButton, Icon } from '@popmenu/common-ui';
+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 (props) {
-    var value = props.value, onChange = props.onChange, disabled = props.disabled, disableIncrement = props.disableIncrement, preventManualChange = props.preventManualChange, variation = props.variation, name = props.name;
-    var fieldClasses = useQuantityPickerStyles();
-    var inputClasses = useQuantityInputStyles(props);
-    var startAdornmentClasses = useStartAdornmentStyles(props);
-    var endAdornmentClasses = useEndAdornmentStyles(props);
-    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;
         }
-        if (!preventManualChange) {
-            onChange(event, { quantity: parseInt(event.target.value), reason: 'change' });
+        let newValue = parseInt(event.target.value, 10);
+        if (isNaN(newValue)) {
+            newValue = min;
+            setShouldSelect(true);
         }
+        else {
+            setShouldSelect(false);
+        }
+        // Clamp value between min and max
+        if (newValue < min)
+            newValue = min;
+        if (newValue > max)
+            newValue = max;
+        onChange(event, { quantity: newValue, reason: 'change' });
     };
-    return (React__default.createElement(TextField, { classes: fieldClasses, type: "number", variant: variation === 'itemCount' ? 'filled' : 'standard', value: value, disabled: disabled, onChange: handleChange, InputProps: {
+    useEffect(() => {
+        if (shouldSelect && inputRef.current) {
+            inputRef.current.focus();
+            inputRef.current.select();
+            setShouldSelect(false);
+        }
+    }, [shouldSelect, value]);
+    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 || 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 <= 0 },
+            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,
+            max,
         } }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"QuantityPicker.js","sources":["../../../../src/components/QuantityPicker/QuantityPicker.tsx"],"sourcesContent":["import React, { ChangeEvent, MouseEventHandler } from 'react'\nimport { TextField } from '@material-ui/core'\nimport { PlusCircle, MinusCircle } from '@popmenu/web-icons'\nimport { Icon, IconButton } from '@popmenu/common-ui'\n\nimport { QuantityPickerProps } from './QuantityPickerProps'\nimport {\n  useQuantityPickerStyles,\n  useQuantityInputStyles,\n  useStartAdornmentStyles,\n  useEndAdornmentStyles,\n} from './QuantityPicker.styles'\n\nexport const QuantityPicker = (props: QuantityPickerProps): JSX.Element => {\n  const { value, onChange, disabled, disableIncrement, preventManualChange, variation, name } = props\n  const fieldClasses = useQuantityPickerStyles()\n  const inputClasses = useQuantityInputStyles(props)\n  const startAdornmentClasses = useStartAdornmentStyles(props)\n  const endAdornmentClasses = useEndAdornmentStyles(props)\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    }\n    if (!preventManualChange) {\n      onChange(event, { quantity: parseInt(event.target.value), reason: 'change' })\n    }\n  }\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      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 || 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 <= 0}\n          >\n            <Icon icon={MinusCircle} />\n          </IconButton>\n        ),\n      }}\n    />\n  )\n}\n"],"names":["React"],"mappings":";;;;;;AAaO,IAAM,cAAc,GAAG,UAAC,KAA0B,EAAA;AAC/C,IAAA,IAAA,KAAK,GAAiF,KAAK,CAAA,KAAtF,EAAE,QAAQ,GAAuE,KAAK,CAAA,QAA5E,EAAE,QAAQ,GAA6D,KAAK,CAAA,QAAlE,EAAE,gBAAgB,GAA2C,KAAK,CAAA,gBAAhD,EAAE,mBAAmB,GAAsB,KAAK,oBAA3B,EAAE,SAAS,GAAW,KAAK,UAAhB,EAAE,IAAI,GAAK,KAAK,KAAV;AACzF,IAAA,IAAM,YAAY,GAAG,uBAAuB,EAAE;AAC9C,IAAA,IAAM,YAAY,GAAG,sBAAsB,CAAC,KAAK,CAAC;AAClD,IAAA,IAAM,qBAAqB,GAAG,uBAAuB,CAAC,KAAK,CAAC;AAC5D,IAAA,IAAM,mBAAmB,GAAG,qBAAqB,CAAC,KAAK,CAAC;IAExD,IAAM,WAAW,GAAyC,UAAC,KAAK,EAAA;AAC9D,QAAA,QAAQ,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC;AAC/D,KAAC;IAED,IAAM,WAAW,GAAyC,UAAC,KAAK,EAAA;AAC9D,QAAA,QAAQ,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC;AAC/D,KAAC;IAED,IAAM,YAAY,GAAG,UAAC,KAAoC,EAAA;AACxD,QAAA,IAAI,mBAAmB,EAAE;YACvB,KAAK,CAAC,cAAc,EAAE;AACvB;QACD,IAAI,CAAC,mBAAmB,EAAE;YACxB,QAAQ,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;AAC9E;AACH,KAAC;AAED,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,SAAS,EACR,EAAA,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,SAAS,KAAK,WAAW,GAAG,QAAQ,GAAG,UAAU,EAC1D,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAE;AACV,YAAA,OAAO,EAAE,YAAY;AACrB,YAAA,gBAAgB,EAAE,IAAI;YACtB,YAAY,GACVA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAA,YAAA,EACG,oBAAqB,GAAA,IAAM,EACvC,SAAS,EAAE,mBAAmB,CAAC,IAAI,EACnC,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,IAAI,gBAAgB,EAAA;AAEtC,gBAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAE,UAAU,EAAA,CAAI,CACf,CACd;AACD,YAAA,cAAc,GACZA,cAAC,CAAA,aAAA,CAAA,UAAU,EACG,EAAA,YAAA,EAAA,oBAAA,GAAqB,IAAM,EACvC,SAAS,EAAE,qBAAqB,CAAC,IAAI,EACrC,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,IAAI,KAAK,IAAI,CAAC,EAAA;AAEhC,gBAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAE,WAAW,EAAA,CAAI,CAChB,CACd;AACF,SAAA,EAAA,CACD;AAEN;;;;"}
+{"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":";;;;;;AAaO,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,EAChB,SAAS,EACT,IAAI,EACJ,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,EAAE,GACY,KAAiB;AACrC,IAAA,MAAM,YAAY,GAAG,uBAAuB,EAAE;IAC9C,MAAM,YAAY,GAAG,sBAAsB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;IACjE,MAAM,qBAAqB,GAAG,uBAAuB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;IAC3E,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AAEvE,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC;IAC/C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAEvD,IAAA,MAAM,WAAW,GAAyC,CAAC,KAAK,KAAI;AAClE,QAAA,QAAQ,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC;AAC/D,KAAC;AAED,IAAA,MAAM,WAAW,GAAyC,CAAC,KAAK,KAAI;AAClE,QAAA,QAAQ,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC;AAC/D,KAAC;AAED,IAAA,MAAM,YAAY,GAAG,CAAC,KAAoC,KAAI;QAC5D,IAAI,mBAAmB,EAAE;YACvB,KAAK,CAAC,cAAc,EAAE;YACtB;;AAEF,QAAA,IAAI,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC;AAE/C,QAAA,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAE;YACnB,QAAQ,GAAG,GAAG;YACd,eAAe,CAAC,IAAI,CAAC;;aAChB;YACL,eAAe,CAAC,KAAK,CAAC;;;QAIxB,IAAI,QAAQ,GAAG,GAAG;YAAE,QAAQ,GAAG,GAAG;QAClC,IAAI,QAAQ,GAAG,GAAG;YAAE,QAAQ,GAAG,GAAG;AAElC,QAAA,QAAQ,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;AAC3D,KAAC;IAED,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,YAAY,IAAI,QAAQ,CAAC,OAAO,EAAE;AACpC,YAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE;AACxB,YAAA,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE;YACzB,eAAe,CAAC,KAAK,CAAC;;AAE1B,KAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;AAEzB,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,SAAS,IACR,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,SAAS,KAAK,WAAW,GAAG,QAAQ,GAAG,UAAU,EAC1D,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE;AACV,YAAA,OAAO,EAAE,YAAY;AACrB,YAAA,gBAAgB,EAAE,IAAI;AACtB,YAAA,YAAY,GACVA,cAAC,CAAA,aAAA,CAAA,UAAU,EACG,EAAA,YAAA,EAAA,CAAA,kBAAA,EAAqB,IAAI,CAAA,CAAE,EACvC,SAAS,EAAE,mBAAmB,CAAC,IAAI,EACnC,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,IAAI,KAAK,IAAI,GAAG,IAAI,gBAAgB,EAAA;AAEtD,gBAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAE,UAAU,EAAA,CAAI,CACf,CACd;AACD,YAAA,cAAc,GACZA,cAAC,CAAA,aAAA,CAAA,UAAU,EACG,EAAA,YAAA,EAAA,CAAA,kBAAA,EAAqB,IAAI,CAAA,CAAE,EACvC,SAAS,EAAE,qBAAqB,CAAC,IAAI,EACrC,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,IAAI,KAAK,IAAI,GAAG,EAAA;AAElC,gBAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAE,WAAW,EAAA,CAAI,CAChB,CACd;AACF,SAAA,EACD,UAAU,EAAE;YACV,GAAG;YACH,GAAG;AACJ,SAAA,EAAA,CACD;AAEN;;;;"}

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

@@ -1,5 +1,5 @@
 import { QuantityPickerProps } from './QuantityPickerProps';
 export declare const useQuantityPickerStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root">;
-export declare const useQuantityInputStyles: (props: QuantityPickerProps) => import("@material-ui/styles").ClassNameMap<string>;
-export declare const useStartAdornmentStyles: (props: QuantityPickerProps) => import("@material-ui/styles").ClassNameMap<string>;
-export declare const useEndAdornmentStyles: (props: QuantityPickerProps) => import("@material-ui/styles").ClassNameMap<string>;
+export declare const useQuantityInputStyles: (props: Pick<QuantityPickerProps, "value" | "variation">) => import("@material-ui/styles").ClassNameMap<string>;
+export declare const useStartAdornmentStyles: (props: Pick<QuantityPickerProps, "value" | "variation">) => import("@material-ui/styles").ClassNameMap<string>;
+export declare const useEndAdornmentStyles: (props: Pick<QuantityPickerProps, "value" | "variation">) => import("@material-ui/styles").ClassNameMap<string>;