@popmenu/ordering-ui 0.126.0 → 0.126.1

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

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

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

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

package/build/{components → esm/components}/MenuItemGroup/MenuItemGroupStyles.d.ts

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

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

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

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

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

package/build/{components → esm/components}/MenuItemGroup/index.d.ts

@@ -1 +1 @@
-export { MenuItemGroup } from './MenuItemGroup';
+export { MenuItemGroup } from './MenuItemGroup';

package/build/{components → esm/components}/MenuSection/MenuSection.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { MenuSectionProps } from './MenuSectionProps';
-export declare const MenuSection: React.ForwardRefExoticComponent<MenuSectionProps & React.RefAttributes<unknown>>;
+import React from 'react';
+import { MenuSectionProps } from './MenuSectionProps';
+export declare const MenuSection: React.ForwardRefExoticComponent<MenuSectionProps & React.RefAttributes<unknown>>;

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

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

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

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

package/build/{components → esm/components}/MenuSection/MenuSectionProps.d.ts

@@ -1,9 +1,9 @@
-/// <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 */
-    loading?: boolean;
-    /** the name of a section, will render as the section's title */
-    name: string;
-    children: React.ReactNode;
-}
+/// <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 */
+    loading?: boolean;
+    /** the name of a section, will render as the section's title */
+    name: string;
+    children: React.ReactNode;
+}

package/build/{components → esm/components}/MenuSection/MenuSectionStyles.d.ts

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

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

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

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

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

package/build/{components → esm/components}/MenuSection/index.d.ts

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

package/build/{components → esm/components}/MenuSectionGroup/MenuSectionGroup.d.ts

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

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/{components → esm/components}/MenuSectionGroup/index.d.ts

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

package/build/{components → esm/components}/OrderingAppContext/OrderingAppContext.d.ts

@@ -1,18 +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 {};
+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/{components → esm/components}/OrderingAppContext/index.d.ts

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

package/build/{components → esm/components}/PageSection/PageSection.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-export declare const PageSection: (props: {
-    children: React.ReactNode;
-}) => JSX.Element;
+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/{components → esm/components}/PageSection/index.d.ts

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

package/build/{components → esm/components}/QuantityPicker/QuantityPicker.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { QuantityPickerProps } from './QuantityPickerProps';
-export declare const QuantityPicker: (props: QuantityPickerProps) => JSX.Element;
+/// <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/{components → 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>;
+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/styles';
+
+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/styles'\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":"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"}

package/build/{components → esm/components}/QuantityPicker/QuantityPickerProps.d.ts

@@ -1,21 +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;
-}
+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/{components → esm/components}/QuantityPicker/index.d.ts

@@ -1,2 +1,2 @@
-export { QuantityPicker as default } from './QuantityPicker';
-export { QuantityPickerProps, QuantityChangeEvent } from './QuantityPickerProps';
+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/{components → esm/components}/Radio/index.d.ts

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

package/build/{components → esm/components}/ReactionCounter/ReactionCounter.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { ReactionCounterProps } from './ReactionCounterProps';
-export declare const ReactionCounter: (props: ReactionCounterProps) => JSX.Element;
+/// <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/{components → esm/components}/ReactionCounter/ReactionCounterProps.d.ts

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

package/build/{components → esm/components}/ReactionCounter/index.d.ts

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

package/build/{components → esm/components}/ReactionCounterGroup/ReactionCounterGroup.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, PropsWithChildren } from 'react';
-declare type ReactionCounterGroupProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
-export declare const ReactionCounterGroup: (props: ReactionCounterGroupProps) => JSX.Element;
-export {};
+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/{components → esm/components}/ReactionCounterGroup/index.d.ts

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

package/build/{components → esm/components}/SelectableChip/SelectableChip.d.ts

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