@popmenu/ordering-ui 0.126.0 → 0.126.2

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

@@ -0,0 +1,12 @@
+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));
+});
+MenuSectionGroup.displayName = 'MenuSectionGroup';
+
+export { MenuSectionGroup };
+//# sourceMappingURL=MenuSectionGroup.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1 @@
+export { MenuSectionGroup } from './MenuSectionGroup';

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

@@ -0,0 +1,18 @@
+import React, { PropsWithChildren } from 'react';
+declare type OrderingAppContextValue = {
+    currencySymbol?: string;
+    basePath: string;
+    restaurantId: number;
+    isCatering: boolean;
+    isOrderingEvent: boolean;
+    isStandard: boolean;
+    orderingEventSlug?: string;
+};
+declare 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<{
+    defaultContext: OrderingAppContextValue;
+}>;
+export declare const OrderingAppContextProvider: (props: OrderingAppContextProviderProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,17 @@
+import React__default, { createContext, useContext, useState } from 'react';
+
+var OrderingAppContext = createContext(null);
+var useOrderingAppContext = function () {
+    var 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);
+    return React__default.createElement(OrderingAppContext.Provider, { value: context }, props.children);
+};
+
+export { OrderingAppContext, OrderingAppContextProvider, useOrderingAppContext };
+//# sourceMappingURL=OrderingAppContext.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1 @@
+export { OrderingAppContext, useOrderingAppContext, OrderingAppContextProvider } from './OrderingAppContext';

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const PageSection: (props: {
+    children: React.ReactNode;
+}) => JSX.Element;

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

@@ -0,0 +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)); };
+
+export { PageSection };
+//# sourceMappingURL=PageSection.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1 @@
+export { PageSection } from './PageSection';

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

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

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

@@ -0,0 +1,38 @@
+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 { 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) {
+        onChange(event, { quantity: value + 1, reason: 'increment' });
+    };
+    var onDecrement = function (event) {
+        onChange(event, { quantity: value - 1, reason: 'decrement' });
+    };
+    var handleChange = function (event) {
+        if (preventManualChange) {
+            event.preventDefault();
+        }
+        if (!preventManualChange) {
+            onChange(event, { quantity: parseInt(event.target.value), reason: 'change' });
+        }
+    };
+    return (React__default.createElement(TextField, { classes: fieldClasses, type: "number", variant: variation === 'itemCount' ? 'filled' : 'standard', value: value, disabled: disabled, onChange: handleChange, 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 },
+                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 },
+                React__default.createElement(Icon, { icon: MinusCircle }))),
+        } }));
+};
+
+export { QuantityPicker };
+//# sourceMappingURL=QuantityPicker.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +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>;

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

