@popmenu/common-ui 0.126.0 → 0.126.2

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ToggleButtonProps } from './ToggleButtonProps';
+export declare const ToggleButton: React.ForwardRefExoticComponent<Pick<ToggleButtonProps, "color" | "translate" | "hidden" | "size" | "style" | "disabled" | "aria-describedby" | "aria-hidden" | "aria-label" | "className" | "form" | "slot" | "title" | "id" | "lang" | "name" | "type" | "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" | "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" | "action" | "selected" | "disableFocusRipple" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps"> & React.RefAttributes<HTMLButtonElement>>;

package/build/esm/components/ToggleButton/ToggleButton.js

@@ -0,0 +1,20 @@
+import { __rest, __assign } from 'tslib';
+import { ToggleButton as ToggleButton$1 } from '@material-ui/lab';
+import React, { forwardRef } from 'react';
+import { useToggleButtonStyles } from './ToggleButtonStyles.js';
+
+var ToggleButton = forwardRef(function (props, ref) {
+    var children = props.children, muiProps = __rest(props, ["children"]);
+    var classes = useToggleButtonStyles(props);
+    return (React.createElement(ToggleButton$1, __assign({ ref: ref, classes: {
+            root: classes.root,
+            selected: classes.selected,
+        } }, muiProps), children));
+});
+ToggleButton.defaultProps = {
+    color: 'primary',
+};
+ToggleButton.displayName = 'ToggleButton';
+
+export { ToggleButton };
+//# sourceMappingURL=ToggleButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { ToggleButton as MuiToggleButton } from '@material-ui/lab'\nimport React, { forwardRef } from 'react'\nimport { ToggleButtonProps } from './ToggleButtonProps'\nimport { useToggleButtonStyles } from './ToggleButtonStyles'\n\nexport const ToggleButton = forwardRef<HTMLButtonElement, ToggleButtonProps>((props, ref) => {\n  const { children, ...muiProps } = props\n  const classes = useToggleButtonStyles(props)\n\n  return (\n    <MuiToggleButton\n      ref={ref}\n      classes={{\n        root: classes.root,\n        selected: classes.selected,\n      }}\n      {...muiProps}\n    >\n      {children}\n    </MuiToggleButton>\n  )\n})\n\nToggleButton.defaultProps = {\n  color: 'primary',\n}\n\nToggleButton.displayName = 'ToggleButton'\n"],"names":["MuiToggleButton"],"mappings":";;;;;IAKa,YAAY,GAAG,UAAU,CAAuC,UAAC,KAAK,EAAE,GAAG,EAAA;IAC9E,IAAA,QAAQ,GAAkB,KAAK,CAAvB,QAAA,EAAK,QAAQ,GAAA,MAAA,CAAK,KAAK,EAAjC,CAAyB,UAAA,CAAA,CAAF;AAC7B,IAAA,IAAM,OAAO,GAAG,qBAAqB,CAAC,KAAK,CAAC;IAE5C,QACE,oBAACA,cAAe,EAAA,QAAA,CAAA,EACd,GAAG,EAAE,GAAG,EACR,OAAO,EAAE;YACP,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,QAAQ,EAAE,OAAO,CAAC,QAAQ;AAC3B,SAAA,EAAA,EACG,QAAQ,CAAA,EAEX,QAAQ,CACO;AAEtB,CAAC;AAED,YAAY,CAAC,YAAY,GAAG;AAC1B,IAAA,KAAK,EAAE,SAAS;CACjB;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/build/esm/components/ToggleButton/ToggleButtonProps.d.ts

@@ -0,0 +1,4 @@
+import { ToggleButtonProps as MuiToggleButtonProps } from '@material-ui/lab';
+export interface ToggleButtonProps extends MuiToggleButtonProps {
+    color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error';
+}

package/build/esm/components/ToggleButton/ToggleButtonStyles.d.ts

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

package/build/esm/components/ToggleButton/ToggleButtonStyles.js

@@ -0,0 +1,19 @@
+import { makeStyles } from '@material-ui/core';
+
+var useToggleButtonStyles = makeStyles(function (theme) { return ({
+    root: {
+        color: theme.palette.text.primary,
+    },
+    selected: {
+        '&&': {
+            '&:hover': {
+                backgroundColor: function (props) { return theme.palette[props.color || 'primary'].dark; },
+            },
+            backgroundColor: function (props) { return theme.palette[props.color || 'primary'].main; },
+            color: 'white',
+        },
+    },
+}); });
+
+export { useToggleButtonStyles };
+//# sourceMappingURL=ToggleButtonStyles.js.map

