@popmenu/common-ui 0.126.0 → 0.126.1

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

@@ -1 +1 @@
-export { Accordion as default, AccordionProps } from '@material-ui/core';
+export { Accordion as default, AccordionProps } from '@material-ui/core';

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

@@ -1 +1 @@
-export { AccordionActions as default, AccordionActionsProps } from '@material-ui/core';
+export { AccordionActions as default, AccordionActionsProps } from '@material-ui/core';

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

@@ -1 +1 @@
-export { AccordionDetails as default, AccordionDetailsProps } from '@material-ui/core';
+export { AccordionDetails as default, AccordionDetailsProps } from '@material-ui/core';

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

@@ -1 +1 @@
-export { AccordionSummary as default, AccordionSummaryProps } from '@material-ui/core';
+export { AccordionSummary as default, AccordionSummaryProps } from '@material-ui/core';

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

@@ -1 +1 @@
-export { default, AlertProps } from '@material-ui/lab/Alert';
+export { default, AlertProps } from '@material-ui/lab/Alert';

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

@@ -1 +1 @@
-export { default, AppBarProps } from '@material-ui/core/AppBar';
+export { default, AppBarProps } from '@material-ui/core/AppBar';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { AvatarProps } from './AvatarProps';
+export declare const Avatar: React.ForwardRefExoticComponent<Pick<AvatarProps, "color" | "translate" | "background" | "hidden" | "size" | "style" | "aria-describedby" | "aria-hidden" | "aria-label" | "className" | "variant" | "slot" | "title" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "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" | "children" | "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" | "key" | "imgProps" | "classes" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "fallback" | "fit" | "alt" | "sizes" | "src" | "srcSet"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/components/Avatar/Avatar.js

@@ -0,0 +1,39 @@
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef } from 'react';
+import MuiAvatar from '@material-ui/core/Avatar';
+import { User } from '@popmenu/web-icons';
+import { Icon } from '../Icon/Icon.js';
+import { useAvatarStyles } from './avatar.styles.js';
+import { useImgProps } from './util/useImageProps.js';
+
+var Avatar = forwardRef(function (props, ref) {
+    var children = props.children, src = props.src, alt = props.alt, fallback = props.fallback, muiProps = __rest(props, ["children", "src", "alt", "fallback"]);
+    var _a = useImgProps(props), imgProps = _a.imgProps, loaded = _a.loaded;
+    var classes = useAvatarStyles(__assign(__assign({}, props), { loaded: loaded }));
+    var displayAltTextFallback = src && alt;
+    var displayNoFallback = fallback === 'none';
+    var displayCustomFallback = fallback !== 'none' && typeof fallback !== 'undefined';
+    var Fallback;
+    if (displayAltTextFallback) {
+        Fallback = null;
+    }
+    else if (displayNoFallback) {
+        Fallback = ' ';
+    }
+    else if (displayCustomFallback) {
+        Fallback = fallback;
+    }
+    else {
+        Fallback = React.createElement(Icon, { icon: User, className: classes.fallback });
+    }
+    return (React.createElement(MuiAvatar, __assign({ ref: ref, classes: { root: classes.root }, src: src, alt: alt }, muiProps, { imgProps: imgProps }), children || Fallback));
+});
+Avatar.defaultProps = {
+    size: 'medium',
+    fit: 'cover',
+    background: '#E0E0E0',
+};
+Avatar.displayName = 'Avatar';
+
+export { Avatar };
+//# sourceMappingURL=Avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport MuiAvatar from '@material-ui/core/Avatar'\nimport { User } from '@popmenu/web-icons'\nimport Icon from '../Icon'\n\nimport { AvatarProps, StyledAvatarProps } from './AvatarProps'\nimport { useAvatarStyles } from './avatar.styles'\nimport { useImgProps } from './util/useImageProps'\n\nexport const Avatar = forwardRef<HTMLDivElement, AvatarProps>((props, ref) => {\n  const { children, src, alt, fallback, ...muiProps } = props\n  const { imgProps, loaded } = useImgProps(props)\n  const classes = useAvatarStyles({ ...props, loaded } as StyledAvatarProps)\n  const displayAltTextFallback = src && alt\n  const displayNoFallback = fallback === 'none'\n  const displayCustomFallback = fallback !== 'none' && typeof fallback !== 'undefined'\n  let Fallback\n  if (displayAltTextFallback) {\n    Fallback = null\n  } else if (displayNoFallback) {\n    Fallback = ' '\n  } else if (displayCustomFallback) {\n    Fallback = fallback\n  } else {\n    Fallback = <Icon icon={User} className={classes.fallback} />\n  }\n  return (\n    <MuiAvatar ref={ref} classes={{ root: classes.root }} src={src} alt={alt} {...muiProps} imgProps={imgProps}>\n      {children || Fallback}\n    </MuiAvatar>\n  )\n})\n\nAvatar.defaultProps = {\n  size: 'medium',\n  fit: 'cover',\n  background: '#E0E0E0',\n}\n\nAvatar.displayName = 'Avatar'\n"],"names":[],"mappings":";;;;;;;;IASa,MAAM,GAAG,UAAU,CAA8B,UAAC,KAAK,EAAE,GAAG,EAAA;IAC/D,IAAA,QAAQ,GAAsC,KAAK,CAA3C,QAAA,EAAE,GAAG,GAAiC,KAAK,CAAA,GAAtC,EAAE,GAAG,GAA4B,KAAK,IAAjC,EAAE,QAAQ,GAAkB,KAAK,CAAvB,QAAA,EAAK,QAAQ,GAAA,MAAA,CAAK,KAAK,EAArD,CAA6C,UAAA,EAAA,KAAA,EAAA,KAAA,EAAA,UAAA,CAAA,CAAF;IAC3C,IAAA,EAAA,GAAuB,WAAW,CAAC,KAAK,CAAC,EAAvC,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAuB;IAC/C,IAAM,OAAO,GAAG,eAAe,CAAC,QAAA,CAAA,QAAA,CAAA,EAAA,EAAK,KAAK,CAAA,EAAA,EAAE,MAAM,EAAA,MAAA,EAAuB,CAAA,CAAC;AAC1E,IAAA,IAAM,sBAAsB,GAAG,GAAG,IAAI,GAAG;AACzC,IAAA,IAAM,iBAAiB,GAAG,QAAQ,KAAK,MAAM;IAC7C,IAAM,qBAAqB,GAAG,QAAQ,KAAK,MAAM,IAAI,OAAO,QAAQ,KAAK,WAAW;AACpF,IAAA,IAAI,QAAQ;AACZ,IAAA,IAAI,sBAAsB,EAAE;QAC1B,QAAQ,GAAG,IAAI;AAChB;AAAM,SAAA,IAAI,iBAAiB,EAAE;QAC5B,QAAQ,GAAG,GAAG;AACf;AAAM,SAAA,IAAI,qBAAqB,EAAE;QAChC,QAAQ,GAAG,QAAQ;AACpB;AAAM,SAAA;AACL,QAAA,QAAQ,GAAG,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,QAAQ,GAAI;AAC7D;AACD,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,QAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAM,QAAQ,EAAA,EAAE,QAAQ,EAAE,QAAQ,EACvG,CAAA,EAAA,QAAQ,IAAI,QAAQ,CACX;AAEhB,CAAC;AAED,MAAM,CAAC,YAAY,GAAG;AACpB,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,GAAG,EAAE,OAAO;AACZ,IAAA,UAAU,EAAE,SAAS;CACtB;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/build/{components → esm/components}/Avatar/AvatarProps.d.ts

