@superdispatch/ui 0.25.1 → 0.26.0

package/dist-src/dropdown-button/DropdownButton.js

@@ -7,10 +7,7 @@ import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { Color, mergeRefs, useUID } from "../index.js";
 import { Button } from "../button/Button.js";
-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";
 function CaretDownIcon() {
   return /*#__PURE__*/_jsx("svg", {
     viewBox: "0 0 8 4",
@@ -20,7 +17,6 @@ function CaretDownIcon() {
     })
   });
 }
-
 var CaretButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "DropdownButton__CaretButton",
   componentId: "SD__sc-8l84jm-0"
@@ -32,40 +28,32 @@ var CaretButton = /*#__PURE__*/styled(Button).withConfig({
 });
 export var DropdownButton = /*#__PURE__*/forwardRef((_ref2, ref) => {
   var _anchorRef$current2;
-
   var {
-    MenuListProps,
-    ButtonGroupProps,
-    children,
-    isLoading,
-    onClick,
-    label
-  } = _ref2,
-      buttonProps = _objectWithoutProperties(_ref2, _excluded);
-
+      MenuListProps,
+      ButtonGroupProps,
+      children,
+      isLoading,
+      onClick,
+      label
+    } = _ref2,
+    buttonProps = _objectWithoutProperties(_ref2, _excluded);
   var uid = useUID();
   var [open, setOpen] = React.useState(false);
   var anchorRef = React.useRef(null);
-
   function handleClick(event) {
     setOpen(false);
     onClick === null || onClick === void 0 ? void 0 : onClick(event);
   }
-
   function handleToggle() {
     setOpen(prevOpen => !prevOpen);
   }
-
   function handleClose(event) {
     var _anchorRef$current;
-
     if ((_anchorRef$current = anchorRef.current) !== null && _anchorRef$current !== void 0 && _anchorRef$current.contains(event.currentTarget)) {
       return;
     }
-
     setOpen(false);
   }
-
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsxs(ButtonGroup, _objectSpread(_objectSpread({}, ButtonGroupProps), {}, {
       ref: mergeRefs(ButtonGroupProps === null || ButtonGroupProps === void 0 ? void 0 : ButtonGroupProps.ref, anchorRef),

package/dist-src/grid/GridStack.js

@@ -4,17 +4,15 @@ var _excluded = ["children", "alignItems"];
 import { Grid } from '@material-ui/core';
 import { Children, forwardRef } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 /**
  * @deprecated in favor of `Stack`.
  */
 export var GridStack = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    children,
-    alignItems = 'stretch'
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      children,
+      alignItems = 'stretch'
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   var items = Children.toArray(children);
   return /*#__PURE__*/_jsx(Grid, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref,

package/dist-src/grid/InlineGrid.js

@@ -4,19 +4,17 @@ var _excluded = ["children", "wrap", "justify", "alignItems"];
 import { Grid } from '@material-ui/core';
 import { Children, forwardRef } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 /**
  * @deprecated in favor of `Inline` component.
  */
 export var InlineGrid = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    children,
-    wrap = 'wrap',
-    justify = 'flex-start',
-    alignItems = 'flex-start'
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      children,
+      wrap = 'wrap',
+      justify = 'flex-start',
+      alignItems = 'flex-start'
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   var items = Children.toArray(children);
   return /*#__PURE__*/_jsx(Grid, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref,

package/dist-src/info-card/InfoCard.js

@@ -1,7 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["size", "square", "classes", "children", "className", "CardContentProps"],
-    _excluded2 = ["content", "sizeLarge", "fullWidth"];
+  _excluded2 = ["content", "sizeLarge", "fullWidth"];
 import { Card, CardContent } from '@material-ui/core';
 import { makeStyles } from '@material-ui/styles';
 import clsx from 'clsx';
@@ -31,25 +31,23 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
 });
 export var InfoCard = /*#__PURE__*/forwardRef((_ref, _ref2) => {
   var {
-    size,
-    square,
-    classes,
-    children,
-    className,
-    CardContentProps: cardContentProps = {}
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      size,
+      square,
+      classes,
+      children,
+      className,
+      CardContentProps: cardContentProps = {}
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles({
-    classes
-  }),
-      {
-    content: contentClassName,
-    sizeLarge: sizeLargeClassName,
-    fullWidth: fullWidthClassName
-  } = _useStyles,
-      styles = _objectWithoutProperties(_useStyles, _excluded2);
-
+      classes
+    }),
+    {
+      content: contentClassName,
+      sizeLarge: sizeLargeClassName,
+      fullWidth: fullWidthClassName
+    } = _useStyles,
+    styles = _objectWithoutProperties(_useStyles, _excluded2);
   var [rootNode, setRootNode] = useState(null);
   var clientRect = rootNode === null || rootNode === void 0 ? void 0 : rootNode.getBoundingClientRect();
   var isFullWidth = (clientRect === null || clientRect === void 0 ? void 0 : clientRect.width) === window.innerWidth;

package/dist-src/info-tooltip/InfoTooltip.js

@@ -5,25 +5,23 @@ import { IconButton, Tooltip, Typography } from '@material-ui/core';
 import { Info } from '@material-ui/icons';
 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 Root = /*#__PURE__*/styled.div.withConfig({
   displayName: "InfoTooltip__Root",
   componentId: "SD__sc-1emqpa9-0"
 })(["display:flex;align-items:center;"]);
 export var InfoTooltip = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    children,
-    iconButtonProps,
-    fontSize = 'small',
-    TextProps,
-    title,
-    isOpen,
-    onClick,
-    onClose
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      children,
+      iconButtonProps,
+      fontSize = 'small',
+      TextProps,
+      title,
+      isOpen,
+      onClick,
+      onClose
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   var tooltip = /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
     open: isOpen,
     title: title,
@@ -43,7 +41,6 @@ export var InfoTooltip = /*#__PURE__*/forwardRef((_ref, ref) => {
       })
     }))
   }));
