@kvdbil/components 3.3.3 → 3.3.5-2

package/esm/components/TimePicker/index.js

@@ -0,0 +1,40 @@
+import styled from 'styled-components';
+import { Chip } from '../Chip/index.js';
+import '../../shared/helpers.js';
+import '../../theme.js';
+
+const TimeSlots = styled.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(Chip, {
+    component: "li",
+    "data-selected": isSelected,
+    "data-disabled": isDisabled,
+    isDisabled,
+    isActive: isSelected,
+    key: date.getTime(),
+    onClick: () => !isSelected && !isDisabled && onTimeSlotClick(date)
+  }, text);
+}));
+
+export { TimePicker, TimePicker as default };

package/esm/components/TimePicker/testHelper.js

@@ -0,0 +1,12 @@
+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 };
+  });
+};
+
+export { generateTimeSlots };

package/esm/components/Toggle/index.js

@@ -0,0 +1,75 @@
+import { useState, useEffect } from 'react';
+import styled from 'styled-components';
+import theme from '../../theme.js';
+
+const Container = styled.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.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.colors.text.light : theme.colors.text.dark};
+`;
+const Background = styled.div`
+  z-index: 0;
+  background-color: ${(props) => theme.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] = useState(props.active);
+  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));
+};
+
+export { Toggle };

package/esm/icons/components/AccountCreateIcon.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+
+function AccountCreateIcon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 26 20",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  }, /* @__PURE__ */ React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.949 11.997V4.696h1.565v7.3H2.949z"
+  }), /* @__PURE__ */ React.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"
+  }));
+}
+
+export { AccountCreateIcon as default };

package/esm/icons/components/AccountIcon.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+function AccountIcon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 18 20",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  }, /* @__PURE__ */ React.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"
+  }));
+}
+
+export { AccountIcon as default };

package/esm/icons/components/AccountLoginIcon.js

@@ -0,0 +1,24 @@
+import * as React from 'react';
+
+function AccountLoginIcon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 22 19",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  }, /* @__PURE__ */ React.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.createElement("path", {
+    d: "M.48 7.868h5.477v1.403H.48V7.868z"
+  }), /* @__PURE__ */ React.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"
+  }));
+}
+
+export { AccountLoginIcon as default };

package/esm/icons/components/ArrowDownIcon.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+function ArrowDownIcon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 13 7",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  }, /* @__PURE__ */ React.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"
+  }));
+}
+
+export { ArrowDownIcon as default };

package/esm/icons/components/ArrowLeftIcon.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function ArrowLeftIcon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 12 24",
+    fill: "currentColor",
+    ...props
+  }, /* @__PURE__ */ React.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"
+  }));
+}
+
+export { ArrowLeftIcon as default };

package/esm/icons/components/ArrowLeftSharpIcon.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+function ArrowLeftSharpIcon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 19 19",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  }, /* @__PURE__ */ React.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"
+  }));
+}
+
+export { ArrowLeftSharpIcon as default };

package/esm/icons/components/ArrowLeftSmallIcon.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+function ArrowLeftSmallIcon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 12 13",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  }, /* @__PURE__ */ React.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"
+  }));
+}
+
+export { ArrowLeftSmallIcon as default };

package/esm/icons/components/ArrowLong.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+function ArrowLong(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  }, /* @__PURE__ */ React.createElement("path", {
+    fill: "currentColor",
+    d: "M1 10.215h20.532v3.422H1z"
+  }), /* @__PURE__ */ React.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"
+  }));
+}
+
+export { ArrowLong as default };

package/esm/icons/components/ArrowRestartIcon.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+function ArrowRestartIcon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 20 17",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  }, /* @__PURE__ */ React.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"
+  }));
+}
+
+export { ArrowRestartIcon as default };

package/esm/icons/components/ArrowRightIcon.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function ArrowRightIcon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 12 24",
+    ...props
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M2.8 24L0 21l6.5-7c.9-1 .9-3 0-4L0 3l2.8-3 3.8 4.2C10.4 8.3 12 10 12 12s-2 4.1-5.4 7.8L2.8 24z"
+  }));
+}
+
+export { ArrowRightIcon as default };

package/esm/icons/components/ArrowRightSharpIcon.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+function ArrowRightSharpIcon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 19 19",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  }, /* @__PURE__ */ React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7.955 16.97l7.778-7.778a.25.25 0 000-.353L7.955 1.06 9.015 0l7.779 7.778a1.75 1.75 0 010 2.475l-7.778 7.778-1.061-1.06z"
+  }));
+}
+
+export { ArrowRightSharpIcon as default };