@@ -1,22 +1,22 @@
-import { AvatarProps as MuiAvatarProps } from '@material-ui/core/Avatar';
-import { ReactNode } from 'react';
-import { LoadingStatus } from './util/useImageProps';
-export declare const AvatarDefaultProps: {
-    size: string;
-    fit: string;
-    background: string;
-};
-export interface AvatarProps extends MuiAvatarProps {
-    /** Sets the background-color for an Avatar. Automatically adjusts text color for readable contrast. Accepts color codes only, no CSS colors. */
-    background?: string;
-    /** Sets the css object-fit property for the Avatar img. */
-    fit?: 'cover' | 'contain';
-    /** Sets the size for an Avatar. */
-    size?: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
-    /** Disables the default fallback when set to 'none'. A component can be given to set a new fallback. */
-    fallback?: 'none' | ReactNode;
-}
-export declare type PracticalAvatarProps = AvatarProps & typeof AvatarDefaultProps;
-export declare type StyledAvatarProps = PracticalAvatarProps & {
-    loaded: LoadingStatus;
-};
+import { AvatarProps as MuiAvatarProps } from '@material-ui/core/Avatar';
+import { ReactNode } from 'react';
+import { LoadingStatus } from './util/useImageProps';
+export declare const AvatarDefaultProps: {
+    size: string;
+    fit: string;
+    background: string;
+};
+export interface AvatarProps extends MuiAvatarProps {
+    /** Sets the background-color for an Avatar. Automatically adjusts text color for readable contrast. Accepts color codes only, no CSS colors. */
+    background?: string;
+    /** Sets the css object-fit property for the Avatar img. */
+    fit?: 'cover' | 'contain';
+    /** Sets the size for an Avatar. */
+    size?: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
+    /** Disables the default fallback when set to 'none'. A component can be given to set a new fallback. */
+    fallback?: 'none' | ReactNode;
+}
+export declare type PracticalAvatarProps = AvatarProps & typeof AvatarDefaultProps;
+export declare type StyledAvatarProps = PracticalAvatarProps & {
+    loaded: LoadingStatus;
+};

package/build/{components → esm/components}/Avatar/avatar.styles.d.ts

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

package/build/esm/components/Avatar/avatar.styles.js