package/build/esm/components/ToggleButton/ToggleButtonStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonStyles.js","sources":["../../../../src/components/ToggleButton/ToggleButtonStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { ToggleButtonProps } from './ToggleButtonProps'\n\nexport const useToggleButtonStyles = makeStyles<Theme, ToggleButtonProps>((theme) => ({\n  root: {\n    color: theme.palette.text.primary,\n  },\n  selected: {\n    '&&': {\n      '&:hover': {\n        backgroundColor: (props) => theme.palette[props.color || 'primary'].dark,\n      },\n      backgroundColor: (props) => theme.palette[props.color || 'primary'].main,\n      color: 'white',\n    },\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,qBAAqB,GAAG,UAAU,CAA2B,UAAC,KAAK,EAAK,EAAA,QAAC;AACpF,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;AAClC,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,SAAS,EAAE;AACT,gBAAA,eAAe,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS,CAAC,CAAC,IAAI,GAAA;AACzE,aAAA;AACD,YAAA,eAAe,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS,CAAC,CAAC,IAAI,GAAA;AACxE,YAAA,KAAK,EAAE,OAAO;AACf,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}

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

@@ -0,0 +1,2 @@
+export { ToggleButton } from './ToggleButton';
+export type { ToggleButtonProps } from './ToggleButtonProps';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ToggleButtonGroupProps } from './ToggleButtonGroupProps';
+export declare const ToggleButtonGroup: React.ForwardRefExoticComponent<Pick<ToggleButtonGroupProps, "color" | "translate" | "hidden" | "size" | "style" | "aria-describedby" | "aria-hidden" | "aria-label" | "className" | "slot" | "title" | "id" | "lang" | "role" | "tabIndex" | "orientation" | "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" | "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" | "value" | "exclusive"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/components/ToggleButtonGroup/ToggleButtonGroup.js

@@ -0,0 +1,20 @@
+import { __rest, __assign } from 'tslib';
+import { ToggleButtonGroup as ToggleButtonGroup$1 } from '@material-ui/lab';
+import React, { forwardRef } from 'react';
+import { useToggleButtonGroupStyles } from './ToggleButtonGroupStyles.js';
+
+var ToggleButtonGroup = forwardRef(function (props, ref) {
+    var children = props.children, _a = props.color, color = _a === void 0 ? 'primary' : _a, muiProps = __rest(props, ["children", "color"]);
+    var classes = useToggleButtonGroupStyles(props);
+    var childrenWithProps = React.Children.map(children, function (child) {
+        if (!React.isValidElement(child)) {
+            return null;
+        }
+        return React.cloneElement(child, { color: color });
+    });
+    return (React.createElement(ToggleButtonGroup$1, __assign({ ref: ref, classes: { root: classes.root } }, muiProps), childrenWithProps));
+});
+ToggleButtonGroup.displayName = 'ToggleButtonGroup';
+
+export { ToggleButtonGroup };
+//# sourceMappingURL=ToggleButtonGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroup.js","sources":["../../../../src/components/ToggleButtonGroup/ToggleButtonGroup.tsx"],"sourcesContent":["import { ToggleButtonGroup as MuiToggleButtonGroup } from '@material-ui/lab'\nimport React, { forwardRef } from 'react'\nimport { ToggleButtonGroupProps } from './ToggleButtonGroupProps'\nimport { useToggleButtonGroupStyles } from './ToggleButtonGroupStyles'\n\nexport const ToggleButtonGroup = forwardRef<HTMLDivElement, ToggleButtonGroupProps>((props, ref) => {\n  const { children, color = 'primary', ...muiProps } = props\n  const classes = useToggleButtonGroupStyles(props)\n  const childrenWithProps = React.Children.map(children, (child) => {\n    if (!React.isValidElement(child)) {\n      return null\n    }\n    return React.cloneElement(child, { color })\n  })\n\n  return (\n    <MuiToggleButtonGroup ref={ref} classes={{ root: classes.root }} {...muiProps}>\n      {childrenWithProps}\n    </MuiToggleButtonGroup>\n  )\n})\n\nToggleButtonGroup.displayName = 'ToggleButtonGroup'\n"],"names":["MuiToggleButtonGroup"],"mappings":";;;;;IAKa,iBAAiB,GAAG,UAAU,CAAyC,UAAC,KAAK,EAAE,GAAG,EAAA;IACrF,IAAA,QAAQ,GAAqC,KAAK,CAAA,QAA1C,EAAE,EAAmC,GAAA,KAAK,MAAvB,EAAjB,KAAK,mBAAG,SAAS,GAAA,EAAA,EAAK,QAAQ,GAAA,MAAA,CAAK,KAAK,EAApD,CAAA,UAAA,EAAA,OAAA,CAA4C,CAAF;AAChD,IAAA,IAAM,OAAO,GAAG,0BAA0B,CAAC,KAAK,CAAC;IACjD,IAAM,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;AAC3D,QAAA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;AAChC,YAAA,OAAO,IAAI;AACZ;QACD,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,CAAC;AAC7C,KAAC,CAAC;IAEF,QACE,oBAACA,mBAAoB,EAAA,QAAA,CAAA,EAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,EAAA,EAAM,QAAQ,CAC1E,EAAA,iBAAiB,CACG;AAE3B,CAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/build/esm/components/ToggleButtonGroup/ToggleButtonGroupProps.d.ts

@@ -0,0 +1,6 @@
+import { ToggleButtonGroupProps as MuiToggleButtonGroupProps } from '@material-ui/lab';
+import { Ref } from 'react';
+export interface ToggleButtonGroupProps extends MuiToggleButtonGroupProps {
+    color: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error';
+    ref?: (instance: HTMLDivElement) => void | Ref<HTMLDivElement> | null;
+}

package/build/esm/components/ToggleButtonGroup/ToggleButtonGroupStyles.d.ts

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

package/build/esm/components/ToggleButtonGroup/ToggleButtonGroupStyles.js

@@ -0,0 +1,12 @@
+import { makeStyles } from '@material-ui/core';
+
+var useToggleButtonGroupStyles = makeStyles(function (theme) { return ({
+    root: {
+        '&&': {
+            backgroundColor: theme.palette.grey[300],
+        },
+    },
+}); });
+
+export { useToggleButtonGroupStyles };
+//# sourceMappingURL=ToggleButtonGroupStyles.js.map

package/build/esm/components/ToggleButtonGroup/ToggleButtonGroupStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroupStyles.js","sources":["../../../../src/components/ToggleButtonGroup/ToggleButtonGroupStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nexport const useToggleButtonGroupStyles = makeStyles<Theme>((theme) => ({\n  root: {\n    '&&': {\n      backgroundColor: theme.palette.grey[300],\n    },\n  },\n}))\n"],"names":[],"mappings":";;AAEa,IAAA,0BAA0B,GAAG,UAAU,CAAQ,UAAC,KAAK,EAAK,EAAA,QAAC;AACtE,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE;YACJ,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACzC,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}

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

@@ -0,0 +1,2 @@
+export { ToggleButtonGroup } from './ToggleButtonGroup';
+export type { ToggleButtonGroupProps } from './ToggleButtonGroupProps';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TooltipProps } from './TooltipProps';
+export declare const Tooltip: React.ForwardRefExoticComponent<Pick<TooltipProps, "color" | "translate" | "hidden" | "style" | "open" | "aria-describedby" | "aria-hidden" | "aria-label" | "className" | "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" | "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" | "onClose" | "arrow" | "disableFocusListener" | "disableHoverListener" | "disableTouchListener" | "enterDelay" | "enterNextDelay" | "enterTouchDelay" | "interactive" | "leaveDelay" | "leaveTouchDelay" | "onOpen" | "placement" | "PopperComponent" | "PopperProps" | "TransitionComponent" | "TransitionProps"> & React.RefAttributes<HTMLElement>>;