package/esm/icons/components/ArrowUpIcon.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+function ArrowUpIcon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 12 7",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  }, /* @__PURE__ */ React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.526 6.194L6.266 1.95a.251.251 0 00-.353 0l-4.26 4.244L.591 5.135 4.85.891a1.758 1.758 0 012.479 0l4.259 4.244-1.063 1.06z"
+  }));
+}
+
+export { ArrowUpIcon as default };

package/esm/icons/components/AuctionIcon.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function AuctionIcon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 64 64",
+    ...props
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M42.8 35.2l1.5-1.5 17.5 17.5c2.9 2.9 2.9 7.7 0 10.6-2.9 2.9-7.7 2.9-10.6 0L33.7 44.3l1.5-1.5 17.5 17.5c2.1 2.1 5.5 2.1 7.6 0 2.1-2.1 2.1-5.5 0-7.6L42.8 35.2zM8.6 31.4c-2.1-2.1-5-2.7-6.9-.8-2.1 2.2-2.4 9.7 0 12.2 1 .9 2 1.9 4.6 4.5 2.6 2.6 3.6 3.7 4.6 4.6 2.5 2.5 9.9 2.2 12.1 0 1.9-1.9 1.4-4.7-.7-6.8l-1.6 1.5c1.4 1.3 1.7 2.9.8 3.8-1.4 1.4-7.5 1.6-9.1 0-.9-1-2-2-4.5-4.5l-4.6-4.6c-1.6-1.6-1.4-7.8 0-9.2.9-.9 2.4-.5 3.8.8l1.5-1.5zM33 7.1c-1.4-1.4-1.7-3-.8-3.8 1.3-1.4 7.5-1.6 9.1 0l4.5 4.5 4.6 4.6c1.6 1.6 1.4 7.7 0 9.1-.9.9-2.4.6-3.8-.8l-1.5 1.6c2.1 2.1 4.9 2.6 6.8.7 2.2-2.2 2.5-9.6 0-12.1-.9-1-2-2.1-4.5-4.6-2.6-2.6-3.7-3.6-4.6-4.6-2.5-2.4-10-2.1-12.2 0-1.9 1.9-1.3 4.8.8 6.9L33 7.1zm-26.7 25L32.2 6.3l1.5 1.5L7.8 33.7l-1.5-1.6zM20 45.8L45.8 20l1.6 1.5-25.9 25.8-1.5-1.5zM6.3 32.1l1.5-1.5L23 45.8l-1.5 1.5L6.3 32.1zM30.6 7.8l1.6-1.5 15.2 15.2-1.6 1.5L30.6 7.8z"
+  }));
+}
+
+export { AuctionIcon as default };

package/esm/icons/components/BackArrowIcon.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function BackArrowIcon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 15 17",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M6 5l1.42 1.42L3.83 10H13V0h2v12H3.83l3.59 3.58L6 17l-6-6 6-6z"
+  }));
+}
+
+export { BackArrowIcon as default };

package/esm/icons/components/Baseline360Icon.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+function Baseline360Icon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ...props
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M12 7C6.48 7 2 9.24 2 12c0 2.24 2.94 4.13 7 4.77V20l4-4-4-4v2.73c-3.15-.56-5-1.9-5-2.73 0-1.06 3.04-3 8-3s8 1.94 8 3c0 .73-1.46 1.89-4 2.53v2.05c3.53-.77 6-2.53 6-4.58 0-2.76-4.48-5-10-5z"
+  }), /* @__PURE__ */ React.createElement("path", {
+    fill: "none",
+    d: "M0 0h24v24H0z"
+  }));
+}
+
+export { Baseline360Icon as default };