@@ -0,0 +1,41 @@
+import { makeStyles } from '@material-ui/core/styles';
+import { LoadingStatus } from './util/useImageProps.js';
+
+var getAvatarDimensions = function (theme, props) {
+    var factors = {
+        'extra-small': 3,
+        small: 4,
+        medium: 5,
+        large: 6,
+        'extra-large': 12.5,
+    };
+    var sizeFactor = factors[props.size || 'medium'];
+    return theme.spacing(sizeFactor);
+};
+var getAvatarFontSize = function (props) {
+    var fontSizes = {
+        'extra-small': '0.75rem',
+        small: '1rem',
+        medium: '1rem',
+        large: '1.25rem',
+        'extra-large': '3.5rem',
+    };
+    return fontSizes[props.size];
+};
+var useAvatarStyles = makeStyles(function (theme) { return ({
+    root: function (props) { return ({
+        width: getAvatarDimensions(theme, props),
+        height: getAvatarDimensions(theme, props),
+        fontSize: getAvatarFontSize(props),
+        backgroundColor: props.loaded === LoadingStatus.LOADED ? 'transparent' : props.background,
+        color: theme.palette.getContrastText(props.background),
+        objectFit: props.fit,
+    }); },
+    fallback: function (props) { return ({
+        fontSize: getAvatarDimensions(theme, props),
+        strokeWidth: 1,
+    }); },
+}); });
+
+export { useAvatarStyles };
+//# sourceMappingURL=avatar.styles.js.map

package/build/esm/components/Avatar/avatar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.styles.js","sources":["../../../../src/components/Avatar/avatar.styles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles'\nimport { StyledAvatarProps } from './AvatarProps'\nimport { LoadingStatus } from './util/useImageProps'\n\nconst getAvatarDimensions = (theme: Theme, props: StyledAvatarProps) => {\n  const factors = {\n    'extra-small': 3,\n    small: 4,\n    medium: 5,\n    large: 6,\n    'extra-large': 12.5,\n  }\n  const sizeFactor = factors[props.size || 'medium']\n  return theme.spacing(sizeFactor)\n}\n\nconst getAvatarFontSize = (props: StyledAvatarProps) => {\n  const fontSizes = {\n    'extra-small': '0.75rem',\n    small: '1rem',\n    medium: '1rem',\n    large: '1.25rem',\n    'extra-large': '3.5rem',\n  }\n  return fontSizes[props.size]\n}\n\nexport const useAvatarStyles = makeStyles<Theme, StyledAvatarProps>((theme) => ({\n  root: (props) => ({\n    width: getAvatarDimensions(theme, props),\n    height: getAvatarDimensions(theme, props),\n    fontSize: getAvatarFontSize(props),\n    backgroundColor: props.loaded === LoadingStatus.LOADED ? 'transparent' : props.background,\n    color: theme.palette.getContrastText(props.background),\n    objectFit: props.fit,\n  }),\n  fallback: (props) => ({\n    fontSize: getAvatarDimensions(theme, props),\n    strokeWidth: 1,\n  }),\n}))\n"],"names":[],"mappings":";;;AAIA,IAAM,mBAAmB,GAAG,UAAC,KAAY,EAAE,KAAwB,EAAA;AACjE,IAAA,IAAM,OAAO,GAAG;AACd,QAAA,aAAa,EAAE,CAAC;AAChB,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,aAAa,EAAE,IAAI;KACpB;IACD,IAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,QAAQ,CAAC;AAClD,IAAA,OAAO,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC;AAClC,CAAC;AAED,IAAM,iBAAiB,GAAG,UAAC,KAAwB,EAAA;AACjD,IAAA,IAAM,SAAS,GAAG;AAChB,QAAA,aAAa,EAAE,SAAS;AACxB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,aAAa,EAAE,QAAQ;KACxB;AACD,IAAA,OAAO,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC;AAC9B,CAAC;AAEY,IAAA,eAAe,GAAG,UAAU,CAA2B,UAAC,KAAK,EAAK,EAAA,QAAC;AAC9E,IAAA,IAAI,EAAE,UAAC,KAAK,EAAA,EAAK,QAAC;AAChB,QAAA,KAAK,EAAE,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC;AACxC,QAAA,MAAM,EAAE,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC;AACzC,QAAA,QAAQ,EAAE,iBAAiB,CAAC,KAAK,CAAC;AAClC,QAAA,eAAe,EAAE,KAAK,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,GAAG,aAAa,GAAG,KAAK,CAAC,UAAU;QACzF,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,UAAU,CAAC;QACtD,SAAS,EAAE,KAAK,CAAC,GAAG;AACrB,KAAA,IAAC;AACF,IAAA,QAAQ,EAAE,UAAC,KAAK,EAAA,EAAK,QAAC;AACpB,QAAA,QAAQ,EAAE,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC;AAC3C,QAAA,WAAW,EAAE,CAAC;AACf,KAAA,IAAC;CACH,EAAC,EAAA;;;;"}

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

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

package/build/{components → esm/components}/Avatar/util/useImageProps.d.ts