@@ -0,0 +1,46 @@
+import { makeStyles } from '@material-ui/core';
+
+var useQuantityPickerStyles = makeStyles(function (theme) { return ({
+    root: {
+        height: theme.spacing(7),
+        backgroundColor: 'none',
+    },
+}); });
+var useQuantityInputStyles = makeStyles(function (theme) { return ({
+    root: {
+        height: '100%',
+        width: 'min-content',
+        borderRadius: theme.spacing(12.5),
+        background: function (props) { return (props.variation === 'modifierCount' ? 'unset' : theme.palette.grey[100]); },
+    },
+    input: {
+        '&::-webkit-clear-button, &::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {
+            display: 'none',
+        },
+        '-moz-appearance': 'textfield',
+        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); },
+    },
+}); });
+var useStartAdornmentStyles = makeStyles(function (theme) { return ({
+    root: {
+        color: theme.palette.text.primary,
+        zIndex: function (props) { return (props.value === 0 && props.variation === 'modifierCount' ? -1 : 1); },
+    },
+}); });
+var useEndAdornmentStyles = makeStyles(function (theme) { return ({
+    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

@@ -0,0 +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, QuantityPickerProps>((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, QuantityPickerProps>((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, QuantityPickerProps>((theme) => ({\n  root: {\n    color: theme.palette.text.primary,\n  },\n}))\n"],"names":[],"mappings":";;AAGa,IAAA,uBAAuB,GAAG,UAAU,CAAC,UAAC,KAAK,EAAK,EAAA,QAAC;AAC5D,IAAA,IAAI,EAAE;AACJ,QAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACxB,QAAA,eAAe,EAAE,MAAM;AACxB,KAAA;CACF,EAAC,EAAA;AAEW,IAAA,sBAAsB,GAAG,UAAU,CAA6B,UAAC,KAAK,EAAK,EAAA,QAAC;AACvF,IAAA,IAAI,EAAE;AACJ,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,KAAK,EAAE,aAAa;AACpB,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;AACjC,QAAA,UAAU,EAAE,UAAC,KAAK,EAAA,EAAK,QAAC,KAAK,CAAC,SAAS,KAAK,eAAe,GAAG,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAC,EAAA;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;AACnB,QAAA,MAAM,EAAE,UAAC,KAAK,EAAA,EAAK,QAAC,KAAK,CAAC,KAAK,KAAK,CAAC,IAAI,KAAK,CAAC,SAAS,KAAK,eAAe,GAAG,EAAE,GAAG,CAAC,EAAC,EAAA;AACtF,QAAA,eAAe,EAAE,UAAC,KAAK,EAAA,EAAK,QAAC,KAAK,CAAC,SAAS,KAAK,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,OAAO,EAAC,EAAA;QACrG,SAAS,EAAE,UAAC,KAAK,EAAA,EAAK,QAAC,KAAK,CAAC,SAAS,KAAK,eAAe,GAAG,SAAS,GAAG,OAAO,EAAC,EAAA;QACjF,MAAM,EAAE,UAAC,KAAK,EAAA,EAAK,QAAC,KAAK,CAAC,SAAS,KAAK,eAAe,GAAG,MAAM,GAAG,OAAO,EAAC,EAAA;AAC3E,QAAA,QAAQ,EAAE,UAAC,KAAK,EAAA,EAAK,QAAC,KAAK,CAAC,SAAS,KAAK,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAC;QACnG,YAAY,EAAE,UAAC,KAAK,EAAK,EAAA,QAAC,KAAK,CAAC,SAAS,KAAK,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,EAAC,EAAA;AAC3F,QAAA,MAAM,EAAE,UAAC,KAAK,EAAA,EAAK,QAAC,KAAK,CAAC,SAAS,KAAK,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,EAAC,EAAA;AACrF,KAAA;CACF,EAAC,EAAA;AAEW,IAAA,uBAAuB,GAAG,UAAU,CAA6B,UAAC,KAAK,EAAK,EAAA,QAAC;AACxF,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;AACjC,QAAA,MAAM,EAAE,UAAC,KAAK,EAAA,EAAK,QAAC,KAAK,CAAC,KAAK,KAAK,CAAC,IAAI,KAAK,CAAC,SAAS,KAAK,eAAe,GAAG,EAAE,GAAG,CAAC,EAAC,EAAA;AACvF,KAAA;CACF,EAAC,EAAA;AAEW,IAAA,qBAAqB,GAAG,UAAU,CAA6B,UAAC,KAAK,EAAK,EAAA,QAAC;AACtF,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;AAClC,KAAA;CACF,EAAC,EAAA;;;;"}

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

@@ -0,0 +1,21 @@
+import React, { ChangeEvent } from 'react';
+export declare type QuantityChangeEvent = {
+    quantity: number;
+    reason: string;
+};
+export interface QuantityPickerProps {
+    /** Callback for when the quantity is increased or decreased for the parent form  */
+    onChange: (event: ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>, change: QuantityChangeEvent) => void;
+    /** the quantity represented by the picker */
+    value: number;
+    /** determines if picker is active */
+    disabled?: boolean;
+    /** limits the quantity picker from increasing the value */
+    disableIncrement?: boolean;
+    /** prevents a uer from typing a new value, forcing them to use the increment/decrement buttons */
+    preventManualChange?: boolean;
+    /** indicates how the quantity picker will be used and changes styles accordingly */
+    variation: 'itemCount' | 'modifierCount';
+    /** name of the modifier the quantity picker is assigned to */
+    name: string;
+}

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

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

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Radio: import("react").ComponentType<Pick<import("@material-ui/core").RadioProps, "className" | "style" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "form" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "disableFocusRipple" | "size" | "action" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "checked" | "readOnly" | "required" | "icon" | "edge" | "inputProps" | "inputRef" | "checkedIcon"> & import("@material-ui/core").StyledComponentProps<"root" | "checked">>;

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

@@ -0,0 +1,16 @@
+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,
+            },
+        },
+    });
+})(Radio$1);
+
+export { Radio };
+//# sourceMappingURL=Radio.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1 @@
+export { Radio } from './Radio';

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

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

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

@@ -0,0 +1,12 @@
+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;
+    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)));
+};
+
+export { ReactionCounter };
+//# sourceMappingURL=ReactionCounter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionCounter.js","sources":["../../../../src/components/ReactionCounter/ReactionCounter.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Icon, Typography } from '@popmenu/common-ui'\nimport { ReactionCounterProps } from './ReactionCounterProps'\n\nexport const ReactionCounter = (props: ReactionCounterProps) => {\n  const { count, icon, label } = props\n\n  return (\n    <Box display=\"flex\" alignItems=\"center\" gridGap={6} color=\"grey.900\">\n      <Icon icon={icon} size=\"large\" color=\"inherit\" aria-label={label} />\n      <Typography variant=\"body2\" color=\"grey.900\">\n        {count}\n      </Typography>\n    </Box>\n  )\n}\n"],"names":["React"],"mappings":";;;AAIO,IAAM,eAAe,GAAG,UAAC,KAA2B,EAAA;AACjD,IAAA,IAAA,KAAK,GAAkB,KAAK,CAAA,KAAvB,EAAE,IAAI,GAAY,KAAK,CAAA,IAAjB,EAAE,KAAK,GAAK,KAAK,MAAV;AAE1B,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAC,UAAU,EAAA;AAClE,QAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAA,YAAA,EAAa,KAAK,EAAI,CAAA;AACpE,QAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,UAAU,EACzC,EAAA,KAAK,CACK,CACT;AAEV;;;;"}