package/build/esm/components/Tooltip/Tooltip.js

@@ -0,0 +1,13 @@
+import { __assign } from 'tslib';
+import { Tooltip as Tooltip$1 } from '@material-ui/core';
+import React, { forwardRef } from 'react';
+import { useTooltipStyles } from './TooltipStyles.js';
+
+var Tooltip = forwardRef(function (props, ref) {
+    var classes = useTooltipStyles(props);
+    return React.createElement(Tooltip$1, __assign({ ref: ref, classes: classes }, props));
+});
+Tooltip.displayName = 'Tooltip';
+
+export { Tooltip };
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as MuiTooltip } from '@material-ui/core'\nimport React, { forwardRef } from 'react'\n\nimport { TooltipProps } from './TooltipProps'\nimport { useTooltipStyles } from './TooltipStyles'\n\nexport const Tooltip = forwardRef<HTMLElement, TooltipProps>((props, ref) => {\n  const classes = useTooltipStyles(props)\n  return <MuiTooltip ref={ref} classes={classes} {...props} />\n})\n\nTooltip.displayName = 'Tooltip'\n"],"names":["MuiTooltip"],"mappings":";;;;;IAMa,OAAO,GAAG,UAAU,CAA4B,UAAC,KAAK,EAAE,GAAG,EAAA;AACtE,IAAA,IAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC;AACvC,IAAA,OAAO,KAAC,CAAA,aAAA,CAAAA,SAAU,EAAC,QAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAM,EAAA,KAAK,EAAI;AAC9D,CAAC;AAED,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}

package/build/esm/components/Tooltip/TooltipProps.d.ts

@@ -0,0 +1 @@
+export { TooltipProps } from '@material-ui/core';

package/build/esm/components/Tooltip/TooltipStyles.d.ts

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

package/build/esm/components/Tooltip/TooltipStyles.js

@@ -0,0 +1,13 @@
+import { makeStyles } from '@material-ui/core';
+
+var useTooltipStyles = makeStyles(function (_a) {
+    var typography = _a.typography;
+    return ({
+        tooltip: {
+            fontSize: typography.pxToRem(16),
+        },
+    });
+});
+
+export { useTooltipStyles };
+//# sourceMappingURL=TooltipStyles.js.map