@@ -1,10 +1,10 @@
-import { AvatarProps } from '../AvatarProps';
-export declare enum LoadingStatus {
-    ERROR = "ERROR",
-    LOADED = "LOADED",
-    PENDING = "PENDING"
-}
-export declare const useImgProps: (avatarProps: AvatarProps) => {
-    imgProps: AvatarProps['imgProps'];
-    loaded: LoadingStatus;
-};
+import { AvatarProps } from '../AvatarProps';
+export declare enum LoadingStatus {
+    ERROR = "ERROR",
+    LOADED = "LOADED",
+    PENDING = "PENDING"
+}
+export declare const useImgProps: (avatarProps: AvatarProps) => {
+    imgProps: AvatarProps['imgProps'];
+    loaded: LoadingStatus;
+};

package/build/esm/components/Avatar/util/useImageProps.js

@@ -0,0 +1,21 @@
+import { __assign } from 'tslib';
+import React from 'react';
+
+var LoadingStatus;
+(function (LoadingStatus) {
+    LoadingStatus["ERROR"] = "ERROR";
+    LoadingStatus["LOADED"] = "LOADED";
+    LoadingStatus["PENDING"] = "PENDING";
+})(LoadingStatus || (LoadingStatus = {}));
+var useImgProps = function (avatarProps) {
+    var _a = React.useState(LoadingStatus.PENDING), loaded = _a[0], setLoaded = _a[1];
+    var imgProps = __assign(__assign({}, avatarProps.imgProps), { onLoad: function (event) {
+            var _a, _b;
+            setLoaded(LoadingStatus.LOADED);
+            (_b = (_a = avatarProps.imgProps) === null || _a === void 0 ? void 0 : _a.onLoad) === null || _b === void 0 ? void 0 : _b.call(_a, event);
+        } });
+    return { imgProps: imgProps, loaded: loaded };
+};
+
+export { LoadingStatus, useImgProps };
+//# sourceMappingURL=useImageProps.js.map

package/build/esm/components/Avatar/util/useImageProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImageProps.js","sources":["../../../../../src/components/Avatar/util/useImageProps.ts"],"sourcesContent":["import React, { SyntheticEvent } from 'react'\nimport { AvatarProps } from '../AvatarProps'\n\nexport enum LoadingStatus {\n  ERROR = 'ERROR',\n  LOADED = 'LOADED',\n  PENDING = 'PENDING',\n}\n\nexport const useImgProps: (avatarProps: AvatarProps) => { imgProps: AvatarProps['imgProps']; loaded: LoadingStatus } = (\n  avatarProps,\n) => {\n  const [loaded, setLoaded] = React.useState<LoadingStatus>(LoadingStatus.PENDING)\n  const imgProps = {\n    ...avatarProps.imgProps,\n    onLoad: (event: SyntheticEvent<HTMLImageElement, Event>) => {\n      setLoaded(LoadingStatus.LOADED)\n      avatarProps.imgProps?.onLoad?.(event)\n    },\n  }\n\n  return { imgProps, loaded }\n}\n"],"names":[],"mappings":";;;IAGY;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACrB,CAAC,EAJW,aAAa,KAAb,aAAa,GAIxB,EAAA,CAAA,CAAA;AAEM,IAAM,WAAW,GAA+F,UACrH,WAAW,EAAA;AAEL,IAAA,IAAA,EAAsB,GAAA,KAAK,CAAC,QAAQ,CAAgB,aAAa,CAAC,OAAO,CAAC,EAAzE,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,QAAwD;IAChF,IAAM,QAAQ,yBACT,WAAW,CAAC,QAAQ,CACvB,EAAA,EAAA,MAAM,EAAE,UAAC,KAA8C,EAAA;;AACrD,YAAA,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC;YAC/B,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,WAAW,CAAC,QAAQ,0CAAE,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAG,KAAK,CAAC;AACvC,SAAC,GACF;AAED,IAAA,OAAO,EAAE,QAAQ,EAAA,QAAA,EAAE,MAAM,EAAA,MAAA,EAAE;AAC7B;;;;"}

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

@@ -1 +1 @@
-export { default, BadgeProps } from '@material-ui/core/Badge';
+export { default, BadgeProps } from '@material-ui/core/Badge';

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

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-import { BoxProps } from './BoxProps';
-export declare const Box: FC<BoxProps>;
+import { FC } from 'react';
+import { BoxProps } from './BoxProps';
+export declare const Box: FC<BoxProps>;

package/build/{components → esm/components}/Box/BoxProps.d.ts

@@ -1,5 +1,5 @@
-import { BoxProps as MuiBoxProps } from '@material-ui/core';
-export interface BoxProps extends MuiBoxProps {
-    /** Sets the css gap property using thematic spacing units. */
-    gap?: number;
-}
+import { BoxProps as MuiBoxProps } from '@material-ui/core';
+export interface BoxProps extends MuiBoxProps {
+    /** Sets the css gap property using thematic spacing units. */
+    gap?: number;
+}

package/build/{components → esm/components}/Box/BoxStyles.d.ts

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

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