package/build/esm/components/ReactionCounter/ReactionCounterProps.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ReactionCounterProps {
+    count: number;
+    icon: string | React.FC<React.SVGProps<SVGSVGElement>>;
+    label: string;
+}

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

@@ -0,0 +1,2 @@
+export { ReactionCounter as default } from './ReactionCounter';
+export { ReactionCounterProps } from './ReactionCounterProps';

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

@@ -0,0 +1,4 @@
+import { HTMLAttributes, PropsWithChildren } from 'react';
+declare type ReactionCounterGroupProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
+export declare const ReactionCounterGroup: (props: ReactionCounterGroupProps) => JSX.Element;
+export {};

package/build/esm/components/ReactionCounterGroup/ReactionCounterGroup.js

@@ -0,0 +1,10 @@
+import React__default from 'react';
+import { Box } from '@popmenu/common-ui';
+
+var ReactionCounterGroup = function (props) {
+    var children = props.children;
+    return (React__default.createElement(Box, { display: "flex", gridGap: 16 }, children));
+};
+
+export { ReactionCounterGroup };
+//# sourceMappingURL=ReactionCounterGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionCounterGroup.js","sources":["../../../../src/components/ReactionCounterGroup/ReactionCounterGroup.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\nimport { Box } from '@popmenu/common-ui'\n\ntype ReactionCounterGroupProps = PropsWithChildren<HTMLAttributes<HTMLElement>>\n\nexport const ReactionCounterGroup = (props: ReactionCounterGroupProps) => {\n  const { children } = props\n\n  return (\n    <Box display=\"flex\" gridGap={16}>\n      {children}\n    </Box>\n  )\n}\n"],"names":["React"],"mappings":";;;AAKO,IAAM,oBAAoB,GAAG,UAAC,KAAgC,EAAA;AAC3D,IAAA,IAAA,QAAQ,GAAK,KAAK,CAAA,QAAV;AAEhB,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,EAAE,EAAA,EAC5B,QAAQ,CACL;AAEV;;;;"}

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

@@ -0,0 +1 @@
+export { ReactionCounterGroup as default } from './ReactionCounterGroup';

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

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

package/build/esm/components/SelectableChip/SelectableChip.js