package/build/esm/components/Tooltip/TooltipStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipStyles.js","sources":["../../../../src/components/Tooltip/TooltipStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { TooltipProps } from './TooltipProps'\n\nexport const useTooltipStyles = makeStyles<Theme, TooltipProps>(({ typography }) => ({\n  tooltip: {\n    fontSize: typography.pxToRem(16),\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,gBAAgB,GAAG,UAAU,CAAsB,UAAC,EAAc,EAAA;AAAZ,IAAA,IAAA,UAAU,GAAA,EAAA,CAAA,UAAA;AAAO,IAAA,QAAC;AACnF,QAAA,OAAO,EAAE;AACP,YAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;AACjC,SAAA;KACF;AAJmF,CAIlF;;;;"}

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

@@ -0,0 +1,2 @@
+export { Tooltip } from './Tooltip';
+export type { TooltipProps } from './TooltipProps';

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TypographyProps } from './TypographyProps';
+export declare const Typography: {
+    <C extends React.ElementType<any> = "span">(props: TypographyProps<C>): JSX.Element;
+    displayName: string;
+    defaultProps: {
+        variant: "body1";
+    };
+};

package/build/esm/components/Typography/Typography.js

@@ -0,0 +1,17 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { Typography as Typography$1 } from '@material-ui/core';
+import { defaultTypographyProps } from './TypographyProps.js';
+import { useTypographyStyles } from './TypographyStyles.js';
+
+var Typography = function (props) {
+    props.weight; props.color; var TypographyRef = props.TypographyRef, restProps = __rest(props, ["weight", "color", "TypographyRef"]);
+    var classes = useTypographyStyles(__assign({}, props));
+    var variantMapping = { subtitle1: 'p' };
+    return React.createElement(Typography$1, __assign({ classes: classes, variantMapping: variantMapping, ref: TypographyRef }, restProps));
+};
+Typography.displayName = 'Typography';
+Typography.defaultProps = defaultTypographyProps;
+
+export { Typography };
+//# sourceMappingURL=Typography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React from 'react'\nimport { Typography as MuiTypography } from '@material-ui/core'\n\nimport { TypographyProps, defaultTypographyProps, DefaultTypographyComponent } from './TypographyProps'\nimport { useTypographyStyles } from './TypographyStyles'\n\nexport const Typography = <C extends React.ElementType = DefaultTypographyComponent>(props: TypographyProps<C>) => {\n  const { weight, color, TypographyRef, ...restProps } = props\n  const classes = useTypographyStyles({ ...props } as TypographyProps & typeof defaultTypographyProps)\n  const variantMapping = { subtitle1: 'p' }\n  return <MuiTypography classes={classes} variantMapping={variantMapping} ref={TypographyRef} {...restProps} />\n}\n\nTypography.displayName = 'Typography'\n\nTypography.defaultProps = defaultTypographyProps\n"],"names":["MuiTypography"],"mappings":";;;;;;AAMO,IAAM,UAAU,GAAG,UAA2D,KAAyB,EAAA;IACrD,KAAK,CAAA,MAA9C,EAAyC,KAAK,CAAvC,KAAA,CAAA,KAAE,aAAa,GAAmB,KAAK,cAAxB,CAAK,CAAA,SAAS,UAAK,KAAK,EAAtD,CAA8C,QAAA,EAAA,OAAA,EAAA,eAAA,CAAA;IACpD,IAAM,OAAO,GAAG,mBAAmB,CAAC,aAAK,KAAK,CAAqD,CAAC;AACpG,IAAA,IAAM,cAAc,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE;AACzC,IAAA,OAAO,oBAACA,YAAa,EAAA,QAAA,CAAA,EAAC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,EAAM,EAAA,SAAS,EAAI;AAC/G;AAEA,UAAU,CAAC,WAAW,GAAG,YAAY;AAErC,UAAU,CAAC,YAAY,GAAG,sBAAsB;;;;"}

package/build/esm/components/Typography/TypographyProps.d.ts

@@ -0,0 +1,14 @@
+import { TypographyProps as MuiTypographyProps, TypographyTypeMap } from '@material-ui/core';
+import React, { RefObject } from 'react';
+export declare type ThemeColors = 'primary.light' | 'primary' | 'primary.dark' | 'secondary.light' | 'secondary' | 'secondary.dark' | 'info.light' | 'info' | 'info.dark' | 'success.light' | 'success' | 'success.dark' | 'error.light' | 'error' | 'error.dark' | 'warning.light' | 'warning' | 'warning.dark' | 'white' | 'black' | 'grey.100' | 'grey.200' | 'grey.300' | 'grey.400' | 'grey.500' | 'grey.600' | 'grey.700' | 'grey.800' | 'grey.900' | 'textPrimary' | 'textSecondary';
+export declare const defaultTypographyProps: {
+    variant: "body1";
+};
+export declare type DefaultTypographyComponent = TypographyTypeMap['defaultComponent'];
+export declare type TypographyProps<C extends React.ElementType = DefaultTypographyComponent> = Omit<MuiTypographyProps<C, {
+    component?: C;
+}>, 'color' | 'ref'> & {
+    TypographyRef?: RefObject<HTMLParagraphElement | HTMLHeadingElement | HTMLSpanElement>;
+    color?: ThemeColors;
+    weight?: 'regular' | 'medium' | 'semi-bold' | 'bold';
+};

package/build/esm/components/Typography/TypographyProps.js

@@ -0,0 +1,6 @@
+var defaultTypographyProps = {
+    variant: 'body1',
+};
+
+export { defaultTypographyProps };
+//# sourceMappingURL=TypographyProps.js.map

package/build/esm/components/Typography/TypographyProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypographyProps.js","sources":["../../../../src/components/Typography/TypographyProps.ts"],"sourcesContent":["import { TypographyProps as MuiTypographyProps, TypographyTypeMap } from '@material-ui/core'\nimport React, { RefObject } from 'react'\n\nexport type ThemeColors =\n  | 'primary.light'\n  | 'primary'\n  | 'primary.dark'\n  | 'secondary.light'\n  | 'secondary'\n  | 'secondary.dark'\n  | 'info.light'\n  | 'info'\n  | 'info.dark'\n  | 'success.light'\n  | 'success'\n  | 'success.dark'\n  | 'error.light'\n  | 'error'\n  | 'error.dark'\n  | 'warning.light'\n  | 'warning'\n  | 'warning.dark'\n  | 'white'\n  | 'black'\n  | 'grey.100'\n  | 'grey.200'\n  | 'grey.300'\n  | 'grey.400'\n  | 'grey.500'\n  | 'grey.600'\n  | 'grey.700'\n  | 'grey.800'\n  | 'grey.900'\n  | 'textPrimary'\n  | 'textSecondary'\n\nexport const defaultTypographyProps = {\n  variant: 'body1' as const,\n}\n\nexport type DefaultTypographyComponent = TypographyTypeMap['defaultComponent']\n\nexport type TypographyProps<C extends React.ElementType = DefaultTypographyComponent> = Omit<\n  MuiTypographyProps<C, { component?: C }>,\n  'color' | 'ref'\n> & {\n  TypographyRef?: RefObject<HTMLParagraphElement | HTMLHeadingElement | HTMLSpanElement>\n  color?: ThemeColors\n  weight?: 'regular' | 'medium' | 'semi-bold' | 'bold'\n}\n"],"names":[],"mappings":"AAoCa,IAAA,sBAAsB,GAAG;AACpC,IAAA,OAAO,EAAE,OAAgB;;;;;"}

package/build/esm/components/Typography/TypographyStyles.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const useTypographyStyles: (props: Omit<import("@material-ui/core").TypographyProps<"span", {
+    component?: "span" | undefined;
+}>, "color" | "ref"> & {
+    TypographyRef?: import("react").RefObject<HTMLHeadingElement | HTMLParagraphElement | HTMLSpanElement> | undefined;
+    color?: import("./TypographyProps").ThemeColors | undefined;
+    weight?: "medium" | "bold" | "regular" | "semi-bold" | undefined;
+} & {
+    variant: "body1";
+}) => import("@material-ui/styles").ClassNameMap<string>;

package/build/esm/components/Typography/TypographyStyles.js

@@ -0,0 +1,76 @@
+import { makeStyles } from '@material-ui/core';
+import { iconStaticClassName } from '../Icon/Icon.js';
+
+var weights = {
+    regular: 400,
+    medium: 500,
+    'semi-bold': 600,
+    bold: 700,
+};
+var getCustomColor = function (theme, color) {
+    var isCommonColor = color && ['white', 'black'].includes(color);
+    var isGreyColor = color && color.match(/^grey\.\d{3}/);
+    var isSemanticColor = color && color.match(/(primary|secondary|info|success|error|warning).?(light|dark)?/);
+    var isTextColor = color && ['textPrimary', 'textSecondary'].includes(color);
+    switch (true) {
+        case isCommonColor:
+            // @ts-expect-error - todo.
+            return theme.palette.common[color];
+        case Boolean(isGreyColor):
+            var scale = color.split('.')[1];
+            // @ts-expect-error - todo.
+            return theme.palette.grey[scale] || theme.palette.grey[900];
+        case Boolean(isSemanticColor):
+            var _a = color.split('.'), paletteKey = _a[0], _b = _a[1], variant = _b === void 0 ? 'main' : _b;
+            // @ts-expect-error - todo.
+            return theme.palette[paletteKey][variant];
+        case isTextColor:
+            // @ts-expect-error - todo.
+            return theme.palette.text[color.slice(4).toLowerCase()];
+        default:
+            return undefined;
+    }
+};
+var useTypographyStyles = makeStyles(function (theme) {
+    var _a;
+    return ({
+        root: (_a = {},
+            _a["& ." + iconStaticClassName] = {
+                position: 'relative',
+                top: '0.125em',
+                padding: '0 0.125em',
+                boxSizing: 'content-box',
+            },
+            _a.fontFamily = theme.typography.fontFamily,
+            _a.fontWeight = function (_a) {
+                var variant = _a.variant, weight = _a.weight;
+                return (weight ? weights[weight] : theme.typography[variant].fontWeight);
+            },
+            _a.fontSize = function (_a) {
+                var variant = _a.variant;
+                return theme.typography[variant].fontSize;
+            },
+            _a.lineHeight = function (_a) {
+                var variant = _a.variant;
+                return theme.typography[variant].lineHeight;
+            },
+            _a.textTransform = function (_a) {
+                var variant = _a.variant;
+                return theme.typography[variant].textTransform;
+            },
+            _a.color = function (_a) {
+                var color = _a.color, variant = _a.variant;
+                return (color && getCustomColor(theme, color)) || theme.typography[variant].color;
+            },
+            _a),
+        caption: {
+            display: 'inline',
+        },
+        overline: {
+            display: 'inline',
+        },
+    });
+});
+
+export { useTypographyStyles };
+//# sourceMappingURL=TypographyStyles.js.map

package/build/esm/components/Typography/TypographyStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypographyStyles.js","sources":["../../../../src/components/Typography/TypographyStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { iconStaticClassName } from '../Icon'\nimport { defaultTypographyProps, TypographyProps } from './TypographyProps'\n\nconst weights = {\n  regular: 400,\n  medium: 500,\n  'semi-bold': 600,\n  bold: 700,\n}\n\nconst getCustomColor = (theme: Theme, color: string) => {\n  const isCommonColor = color && ['white', 'black'].includes(color)\n  const isGreyColor = color && color.match(/^grey\\.\\d{3}/)\n  const isSemanticColor = color && color.match(/(primary|secondary|info|success|error|warning).?(light|dark)?/)\n  const isTextColor = color && ['textPrimary', 'textSecondary'].includes(color)\n  switch (true) {\n    case isCommonColor:\n      // @ts-expect-error - todo.\n      return theme.palette.common[color]\n    case Boolean(isGreyColor):\n      const scale = color.split('.')[1]\n      // @ts-expect-error - todo.\n      return theme.palette.grey[scale] || theme.palette.grey[900]\n    case Boolean(isSemanticColor):\n      const [paletteKey, variant = 'main'] = color.split('.')\n      // @ts-expect-error - todo.\n      return theme.palette[paletteKey][variant]\n    case isTextColor:\n      // @ts-expect-error - todo.\n      return theme.palette.text[color.slice(4).toLowerCase()]\n    default:\n      return undefined\n  }\n}\n\nexport const useTypographyStyles = makeStyles<Theme, TypographyProps & typeof defaultTypographyProps>((theme) => ({\n  root: {\n    [`& .${iconStaticClassName}`]: {\n      position: 'relative',\n      top: '0.125em',\n      padding: '0 0.125em',\n      boxSizing: 'content-box',\n    },\n    fontFamily: theme.typography.fontFamily,\n    fontWeight: ({ variant, weight }) => (weight ? weights[weight] : theme.typography[variant].fontWeight),\n    fontSize: ({ variant }) => theme.typography[variant].fontSize,\n    lineHeight: ({ variant }) => theme.typography[variant].lineHeight,\n    textTransform: ({ variant }) => theme.typography[variant].textTransform,\n    color: ({ color, variant }) => (color && getCustomColor(theme, color)) || theme.typography[variant].color,\n  },\n  caption: {\n    display: 'inline',\n  },\n  overline: {\n    display: 'inline',\n  },\n}))\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { Typography } from './Typography';
+export type { ThemeColors, TypographyProps } from './TypographyProps';

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

@@ -0,0 +1,45 @@
+export * from '@material-ui/core';
+export { Alert, AlertTitle, Autocomplete, AvatarGroup, Pagination, PaginationItem, Rating, Skeleton, SpeedDial, SpeedDialAction, SpeedDialIcon, TabContext, TabList, Timeline, TimelineConnector, TimelineContent, TimelineDot, TimelineItem, TimelineOppositeContent, TimelineSeparator, TreeItem, TreeView, useAutocomplete, } from '@material-ui/lab';
+export type { AlertProps, AlertTitleProps, AutocompleteProps, AvatarGroupProps, PaginationItemProps, PaginationProps, RatingProps, SkeletonProps, SpeedDialActionProps, SpeedDialIconProps, SpeedDialProps, TabContextProps, TabListProps, TimelineConnectorProps, TimelineContentProps, TimelineDotProps, TimelineItemProps, TimelineOppositeContentProps, TimelineProps, TimelineSeparatorProps, TreeItemProps, TreeViewProps, } from '@material-ui/lab';
+export { Avatar } from './Avatar';
+export type { AvatarProps } from './Avatar';
+export { BrowserSilhouette } from './BrowserSilhouette';
+export { Button } from './Button';
+export type { ButtonProps } from './Button';
+export { Checkbox } from './Checkbox';
+export type { CheckboxProps } from './Checkbox';
+export { Chip } from './Chip';
+export type { ChipProps } from './Chip';
+export { CollapsibleText } from './CollapsibleText';
+export type { CollapsibleTextProps } from './CollapsibleText';
+export { Divider } from './Divider';
+export type { DividerProps } from './Divider';
+export { FollowerAuthenticationDialog } from './FollowerAuthenticationDialog';
+export type { FollowerAuthenticationDialogProps } from './FollowerAuthenticationDialog';
+export { Icon } from './Icon';
+export type { IconProps } from './Icon';
+export { IconButton } from './IconButton';
+export type { IconButtonProps } from './IconButton';
+export { Link } from './Link';
+export type { LinkProps } from './Link';
+export { NumberField } from './NumberField';
+export type { NumberFieldProps } from './NumberField';
+export { Paper } from './Paper';
+export type { PaperProps } from './Paper';
+export { PaperContent } from './PaperContent';
+export { Radio } from './Radio';
+export type { RadioProps } from './Radio';
+export { SplitInput } from './SplitInput';
+export type { SplitInputProps } from './SplitInput';
+export { Switch } from './Switch';
+export type { SwitchProps } from './Switch';
+export { TabPanel } from './TabPanel';
+export type { TabPanelProps } from './TabPanel';
+export { ToggleButton } from './ToggleButton';
+export type { ToggleButtonProps } from './ToggleButton';
+export { ToggleButtonGroup } from './ToggleButtonGroup';
+export type { ToggleButtonGroupProps } from './ToggleButtonGroup';
+export { Tooltip } from './Tooltip';
+export type { TooltipProps } from './Tooltip';
+export { Typography } from './Typography';
+export type { ThemeColors, TypographyProps } from './Typography';

package/build/esm/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useCollapsibleText } from './useCollapsibleText';
+export { useTabs } from './useTabs';

package/build/esm/hooks/useCollapsibleText.d.ts

@@ -0,0 +1,9 @@
+interface CollapsibleTextHookResult {
+    collapsibleText: {
+        open: boolean;
+        collapseState: [boolean, (collapsible: boolean) => void];
+    };
+    toggle: () => void;
+}
+export declare const useCollapsibleText: () => CollapsibleTextHookResult;
+export {};

package/build/esm/hooks/useCollapsibleText.js

@@ -0,0 +1,17 @@
+import { useState } from 'react';
+
+var useCollapsibleText = function () {
+    var _a = useState(false), open = _a[0], setOpen = _a[1];
+    var collapseState = useState(false);
+    var toggle = function () { return collapseState[0] && setOpen(!open); };
+    return {
+        collapsibleText: {
+            open: open,
+            collapseState: collapseState,
+        },
+        toggle: toggle,
+    };
+};
+
+export { useCollapsibleText };
+//# sourceMappingURL=useCollapsibleText.js.map

package/build/esm/hooks/useCollapsibleText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCollapsibleText.js","sources":["../../../src/hooks/useCollapsibleText.ts"],"sourcesContent":["import { useState } from 'react'\n\ninterface CollapsibleTextHookResult {\n  collapsibleText: {\n    open: boolean\n    collapseState: [boolean, (collapsible: boolean) => void]\n  }\n  toggle: () => void\n}\n\nexport const useCollapsibleText: () => CollapsibleTextHookResult = () => {\n  const [open, setOpen] = useState(false)\n  const collapseState = useState(false)\n  const toggle = () => collapseState[0] && setOpen(!open)\n  return {\n    collapsibleText: {\n      open,\n      collapseState,\n    },\n    toggle,\n  }\n}\n"],"names":[],"mappings":";;AAUa,IAAA,kBAAkB,GAAoC,YAAA;IAC3D,IAAA,EAAA,GAAkB,QAAQ,CAAC,KAAK,CAAC,EAAhC,IAAI,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,OAAO,GAAA,EAAA,CAAA,CAAA,CAAmB;AACvC,IAAA,IAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC;AACrC,IAAA,IAAM,MAAM,GAAG,YAAA,EAAM,OAAA,aAAa,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA,EAAA;IACvD,OAAO;AACL,QAAA,eAAe,EAAE;AACf,YAAA,IAAI,EAAA,IAAA;AACJ,YAAA,aAAa,EAAA,aAAA;AACd,SAAA;AACD,QAAA,MAAM,EAAA,MAAA;KACP;AACH;;;;"}

package/build/esm/hooks/useTabs/index.d.ts

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

package/build/esm/hooks/useTabs/useTabs.d.ts

@@ -0,0 +1,3 @@
+import { UseTabsOptions } from './useTabsOptions';
+import { UseTabsResult } from './useTabsResult';
+export declare const useTabs: (options: UseTabsOptions) => UseTabsResult;

package/build/esm/hooks/useTabs/useTabs.js

@@ -0,0 +1,35 @@
+import { useState } from 'react';
+
+var useTabs = function (options) {
+    var initialTab = options.initialTab;
+    var genTabId = function (id) { return ("tab-" + id).toLowerCase().replace(/ /g, '-'); };
+    var genPanelId = function (id) { return ("tab-panel-" + id).toLowerCase().replace(/ /g, '-'); };
+    var _a = useState(genTabId(initialTab)), activeTab = _a[0], setActiveTab = _a[1];
+    var handleChange = function (_, nextTab) { return setActiveTab(nextTab); };
+    var TabsProps = { onChange: handleChange, value: activeTab };
+    var useTab = function (baseId) {
+        var tabId = genTabId(baseId);
+        var tabPanelId = genPanelId(baseId);
+        var tabProps = {
+            id: tabId,
+            label: baseId,
+            value: tabId,
+            'aria-controls': tabPanelId,
+        };
+        var panelProps = {
+            id: tabPanelId,
+            role: 'tabpanel',
+            show: activeTab === tabId,
+            'aria-labelledby': tabId,
+        };
+        return [tabProps, panelProps];
+    };
+    return {
+        TabsProps: TabsProps,
+        useTab: useTab,
+        setActiveTab: function (tabId) { return setActiveTab(tabId); },
+    };
+};
+
+export { useTabs };
+//# sourceMappingURL=useTabs.js.map

package/build/esm/hooks/useTabs/useTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabs.js","sources":["../../../../src/hooks/useTabs/useTabs.ts"],"sourcesContent":["import { SyntheticEvent, useState } from 'react'\nimport { UseTabsOptions } from './useTabsOptions'\nimport { UseTabsResult, UseTabResult } from './useTabsResult'\n\nexport const useTabs = (options: UseTabsOptions): UseTabsResult => {\n  const { initialTab } = options\n  const genTabId = (id: string) => `tab-${id}`.toLowerCase().replace(/ /g, '-')\n  const genPanelId = (id: string) => `tab-panel-${id}`.toLowerCase().replace(/ /g, '-')\n  const [activeTab, setActiveTab] = useState(genTabId(initialTab))\n  const handleChange = (_: SyntheticEvent, nextTab: string) => setActiveTab(nextTab)\n  const TabsProps = { onChange: handleChange, value: activeTab }\n  const useTab = (baseId: string) => {\n    const tabId = genTabId(baseId)\n    const tabPanelId = genPanelId(baseId)\n    const tabProps = {\n      id: tabId,\n      label: baseId,\n      value: tabId,\n      'aria-controls': tabPanelId,\n    }\n    const panelProps = {\n      id: tabPanelId,\n      role: 'tabpanel',\n      show: activeTab === tabId,\n      'aria-labelledby': tabId,\n    }\n    return [tabProps, panelProps] as UseTabResult\n  }\n  return {\n    TabsProps,\n    useTab,\n    setActiveTab: (tabId: string) => setActiveTab(tabId),\n  }\n}\n"],"names":[],"mappings":";;AAIO,IAAM,OAAO,GAAG,UAAC,OAAuB,EAAA;AACrC,IAAA,IAAA,UAAU,GAAK,OAAO,CAAA,UAAZ;IAClB,IAAM,QAAQ,GAAG,UAAC,EAAU,IAAK,OAAA,CAAA,MAAO,GAAA,EAAI,EAAC,WAAW,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAA5C,EAA4C;IAC7E,IAAM,UAAU,GAAG,UAAC,EAAU,IAAK,OAAA,CAAA,YAAa,GAAA,EAAI,EAAC,WAAW,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAlD,EAAkD;AAC/E,IAAA,IAAA,EAA4B,GAAA,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,EAAzD,SAAS,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,YAAY,QAAkC;AAChE,IAAA,IAAM,YAAY,GAAG,UAAC,CAAiB,EAAE,OAAe,EAAA,EAAK,OAAA,YAAY,CAAC,OAAO,CAAC,CAAA,EAAA;IAClF,IAAM,SAAS,GAAG,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE;IAC9D,IAAM,MAAM,GAAG,UAAC,MAAc,EAAA;AAC5B,QAAA,IAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC;AAC9B,QAAA,IAAM,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC;AACrC,QAAA,IAAM,QAAQ,GAAG;AACf,YAAA,EAAE,EAAE,KAAK;AACT,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,eAAe,EAAE,UAAU;SAC5B;AACD,QAAA,IAAM,UAAU,GAAG;AACjB,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,SAAS,KAAK,KAAK;AACzB,YAAA,iBAAiB,EAAE,KAAK;SACzB;AACD,QAAA,OAAO,CAAC,QAAQ,EAAE,UAAU,CAAiB;AAC/C,KAAC;IACD,OAAO;AACL,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,MAAM,EAAA,MAAA;QACN,YAAY,EAAE,UAAC,KAAa,EAAK,EAAA,OAAA,YAAY,CAAC,KAAK,CAAC,CAAA,EAAA;KACrD;AACH;;;;"}

package/build/esm/hooks/useTabs/useTabsOptions.d.ts

@@ -0,0 +1,3 @@
+export interface UseTabsOptions {
+    initialTab: string;
+}

package/build/esm/hooks/useTabs/useTabsResult.d.ts

@@ -0,0 +1,22 @@
+declare type PreConfiguredTabProps = {
+    id: string;
+    label: string;
+    value: string;
+    'aria-controls': string;
+};
+declare type PreConfiguredPanelProps = {
+    id: string;
+    role: string;
+    show: boolean;
+    'aria-labelledby': string;
+};
+export declare type UseTabResult = [PreConfiguredTabProps, PreConfiguredPanelProps];
+export interface UseTabsResult {
+    TabsProps: {
+        onChange: (event: any, value: string) => void;
+        value: string;
+    };
+    useTab: (baseTabId: string) => UseTabResult;
+    setActiveTab: (baseTabId: string) => void;
+}
+export {};

package/build/esm/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './hooks';
+export * from './util';