@superdispatch/ui-lab 0.25.2 → 0.26.0

package/dist-src/alert/Alert.js

@@ -4,20 +4,16 @@ import { Color } from '@superdispatch/ui';
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 function colorMixin(textColor, iconColor, backgroundColor, buttonHoverColor) {
   return css(["color:", ";border-color:", ";background-color:", ";& .MuiAlert-icon{color:", ";}& .MuiAlert-action{color:", ";& .MuiIconButton-root{&:hover,&:active{color:", ";}}}"], textColor, textColor, backgroundColor, iconColor, iconColor, buttonHoverColor);
 }
-
 var StyledAlert = /*#__PURE__*/styled(MaterialAlert).withConfig({
   displayName: "Alert__StyledAlert",
   componentId: "SD__sc-1j6qebb-0"
 })(["&.MuiAlert-outlinedSuccess{", ";}&.MuiAlert-outlinedInfo{", ";}&.MuiAlert-outlinedWarning{", ";}&.MuiAlert-outlinedError{", ";}& .MuiAlert-icon{opacity:1;padding:8px 0;font-size:24px;}& .MuiAlert-action{display:block;padding-top:5px;margin-right:-3px;& .MuiIconButton-root{& .MuiSvgIcon-root{font-size:24px;}}}"], /*#__PURE__*/colorMixin(Color.Green500, Color.Green300, Color.Green50, Color.Green400), /*#__PURE__*/colorMixin(Color.Blue500, Color.Blue300, Color.Blue50, Color.Blue400), /*#__PURE__*/colorMixin(Color.Yellow500, Color.Yellow300, Color.Yellow50, Color.Yellow400), /*#__PURE__*/colorMixin(Color.Red500, Color.Red300, Color.Red50, Color.Red400));
-
 function toMaterialSeverity(severity) {
   return severity === 'info' ? 'info' : severity === 'caution' ? 'warning' : severity === 'critical' ? 'error' : 'success';
 }
-
 var iconMapping = {
   success: /*#__PURE__*/_jsx(CheckCircle, {}),
   info: /*#__PURE__*/_jsx(Info, {}),

package/dist-src/banner/Banner.js

@@ -1,28 +1,25 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"],
-    _excluded2 = ["in"];
+  _excluded2 = ["in"];
 import { Color } from '@superdispatch/ui';
 import { forwardRef, useEffect, useState } from 'react';
-import { CSSTransition } from 'react-transition-group'; // eslint-disable-next-line import/no-internal-modules
+import { CSSTransition } from 'react-transition-group';
+// eslint-disable-next-line import/no-internal-modules
 
 import styled, { css, keyframes } from 'styled-components';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 function enterMixin(border) {
   return css(["min-height:56px;color:", ";background-color:", ";border-", ":1px #dfe3e8 solid;"], Color.Dark500, Color.White, border);
 }
-
 function enterAnimation(border) {
   return keyframes(["0%{min-height:0;color:", ";background-color:", ";}50%{min-height:56px;color:", ";background-color:", ";}70%{min-height:56px;color:", ";background-color:", ";}100%{", "}"], Color.White, Color.Dark500, Color.White, Color.Dark500, Color.White, Color.Dark500, enterMixin(border));
 }
-
 var CustomTransition = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    children
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx(CSSTransition, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref,
     timeout: 3000,
@@ -44,12 +41,12 @@ var BannerContent = /*#__PURE__*/styled(CustomTransition).withConfig({
 });
 export var Banner = /*#__PURE__*/forwardRef((_ref3, ref) => {
   var {
-    in: inProp
-  } = _ref3,
-      props = _objectWithoutProperties(_ref3, _excluded2);
-
-  var [isIn, setIn] = useState(false); // transition is not triggered on initial render with `in: true`
+      in: inProp
+    } = _ref3,
+    props = _objectWithoutProperties(_ref3, _excluded2);
+  var [isIn, setIn] = useState(false);
 
+  // transition is not triggered on initial render with `in: true`
   useEffect(() => {
     setIn(!!inProp);
   }, [inProp]);

package/dist-src/box/Box.js

@@ -1,38 +1,41 @@
 import { Color, isColorProp, parseResponsiveProp, parseSpaceProp } from '@superdispatch/ui';
 import styled from 'styled-components';
-import { createRuleNormalizer } from "../utils/RuleNormalizer.js"; //
+import { createRuleNormalizer } from "../utils/RuleNormalizer.js";
+
+//
 // Colors
 //
 
 function normalizeColor(input) {
   return isColorProp(input) ? Color[input] : undefined;
-} //
+}
+
+//
 // Space
 //
 
-
 function parseSpace(space) {
   return "".concat(parseSpaceProp(space), "px");
-} //
+}
+
+//
 // Margins
 //
 
-
 function parseMargin(input) {
   if (input === 'auto') return input;
   var prefix = '';
-
   if (typeof input == 'string' && input.startsWith('-')) {
     prefix = '-';
     input = input.slice(1);
   }
-
   return prefix + parseSpace(input);
-} //
+}
+
+//
 // Borders
 //
 
