@popmenu/ordering-ui 0.127.0 → 0.127.1

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

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

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

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

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

@@ -1,5 +1,5 @@
 import React, { ChangeEvent } from 'react';
-export declare type QuantityChangeEvent = {
+export type QuantityChangeEvent = {
     quantity: number;
     reason: string;
 };

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

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

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

@@ -1,2 +1 @@
-/// <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

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

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

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

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

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

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

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

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

@@ -1 +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;;;;"}
+{"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":";;;AAIa,MAAA,eAAe,GAAG,CAAC,KAA2B,KAAI;IAC7D,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK;AAEpC,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/index.d.ts

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

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

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

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

@@ -1,8 +1,8 @@
 import React__default from 'react';
 import { Box } from '@popmenu/common-ui';
 
-var ReactionCounterGroup = function (props) {
-    var children = props.children;
+const ReactionCounterGroup = (props) => {
+    const { children } = props;
     return (React__default.createElement(Box, { display: "flex", gridGap: 16 }, children));
 };
 

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

@@ -1 +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;;;;"}
+{"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":";;;AAKa,MAAA,oBAAoB,GAAG,CAAC,KAAgC,KAAI;AACvE,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK;AAE1B,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

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

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

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

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

@@ -1,14 +1,13 @@
-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: {
+const SelectableChip = (props) => {
+    const classes = useSelectableChipStyles(props);
+    return (React__default.createElement(Tab, { "data-tab-for-section-id": props.value, classes: {
             root: classes.root,
             selected: classes.selected,
-        } }, props)));
+        }, ...props }));
 };
 
 export { SelectableChip };

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

@@ -1 +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;;;;"}
+{"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":";;;;AAMa,MAAA,cAAc,GAAG,CAAC,KAA0B,KAAI;AAC3D,IAAA,MAAM,OAAO,GAAG,uBAAuB,CAAC,KAAK,CAAC;IAE9C,QACEA,6BAAC,GAAG,EAAA,EAAA,yBAAA,EACuB,KAAK,CAAC,KAAK,EACpC,OAAO,EAAE;YACP,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,QAAQ,EAAE,OAAO,CAAC,QAAQ;SAC3B,EACG,GAAA,KAAK,EACT,CAAA;AAEN;;;;"}

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

@@ -1,6 +1,6 @@
 import { makeStyles } from '@material-ui/core';
 
-var useSelectableChipStyles = makeStyles(function (theme) { return ({
+const useSelectableChipStyles = makeStyles((theme) => ({
     root: {
         border: '2px solid',
         borderColor: theme.palette.grey[100],
@@ -28,7 +28,7 @@ var useSelectableChipStyles = makeStyles(function (theme) { return ({
             },
         },
     },
-}); });
+}));
 
 export { useSelectableChipStyles };
 //# sourceMappingURL=SelectableChip.styles.js.map

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

@@ -1 +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;;;;"}
+{"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,MAAA,uBAAuB,GAAG,UAAU,CAA6B,CAAC,KAAK,MAAM;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;AACF,CAAA,CAAC;;;;"}

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

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

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

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

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

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

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

@@ -1,14 +1,13 @@
-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: {
+const SelectableChipGroup = (props) => {
+    const { children, ...muiProps } = props;
+    const classes = useSelectableChipGroupStyles(props);
+    return (React__default.createElement(Tabs, { TabIndicatorProps: {
             hidden: true,
-        }, variant: "scrollable", scrollButtons: "off", classes: classes }, muiProps), children));
+        }, variant: "scrollable", scrollButtons: "off", classes: classes, ...muiProps }, children));
 };
 
 export { SelectableChipGroup };

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

@@ -1 +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;;;;"}
+{"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":";;;;AAKa,MAAA,mBAAmB,GAAG,CAAC,KAA+B,KAAI;IACrE,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK;AACvC,IAAA,MAAM,OAAO,GAAG,4BAA4B,CAAC,KAAK,CAAC;AAEnD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,iBAAiB,EAAE;AACjB,YAAA,MAAM,EAAE,IAAI;AACb,SAAA,EACD,OAAO,EAAC,YAAY,EACpB,aAAa,EAAC,KAAK,EACnB,OAAO,EAAE,OAAO,EACZ,GAAA,QAAQ,IAEX,QAAQ,CACJ;AAEX;;;;"}

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