@@ -0,0 +1,15 @@
+import { __assign } from 'tslib';
+import { Tab } from '@material-ui/core';
+import React__default from 'react';
+import { useSelectableChipStyles } from './SelectableChip.styles.js';
+
+var SelectableChip = function (props) {
+    var classes = useSelectableChipStyles(props);
+    return (React__default.createElement(Tab, __assign({ "data-tab-for-section-id": props.value, classes: {
+            root: classes.root,
+            selected: classes.selected,
+        } }, props)));
+};
+
+export { SelectableChip };
+//# sourceMappingURL=SelectableChip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableChip.js","sources":["../../../../src/components/SelectableChip/SelectableChip.tsx"],"sourcesContent":["import { Tab } from '@material-ui/core'\nimport React from 'react'\n\nimport { useSelectableChipStyles } from './SelectableChip.styles'\nimport { SelectableChipProps } from './SelectableChipProps'\n\nexport const SelectableChip = (props: SelectableChipProps) => {\n  const classes = useSelectableChipStyles(props)\n\n  return (\n    <Tab\n      data-tab-for-section-id={props.value}\n      classes={{\n        root: classes.root,\n        selected: classes.selected,\n      }}\n      {...props}\n    />\n  )\n}\n"],"names":["React"],"mappings":";;;;;AAMO,IAAM,cAAc,GAAG,UAAC,KAA0B,EAAA;AACvD,IAAA,IAAM,OAAO,GAAG,uBAAuB,CAAC,KAAK,CAAC;IAE9C,QACEA,6BAAC,GAAG,EAAA,QAAA,CAAA,EAAA,yBAAA,EACuB,KAAK,CAAC,KAAK,EACpC,OAAO,EAAE;YACP,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,QAAQ,EAAE,OAAO,CAAC,QAAQ;SAC3B,EACG,EAAA,KAAK,CACT,CAAA;AAEN;;;;"}

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

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

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

@@ -0,0 +1,34 @@
+import { makeStyles } from '@material-ui/core';
+
+var useSelectableChipStyles = makeStyles(function (theme) { return ({
+    root: {
+        border: '2px solid',
+        borderColor: theme.palette.grey[100],
+        borderRadius: '50px',
+        backgroundColor: theme.palette.grey[100],
+        color: theme.palette.grey[900],
+        padding: theme.spacing(1, 2),
+        fontSize: '0.875rem',
+        fontWeight: 400,
+        minWidth: 'unset',
+        minHeight: 'unset',
+        opacity: 'unset',
+        textTransform: 'none',
+        textAlign: 'left',
+        '&::-webkit-scrollbar': {
+            display: 'none',
+        },
+        '&.Mui-selected': {
+            backgroundColor: theme.palette.grey[100],
+            borderColor: '#0A202F',
+            color: theme.palette.grey[900],
+            fontWeight: 400,
+            '&:hover': {
+                background: theme.palette.grey[100],
+            },
+        },
+    },
+}); });
+
+export { useSelectableChipStyles };
+//# sourceMappingURL=SelectableChip.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableChip.styles.js","sources":["../../../../src/components/SelectableChip/SelectableChip.styles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { SelectableChipProps } from './SelectableChipProps'\n\nexport const useSelectableChipStyles = makeStyles<Theme, SelectableChipProps>((theme) => ({\n  root: {\n    border: '2px solid',\n    borderColor: theme.palette.grey[100],\n    borderRadius: '50px',\n    backgroundColor: theme.palette.grey[100],\n    color: theme.palette.grey[900],\n    padding: theme.spacing(1, 2),\n    fontSize: '0.875rem',\n    fontWeight: 400,\n    minWidth: 'unset',\n    minHeight: 'unset',\n    opacity: 'unset',\n    textTransform: 'none',\n    textAlign: 'left',\n    '&::-webkit-scrollbar': {\n      display: 'none',\n    },\n\n    '&.Mui-selected': {\n      backgroundColor: theme.palette.grey[100],\n      borderColor: '#0A202F',\n      color: theme.palette.grey[900],\n      fontWeight: 400,\n      '&:hover': {\n        background: theme.palette.grey[100],\n      },\n    },\n  },\n}))\n"],"names":[],"mappings":";;AAGa,IAAA,uBAAuB,GAAG,UAAU,CAA6B,UAAC,KAAK,EAAK,EAAA,QAAC;AACxF,IAAA,IAAI,EAAE;AACJ,QAAA,MAAM,EAAE,WAAW;QACnB,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpC,QAAA,YAAY,EAAE,MAAM;QACpB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QACxC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;AAC5B,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,UAAU,EAAE,GAAG;AACf,QAAA,QAAQ,EAAE,OAAO;AACjB,QAAA,SAAS,EAAE,OAAO;AAClB,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,aAAa,EAAE,MAAM;AACrB,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,sBAAsB,EAAE;AACtB,YAAA,OAAO,EAAE,MAAM;AAChB,SAAA;AAED,QAAA,gBAAgB,EAAE;YAChB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACxC,YAAA,WAAW,EAAE,SAAS;YACtB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC9B,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,SAAS,EAAE;gBACT,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpC,aAAA;AACF,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}