@@ -1,7 +1,7 @@
-/**
- * Using the customized Box component in Popmenu repo breaks Cypress tests.
- * Many tests fail for TypeError around ResizeObserver
- * export { Box as default } from './Box'
- * export { BoxProps } from './BoxProps'
- */
-export { Box as default, BoxProps } from '@material-ui/core';
+/**
+ * Using the customized Box component in Popmenu repo breaks Cypress tests.
+ * Many tests fail for TypeError around ResizeObserver
+ * export { Box as default } from './Box'
+ * export { BoxProps } from './BoxProps'
+ */
+export { Box as default, BoxProps } from '@material-ui/core';

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

@@ -1 +1 @@
-export { Breadcrumbs as default, BreadcrumbsProps } from '@material-ui/core';
+export { Breadcrumbs as default, BreadcrumbsProps } from '@material-ui/core';

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

@@ -1,2 +1,2 @@
-import { PropsWithChildren } from 'react';
-export declare const BrowserSilhouette: ({ children }: PropsWithChildren<Record<string, unknown>>) => JSX.Element;
+import { PropsWithChildren } from 'react';
+export declare const BrowserSilhouette: ({ children }: PropsWithChildren<Record<string, unknown>>) => JSX.Element;

package/build/esm/components/BrowserSilhouette/BrowserSilhouette.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Box } from '@material-ui/core';
+import { useBrowserSilhouetteStyles } from './browserSilhouette.styles.js';
+
+var BrowserSilhouette = function (_a) {
+    var children = _a.children;
+    var classes = useBrowserSilhouetteStyles();
+    return (React.createElement(Box, { display: "flex" },
+        React.createElement("div", { className: classes.container },
+            React.createElement("div", { className: classes.titleBar },
+                React.createElement("div", { className: classes.circle }),
+                React.createElement("div", { className: classes.circle }),
+                React.createElement("div", { className: classes.circle })),
+            children)));
+};
+
+export { BrowserSilhouette };
+//# sourceMappingURL=BrowserSilhouette.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserSilhouette.js","sources":["../../../../src/components/BrowserSilhouette/BrowserSilhouette.tsx"],"sourcesContent":["import React, { PropsWithChildren } from 'react'\n\nimport Box from '../Box'\nimport { useBrowserSilhouetteStyles } from './browserSilhouette.styles'\n\nexport const BrowserSilhouette = ({ children }: PropsWithChildren<Record<string, unknown>>) => {\n  const classes = useBrowserSilhouetteStyles()\n\n  return (\n    <Box display=\"flex\">\n      <div className={classes.container}>\n        <div className={classes.titleBar}>\n          <div className={classes.circle} />\n          <div className={classes.circle} />\n          <div className={classes.circle} />\n        </div>\n        {children}\n      </div>\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;AAKO,IAAM,iBAAiB,GAAG,UAAC,EAAwD,EAAA;AAAtD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;AAC1C,IAAA,IAAM,OAAO,GAAG,0BAA0B,EAAE;AAE5C,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,OAAO,EAAC,MAAM,EAAA;AACjB,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,SAAS,EAAA;AAC/B,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,QAAQ,EAAA;AAC9B,gBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,MAAM,EAAI,CAAA;AAClC,gBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,MAAM,EAAI,CAAA;AAClC,gBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,MAAM,GAAI,CAC9B;YACL,QAAQ,CACL,CACF;AAEV;;;;"}

package/build/{components → esm/components}/BrowserSilhouette/browserSilhouette.styles.d.ts

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

package/build/esm/components/BrowserSilhouette/browserSilhouette.styles.js

@@ -0,0 +1,25 @@
+import { makeStyles } from '@material-ui/core/styles';
+
+var useBrowserSilhouetteStyles = makeStyles(function (theme) { return ({
+    circle: {
+        backgroundColor: theme.palette.grey[300],
+        borderRadius: '50%',
+        height: theme.spacing(0.65),
+        width: theme.spacing(0.65),
+        margin: theme.spacing(1) + "px 0 " + theme.spacing(1) + "px " + theme.spacing(1) + "px",
+    },
+    container: {
+        border: "1px solid " + theme.palette.secondary.light,
+        borderRadius: theme.spacing(0.5),
+        flexGrow: 1,
+    },
+    titleBar: {
+        display: 'flex',
+        flexDirection: 'row',
+        borderBottom: "1px solid " + theme.palette.secondary.light,
+        width: '100%',
+    },
+}); });
+
+export { useBrowserSilhouetteStyles };
+//# sourceMappingURL=browserSilhouette.styles.js.map