-
   if (!children) return tooltip;
   return /*#__PURE__*/_jsxs(Root, {
     children: [/*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({}, TextProps), {}, {

package/dist-src/inline/Inline.js

@@ -5,12 +5,10 @@ import { parseAlignProp } from "../props/AlignProps.js";
 import { useResponsiveProp } from "../props/ResponsiveProp.js";
 import { parseSpaceProp } from "../props/SpaceProp.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 function inlineRootMixin(spaceProp, noWrap, verticalAlign, horizontalAlign) {
   var space = parseSpaceProp(spaceProp);
   return css(["&:before{margin-top:", "px;}& > div{display:flex;margin-left:-", "px;flex-wrap:", ";align-items:", ";justify-content:", ";& > div{&:empty{display:none;}min-width:0;flex-shrink:0;max-width:100%;margin-top:", "px;margin-left:", "px;}}"], -space - 1, space, noWrap ? 'nowrap' : 'wrap', parseAlignProp(verticalAlign), parseAlignProp(horizontalAlign), space, space);
 }
-
 var InlineRoot = /*#__PURE__*/styled.div.withConfig({
   displayName: "Inline__InlineRoot",
   componentId: "SD__sc-13du4wm-0"

package/dist-src/link/LinkOverrides.js

@@ -1,9 +1,7 @@
 import { Color } from "../theme/Color.js";
-
 function line(color) {
   return "linear-gradient(to right, ".concat(color, " 0%, ").concat(color, " 100%)");
 }
-
 export function overrideLink(theme) {
   theme.props.MuiLink = {
     underline: 'always',

package/dist-src/number-field/NumberField.js

@@ -1,24 +1,22 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["value", "inputRef", "onChange", "valueIsNumericString", "thousandSeparator", "disableValueParsing"],
-    _excluded2 = ["id", "InputProps"];
+  _excluded2 = ["id", "InputProps"];
 import { TextField } from '@material-ui/core';
 import { forwardRef } from 'react';
 import { NumericFormat } from 'react-number-format';
 import { useUID } from "../utils/useUID.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 function NumberInputComponent(_ref) {
   var {
-    value,
-    inputRef,
-    onChange,
-    valueIsNumericString = true,
-    thousandSeparator = true,
-    disableValueParsing
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      value,
+      inputRef,
+      onChange,
+      valueIsNumericString = true,
+      thousandSeparator = true,
+      disableValueParsing
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx(NumericFormat, _objectSpread(_objectSpread({}, props), {}, {
     value: value !== null && value !== void 0 ? value : '',
     inputMode: "decimal",
@@ -27,29 +25,25 @@ function NumberInputComponent(_ref) {
     thousandSeparator: thousandSeparator,
     allowedDecimalSeparators: ['.', ','],
     onValueChange: (values, sourceInfo) => {
-      var _values$floatValue;
-
-      var floatValue = (_values$floatValue = values.floatValue) !== null && _values$floatValue !== void 0 ? _values$floatValue : null;
+      var inputValue = values.value;
       var {
         event
-      } = sourceInfo; // eslint-disable-next-line @typescript-eslint/no-unsafe-call
-
+      } = sourceInfo;
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
       onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({}, event), {}, {
         target: _objectSpread(_objectSpread({}, event === null || event === void 0 ? void 0 : event.target), {}, {
-          value: disableValueParsing ? values.value : floatValue
+          value: inputValue
         })
       }));
     }
   }));
 }
-
 export var NumberField = /*#__PURE__*/forwardRef((_ref2, ref) => {
   var {
-    id,
-    InputProps
-  } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded2);
-
+      id,
+      InputProps
+    } = _ref2,
+    props = _objectWithoutProperties(_ref2, _excluded2);
   var uid = useUID(id);
   return /*#__PURE__*/_jsx(TextField, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref,

package/dist-src/overflow-text/OverflowText.js

@@ -1,15 +1,14 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["title", "enterDelay"],
-    _excluded2 = ["onClick", "children", "className", "disableUnderline", "TooltipProps"];
+  _excluded2 = ["onClick", "children", "className", "disableUnderline", "TooltipProps"];
 import { Tooltip, Typography } from '@material-ui/core';
 import { makeStyles } from '@material-ui/styles';
 import clsx from 'clsx';
 import { forwardRef, useState } from 'react';
 import { Color } from "../theme/Color.js";
 import { VisibilityObserver } from "../utils/VisibilityObserver.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 useStyles = /*#__PURE__*/makeStyles(theme => ({
   root: {
     marginBottom: -1,
@@ -31,18 +30,17 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
 });
 export var OverflowText = /*#__PURE__*/forwardRef((_ref, rootRef) => {
   var {
-    onClick: _onClick,
-    children,
-    className,
-    disableUnderline,
-    TooltipProps: {
-      title = children,
-      enterDelay = 1000
-    } = {}
-  } = _ref,
-      tooltipProps = _objectWithoutProperties(_ref.TooltipProps, _excluded),
-      props = _objectWithoutProperties(_ref, _excluded2);
-
+      onClick: _onClick,
+      children,
+      className,
+      disableUnderline,
+      TooltipProps: {
+        title = children,
+        enterDelay = 1000
+      } = {}
+    } = _ref,
+    tooltipProps = _objectWithoutProperties(_ref.TooltipProps, _excluded),
+    props = _objectWithoutProperties(_ref, _excluded2);
   var [isOpen, setIsOpen] = useState(false);
   var styles = useStyles();
   return /*#__PURE__*/_jsx(VisibilityObserver, {

package/dist-src/pagination/PaginationOverrides.js

@@ -29,8 +29,9 @@ export function overridePagination(theme) {
         color: Color.Dark100
       }
     }
-  }; // Remove `Object.assign` after official release of `PaginationItem`.
+  };
 
+  // Remove `Object.assign` after official release of `PaginationItem`.
   Object.assign(theme.props, {
     MuiPaginationItem: props
   });

package/dist-src/pattern-field/PatternField.js

@@ -8,19 +8,19 @@ import { useUID } from "../utils/useUID.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var PatternField = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    id,
-    value,
-    onChange,
-    inputMode = 'decimal',
-    valueIsNumericString = true,
-    onValueChange: _onValueChange
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      id,
+      value,
+      onChange,
+      inputMode = 'decimal',
+      valueIsNumericString = true,
+      onValueChange: _onValueChange
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   var uid = useUID(id);
   return /*#__PURE__*/_jsx(PatternFormat, _objectSpread(_objectSpread({}, props), {}, {
     id: uid,
-    value: value !== null && value !== void 0 ? value : '' // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    value: value !== null && value !== void 0 ? value : ''
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     ,
     inputMode: inputMode,
     getInputRef: ref,

package/dist-src/props/AlignProps.js

@@ -4,10 +4,8 @@ export function parseAlignProp(align) {
     case 'left':
     default:
       return 'initial';
-
     case 'center':
       return 'center';
-
     case 'right':
     case 'bottom':
       return 'flex-end';

package/dist-src/props/ResponsiveProp.js

@@ -2,7 +2,6 @@ import { useDeepEqualValue } from '@superdispatch/hooks';
 import { useResponsiveContext } from "../responsive/ResponsiveContext.js";
 export function parseResponsiveProp(prop) {
   var _tablet, _desktop;
-
   if (typeof prop != 'object') return [prop, prop, prop];
   var [mobile, tablet, desktop] = prop;
   (_tablet = tablet) !== null && _tablet !== void 0 ? _tablet : tablet = mobile;

package/dist-src/props/SpaceProp.js

@@ -3,25 +3,18 @@ export function parseSpaceProp(prop) {
     case 'none':
     default:
       return 0;
-
     case 'xxsmall':
       return 4;
-
     case 'xsmall':
       return 8;
-
     case 'small':
       return 16;
-
     case 'medium':
       return 24;
-
     case 'large':
       return 32;
-
     case 'xlarge':
       return 40;
-
     case 'xxlarge':
       return 48;
   }

package/dist-src/radio/RadioField.js

@@ -5,8 +5,7 @@ import { FormControl as FormControlMui, FormControlLabel, FormHelperText as Form
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { Color } from "../theme/Color.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 FormControl = /*#__PURE__*/styled(FormControlMui).withConfig({
   displayName: "RadioField__FormControl",
   componentId: "SD__sc-6ey4qt-0"
@@ -17,16 +16,15 @@ var FormHelperText = /*#__PURE__*/styled(FormHelperTextMui).withConfig({
 })(["color:", ";margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], Color.Dark300, Color.Red500);
 export var RadioField = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    label,
-    error,
-    checked,
-    onBlur,
-    onChange,
-    helperText,
-    FormControlLabelProps: formControlLabelProps
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      label,
+      error,
+      checked,
+      onBlur,
+      onChange,
+      helperText,
+      FormControlLabelProps: formControlLabelProps
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsxs(FormControl, {
     error: error,
     children: [/*#__PURE__*/_jsx(FormControlLabel, _objectSpread(_objectSpread({}, formControlLabelProps), {}, {

package/dist-src/radio/RadioFieldCard.js

@@ -7,8 +7,7 @@ import styled from 'styled-components';
 import { Column } from "../columns/Column.js";
 import { Columns } from "../columns/Columns.js";
 import { Color } from "../theme/Color.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 ClickableCard = /*#__PURE__*/styled(ButtonBase).withConfig({
   displayName: "RadioFieldCard__ClickableCard",
   componentId: "SD__sc-5etge2-0"
@@ -36,17 +35,16 @@ var Caption = /*#__PURE__*/styled.div.withConfig({
 })(["padding-left:30px;"]);
 export var RadioFieldCard = /*#__PURE__*/forwardRef((_ref2, ref) => {
   var {
-    name,
-    value,
-    label,
-    caption,
-    disabled,
-    icon,
-    checked,
-    onChange
-  } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded);
-
+      name,
+      value,
+      label,
+      caption,
+      disabled,
+      icon,
+      checked,
+      onChange
+    } = _ref2,
+    props = _objectWithoutProperties(_ref2, _excluded);
   return /*#__PURE__*/_jsx(Card, {
     disabled: disabled,
     children: /*#__PURE__*/_jsx(ClickableCard, _objectSpread(_objectSpread({

package/dist-src/radio/RadioGroupField.js

@@ -5,8 +5,7 @@ import { FormControl, FormHelperText as FormHelperTextMui, FormLabel as FormLabe
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { Color } from "../theme/Color.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 FormLabel = /*#__PURE__*/styled(FormLabelMui).withConfig({
   displayName: "RadioGroupField__FormLabel",
   componentId: "SD__sc-1udxviq-0"
@@ -17,18 +16,17 @@ var FormHelperText = /*#__PURE__*/styled(FormHelperTextMui).withConfig({
 })(["margin-top:8px;color:", ";&.Mui-error{color:", ";}"], Color.Dark300, Color.Red500);
 export var RadioGroupField = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    name,
-    value = '',
-    onChange,
-    RadioGroupProps: radioGroupProps,
-    label,
-    FormLabelProps: formLabelProps,
-    helperText,
-    FormHelperTextProps: formHelperTextProps,
-    children
-  } = _ref,
-      formControlProps = _objectWithoutProperties(_ref, _excluded);
-
+      name,
+      value = '',
+      onChange,
+      RadioGroupProps: radioGroupProps,
+      label,
+      FormLabelProps: formLabelProps,
+      helperText,
+      FormHelperTextProps: formHelperTextProps,
+      children
+    } = _ref,
+    formControlProps = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsxs(FormControl, _objectSpread(_objectSpread({}, formControlProps), {}, {
     hiddenLabel: !label,
     children: [!!label && /*#__PURE__*/_jsx(FormLabel, _objectSpread(_objectSpread({}, formLabelProps), {}, {

package/dist-src/radio/RadioOverrides.js

@@ -1,7 +1,6 @@
 import { SvgIcon } from '@material-ui/core';
 import { Color } from "../theme/Color.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";
 export function overrideRadio(theme) {
   theme.props.MuiRadio = {
     color: 'primary',

package/dist-src/responsive/CollapseBreakpoint.js

@@ -4,11 +4,9 @@ export function useCollapseBreakpoint(collapseBreakpoint) {
   var {
     breakpoint = 'xs'
   } = useResponsiveContext();
-
   if (collapseBreakpoint == null) {
     return false;
   }
-
   var breakpointIDX = BREAKPOINTS.indexOf(breakpoint);
   var collapseBreakpointIDX = BREAKPOINTS.indexOf(collapseBreakpoint);
   return breakpointIDX < collapseBreakpointIDX;

package/dist-src/responsive/MinBreakpoint.js

@@ -4,11 +4,9 @@ export function useMinBreakpoint(minBreakpoint) {
   var {
     breakpoint = 'xs'
   } = useResponsiveContext();
-
   if (minBreakpoint == null) {
     return false;
   }
-
   var breakpointIDX = BREAKPOINTS.indexOf(breakpoint);
   var minBreakpointIDX = BREAKPOINTS.indexOf(minBreakpoint);
   return minBreakpointIDX < breakpointIDX;

package/dist-src/responsive/ResponsiveContext.js

@@ -2,11 +2,9 @@ import { useMediaQuery } from '@material-ui/core';
 import { createContext, useContext, useMemo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 var Context = /*#__PURE__*/createContext({});
-
 function useBreakpoint(breakpoint) {
   return useMediaQuery(theme => theme.breakpoints.only(breakpoint));
 }
-
 export function ResponsiveContextProvider(_ref) {
   var {
     children,