-
 var normalizeBorderRadius = /*#__PURE__*/createRuleNormalizer({
   none: 0,
   small: 4,
@@ -43,7 +46,9 @@ var normalizeBorderWidth = /*#__PURE__*/createRuleNormalizer({
   small: 1,
   medium: 2,
   large: 4
-}); //
+});
+
+//
 // Rules
 //
 
@@ -92,25 +97,22 @@ var normalizers = {
   bottom: undefined,
   position: undefined
 };
-
 function injectRule(styles, key, breakpoint, value, normalizer) {
   if (normalizer != null) value = normalizer(value);
-
   if (value != null) {
     var rules = styles[breakpoint];
-
     if (typeof rules != 'object') {
       rules = {};
       styles[breakpoint] = rules;
     }
-
     rules[key] = String(value);
   }
-} //
+}
+
+//
 // Box
 //
 
-
 export var Box = /*#__PURE__*/styled.div.withConfig({
   displayName: "Box",
   componentId: "SD__sc-1bc600y-0"
@@ -127,12 +129,10 @@ export var Box = /*#__PURE__*/styled.div.withConfig({
     borderWidth: 0,
     borderStyle: 'solid'
   };
-
   for (var k in props) {
     if (Object.prototype.hasOwnProperty.call(props, k) && k in normalizers) {
       var key = k;
       var prop = props[key];
-
       if (prop != null) {
         var [mobile, tablet, desktop] = parseResponsiveProp(prop);
         var normalizer = normalizers[key];
@@ -142,6 +142,5 @@ export var Box = /*#__PURE__*/styled.div.withConfig({
       }
     }
   }
-
   return styles;
 });

package/dist-src/button/Button.js

@@ -1,15 +1,13 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "endIcon", "startIcon", "tabIndex", "active", "pending", "disabled", "size", "fullWidth", "variant"],
-    _excluded2 = ["type"],
-    _excluded3 = ["href", "target"];
+  _excluded2 = ["type"],
+  _excluded3 = ["href", "target"];
 import { CircularProgress } from '@material-ui/core';
 import { Color } from '@superdispatch/ui';
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function createButtonVariables(size, _ref) {
   var {
     fontSize = size === 'large' ? 16 : 14,
@@ -56,7 +54,6 @@ function createButtonVariables(size, _ref) {
     iconColor
   };
 }
-
 function getDefaultVariables(size) {
   return createButtonVariables(size, {
     textColor: Color.White,
@@ -68,11 +65,9 @@ function getDefaultVariables(size) {
     backgroundColorDisabled: Color.Blue30
   });
 }
-
 function getPrimaryVariables(size) {
   return getDefaultVariables(size);
 }
-
 function getNeutralVariables(size) {
   return createButtonVariables(size, {
     textColor: Color.Dark500,
@@ -87,7 +82,6 @@ function getNeutralVariables(size) {
     iconColor: Color.Dark100
   });
 }
-
 function getCriticalVariables(size) {
   return createButtonVariables(size, {
     textColor: Color.Red500,
@@ -101,7 +95,6 @@ function getCriticalVariables(size) {
     backgroundColorDisabled: Color.Red50
   });
 }
-
 function getTextVariables(size) {
   return createButtonVariables(size, {
     textColor: Color.Blue500,
@@ -112,7 +105,6 @@ function getTextVariables(size) {
     textColorDisabled: Color.Blue30
   });
 }
-
 function getInvertedVariables(size) {
   return createButtonVariables(size, {
     textColor: Color.White,
@@ -125,7 +117,6 @@ function getInvertedVariables(size) {
     backgroundColorDisabled: Color.White08
   });
 }
-
 function getSuccessVariables(size) {
   return createButtonVariables(size, {
     textColor: Color.White,
@@ -137,7 +128,6 @@ function getSuccessVariables(size) {
     backgroundColorDisabled: Color.Green30
   });
 }
-
 var ButtonRoot = /*#__PURE__*/styled.button.withConfig({
   displayName: "Button__ButtonRoot",
   componentId: "SD__sc-1pwdpe3-0"
@@ -167,22 +157,20 @@ var ButtonPendingIndicator = /*#__PURE__*/styled.span.withConfig({
   displayName: "Button__ButtonPendingIndicator",
   componentId: "SD__sc-1pwdpe3-4"
 })(["left:50%;display:flex;position:absolute;visibility:visible;transform:translate(-50%);"]);
-
 function useButtonProps(_ref3) {
   var {
-    children,
-    endIcon,
-    startIcon,
-    tabIndex: tabIndexProp = 0,
-    active = false,
-    pending = false,
-    disabled: disabledProp = false,
-    size = 'medium',
-    fullWidth = false,
-    variant = 'default'
-  } = _ref3,
-      props = _objectWithoutProperties(_ref3, _excluded);
-
+      children,
+      endIcon,
+      startIcon,
+      tabIndex: tabIndexProp = 0,
+      active = false,
+      pending = false,
+      disabled: disabledProp = false,
+      size = 'medium',
+      fullWidth = false,
+      variant = 'default'
+    } = _ref3,
+    props = _objectWithoutProperties(_ref3, _excluded);
   var disabled = pending || disabledProp;
   var tabIndex = disabled ? -1 : tabIndexProp;
   return _objectSpread(_objectSpread({}, props), {}, {
@@ -208,13 +196,11 @@ function useButtonProps(_ref3) {
     })
   });
 }
-
 export var Button = /*#__PURE__*/forwardRef((_ref4, ref) => {
   var {
-    type = 'button'
-  } = _ref4,
-      props = _objectWithoutProperties(_ref4, _excluded2);
-
+      type = 'button'
+    } = _ref4,
+    props = _objectWithoutProperties(_ref4, _excluded2);
   var buttonProps = useButtonProps(props);
   return /*#__PURE__*/_jsx(ButtonRoot, _objectSpread(_objectSpread({}, buttonProps), {}, {
     ref: ref,
@@ -224,11 +210,10 @@ export var Button = /*#__PURE__*/forwardRef((_ref4, ref) => {
 if (process.env.NODE_ENV !== "production") Button.displayName = "Button";
 export var AnchorButton = /*#__PURE__*/forwardRef((_ref5, ref) => {
   var {
-    href,
-    target
-  } = _ref5,
-      props = _objectWithoutProperties(_ref5, _excluded3);
-
+      href,
+      target
+    } = _ref5,
+    props = _objectWithoutProperties(_ref5, _excluded3);
   var buttonProps = useButtonProps(props);
   var rel = target === '_blank' ? 'noopener noreferrer' : undefined;
   return /*#__PURE__*/_jsx(ButtonRoot, _objectSpread(_objectSpread({}, buttonProps), {}, {

package/dist-src/button-area/ButtonArea.js

@@ -5,23 +5,21 @@ import { ButtonBase, Typography } from '@material-ui/core';
 import { Color, Stack } from '@superdispatch/ui';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var ButtonRoot = /*#__PURE__*/styled(ButtonBase).withConfig({
   displayName: "ButtonArea__ButtonRoot",
   componentId: "SD__sc-1czum63-0"
 })(["padding:12px 32px;border-width:1px;border-radius:4px;border-style:solid;border-color:", ";color:", ";background-color:", ";& svg{color:inherit;font-size:24px;}&[data-full-width='true']{width:100%;}&[data-disabled='true']{color:", ";border-color:", ";}&[data-variant='success']{&:hover{color:", ";box-shadow:0 0 0 2px ", ";border-color:", ";}&[data-active='true']{color:", ";border-color:", ";background-color:", ";}}&[data-variant='danger']{&:hover{color:", ";box-shadow:0 0 0 2px ", ";border-color:", ";}&[data-active='true']{color:", ";border-color:", ";background-color:", ";}}"], Color.Silver500, Color.Dark100, Color.White, Color.Silver500, Color.Silver400, Color.Green300, Color.Green100, Color.Green300, Color.Green300, Color.Green300, Color.Green50, Color.Red300, Color.Red100, Color.Red300, Color.Red300, Color.Red300, Color.Red50);
 export var ButtonArea = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    icon,
-    children,
-    variant,
-    active,
-    disabled,
-    fullWidth
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      icon,
+      children,
+      variant,
+      active,
+      disabled,
+      fullWidth
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx(ButtonRoot, _objectSpread(_objectSpread({
     ref: ref,
     disabled: disabled,

package/dist-src/chat/Chat.js

@@ -12,7 +12,6 @@ var ChatContainer = /*#__PURE__*/styled('div').withConfig({
   } = _ref;
   return "\n  display: flex;\n  flex-direction: column-reverse;\n  overflow: auto;\n  justify-content: ".concat(isEmpty ? 'center' : 'end', ";\n  width: 100%;\n  height: 100%;\n  min-width: 300px;\n  max-width: 560px;\n  min-height: 368px;\n  max-height: 696px;\n  padding: 16px;\n  box-sizing: border-box;\n");
 });
-
 function emptyPlaceholder(text) {
   return /*#__PURE__*/_jsx(Typography, {
     color: "textSecondary",
@@ -20,7 +19,6 @@ function emptyPlaceholder(text) {
     children: text
   });
 }
-
 export var Chat = /*#__PURE__*/forwardRef((_ref2, ref) => {
   var {
     children,

package/dist-src/chat/ChatMessage.js

@@ -3,8 +3,7 @@ import { formatDate } from '@superdispatch/dates';
 import { Inline, Stack } from '@superdispatch/ui';
 import { Box } from '@superdispatch/ui-lab';
 import { forwardRef } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var ChatMessage = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
     author,

package/dist-src/container/Container.js

@@ -6,10 +6,9 @@ import { forwardRef, useLayoutEffect, useRef } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var Container = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    fullViewportHeight
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      fullViewportHeight
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   var nodeRef = useRef(null);
   useLayoutEffect(() => {
     if (!fullViewportHeight) {
@@ -17,10 +16,8 @@ export var Container = /*#__PURE__*/forwardRef((_ref, ref) => {
         nodeRef.current.style.removeProperty('height');
         nodeRef.current.style.removeProperty('--vh');
       }
-
       return;
     }
-
     function updateHeight() {
       if (nodeRef.current) {
         // https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
@@ -28,7 +25,6 @@ export var Container = /*#__PURE__*/forwardRef((_ref, ref) => {
         nodeRef.current.style.setProperty('--vh', "".concat(window.innerHeight * 0.01, "px"));
       }
     }
-
     updateHeight();
     window.addEventListener('resize', updateHeight);
     return () => {

package/dist-src/description-item/DescriptionItem.js

@@ -2,13 +2,10 @@ import { Color, Column, Columns, Inline, isEmptyReactNode, useUID } from '@super
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { TextBox } from "../text-box/TextBox.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function descriptionItemIconMixin(size) {
   return css(["width:", "px;height:", "px;& > .MuiSvgIcon-root{font-size:", "px;}"], size, size + 4, size);
 }
-
 var DescriptionItemIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "DescriptionItem__DescriptionItemIcon",
   componentId: "SD__sc-1906hic-0"

package/dist-src/description-line-item/DescriptionLineItem.js

@@ -1,8 +1,7 @@
 import { Color, Column, Columns } from '@superdispatch/ui';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var DottedLine = /*#__PURE__*/styled.div.withConfig({
   displayName: "DescriptionLineItem__DottedLine",
   componentId: "SD__sc-1ixx5h8-0"

package/dist-src/file-drop-zone/FileDropZone.js

@@ -8,9 +8,7 @@ import { CardButton, Color, Column, Columns } from '@superdispatch/ui';
 import { forwardRef, Suspense } from 'react';
 import Dropzone from 'react-dropzone';
 import styled from 'styled-components';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export function toBytes(input, unit) {
   if (unit === 'gb') return input * (1 << 30);
   if (unit === 'mb') return input * (1 << 20);
@@ -35,7 +33,6 @@ var StyledCardButton = /*#__PURE__*/styled(CardButton).withConfig({
     backgroundColor: status === 'active' ? Color.Blue50 : undefined
   };
 });
-
 function UploadRejection(_ref2) {
   var {
     maxSize,
@@ -53,36 +50,34 @@ function UploadRejection(_ref2) {
     })]
   });
 }
-
 export var FileDropZone = /*#__PURE__*/forwardRef((props, ref) => {
   var {
-    // CardButton
-    disabled = false,
-    children: _children = 'Upload Attachments',
-    hintText = 'or Drag & Drop files',
-    startIcon = /*#__PURE__*/_jsx(SvgIcon, {
-      children: /*#__PURE__*/_jsx("path", {
-        d: mdiUpload
-      })
-    }),
-    fallback = /*#__PURE__*/_jsx(CardButton, {
-      ref: ref,
-      disabled: true,
-      startIcon: /*#__PURE__*/_jsx(CircularProgress, {
-        size: "1em",
-        color: "inherit"
+      // CardButton
+      disabled = false,
+      children: _children = 'Upload Attachments',
+      hintText = 'or Drag & Drop files',
+      startIcon = /*#__PURE__*/_jsx(SvgIcon, {
+        children: /*#__PURE__*/_jsx("path", {
+          d: mdiUpload
+        })
       }),
-      children: "Loading dependencies\u2026"
-    }),
-    // Dropzone
-    accept,
-    maxSize = Infinity,
-    maxFiles = Infinity,
-    onDropRejected: _onDropRejected,
-    onDropAccepted: _onDropAccepted
-  } = props,
-      dropzoneProps = _objectWithoutProperties(props, _excluded);
-
+      fallback = /*#__PURE__*/_jsx(CardButton, {
+        ref: ref,
+        disabled: true,
+        startIcon: /*#__PURE__*/_jsx(CircularProgress, {
+          size: "1em",
+          color: "inherit"
+        }),
+        children: "Loading dependencies\u2026"
+      }),
+      // Dropzone
+      accept,
+      maxSize = Infinity,
+      maxFiles = Infinity,
+      onDropRejected: _onDropRejected,
+      onDropAccepted: _onDropAccepted
+    } = props,
+    dropzoneProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/_jsx(Suspense, {
     fallback: fallback,
     children: /*#__PURE__*/_jsx(Dropzone, _objectSpread(_objectSpread({}, dropzoneProps), {}, {

package/dist-src/file-list-item/FileListItem.js

@@ -5,8 +5,7 @@ import { mdiFilePdfBox, mdiTextBox } from '@mdi/js';
 import { Color, Column, Columns, useResponsiveValue, useUID } from '@superdispatch/ui';
 import { forwardRef, memo, useState } from 'react';
 import styled from 'styled-components';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var FileListItemName = /*#__PURE__*/styled.div.withConfig({
   displayName: "FileListItem__FileListItemName",
   componentId: "SD__sc-hxbsiy-0"
@@ -32,13 +31,11 @@ var TextBoxIcon = /*#__PURE__*/memo(props => /*#__PURE__*/_jsx(SvgIcon, _objectS
 })));
 var PDF_FILE_PATTERN = /\.pdf$/;
 var IMAGE_FILE_PATTERN = /\.(gif|png|jpg|jpeg)$/;
-
 function getFileType(name) {
   if (PDF_FILE_PATTERN.exec(name)) return 'pdf';
   if (IMAGE_FILE_PATTERN.exec(name)) return 'image';
   return 'unknown';
 }
-
 export var FileListItem = /*#__PURE__*/forwardRef((_ref2, ref) => {
   var {
     url,

package/dist-src/linked-text/LinkedText.js

@@ -1,19 +1,18 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["color", "target", "rel"],
-    _excluded2 = ["children", "linkComponent"];
+  _excluded2 = ["children", "linkComponent"];
 import { Link } from '@material-ui/core';
 import { forwardRef } from 'react';
 import { Anchorme } from 'react-anchorme';
 import { jsx as _jsx } from "react/jsx-runtime";
 var DefaultLinkComponent = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    color,
-    target = '_blank',
-    rel = 'noreferrer noopener'
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      color,
+      target = '_blank',
+      rel = 'noreferrer noopener'
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx(Link, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref,
     rel: rel,
@@ -24,15 +23,13 @@ if (process.env.NODE_ENV !== "production") DefaultLinkComponent.displayName = "D
 DefaultLinkComponent.displayName = 'DefaultLinkComponent';
 export function LinkedText(_ref2) {
   var {
-    children,
-    linkComponent = DefaultLinkComponent
-  } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded2);
-
+      children,
+      linkComponent = DefaultLinkComponent
+    } = _ref2,
+    props = _objectWithoutProperties(_ref2, _excluded2);
   if (!children) {
     return null;
   }
-
   return /*#__PURE__*/_jsx(Anchorme, _objectSpread(_objectSpread({}, props), {}, {
     linkComponent: linkComponent,
     children: children

package/dist-src/navbar/Navbar.js

@@ -6,8 +6,7 @@ import styled from 'styled-components';
 import { NavbarBottomBar } from "./NavbarBottomBar.js";
 import { NavbarContext } from "./NavbarContext.js";
 import { NavbarList } from "./NavbarList.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var Aside = /*#__PURE__*/styled.aside.withConfig({
   displayName: "Navbar__Aside",
   componentId: "SD__sc-1oiqig8-0"

package/dist-src/navbar/NavbarAccordion.js

@@ -2,13 +2,11 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import { Accordion, AccordionSummary } from '@material-ui/core';
 import { ExpandMore } from '@material-ui/icons';
 import { Color, useUID } from '@superdispatch/ui';
-import { useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo, useState, createElement as _createElement } from 'react';
 import styled from 'styled-components';
 import { useNavbarContext } from "./NavbarContext.js";
 import { NavbarItem } from "./NavbarItem.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var NavbarAccordionLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "NavbarAccordion__NavbarAccordionLabel",
   componentId: "SD__sc-1s7g3kw-0"
@@ -38,8 +36,9 @@ export function NavbarAccordion(_ref) {
     setDrawerOpen,
     isNavbarExpanded
   } = useNavbarContext();
-  var [isExpanded, setExpanded] = useState(true); // sync accordion state with Desktop menu state
+  var [isExpanded, setExpanded] = useState(true);
 
+  // sync accordion state with Desktop menu state
   useEffect(() => {
     setExpanded(isNavbarExpanded);
   }, [isNavbarExpanded]);
@@ -51,7 +50,6 @@ export function NavbarAccordion(_ref) {
     expanded: isExpanded,
     onClick: event => {
       _onClick === null || _onClick === void 0 ? void 0 : _onClick(event);
-
       if (isNavbarExpanded) {
         setExpanded(!isExpanded);
       }
@@ -80,10 +78,8 @@ export function NavbarAccordion(_ref) {
         gutter: prev && prev.groupKey !== item.groupKey,
         onClick: event => {
           var _item$onClick;
-
           event.stopPropagation();
           (_item$onClick = item.onClick) === null || _item$onClick === void 0 ? void 0 : _item$onClick.call(item, event);
-
           if (!event.isDefaultPrevented()) {
             setDrawerOpen(false);
           }