package/build/esm/components/BrowserSilhouette/browserSilhouette.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"browserSilhouette.styles.js","sources":["../../../../src/components/BrowserSilhouette/browserSilhouette.styles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles'\n\nexport const useBrowserSilhouetteStyles = makeStyles<Theme>((theme) => ({\n  circle: {\n    backgroundColor: theme.palette.grey[300],\n    borderRadius: '50%',\n    height: theme.spacing(0.65),\n    width: theme.spacing(0.65),\n    margin: `${theme.spacing(1)}px 0 ${theme.spacing(1)}px ${theme.spacing(1)}px`,\n  },\n  container: {\n    border: `1px solid ${theme.palette.secondary.light}`,\n    borderRadius: theme.spacing(0.5),\n    flexGrow: 1,\n  },\n  titleBar: {\n    display: 'flex',\n    flexDirection: 'row',\n    borderBottom: `1px solid ${theme.palette.secondary.light}`,\n    width: '100%',\n  },\n}))\n"],"names":[],"mappings":";;AAEa,IAAA,0BAA0B,GAAG,UAAU,CAAQ,UAAC,KAAK,EAAK,EAAA,QAAC;AACtE,IAAA,MAAM,EAAE;QACN,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACxC,QAAA,YAAY,EAAE,KAAK;AACnB,QAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;AAC3B,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QAC1B,MAAM,EAAK,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,aAAQ,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAM,KAAA,GAAA,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAI,IAAA;AAC9E,KAAA;AACD,IAAA,SAAS,EAAE;QACT,MAAM,EAAE,eAAa,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,KAAO;AACpD,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AAChC,QAAA,QAAQ,EAAE,CAAC;AACZ,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,aAAa,EAAE,KAAK;QACpB,YAAY,EAAE,eAAa,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,KAAO;AAC1D,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;CACF,EAAC,EAAA;;;;"}

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

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

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { ButtonProps } from './ButtonProps';
-export declare const Button: {
-    <C extends React.ElementType<any> = "button">(props: ButtonProps<C>): JSX.Element;
-    displayName: string;
-};
+import React from 'react';
+import { ButtonProps } from './ButtonProps';
+export declare const Button: {
+    <C extends React.ElementType<any> = "button">(props: ButtonProps<C>): JSX.Element;
+    displayName: string;
+};

package/build/esm/components/Button/Button.js