package/build/esm/components/SelectableChip/SelectableChipProps.d.ts

@@ -0,0 +1,2 @@
+import { TabProps } from '@material-ui/core';
+export declare type SelectableChipProps = TabProps;

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

@@ -0,0 +1,2 @@
+export { SelectableChip as default } from './SelectableChip';
+export { SelectableChipProps } from './SelectableChipProps';

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

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

package/build/esm/components/SelectableChipGroup/SelectableChipGroup.js

@@ -0,0 +1,15 @@
+import { __rest, __assign } from 'tslib';
+import React__default from 'react';
+import { Tabs } from '@material-ui/core';
+import { useSelectableChipGroupStyles } from './SelectableChipGroup.styles.js';
+
+var SelectableChipGroup = function (props) {
+    var children = props.children, muiProps = __rest(props, ["children"]);
+    var classes = useSelectableChipGroupStyles(props);
+    return (React__default.createElement(Tabs, __assign({ TabIndicatorProps: {
+            hidden: true,
+        }, variant: "scrollable", scrollButtons: "off", classes: classes }, muiProps), children));
+};
+
+export { SelectableChipGroup };
+//# sourceMappingURL=SelectableChipGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableChipGroup.js","sources":["../../../../src/components/SelectableChipGroup/SelectableChipGroup.tsx"],"sourcesContent":["import React from 'react'\nimport { Tabs } from '@material-ui/core'\nimport { SelectableChipGroupProps } from './SelectableChipGroupProps'\nimport { useSelectableChipGroupStyles } from './SelectableChipGroup.styles'\n\nexport const SelectableChipGroup = (props: SelectableChipGroupProps) => {\n  const { children, ...muiProps } = props\n  const classes = useSelectableChipGroupStyles(props)\n\n  return (\n    <Tabs\n      TabIndicatorProps={{\n        hidden: true,\n      }}\n      variant=\"scrollable\"\n      scrollButtons=\"off\"\n      classes={classes}\n      {...muiProps}\n    >\n      {children}\n    </Tabs>\n  )\n}\n"],"names":["React"],"mappings":";;;;;AAKO,IAAM,mBAAmB,GAAG,UAAC,KAA+B,EAAA;IACzD,IAAA,QAAQ,GAAkB,KAAK,CAAvB,QAAA,EAAK,QAAQ,GAAA,MAAA,CAAK,KAAK,EAAjC,CAAyB,UAAA,CAAA,CAAF;AAC7B,IAAA,IAAM,OAAO,GAAG,4BAA4B,CAAC,KAAK,CAAC;AAEnD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EACH,iBAAiB,EAAE;AACjB,YAAA,MAAM,EAAE,IAAI;AACb,SAAA,EACD,OAAO,EAAC,YAAY,EACpB,aAAa,EAAC,KAAK,EACnB,OAAO,EAAE,OAAO,EACZ,EAAA,QAAQ,GAEX,QAAQ,CACJ;AAEX;;;;"}

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

@@ -0,0 +1 @@
+export declare const useSelectableChipGroupStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<string>;

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

