@kvdbil/components 3.3.5-2 → 4.0.0

package/cjs/components/Textfield/index.js

@@ -1,130 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React$1 = require('react');
-var styled = require('styled-components');
-var theme = require('../../theme.js');
-var components_FieldLabel = require('../FieldLabel.js');
-var typography_BodyText_index = require('../../typography/BodyText/index.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const disabledStyles = styled.css`
-  border: 1px solid ${theme['default'].colors.gray.light1};
-  color: ${theme['default'].colors.gray.dark1};
-  fill: ${theme['default'].colors.gray.light1};
-`;
-const errorStyles = styled.css`
-  border: 1px solid ${theme['default'].colors.error.main};
-`;
-const focusStyles = styled.css`
-  color: ${theme['default'].colors.text.dark};
-  border: 1px solid ${theme['default'].colors.text.dark};
-  fill: ${theme['default'].colors.text.dark};
-`;
-const TextFieldWrapper = styled__default['default'].div`
-  position: relative;
-  padding: 0;
-  display: block;
-`;
-const InputWrapper = styled__default['default'].div`
-  display: flex;
-  text-align: center;
-  align-items: center;
-
-  color: ${theme['default'].colors.gray.light1};
-  fill: ${theme['default'].colors.gray.light1};
-  background-color: ${theme['default'].colors.background.light};
-
-  border: 1px solid ${theme['default'].colors.gray.light1};
-  border-radius: 0.25em;
-  transition: all 150ms;
-
-  padding: 0.7rem 0.75rem 0.6rem;
-
-  ${({ hasError, isFocused }) => !hasError && isFocused && focusStyles}
-  ${({ disabled }) => disabled && disabledStyles}
-  ${({ hasError }) => hasError && errorStyles}
-  ${({ centered }) => centered && `text-align: center;`}
-`;
-const Input = styled__default['default'].input`
-  ${typography_BodyText_index.BodyTextStyle}
-  width: 100%;
-  cursor: text;
-  outline: none;
-  border: none;
-  background-color: transparent;
-`;
-const Suffix = styled__default['default'].div`
-  font-family: ${({ theme: theme2 }) => theme2.typography.fontBaseFamily};
-  line-height: 0px;
-  margin-top: 2px;
-`;
-const HelperText = styled__default['default'].span`
-  ${typography_BodyText_index.CaptionStyle}
-  line-height: normal;
-  display: block;
-  margin-top: 0.25rem;
-  margin-left: 0.85rem;
-
-  color: ${({ hasError }) => hasError ? theme['default'].colors.error.main : theme['default'].colors.text.dark};
-
-  ${({ centered }) => centered && `width: 100%; text-align: center; display: block;`}
-`;
-const TextField = ({
-  placeholder = "",
-  isDisabled = false,
-  centered = false,
-  hasError = false,
-  className,
-  helperText,
-  label = "",
-  onBlur = () => null,
-  onFocus = () => null,
-  forwardRef,
-  ...props
-}) => {
-  const [isFocused, setIsFocused] = React$1.useState(false);
-  const hasValue = Boolean(props.value);
-  const handleFocus = (event) => {
-    setIsFocused(true);
-    onFocus(event);
-  };
-  const handleBlur = (event) => {
-    setIsFocused(false);
-    onBlur(event);
-  };
-  return /* @__PURE__ */ React.createElement(TextFieldWrapper, {
-    className
-  }, /* @__PURE__ */ React.createElement(InputWrapper, {
-    isFocused,
-    disabled: isDisabled,
-    centered,
-    hasError,
-    hasPlaceholder: !!placeholder
-  }, /* @__PURE__ */ React.createElement(Input, {
-    ...props,
-    ref: forwardRef,
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    disabled: isDisabled,
-    theme: theme['default'],
-    placeholder: label && !isFocused ? "" : placeholder
-  }), props.suffix && /* @__PURE__ */ React.createElement(Suffix, null, props.suffix)), label && /* @__PURE__ */ React.createElement(components_FieldLabel.Label, {
-    isFocused,
-    centered,
-    hasError,
-    hasValue,
-    disabled: isDisabled,
-    theme: theme['default']
-  }, label), helperText && /* @__PURE__ */ React.createElement(HelperText, {
-    centered,
-    hasError
-  }, helperText));
-};
-
-exports.TextField = TextField;
-exports['default'] = TextField;

package/cjs/components/TimePicker/index.js

@@ -1,49 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-var components_Chip_index = require('../Chip/index.js');
-require('../../shared/helpers.js');
-require('../../theme.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const TimeSlots = styled__default['default'].ul`
-  max-width: 20rem;
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  gap: 0.625rem 0.75rem;
-  flex-wrap: wrap;
-  margin: 0;
-  padding: 0;
-`;
-const isCurrentTime = (currentItem, selectedTimes) => {
-  return Array.isArray(selectedTimes) ? Boolean(selectedTimes.find((t) => t.getTime() === currentItem.getTime())) : (selectedTimes == null ? void 0 : selectedTimes.getTime()) === currentItem.getTime();
-};
-const TimePicker = ({
-  timeSlots,
-  onTimeSlotClick,
-  selectedTimes,
-  disabledTimes,
-  ...props
-}) => /* @__PURE__ */ React.createElement(TimeSlots, {
-  ...props
-}, timeSlots.map(({ text, date }) => {
-  const isSelected = isCurrentTime(date, selectedTimes);
-  const isDisabled = isCurrentTime(date, disabledTimes);
-  return /* @__PURE__ */ React.createElement(components_Chip_index.Chip, {
-    component: "li",
-    "data-selected": isSelected,
-    "data-disabled": isDisabled,
-    isDisabled,
-    isActive: isSelected,
-    key: date.getTime(),
-    onClick: () => !isSelected && !isDisabled && onTimeSlotClick(date)
-  }, text);
-}));
-
-exports.TimePicker = TimePicker;
-exports['default'] = TimePicker;

package/cjs/components/TimePicker/testHelper.js

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const generateTimeSlots = (x) => {
-  const addHour = (h) => h * 60 * 60 * 1e3;
-  const startDate = new Date("2020/02/02");
-  const t = new Date(startDate);
-  return Array.from({ length: x }, (_, i) => {
-    const date = new Date(t.setTime(t.getDate() + addHour(i)));
-    const text = i < 10 ? `0${i + 1}:00` : `${i + 1}:00`;
-    return { date, text };
-  });
-};
-
-exports.generateTimeSlots = generateTimeSlots;

package/cjs/components/Toggle/index.js

@@ -1,83 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React$1 = require('react');
-var styled = require('styled-components');
-var theme = require('../../theme.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const Container = styled__default['default'].div`
-  display: flex;
-  position: relative;
-  border-top: ${({ theme: theme2 }) => `1px solid ${theme2.colors.gray.light6}`};
-  border-bottom: ${({ theme: theme2 }) => `1px solid ${theme2.colors.gray.light6}`};
-  padding: 4px;
-`;
-const Box = styled__default['default'].div`
-  font-family: ${({ theme: theme2 }) => theme2.typography.fontBaseFamily};
-  font-weight: ${({ theme: theme2 }) => theme2.typography.fontBaseRegularWeight};
-  display: flex;
-  min-height: 4rem;
-  align-items: center;
-  transition: 150ms 50ms;
-  flex: 1;
-  z-index: 2;
-  position: relative;
-  cursor: pointer;
-
-  color: ${(props) => props.isActive ? theme['default'].colors.text.light : theme['default'].colors.text.dark};
-`;
-const Background = styled__default['default'].div`
-  z-index: 0;
-  background-color: ${(props) => theme['default'].colors[props.color].main};
-  position: absolute;
-
-  border-radius: 0.25rem;
-
-  top: 4px;
-  left: 4px;
-  width: calc(50% - 4px);
-  height: calc(100% - 8px);
-
-  transition: left 250ms ease-in-out;
-
-  ${(props) => props.active === "RIGHT" && `
-    left: calc(50%);
-  `}
-
-  ${(props) => !props.active && `display: none;`}
-`;
-const Toggle = ({ onChange, ...props }) => {
-  const [active, setActive] = React$1.useState(props.active);
-  React$1.useEffect(() => {
-    setActive(props.active);
-  }, [props.active]);
-  const handleLeftClick = () => {
-    setActive("LEFT");
-    onChange("LEFT");
-  };
-  const handleRightClick = () => {
-    setActive("RIGHT");
-    onChange("RIGHT");
-  };
-  return /* @__PURE__ */ React.createElement(Container, {
-    ...props
-  }, /* @__PURE__ */ React.createElement(Background, {
-    color: props.color,
-    active
-  }), /* @__PURE__ */ React.createElement(Box, {
-    onClick: handleLeftClick,
-    isActive: active === "LEFT",
-    color: props.color
-  }, props.left), /* @__PURE__ */ React.createElement(Box, {
-    onClick: handleRightClick,
-    isActive: active === "RIGHT",
-    color: props.color
-  }, props.right));
-};
-
-exports.Toggle = Toggle;

package/cjs/icons/components/AccountCreateIcon.js

@@ -1,48 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () {
-            return e[k];
-          }
-        });
-      }
-    });
-  }
-  n['default'] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-function AccountCreateIcon(props) {
-  return /* @__PURE__ */ React__namespace.createElement("svg", {
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 26 20",
-    fill: "currentColor",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props
-  }, /* @__PURE__ */ React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M2.949 11.997V4.696h1.565v7.3H2.949z"
-  }), /* @__PURE__ */ React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M.08 7.563h7.302V9.13H.08V7.563zM13.391 1.565a3.13 3.13 0 100 6.261 3.13 3.13 0 000-6.26zm-4.695 3.13a4.696 4.696 0 119.391.001 4.696 4.696 0 01-9.391 0zm-1.91 8.035c1.436-1.62 3.628-2.556 6.605-2.556 2.978 0 5.17.935 6.605 2.556C21.416 14.333 22 16.499 22 18.783v.782H4.783v-.782c0-2.284.583-4.45 2.004-6.053zM6.376 18h14.033c-.12-1.703-.637-3.164-1.584-4.232-1.074-1.213-2.795-2.029-5.433-2.029-2.637 0-4.359.816-5.433 2.029-.946 1.068-1.464 2.529-1.583 4.232z"
-  }));
-}
-
-exports['default'] = AccountCreateIcon;

package/cjs/icons/components/AccountIcon.js

@@ -1,44 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () {
-            return e[k];
-          }
-        });
-      }
-    });
-  }
-  n['default'] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-function AccountIcon(props) {
-  return /* @__PURE__ */ React__namespace.createElement("svg", {
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 18 20",
-    fill: "currentColor",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props
-  }, /* @__PURE__ */ React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8.826 1.783a3.13 3.13 0 100 6.26 3.13 3.13 0 000-6.26zM4.13 4.913a4.696 4.696 0 119.392 0 4.696 4.696 0 01-9.392 0zm-1.908 8.034c1.435-1.62 3.626-2.556 6.604-2.556s5.17.936 6.605 2.556c1.42 1.604 2.004 3.77 2.004 6.053v.783H.217V19c0-2.284.584-4.45 2.005-6.053zm-.413 5.27h14.034c-.12-1.703-.637-3.163-1.584-4.232-1.074-1.212-2.796-2.028-5.433-2.028s-4.359.816-5.433 2.028c-.946 1.069-1.465 2.53-1.584 4.232z"
-  }));
-}
-
-exports['default'] = AccountIcon;

package/cjs/icons/components/AccountLoginIcon.js

@@ -1,50 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () {
-            return e[k];
-          }
-        });
-      }
-    });
-  }
-  n['default'] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-function AccountLoginIcon(props) {
-  return /* @__PURE__ */ React__namespace.createElement("svg", {
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 22 19",
-    fill: "currentColor",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props
-  }, /* @__PURE__ */ React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M13.4 1.52a3.04 3.04 0 100 6.08 3.04 3.04 0 000-6.08zM8.84 4.56a4.56 4.56 0 119.12 0 4.56 4.56 0 01-9.12 0zm-1.854 7.802C8.38 10.789 10.508 9.88 13.4 9.88s5.02.909 6.414 2.482c1.38 1.557 1.946 3.66 1.946 5.878V19H5.04v-.76c0-2.218.567-4.32 1.946-5.878zm-.4 5.118h13.628c-.116-1.654-.619-3.072-1.538-4.11-1.043-1.177-2.715-1.97-5.276-1.97s-4.233.793-5.276 1.97c-.92 1.038-1.422 2.456-1.538 4.11z"
-  }), /* @__PURE__ */ React__namespace.createElement("path", {
-    d: "M.48 7.868h5.477v1.403H.48V7.868z"
-  }), /* @__PURE__ */ React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M4.39 11.844l1.751-2.09c.56-.639.56-1.694-.01-2.345L4.392 5.32l-1.078.898 1.75 2.102c.118.135.118.4.012.522l-1.76 2.1 1.075.902z"
-  }));
-}
-
-exports['default'] = AccountLoginIcon;

package/cjs/icons/components/ArrowDownIcon.js

@@ -1,44 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () {
-            return e[k];
-          }
-        });
-      }
-    });
-  }
-  n['default'] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-function ArrowDownIcon(props) {
-  return /* @__PURE__ */ React__namespace.createElement("svg", {
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 13 7",
-    fill: "currentColor",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props
-  }, /* @__PURE__ */ React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M1.71.97l4.546 4.242a.282.282 0 00.38 0L11.18.97l1.136 1.06-4.545 4.243a1.971 1.971 0 01-2.652 0L.574 2.03 1.711.97z"
-  }));
-}
-
-exports['default'] = ArrowDownIcon;

package/cjs/icons/components/ArrowLeftIcon.js

@@ -1,42 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () {
-            return e[k];
-          }
-        });
-      }
-    });
-  }
-  n['default'] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-function ArrowLeftIcon(props) {
-  return /* @__PURE__ */ React__namespace.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 12 24",
-    fill: "currentColor",
-    ...props
-  }, /* @__PURE__ */ React__namespace.createElement("path", {
-    d: "M9.23 0L12 3l-6.462 7c-.915.993-.915 3.008 0 4L12 21l-2.77 3-3.834-4.2C1.59 15.7 0 14 0 12s1.96-4.1 5.396-7.8L9.231 0z"
-  }));
-}
-
-exports['default'] = ArrowLeftIcon;

package/cjs/icons/components/ArrowLeftSharpIcon.js

@@ -1,44 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () {
-            return e[k];
-          }
-        });
-      }
-    });
-  }
-  n['default'] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-function ArrowLeftSharpIcon(props) {
-  return /* @__PURE__ */ React__namespace.createElement("svg", {
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 19 19",
-    fill: "currentColor",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props
-  }, /* @__PURE__ */ React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M11.045 16.97L3.267 9.193a.25.25 0 010-.353l7.778-7.778L9.985 0 2.205 7.778a1.75 1.75 0 000 2.475l7.778 7.778 1.061-1.06z"
-  }));
-}
-
-exports['default'] = ArrowLeftSharpIcon;

package/cjs/icons/components/ArrowLeftSmallIcon.js

@@ -1,44 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () {
-            return e[k];
-          }
-        });
-      }
-    });
-  }
-  n['default'] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-function ArrowLeftSmallIcon(props) {
-  return /* @__PURE__ */ React__namespace.createElement("svg", {
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 12 13",
-    fill: "currentColor",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props
-  }, /* @__PURE__ */ React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8.999 2.321l-4.244 4.26a.251.251 0 000 .354L9 11.195 7.94 12.256l-4.244-4.26a1.758 1.758 0 010-2.479l4.244-4.26L9 2.322z"
-  }));
-}
-
-exports['default'] = ArrowLeftSmallIcon;

package/cjs/icons/components/ArrowLong.js

@@ -1,45 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () {
-            return e[k];
-          }
-        });
-      }
-    });
-  }
-  n['default'] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-function ArrowLong(props) {
-  return /* @__PURE__ */ React__namespace.createElement("svg", {
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props
-  }, /* @__PURE__ */ React__namespace.createElement("path", {
-    fill: "currentColor",
-    d: "M1 10.215h20.532v3.422H1z"
-  }), /* @__PURE__ */ React__namespace.createElement("path", {
-    d: "M17.71 19.91l4.269-5.095c1.366-1.559 1.366-4.133-.025-5.72L17.713 4l-2.63 2.19 4.27 5.126c.287.33.287.976.027 1.273l-4.294 5.124 2.623 2.198z",
-    fill: "currentColor"
-  }));
-}
-
-exports['default'] = ArrowLong;

package/cjs/icons/components/ArrowRestartIcon.js

@@ -1,44 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () {
-            return e[k];
-          }
-        });
-      }
-    });
-  }
-  n['default'] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-function ArrowRestartIcon(props) {
-  return /* @__PURE__ */ React__namespace.createElement("svg", {
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 20 17",
-    fill: "currentColor",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props
-  }, /* @__PURE__ */ React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M15.513 11.458c-.365-4.238-2.567-6.062-4.716-6.27-1.978-.191-4.193.944-5.416 3.35l2.072-.55.391 1.448-3.266.869a1.255 1.255 0 01-1.534-.886l-.88-3.263 1.45-.385.518 1.922c1.49-2.783 4.19-4.252 6.81-3.998 3.054.296 5.656 2.878 6.065 7.634l-1.494.129z"
-  }));
-}
-
-exports['default'] = ArrowRestartIcon;