@@ -0,0 +1,23 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import MuiButton from '@material-ui/core/Button';
+import classNames from 'classnames';
+import { useTheme } from '@material-ui/core/styles';
+import { useButtonStyles } from './ButtonStyles.js';
+import CircularProgress from '@material-ui/core/CircularProgress';
+
+var Button = function (props) {
+    props.textTransform; var loading = props.loading, classesOverride = props.classes, className = props.className, ButtonRef = props.ButtonRef, muiProps = __rest(props, ["textTransform", "loading", "classes", "className", "ButtonRef"]);
+    props.classes; var styleProps = __rest(props, ["classes"]);
+    var classes = useButtonStyles(styleProps);
+    var typography = useTheme().typography;
+    var loadingIndicator = {
+        startIcon: React.createElement(CircularProgress, { color: "inherit", size: typography.button.fontSize }),
+        disabled: true,
+    };
+    return (React.createElement(MuiButton, __assign({ ref: ButtonRef, classes: __assign(__assign({}, classes), classesOverride), className: classNames([className, 'pm-button']) }, muiProps, (loading && loadingIndicator))));
+};
+Button.displayName = 'Button';
+
+export { Button };
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React from 'react'\nimport MuiButton from '@material-ui/core/Button'\nimport classNames from 'classnames'\n\nimport { useTheme } from '@material-ui/core/styles'\nimport { ButtonProps } from './ButtonProps'\nimport { useButtonStyles } from './ButtonStyles'\nimport CircularProgress from '@material-ui/core/CircularProgress'\n\nexport const Button = <C extends React.ElementType = 'button'>(props: ButtonProps<C>) => {\n  const { textTransform, loading, classes: classesOverride, className, ButtonRef, ...muiProps } = props\n  const { classes: remove, ...styleProps } = props\n  const classes = useButtonStyles(styleProps)\n  const { typography } = useTheme()\n  const loadingIndicator = {\n    startIcon: <CircularProgress color=\"inherit\" size={typography.button.fontSize} />,\n    disabled: true,\n  }\n  return (\n    <MuiButton\n      ref={ButtonRef}\n      classes={{ ...classes, ...classesOverride }}\n      className={classNames([className, 'pm-button'])}\n      {...muiProps}\n      {...(loading && loadingIndicator)}\n    />\n  )\n}\n\nButton.displayName = 'Button'\n"],"names":[],"mappings":";;;;;;;;AASO,IAAM,MAAM,GAAG,UAAyC,KAAqB,EAAA;AAC1E,IAAwF,KAAK,CAAA,aAAhF,CAAE,KAAA,OAAO,GAAkE,KAAK,CAAvE,OAAA,CAAA,CAAW,eAAe,GAAwC,KAAK,CAA7C,OAAA,CAAA,CAAE,SAAS,GAA6B,KAAK,CAAA,SAAlC,CAAE,CAAA,SAAS,GAAkB,KAAK,CAAA,SAAvB,CAAK,CAAA,QAAQ,GAAK,MAAA,CAAA,KAAK,EAA/F,CAAA,eAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,CAAuF;IAClD,KAAK,CAAzB,OAAA,CAAA,KAAK,UAAU,GAAA,MAAA,CAAK,KAAK,EAA1C,CAAkC,SAAA,CAAA;AACxC,IAAA,IAAM,OAAO,GAAG,eAAe,CAAC,UAAU,CAAC;AACnC,IAAA,IAAA,UAAU,GAAK,QAAQ,EAAE,WAAf;AAClB,IAAA,IAAM,gBAAgB,GAAG;AACvB,QAAA,SAAS,EAAE,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,QAAQ,EAAI,CAAA;AACjF,QAAA,QAAQ,EAAE,IAAI;KACf;AACD,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,QAAA,CAAA,EACR,GAAG,EAAE,SAAS,EACd,OAAO,wBAAO,OAAO,CAAA,EAAK,eAAe,CAAA,EACzC,SAAS,EAAE,UAAU,CAAC,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,EAC3C,EAAA,QAAQ,GACP,OAAO,IAAI,gBAAgB,EAAC,CACjC;AAEN;AAEA,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/build/{components → esm/components}/Button/ButtonProps.d.ts

@@ -1,11 +1,11 @@
-import { ButtonProps as MuiButtonProps } from '@material-ui/core/Button';
-import React, { RefObject } from 'react';
-export declare type ButtonProps<C extends React.ElementType = 'button'> = MuiButtonProps<C, {
-    component?: C;
-}> & {
-    ButtonRef?: RefObject<HTMLButtonElement>;
-    /** Sets loading state for Button. */
-    loading?: boolean;
-    /** Sets the text transformation property of a button. */
-    textTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
-};
+import { ButtonProps as MuiButtonProps } from '@material-ui/core/Button';
+import React, { RefObject } from 'react';
+export declare type ButtonProps<C extends React.ElementType = 'button'> = MuiButtonProps<C, {
+    component?: C;
+}> & {
+    ButtonRef?: RefObject<HTMLButtonElement>;
+    /** Sets loading state for Button. */
+    loading?: boolean;
+    /** Sets the text transformation property of a button. */
+    textTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
+};

package/build/esm/components/Button/ButtonStyles.d.ts

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

package/build/esm/components/Button/ButtonStyles.js

@@ -0,0 +1,16 @@
+import { makeStyles } from '@material-ui/core/styles';
+
+var useButtonStyles = makeStyles(function () { return ({
+    root: {
+        minWidth: 'unset',
+    },
+    label: {
+        textTransform: function (_a) {
+            var textTransform = _a.textTransform;
+            return textTransform;
+        },
+    },
+}); });
+
+export { useButtonStyles };
+//# sourceMappingURL=ButtonStyles.js.map

package/build/esm/components/Button/ButtonStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonStyles.js","sources":["../../../../src/components/Button/ButtonStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles'\nimport { ButtonProps } from './ButtonProps'\n\nexport const useButtonStyles = makeStyles<Theme, ButtonProps>(() => ({\n  root: {\n    minWidth: 'unset',\n  },\n  label: {\n    textTransform: ({ textTransform }) => textTransform,\n  },\n}))\n"],"names":[],"mappings":";;IAGa,eAAe,GAAG,UAAU,CAAqB,YAAA,EAAM,QAAC;AACnE,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,OAAO;AAClB,KAAA;AACD,IAAA,KAAK,EAAE;QACL,aAAa,EAAE,UAAC,EAAiB,EAAA;AAAf,YAAA,IAAA,aAAa,GAAA,EAAA,CAAA,aAAA;AAAO,YAAA,OAAA,aAAa;SAAA;AACpD,KAAA;CACF,EAAC,EAAA;;;;"}

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

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

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

@@ -1 +1 @@
-export { ButtonBase as default, ButtonBaseProps } from '@material-ui/core';
+export { ButtonBase as default, ButtonBaseProps } from '@material-ui/core';

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

@@ -1 +1 @@
-export { default, ButtonGroupProps } from '@material-ui/core/ButtonGroup';
+export { default, ButtonGroupProps } from '@material-ui/core/ButtonGroup';

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

@@ -1 +1 @@
-export { default, CardProps } from '@material-ui/core/Card';
+export { default, CardProps } from '@material-ui/core/Card';

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

@@ -1 +1 @@
-export { default, CardActionAreaProps } from '@material-ui/core/CardActionArea';
+export { default, CardActionAreaProps } from '@material-ui/core/CardActionArea';

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

@@ -1 +1 @@
-export { default, CardActionsProps } from '@material-ui/core/CardActions';
+export { default, CardActionsProps } from '@material-ui/core/CardActions';

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

@@ -1 +1 @@
-export { default, CardContentProps } from '@material-ui/core/CardContent';
+export { default, CardContentProps } from '@material-ui/core/CardContent';

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

@@ -1 +1 @@
-export { default, CardHeaderProps } from '@material-ui/core/CardHeader';
+export { default, CardHeaderProps } from '@material-ui/core/CardHeader';

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

@@ -1 +1 @@
-export { default, CardMediaProps } from '@material-ui/core/CardMedia';
+export { default, CardMediaProps } from '@material-ui/core/CardMedia';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CheckboxProps } from './CheckboxProps';
+export declare const Checkbox: React.ForwardRefExoticComponent<Pick<CheckboxProps, "color" | "translate" | "hidden" | "size" | "style" | "icon" | "disabled" | "aria-describedby" | "aria-hidden" | "aria-label" | "className" | "form" | "label" | "slot" | "title" | "id" | "lang" | "name" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "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" | "key" | "classes" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "readOnly" | "required" | "checked" | "action" | "disableFocusRipple" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "indeterminate" | "checkedIcon" | "edge" | "inputProps" | "inputRef" | "LabelProps" | "indeterminateIcon"> & React.RefAttributes<HTMLInputElement>>;