@@ -0,0 +1,21 @@
+import { makeStyles } from '@material-ui/core';
+
+var useSelectableChipGroupStyles = makeStyles(function (_a) {
+    var _b;
+    var breakpoints = _a.breakpoints, spacing = _a.spacing;
+    return ({
+        flexContainer: (_b = {},
+            _b[breakpoints.down('md')] = {
+                padding: spacing(0, 2),
+            },
+            _b[breakpoints.up('lg')] = {
+                alignItems: 'flex-start',
+                flexDirection: 'column',
+            },
+            _b.gridGap = spacing(1.5),
+            _b),
+    });
+});
+
+export { useSelectableChipGroupStyles };
+//# sourceMappingURL=SelectableChipGroup.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableChipGroup.styles.js","sources":["../../../../src/components/SelectableChipGroup/SelectableChipGroup.styles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nexport const useSelectableChipGroupStyles = makeStyles<Theme>(({ breakpoints, spacing }) => ({\n  flexContainer: {\n    [breakpoints.down('md')]: {\n      padding: spacing(0, 2),\n    },\n    [breakpoints.up('lg')]: {\n      alignItems: 'flex-start',\n      flexDirection: 'column',\n    },\n    gridGap: spacing(1.5),\n  },\n}))\n"],"names":[],"mappings":";;AAEa,IAAA,4BAA4B,GAAG,UAAU,CAAQ,UAAC,EAAwB,EAAA;;QAAtB,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA;AAAO,IAAA,QAAC;QAC3F,aAAa,GAAA,EAAA,GAAA,EAAA;AACX,YAAA,EAAA,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAG,GAAA;AACxB,gBAAA,OAAO,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;AACvB,aAAA;AACD,YAAA,EAAA,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAG,GAAA;AACtB,gBAAA,UAAU,EAAE,YAAY;AACxB,gBAAA,aAAa,EAAE,QAAQ;AACxB,aAAA;AACD,YAAA,EAAA,CAAA,OAAO,GAAE,OAAO,CAAC,GAAG,CAAC;AACtB,YAAA,EAAA,CAAA;KACF;AAX2F,CAW1F;;;;"}

package/build/esm/components/SelectableChipGroup/SelectableChipGroupProps.d.ts

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

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

@@ -0,0 +1,2 @@
+export { SelectableChipGroup as default } from './SelectableChipGroup';
+export { SelectableChipGroupProps } from './SelectableChipGroupProps';

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

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

package/build/esm/components/SelectedMenuFiltersList/SelectedMenuFiltersList.js

@@ -0,0 +1,33 @@
+import React__default from 'react';
+import { makeStyles, Chip, Typography } from '@material-ui/core';
+import { XCircle } from '@popmenu/web-icons';
+import { ItemTag } from '../ItemTag/ItemTag.js';
+import { Icon } from '@popmenu/common-ui';
+
+var useStyles = makeStyles(function (_a) {
+    var spacing = _a.spacing;
+    return ({
+        root: {
+            padding: spacing(0.5, 0),
+            height: 'unset',
+            borderRadius: 4,
+        },
+        label: {
+            paddingLeft: 8,
+            display: 'flex',
+            gridGap: 8,
+            alignItems: 'center',
+        },
+    });
+});
+var SelectedMenuFiltersList = function (props) {
+    var filters = props.filters, onChipClick = props.onChipClick;
+    var classes = useStyles();
+    return (React__default.createElement(React__default.Fragment, null, filters.map(function (filter, index) { return (React__default.createElement(Chip, { key: filter.name + "-" + index, classes: classes, onClick: function (event) { return onChipClick(filter, event); }, label: React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(ItemTag, { alt: filter.abbr, color: filter.color }, filter.abbr),
+            React__default.createElement(Typography, { variant: "caption" }, filter.name),
+            React__default.createElement(Icon, { icon: XCircle, size: "large" })) })); })));
+};
+
+export { SelectedMenuFiltersList };
+//# sourceMappingURL=SelectedMenuFiltersList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedMenuFiltersList.js","sources":["../../../../src/components/SelectedMenuFiltersList/SelectedMenuFiltersList.tsx"],"sourcesContent":["import React from 'react'\nimport { Chip, Typography, makeStyles } from '@material-ui/core'\nimport { XCircle } from '@popmenu/web-icons'\nimport ItemTag from '../ItemTag'\nimport { SelectedMenuFiltersListProps } from './SelectedMenuFiltersListProps'\nimport { Icon } from '@popmenu/common-ui'\n\nconst useStyles = makeStyles(({ spacing }) => ({\n  root: {\n    padding: spacing(0.5, 0),\n    height: 'unset',\n    borderRadius: 4,\n  },\n  label: {\n    paddingLeft: 8,\n    display: 'flex',\n    gridGap: 8,\n    alignItems: 'center',\n  },\n}))\n\nexport const SelectedMenuFiltersList = (props: SelectedMenuFiltersListProps) => {\n  const { filters, onChipClick } = props\n  const classes = useStyles()\n  return (\n    <React.Fragment>\n      {filters.map((filter, index) => (\n        <Chip\n          key={`${filter.name}-${index}`}\n          classes={classes}\n          onClick={(event) => onChipClick(filter, event)}\n          label={\n            <React.Fragment>\n              <ItemTag alt={filter.abbr} color={filter.color}>\n                {filter.abbr}\n              </ItemTag>\n              <Typography variant=\"caption\">{filter.name}</Typography>\n              <Icon icon={XCircle} size=\"large\" />\n            </React.Fragment>\n          }\n        />\n      ))}\n    </React.Fragment>\n  )\n}\n"],"names":["React"],"mappings":";;;;;;AAOA,IAAM,SAAS,GAAG,UAAU,CAAC,UAAC,EAAW,EAAA;AAAT,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA;AAAO,IAAA,QAAC;AAC7C,QAAA,IAAI,EAAE;AACJ,YAAA,OAAO,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;AACxB,YAAA,MAAM,EAAE,OAAO;AACf,YAAA,YAAY,EAAE,CAAC;AAChB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,WAAW,EAAE,CAAC;AACd,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,OAAO,EAAE,CAAC;AACV,YAAA,UAAU,EAAE,QAAQ;AACrB,SAAA;KACF;AAZ6C,CAY5C,CAAC;AAEI,IAAM,uBAAuB,GAAG,UAAC,KAAmC,EAAA;IACjE,IAAA,OAAO,GAAkB,KAAK,CAAA,OAAvB,EAAE,WAAW,GAAK,KAAK,CAAA,WAAV;AAC5B,IAAA,IAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,QACEA,cAAC,CAAA,aAAA,CAAAA,cAAK,CAAC,QAAQ,QACZ,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,EAAA,EAAK,QAC9BA,cAAC,CAAA,aAAA,CAAA,IAAI,IACH,GAAG,EAAK,MAAM,CAAC,IAAI,GAAA,GAAA,GAAI,KAAO,EAC9B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,UAAC,KAAK,EAAK,EAAA,OAAA,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA,EAAA,EAC9C,KAAK,EACHA,cAAA,CAAA,aAAA,CAACA,cAAK,CAAC,QAAQ,EAAA,IAAA;AACb,YAAAA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAC,EAAA,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,IAC3C,MAAM,CAAC,IAAI,CACJ;YACVA,cAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAC,SAAS,EAAE,EAAA,MAAM,CAAC,IAAI,CAAc;AACxD,YAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,EAAG,CAAA,CACrB,GAEnB,EACH,EAAA,CAAC,CACa;AAErB;;;;"}