package/esm/icons/components/BellIcon.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function BellIcon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 26 25",
+    ...props
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M5.5 7c1-4.5 3.1-7 7.5-7s6.5 2.5 7.5 7c.1.4.2.8.2 1.4.1.3.3 1.3.3 1.3.2 1.6.5 2.3.7 2.6l.3.3c.4.3.7.6 1.2.9.1.1.9.6 1.1.7 1.1.7 1.7 1.5 1.7 2.8 0 1.8-2.3 2.4-6.9 2.7-1.3.2-2.8.2-4.2.3h-3.8c-1.4-.1-2.9-.1-4.2-.3C2.3 19.4 0 18.8 0 17c0-1.3.6-2.1 1.7-2.9.2-.1 1-.6 1.2-.7.5-.3.9-.6 1.3-1l.1-.1c.3-.3.5-1 .8-2.7 0 .1.1-1 .2-1.3.1-.5.2-.9.2-1.3zm13 .4C17.7 3.7 16.2 2 13 2S8.3 3.7 7.5 7.4c-.1.4-.2.8-.2 1.3C7.2 9 7 10 7 10c-.3 2.1-.6 3-1.3 3.7 0 .1-.1.1-.1.2-.5.4-1 .8-1.6 1.1-.2.2-1 .7-1.2.8-.6.4-.8.7-.8 1.2v-.2c.2.1.6.3 1.1.4 1 .2 2.3.4 4 .6 1.3.1 2.7.1 4.1.2H14.8c1.4-.1 2.8-.1 4.1-.2 1.7-.2 3-.4 4-.6.5-.1.9-.3 1.1-.4v.2c0-.5-.2-.7-.8-1.2-.2-.1-.9-.5-1.1-.6-.5-.4-1-.7-1.4-1.1l-.4-.4c-.7-.7-1-1.6-1.3-3.7 0 .1-.2-1-.2-1.3-.1-.5-.2-.9-.3-1.3zM8 18v2c0 2.8 2.3 5 5 5 2.8 0 5-2.2 5-5v-2h-2v2c0 1.7-1.3 3-3 3-1.6 0-3-1.3-3-3v-2H8z"
+  }));
+}
+
+export { BellIcon as default };

package/esm/icons/components/BidIcon.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function BidIcon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    ...props
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M10.4 4.1c-.1-.1-.2-.2-.2-.3C9 2.7 10 1.4 11.6.6c1.4-.7 2.9-.9 3.8 0 .2.2 1.6 1.5 1.9 1.9.9.8 1.5 1.5 1.9 1.9.8.8.7 2.3-.1 3.8-.3.6-.6 1.1-1 1.4-.7.6-1.5.6-2.2 0-.1-.1-.1-.2-.2-.3l-6.4 6.4c.1.1.2.2.3.2.6.7.5 1.5 0 2.2-.3.4-.8.8-1.5 1.1-1.4.7-2.9.9-3.7 0-.9-.8-2.7-2.7-3.8-3.8-.9-.8-.7-2.3 0-3.8.8-1.6 2.1-2.6 3.2-1.4.1 0 .2.1.3.3l6.3-6.4zm1.4 1.4l-6.3 6.3c.3.4.7.8 1.2 1.3.2.1.8.7 1.3 1.2L14.3 8l-.6-.6-.7-.7c-.4-.5-.8-.9-1.2-1.2zM7.3 17.4c.3-.1.5-.2.7-.4-.3-.2-.5-.5-.9-.9-.3-.3-1.5-1.4-1.7-1.7l-2.6-2.6c-.2.2-.3.4-.5.7-.3.7-.4 1.5-.4 1.5l3.9 3.9s.7-.1 1.5-.5zM17 8c.1-.2.3-.4.4-.7.4-.7.5-1.5.4-1.5-.4-.5-1-1.1-1.9-2L14 1.9s-.8.1-1.5.4c-.3.2-.5.3-.7.5.5.4 1.2 1.2 2.6 2.6C16 6.9 16.6 7.6 17 8zm-2 5.5l1.4-1.4 6.7 6.7c.1.2.3.4.4.6.7 1.2.7 2.4-.3 3.6-.1 0-.1 0-.2.1-1.1 1.1-2.4 1.1-3.6.4-.3-.1-.5-.3-.6-.4l-6.7-6.7 1.3-1.4 6.8 6.7.2.2c.5.3.8.3 1.3-.2l.1-.1c.4-.4.3-.7.1-1.2l-.2-.2-6.7-6.7z"
+  }));
+}
+
+export { BidIcon as default };