@@ -1,21 +1,17 @@
 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),
-    });
-});
+const useSelectableChipGroupStyles = makeStyles(({ breakpoints, spacing }) => ({
+    flexContainer: {
+        [breakpoints.down('md')]: {
+            padding: spacing(0, 2),
+        },
+        [breakpoints.up('lg')]: {
+            alignItems: 'flex-start',
+            flexDirection: 'column',
+        },
+        gridGap: spacing(1.5),
+    },
+}));
 
 export { useSelectableChipGroupStyles };
 //# sourceMappingURL=SelectableChipGroup.styles.js.map

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

@@ -1 +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;;;;"}
+{"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":";;AAEO,MAAM,4BAA4B,GAAG,UAAU,CAAQ,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM;AAC3F,IAAA,aAAa,EAAE;AACb,QAAA,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;AACxB,YAAA,OAAO,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;AACvB,SAAA;AACD,QAAA,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;AACtB,YAAA,UAAU,EAAE,YAAY;AACxB,YAAA,aAAa,EAAE,QAAQ;AACxB,SAAA;AACD,QAAA,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC;AACtB,KAAA;AACF,CAAA,CAAC;;;;"}

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

@@ -1,5 +1,2 @@
 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);
-}
+export type SelectableChipGroupProps = TabsProps;

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

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

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

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

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

@@ -1,32 +1,29 @@
-import React__default from 'react';
 import { makeStyles, Chip, Typography } from '@material-ui/core';
+import { Icon } from '@popmenu/common-ui';
 import { XCircle } from '@popmenu/web-icons';
+import React__default from 'react';
 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,
+const useStyles = makeStyles(({ spacing }) => ({
+    root: {
+        padding: spacing(0.5, 0),
+        height: 'unset',
+        borderRadius: 4,
+    },
+    label: {
+        paddingLeft: 8,
+        display: 'flex',
+        gridGap: 8,
+        alignItems: 'center',
+    },
+}));
+const SelectedMenuFiltersList = (props) => {
+    const { filters, onChipClick } = props;
+    const classes = useStyles();
+    return (React__default.createElement(React__default.Fragment, null, filters.map((filter, index) => (React__default.createElement(Chip, { key: `${filter.name}-${index}`, classes: classes, onClick: (event) => 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" })) })); })));
+            React__default.createElement(Icon, { icon: XCircle, size: "large" })) })))));
 };
 
 export { SelectedMenuFiltersList };

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