package/build/esm/components/Checkbox/Checkbox.js

@@ -0,0 +1,14 @@
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef } from 'react';
+import MuiCheckbox from '@material-ui/core/Checkbox';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+
+var Checkbox = forwardRef(function (props, ref) {
+    var label = props.label, disabled = props.disabled, LabelProps = props.LabelProps, muiProps = __rest(props, ["label", "disabled", "LabelProps"]);
+    var control = React.createElement(MuiCheckbox, __assign({ disabled: label ? undefined : disabled }, muiProps));
+    return label ? (React.createElement(FormControlLabel, __assign({ disabled: disabled, inputRef: ref, control: control, label: label }, LabelProps))) : (control);
+});
+Checkbox.displayName = 'Checkbox';
+
+export { Checkbox };
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport MuiCheckbox from '@material-ui/core/Checkbox'\n\nimport FormControlLabel from '../FormControlLabel'\nimport { CheckboxProps } from './CheckboxProps'\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\n  const { label, disabled, LabelProps, ...muiProps } = props\n  const control = <MuiCheckbox disabled={label ? undefined : disabled} {...muiProps} />\n  return label ? (\n    <FormControlLabel disabled={disabled} inputRef={ref} control={control} label={label} {...LabelProps} />\n  ) : (\n    control\n  )\n})\n\nCheckbox.displayName = 'Checkbox'\n"],"names":[],"mappings":";;;;;IAMa,QAAQ,GAAG,UAAU,CAAkC,UAAC,KAAK,EAAE,GAAG,EAAA;IACrE,IAAA,KAAK,GAAwC,KAAK,CAAA,KAA7C,EAAE,QAAQ,GAA8B,KAAK,CAAnC,QAAA,EAAE,UAAU,GAAkB,KAAK,WAAvB,EAAK,QAAQ,UAAK,KAAK,EAApD,CAA4C,OAAA,EAAA,UAAA,EAAA,YAAA,CAAA,CAAF;AAChD,IAAA,IAAM,OAAO,GAAG,KAAA,CAAA,aAAA,CAAC,WAAW,EAAC,QAAA,CAAA,EAAA,QAAQ,EAAE,KAAK,GAAG,SAAS,GAAG,QAAQ,EAAM,EAAA,QAAQ,EAAI;AACrF,IAAA,OAAO,KAAK,IACV,KAAC,CAAA,aAAA,CAAA,gBAAgB,EAAC,QAAA,CAAA,EAAA,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAM,EAAA,UAAU,CAAI,CAAA,KAEvG,OAAO,CACR;AACH,CAAC;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/build/{components → esm/components}/Checkbox/CheckboxProps.d.ts

@@ -1,8 +1,8 @@
-import { CheckboxProps as MuiCheckboxProps } from '@material-ui/core/Checkbox';
-import { FormControlLabelProps } from '../FormControlLabel';
-export interface CheckboxProps extends MuiCheckboxProps {
-    /** Adds a text label to the Checkbox. If provided, the Checkbox will be wrapped by a FormControlLabel component. */
-    label: string;
-    /** Props applied to the FormControlLabel component wrapping a checkbox if a label is given. */
-    LabelProps: Omit<FormControlLabelProps, 'control'>;
-}
+import { CheckboxProps as MuiCheckboxProps } from '@material-ui/core/Checkbox';
+import { FormControlLabelProps } from '../FormControlLabel';
+export interface CheckboxProps extends MuiCheckboxProps {
+    /** Adds a text label to the Checkbox. If provided, the Checkbox will be wrapped by a FormControlLabel component. */
+    label: string;
+    /** Props applied to the FormControlLabel component wrapping a checkbox if a label is given. */
+    LabelProps: Omit<FormControlLabelProps, 'control'>;
+}

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

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

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { ChipProps } from './ChipProps';
-export declare const Chip: {
-    <C extends React.ElementType<any> = "div">(props: ChipProps<C>): JSX.Element;
-    displayName: string;
-};
+import React from 'react';
+import { ChipProps } from './ChipProps';
+export declare const Chip: {
+    <C extends React.ElementType<any> = "div">(props: ChipProps<C>): JSX.Element;
+    displayName: string;
+};