package/esm/icons/components/BidKrIcon.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+
+function BidKrIcon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 13 12",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  }, /* @__PURE__ */ React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7.95 9.07l.147.027.289.06c-.842.789-2.132 1.174-3.633 1.18l-.116.02-.415.078-1.243.226-.248.047c-.667.136-1.343.234-2.022.293-.498 0-.568-.39-.394-.746.123-.231.273-.449.448-.648l.157-.188.2-.23c.073-.083.145-.165.214-.246l-.68-.598A2.716 2.716 0 010 6.56c0-1.2.779-2.218 2-2.823v.049C2 7.358 4.548 9.053 7.95 9.07z"
+  }), /* @__PURE__ */ React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7.91 8.247l-.124-.022c-2.882-.013-5.04-1.398-5.04-4.316C2.746 1.827 5.346 0 7.83 0c2.873 0 5.08 1.68 5.08 3.905a3.22 3.22 0 01-.706 2.041l-.733.684.231.282c.073.088.146.175.216.263l.17.215c.188.228.35.477.482.741.188.407.112.853-.424.853-.733-.067-1.46-.179-2.18-.335l-.268-.053-1.34-.26-.447-.089zM7.549 5.74l-.715-1.014V5.74h-.755V2.572h.733V4.31l.737-.96h.858l-.96 1.197.982 1.193h-.88zm2.682-2.412a.894.894 0 00-.446.125c-.154.08-.285.199-.38.344V3.35h-.728v2.39h.737V4.655a.496.496 0 01.16-.42.72.72 0 01.447-.125h.21v-.782z"
+  }));
+}
+
+export { BidKrIcon as default };

package/esm/icons/components/BreaksIcon.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function BreaksIcon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 26 26",
+    ...props
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M20 14c0 3.3-2.7 6-6 6s-6-2.7-6-6 2.7-6 6-6 6 2.7 6 6zm-2 0c0-2.2-1.8-4-4-4s-4 1.8-4 4 1.8 4 4 4 4-1.8 4-4zm-4-1c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zm-2 3c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zm4 0c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zM2 14h2c0 5.5 4.5 10 10 10s10-4.5 10-10S19.5 4 14 4V2c6.6 0 12 5.4 12 12s-5.4 12-12 12S2 20.6 2 14zM13 0h1v6h-1c-4 0-7 3.2-7 7v1H0v-1C0 5.4 5.4 0 13 0zm-1 4.1V2c-5.6.5-9.6 4.4-10 10h2.1c.4-4.1 3.6-7.5 7.9-7.9z"
+  }));
+}
+
+export { BreaksIcon as default };

package/esm/icons/components/BuyCarIcon.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function BuyCarIcon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 64 59",
+    ...props
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M19.9 9c.3-.2.7-.3 1-.4 4.4-1.5 19-5.8 21.7-6.7C44.4 1.2 45.9.6 47 0l1.2 2.4c-1.3.6-2.8 1.3-4.8 2-2.7.9-17.3 5.3-21.6 6.7-.3.1-.5.2-.7.3h-.2c-4.2 1.9-7.4 6.9-8.4 13-1.1 5.6.1 9.9 2.1 9.9 1.7 0 2.8-1.2 2.8-3.1.1-.3.1-.6.1-1.1.1-2.2.1-3.2.3-4.5 1.1-7 5.6-10.9 15.8-10.9 8 0 11.1 3.8 11.7 11 .1.9.1 1.4.2 2.9.2 4.7.6 5.8 2.2 5.8 2.2 0 2.3-.6 2.3-10.3 0-4.7 2.4-9.1 6.4-13 1.4-1.3 2.9-2.5 4.3-3.6.5-.3 1-.7 1.4-.9.3-.2.5-.3.6-.4L64 8.5c-.1.1-.2.2-.5.3-.4.3-.8.6-1.3.9-1.3 1-2.7 2.1-4 3.3-3.5 3.5-5.6 7.2-5.6 11.1 0 6.3-.1 8.2-.5 9.9-.6 2-1.8 2.9-3.9 3l1.3 2.1v.1c1.5-.2 3.5 0 3.5 2.2 0 1.1-.5 1.6-1.2 1.9.6 1.6.9 3.6.6 5l-.9 5.4c0 .3-.1.6-.2.8v2.8c0 .9-.8 1.7-1.8 1.7H46c-1 0-1.7-.8-1.7-1.7v-1.8H19.8v1.8c0 .9-.8 1.7-1.8 1.7h-3.5c-1 0-1.7-.8-1.7-1.7v-2.8c-.2-.2-.3-.5-.3-.8l-.9-5.4c-.3-1.4 0-3.4.6-5-.7-.3-1.2-.8-1.2-1.9 0-2.2 2-2.4 3.5-2.2v-.1l1.4-2.3c-.4.1-.9.1-1.3.1-1 0-1.7-.2-2.4-.7-.8.5-1.8.8-3 .8-2.5 0-4-1.8-4.4-4.4-.4-.1-.8-.1-1.1-.2-2.2-.6-3.6-2.1-3.6-4.7 0-1.3.9-3 2.4-5C1 22.4 0 21.1 0 18.8c0-3.2 3.8-5.4 10.3-7.4 2.1-.7 4.3-1.2 6.5-1.7.8-.2 1.5-.3 2.2-.4.2-.1.4-.1.5-.2.2 0 .3-.1.4-.1zm-9.4 12.1c-1.3 2.1-2.2 4.3-2.8 6.5-1 4.2-.3 6.7 1.5 6.7.5 0 1-.1 1.3-.2-1.1-2.4-1.4-6.1-.6-10.2.2-.9.4-1.9.6-2.8zM43 30.2c-.1-.5-.1-.9-.1-1.4-.1-1.5-.1-2.1-.2-2.8-.5-6-2.6-8.6-9.1-8.6-8.9 0-12.4 2.9-13.2 8.6-.2 1.2-.2 2.1-.3 4.2v.6c1.4-1.1 3.2-1.8 4.9-1.8h14c1.3 0 2.7.4 4 1.2zM7.3 21.5c-.2.1-.3.1-.5.2-2.4 2.5-4.1 4.7-4.1 6 0 1.2.5 1.8 1.6 2.1.1 0 .3.1.4.1.1-.9.2-1.9.5-3 .4-1.8 1.2-3.6 2.1-5.4zm5-8c-.4.1-.8.3-1.3.4-5.2 1.6-8.4 3.5-8.4 4.9 0 1.4.3 1.6 1.4 1.2.4-.1.9-.2 1.4-.5 2-2.1 4.5-4.2 6.9-6zm33.4 26.1l-2.9-4.9c-.7-1.1-2.5-2.2-3.8-2.2H25c-1.3 0-3.1 1.1-3.8 2.2l-2.9 4.9h27.4zM18.9 50.2c1.4 0 2.6-1.2 2.6-2.7 0-1.4-1.2-2.6-2.6-2.6-1.5 0-2.6 1.2-2.6 2.6 0 1.5 1.1 2.7 2.6 2.7zm26.2 0c1.5 0 2.7-1.2 2.7-2.7 0-1.4-1.2-2.6-2.7-2.6-1.4 0-2.6 1.2-2.6 2.6 0 1.5 1.2 2.7 2.6 2.7zm-18.3-1.8v1.8h10.5v-1.8H26.8z"
+  }));
+}
+
+export { BuyCarIcon as default };