@@ -1 +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;;;;"}
+{"version":3,"file":"SelectedMenuFiltersList.js","sources":["../../../../src/components/SelectedMenuFiltersList/SelectedMenuFiltersList.tsx"],"sourcesContent":["import { Chip, Typography, makeStyles } from '@material-ui/core'\nimport { Icon } from '@popmenu/common-ui'\nimport { XCircle } from '@popmenu/web-icons'\nimport React from 'react'\nimport { ItemTag } from '../ItemTag'\nimport { SelectedMenuFiltersListProps } from './SelectedMenuFiltersListProps'\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,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM;AAC7C,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;AACxB,QAAA,MAAM,EAAE,OAAO;AACf,QAAA,YAAY,EAAE,CAAC;AAChB,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,OAAO,EAAE,CAAC;AACV,QAAA,UAAU,EAAE,QAAQ;AACrB,KAAA;AACF,CAAA,CAAC,CAAC;AAEU,MAAA,uBAAuB,GAAG,CAAC,KAAmC,KAAI;AAC7E,IAAA,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK;AACtC,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,QACEA,cAAC,CAAA,aAAA,CAAAA,cAAK,CAAC,QAAQ,QACZ,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,MACzBA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,GAAG,EAAE,CAAG,EAAA,MAAM,CAAC,IAAI,IAAI,KAAK,CAAA,CAAE,EAC9B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,KAAK,KAAK,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,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,EAAA,CAAG,CACrB,EAEnB,CAAA,CACH,CAAC,CACa;AAErB;;;;"}

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StatusTagProps } from './StatusTagProps';
 export declare const StatusTag: {
     ({ color, label, size, variant }: StatusTagProps): JSX.Element;

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

@@ -1,11 +1,10 @@
 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';
+import classNames from 'classnames';
 
-var StatusTag = function (_a) {
-    var _b = _a.color, color = _b === void 0 ? 'default' : _b, label = _a.label, _c = _a.size, size = _c === void 0 ? 'md' : _c, variant = _a.variant;
-    var classes = useStatusTagStyles();
+const StatusTag = ({ color = 'default', label, size = 'md', variant }) => {
+    const classes = useStatusTagStyles();
     return (React__default.createElement(Box, { className: classNames([classes.root, classes[color], classes[variant], size === 'sm' ? classes.small : '']) },
         React__default.createElement(Typography, { variant: "caption" }, label)));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"StatusTag.js","sources":["../../../../src/components/StatusTag/StatusTag.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Typography } from '@popmenu/common-ui'\nimport { useStatusTagStyles } from './StatusTag.styles'\nimport classNames from 'classnames'\n\nimport { StatusTagProps } from './StatusTagProps'\n\nexport const StatusTag = ({ color = 'default', label, size = 'md', variant }: StatusTagProps) => {\n  const classes = useStatusTagStyles()\n\n  return (\n    <Box className={classNames([classes.root, classes[color], classes[variant], size === 'sm' ? classes.small : ''])}>\n      <Typography variant=\"caption\">{label}</Typography>\n    </Box>\n  )\n}\n\nStatusTag.displayName = 'StatusTag'\n"],"names":["React"],"mappings":";;;;;AAOO,IAAM,SAAS,GAAG,UAAC,EAAkE,EAAA;AAAhE,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,KAAiB,EAAjB,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,EAAA,GAAA,EAAA,CAAA,IAAW,EAAX,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA;AACxE,IAAA,IAAM,OAAO,GAAG,kBAAkB,EAAE;AAEpC,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,SAAS,EAAE,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC,EAAA;QAC9GA,cAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,OAAO,EAAC,SAAS,IAAE,KAAK,CAAc,CAC9C;AAEV;AAEA,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}
+{"version":3,"file":"StatusTag.js","sources":["../../../../src/components/StatusTag/StatusTag.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Typography } from '@popmenu/common-ui'\nimport { useStatusTagStyles } from './StatusTag.styles'\nimport classNames from 'classnames'\n\nimport { StatusTagProps } from './StatusTagProps'\n\nexport const StatusTag = ({ color = 'default', label, size = 'md', variant }: StatusTagProps) => {\n  const classes = useStatusTagStyles()\n\n  return (\n    <Box className={classNames([classes.root, classes[color], classes[variant], size === 'sm' ? classes.small : ''])}>\n      <Typography variant=\"caption\">{label}</Typography>\n    </Box>\n  )\n}\n\nStatusTag.displayName = 'StatusTag'\n"],"names":["React"],"mappings":";;;;;AAOa,MAAA,SAAS,GAAG,CAAC,EAAE,KAAK,GAAG,SAAS,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,EAAkB,KAAI;AAC9F,IAAA,MAAM,OAAO,GAAG,kBAAkB,EAAE;AAEpC,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,SAAS,EAAE,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC,EAAA;QAC9GA,cAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,OAAO,EAAC,SAAS,IAAE,KAAK,CAAc,CAC9C;AAEV;AAEA,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

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

@@ -1,6 +1,6 @@
 import { makeStyles } from '@material-ui/core';
 
-var useStatusTagStyles = makeStyles(function (theme) { return ({
+const useStatusTagStyles = makeStyles((theme) => ({
     root: {
         borderRadius: '5px',
         display: 'flex',
@@ -14,7 +14,7 @@ var useStatusTagStyles = makeStyles(function (theme) { return ({
         color: theme.palette.grey[900],
     },
     outlined: {
-        border: "1px solid var(--surfaces-card-stroke, " + theme.palette.grey[900] + ")",
+        border: `1px solid var(--surfaces-card-stroke, ${theme.palette.grey[900]})`,
     },
     small: {
         padding: theme.spacing(0.25, 0.75),
@@ -34,7 +34,7 @@ var useStatusTagStyles = makeStyles(function (theme) { return ({
         backgroundColor: theme.palette.warning.light,
         color: theme.palette.grey[900],
     },
-}); });
+}));
 
 export { useStatusTagStyles };
 //# sourceMappingURL=StatusTag.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StatusTag.styles.js","sources":["../../../../src/components/StatusTag/StatusTag.styles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nexport const useStatusTagStyles = makeStyles<Theme>((theme) => ({\n  root: {\n    borderRadius: '5px',\n    display: 'flex',\n    padding: theme.spacing(1),\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 'fit-content',\n  },\n  filled: {\n    backgroundColor: theme.palette.grey[100],\n    color: theme.palette.grey[900],\n  },\n  outlined: {\n    border: `1px solid var(--surfaces-card-stroke, ${theme.palette.grey[900]})`,\n  },\n  small: {\n    padding: theme.spacing(0.25, 0.75),\n  },\n  default: {\n    color: theme.palette.grey[900],\n  },\n  warning: {\n    borderColor: theme.palette.warning.dark,\n    color: theme.palette.warning.dark,\n  },\n  error: {\n    borderColor: theme.palette.error.main,\n    color: theme.palette.error.main,\n  },\n  highlight: {\n    backgroundColor: theme.palette.warning.light,\n    color: theme.palette.grey[900],\n  },\n}))\n"],"names":[],"mappings":";;AAEa,IAAA,kBAAkB,GAAG,UAAU,CAAQ,UAAC,KAAK,EAAK,EAAA,QAAC;AAC9D,IAAA,IAAI,EAAE;AACJ,QAAA,YAAY,EAAE,KAAK;AACnB,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,KAAK,EAAE,aAAa;AACrB,KAAA;AACD,IAAA,MAAM,EAAE;QACN,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QACxC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACD,IAAA,QAAQ,EAAE;QACR,MAAM,EAAE,wCAAyC,GAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,GAAA;AAC5E,KAAA;AACD,IAAA,KAAK,EAAE;QACL,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;AACnC,KAAA;AACD,IAAA,OAAO,EAAE;QACP,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AACvC,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AAClC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;AACrC,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;AAChC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;QAC5C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;CACF,EAAC,EAAA;;;;"}
+{"version":3,"file":"StatusTag.styles.js","sources":["../../../../src/components/StatusTag/StatusTag.styles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nexport const useStatusTagStyles = makeStyles<Theme>((theme) => ({\n  root: {\n    borderRadius: '5px',\n    display: 'flex',\n    padding: theme.spacing(1),\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 'fit-content',\n  },\n  filled: {\n    backgroundColor: theme.palette.grey[100],\n    color: theme.palette.grey[900],\n  },\n  outlined: {\n    border: `1px solid var(--surfaces-card-stroke, ${theme.palette.grey[900]})`,\n  },\n  small: {\n    padding: theme.spacing(0.25, 0.75),\n  },\n  default: {\n    color: theme.palette.grey[900],\n  },\n  warning: {\n    borderColor: theme.palette.warning.dark,\n    color: theme.palette.warning.dark,\n  },\n  error: {\n    borderColor: theme.palette.error.main,\n    color: theme.palette.error.main,\n  },\n  highlight: {\n    backgroundColor: theme.palette.warning.light,\n    color: theme.palette.grey[900],\n  },\n}))\n"],"names":[],"mappings":";;AAEa,MAAA,kBAAkB,GAAG,UAAU,CAAQ,CAAC,KAAK,MAAM;AAC9D,IAAA,IAAI,EAAE;AACJ,QAAA,YAAY,EAAE,KAAK;AACnB,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,KAAK,EAAE,aAAa;AACrB,KAAA;AACD,IAAA,MAAM,EAAE;QACN,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QACxC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACD,IAAA,QAAQ,EAAE;QACR,MAAM,EAAE,CAAyC,sCAAA,EAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAG,CAAA,CAAA;AAC5E,KAAA;AACD,IAAA,KAAK,EAAE;QACL,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;AACnC,KAAA;AACD,IAAA,OAAO,EAAE;QACP,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AACvC,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AAClC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;AACrC,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;AAChC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;QAC5C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACF,CAAA,CAAC;;;;"}

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

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

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Switch: import("react").ComponentType<Pick<import("@material-ui/core").SwitchProps, "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" | "type" | "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<"track" | "checked" | "switchBase" | "thumb">>;