package/build/esm/components/SelectedMenuFiltersList/SelectedMenuFiltersListProps.d.ts

@@ -0,0 +1,6 @@
+import { MenuFilterOption } from '../MenuFilter';
+import { MenuFilterChangeHandler } from '../MenuFilter';
+export interface SelectedMenuFiltersListProps {
+    filters: MenuFilterOption[];
+    onChipClick: MenuFilterChangeHandler;
+}

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

@@ -0,0 +1,2 @@
+export { SelectedMenuFiltersList } from './SelectedMenuFiltersList';
+export { SelectedMenuFiltersListProps } from './SelectedMenuFiltersListProps';

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { StatusTagProps } from './StatusTagProps';
+export declare const StatusTag: {
+    (props: StatusTagProps): JSX.Element;
+    defaultProps: {
+        color: string;
+        error: boolean;
+    };
+    displayName: string;
+};

package/build/esm/components/StatusTag/StatusTag.js

@@ -0,0 +1,19 @@
+import React__default from 'react';
+import { Box, Typography } from '@popmenu/common-ui';
+import { useStatusTagStyles } from './StatusTag.styles.js';
+import classNames from '../../node_modules/classnames/index.js';
+
+var StatusTag = function (props) {
+    var variant = props.variant, label = props.label, _a = props.size, size = _a === void 0 ? 'md' : _a, _b = props.color, color = _b === void 0 ? 'default' : _b;
+    var classes = useStatusTagStyles(props);
+    return (React__default.createElement(Box, { className: classNames([classes.root, classes[color], classes[variant], size === 'sm' ? classes.small : '']) },
+        React__default.createElement(Typography, { variant: "caption" }, label)));
+};
+StatusTag.defaultProps = {
+    color: 'default',
+    error: false,
+};
+StatusTag.displayName = 'StatusTag';
+
+export { StatusTag };
+//# sourceMappingURL=StatusTag.js.map