package/esm/icons/components/CabIcon.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+function CabIcon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  }, /* @__PURE__ */ React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M17.83 8.807l-4.37-3.399-.92 1.184 2.775 2.158H7.75V7.5h-1.5v.898l-1.076-.562-.21-.11-.235.03c-.678.09-1.785.31-2.735 1C1 9.478.25 10.663.25 12.5c0 .845.168 1.534.52 2.069.359.546.86.854 1.375 1.02.264.085.536.134.8.161.49.753 1.34 1.25 2.305 1.25.965 0 1.814-.497 2.305-1.25h8.39c.49.753 1.34 1.25 2.305 1.25.965 0 1.814-.497 2.305-1.25h.532c.488 0 1.157-.183 1.71-.704.573-.54.953-1.375.953-2.546 0-.766-.374-1.38-.866-1.838-.483-.45-1.116-.788-1.757-1.045-1.085-.435-2.331-.689-3.296-.81zm3.257 5.443H21a2.75 2.75 0 10-5.5 0H8a2.75 2.75 0 00-5.497-.125.984.984 0 01-.48-.38c-.142-.216-.273-.589-.273-1.245 0-1.363.525-2.094 1.126-2.53.565-.411 1.254-.6 1.818-.692l1.698.887.163.085h10.673c.91.082 2.248.321 3.34.759.555.222.999.477 1.293.751.285.265.389.507.389.74 0 .83-.258 1.244-.481 1.454-.244.23-.532.296-.682.296zm-14.587 0a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0zm13 0a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0z"
+  }));
+}
+
+export { CabIcon as default };

package/esm/icons/components/CalendarIcon.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+
+function CalendarIcon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 20 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M7 10.984H5v2h2v-2zM7 0H5.5v6H7V0zM19 8.5V7H1v1.5h18zM14.5 0H13v6h1.5V0zM11 10.984H9v2h2v-2zM15 10.984h-2v2h2v-2zM7 14.984H5v2h2v-2zM11 14.984H9v2h2v-2zM15 14.984h-2v2h2v-2z",
+    fill: "currentColor"
+  }), /* @__PURE__ */ React.createElement("rect", {
+    x: 0.75,
+    y: 2.75,
+    width: 18.5,
+    height: 17.5,
+    rx: 1.25,
+    stroke: "currentColor",
+    strokeWidth: 1.5
+  }));
+}
+
+export { CalendarIcon as default };

package/esm/icons/components/CameraIcon.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function CameraIcon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 24 21",
+    ...props
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M22 19zM2 19h20V7H2v12zM0 7c0-1.1.9-2 2-2h20c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H2c-1.1 0-2-.9-2-2V7zm8-2H6V2.3C6 1 7.2 0 8.7 0h6.6C16.8 0 18 1 18 2.3V5h-2V2.3c0-.1-.3-.3-.7-.3H8.7c-.4 0-.7.2-.7.3V5zm4 13c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5zm0-2c1.7 0 3-1.3 3-3s-1.3-3-3-3-3 1.3-3 3 1.3 3 3 3z"
+  }));
+}
+
+export { CameraIcon as default };

package/esm/icons/components/Car360Icon.js

@@ -0,0 +1,41 @@
+import * as React from 'react';
+
+function Car360Icon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 72 72",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  }, /* @__PURE__ */ React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /* @__PURE__ */ React.createElement("circle", {
+    fill: "currentColor",
+    cx: 36,
+    cy: 36,
+    r: 36
+  }), /* @__PURE__ */ React.createElement("text", {
+    fill: "#FFF",
+    fontSize: ".8em"
+  }, /* @__PURE__ */ React.createElement("tspan", {
+    x: 16,
+    y: 44
+  }, "360")), /* @__PURE__ */ React.createElement("path", {
+    className: "car360-icon_svg__circle",
+    d: "M36.5 8.571C21.312 8.571 9 20.851 9 36c0 7.404 2.942 14.124 7.723 19.058m19.777 8.37h0C51.688 63.429 64 51.149 64 36c0-7.719-3.197-14.693-8.341-19.677",
+    stroke: "#FFF",
+    strokeWidth: 1.524,
+    strokeLinecap: "round"
+  }), /* @__PURE__ */ React.createElement("path", {
+    className: "car360-icon_svg__arrow-right",
+    d: "M35.266 13.143L34.208 12l2.468-2.667c.35-.378.35-1.146 0-1.523l-2.468-2.667L35.266 4l1.465 1.6c1.453 1.562 2.06 2.21 2.06 2.971 0 .762-.748 1.562-2.06 2.972l-1.465 1.6z",
+    fill: "#FFF"
+  }), /* @__PURE__ */ React.createElement("path", {
+    className: "car360-icon_svg__arrow-left",
+    d: "M37.734 68l1.058-1.143-2.468-2.667c-.35-.378-.35-1.145 0-1.523L38.792 60l-1.058-1.143-1.465 1.6c-1.453 1.562-2.06 2.21-2.06 2.972 0 .761.748 1.561 2.06 2.97L37.734 68z",
+    fill: "#FFF"
+  })));
+}
+
+export { Car360Icon as default };

package/esm/icons/components/CarFrontIcon.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function CarFrontIcon(props) {
+  return /* @__PURE__ */ React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 32 23",
+    fill: "currentColor",
+    width: "1em",
+    height: "1em",
+    ...props
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M32 9.5c0-1.6-1.5-1.8-2.7-1.6v-.2L26.5 3c-1-1.7-3.2-3-5.2-3H10.7c-2 0-4.2 1.3-5.2 3L2.7 7.7v.1C1.5 7.7 0 7.8 0 9.5c0 .8.4 1.3.9 1.5-.5 1.2-.7 2.7-.5 3.8l.7 4.2c0 .2.1.4.2.6v2.1c0 .7.6 1.3 1.3 1.3h2.7c.7 0 1.3-.6 1.3-1.3v-1.4H25.3v1.4c0 .7.6 1.3 1.3 1.3h2.7c.7 0 1.3-.6 1.3-1.3v-2.1c.1-.2.2-.4.2-.6l.7-4.2c.2-1.1 0-2.6-.5-3.8.6-.2 1-.7 1-1.5zM7.8 4.4c.5-.9 1.9-1.7 2.9-1.7h10.6c1 0 2.4.8 2.9 1.7l2.2 3.7H5.6l2.2-3.7zM6 16.2c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm14 0h-8v-1.4h8v1.4zm6 0c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"
+  }));
+}
+
+export { CarFrontIcon as default };