@kvdbil/components 3.3.5-0 → 3.3.5-5

package/cjs/components/Textfield/index.js

@@ -0,0 +1,95 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = 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;
+`;
+// eslint-disable-next-line prettier/prettier
+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 }) => theme.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;`}
+`;
+/** The main text field used */
+const TextField = ({ placeholder = '', isDisabled = false, centered = false, hasError = false, className, helperText, label = '', onBlur = () => null, onFocus = () => null, forwardRef, ...props }) => {
+    const [isFocused, setIsFocused] = react.useState(false);
+    const hasValue = Boolean(props.value);
+    const handleFocus = (event) => {
+        setIsFocused(true);
+        onFocus(event);
+    };
+    const handleBlur = (event) => {
+        setIsFocused(false);
+        onBlur(event);
+    };
+    return (jsxRuntime.jsxs(TextFieldWrapper, Object.assign({ className: className }, { children: [jsxRuntime.jsxs(InputWrapper, Object.assign({ isFocused: isFocused, disabled: isDisabled, centered: centered, hasError: hasError, hasPlaceholder: !!placeholder }, { children: [jsxRuntime.jsx(Input, Object.assign({}, props, { ref: forwardRef, onFocus: handleFocus, onBlur: handleBlur, disabled: isDisabled, theme: theme['default'], placeholder: label && !isFocused ? '' : placeholder }), void 0), props.suffix && jsxRuntime.jsx(Suffix, { children: props.suffix }, void 0)] }), void 0), label && (jsxRuntime.jsx(components_FieldLabel.Label, Object.assign({ isFocused: isFocused, centered: centered, hasError: hasError, hasValue: hasValue, disabled: isDisabled, theme: theme['default'] }, { children: label }), void 0)), helperText && (jsxRuntime.jsx(HelperText, Object.assign({ centered: centered, hasError: hasError }, { children: helperText }), void 0))] }), void 0));
+};
+
+exports.TextField = TextField;
+exports['default'] = TextField;

package/cjs/components/TimePicker/index.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+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 || selectedTimes === void 0 ? void 0 : selectedTimes.getTime()) === currentItem.getTime();
+};
+const TimePicker = ({ timeSlots, onTimeSlotClick, selectedTimes, disabledTimes, ...props }) => (jsxRuntime.jsx(TimeSlots, Object.assign({}, props, { children: timeSlots.map(({ text, date }) => {
+        const isSelected = isCurrentTime(date, selectedTimes);
+        const isDisabled = isCurrentTime(date, disabledTimes);
+        return (jsxRuntime.jsx(components_Chip_index.Chip, Object.assign({ component: "li", "data-selected": isSelected, "data-disabled": isDisabled, isDisabled: isDisabled, isActive: isSelected, onClick: () => !isSelected && !isDisabled && onTimeSlotClick(date) }, { children: text }), date.getTime()));
+    }) }), void 0));
+
+exports.TimePicker = TimePicker;
+exports['default'] = TimePicker;

package/cjs/components/TimePicker/testHelper.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const generateTimeSlots = (x) => {
+    const addHour = (h) => h * 60 * 60 * 1000;
+    const startDate = new Date('2020/02/02');
+    const t = new Date(startDate);
+    // eslint-disable-next-line no-unused-vars
+    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

@@ -0,0 +1,72 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = 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 }) => `1px solid ${theme.colors.gray.light6}`};
+  border-bottom: ${({ theme }) => `1px solid ${theme.colors.gray.light6}`};
+  padding: 4px;
+`;
+const Box = styled__default['default'].div `
+  font-family: ${({ theme }) => theme.typography.fontBaseFamily};
+  font-weight: ${({ theme }) => theme.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.useState(props.active);
+    react.useEffect(() => {
+        setActive(props.active);
+    }, [props.active]);
+    const handleLeftClick = () => {
+        setActive('LEFT');
+        onChange('LEFT');
+    };
+    const handleRightClick = () => {
+        setActive('RIGHT');
+        onChange('RIGHT');
+    };
+    return (jsxRuntime.jsxs(Container, Object.assign({}, props, { children: [jsxRuntime.jsx(Background, { color: props.color, active: active }, void 0), jsxRuntime.jsx(Box, Object.assign({ onClick: handleLeftClick, isActive: active === 'LEFT', color: props.color }, { children: props.left }), void 0), jsxRuntime.jsx(Box, Object.assign({ onClick: handleRightClick, isActive: active === 'RIGHT', color: props.color }, { children: props.right }), void 0)] }), void 0));
+};
+
+exports.Toggle = Toggle;

package/cjs/icons/components/AccountCreateIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function AccountCreateIcon(props) {
+    return (jsxRuntime.jsxs("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 26 20", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.949 11.997V4.696h1.565v7.3H2.949z" }, void 0), jsxRuntime.jsx("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" }, void 0)] }), void 0));
+}
+
+exports['default'] = AccountCreateIcon;

package/cjs/icons/components/AccountIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function AccountIcon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 18 20", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsxRuntime.jsx("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" }, void 0) }), void 0));
+}
+
+exports['default'] = AccountIcon;

package/cjs/icons/components/AccountLoginIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function AccountLoginIcon(props) {
+    return (jsxRuntime.jsxs("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 22 19", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsxRuntime.jsx("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" }, void 0), jsxRuntime.jsx("path", { d: "M.48 7.868h5.477v1.403H.48V7.868z" }, void 0), jsxRuntime.jsx("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" }, void 0)] }), void 0));
+}
+
+exports['default'] = AccountLoginIcon;

package/cjs/icons/components/ArrowDownIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function ArrowDownIcon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 13 7", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsxRuntime.jsx("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" }, void 0) }), void 0));
+}
+
+exports['default'] = ArrowDownIcon;

package/cjs/icons/components/ArrowLeftIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function ArrowLeftIcon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 12 24", fill: "currentColor" }, props, { children: jsxRuntime.jsx("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" }, void 0) }), void 0));
+}
+
+exports['default'] = ArrowLeftIcon;

package/cjs/icons/components/ArrowLeftSharpIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function ArrowLeftSharpIcon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 19 19", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsxRuntime.jsx("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" }, void 0) }), void 0));
+}
+
+exports['default'] = ArrowLeftSharpIcon;

package/cjs/icons/components/ArrowLeftSmallIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function ArrowLeftSmallIcon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 12 13", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsxRuntime.jsx("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" }, void 0) }), void 0));
+}
+
+exports['default'] = ArrowLeftSmallIcon;

package/cjs/icons/components/ArrowLong.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function ArrowLong(props) {
+    return (jsxRuntime.jsxs("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsxRuntime.jsx("path", { fill: "currentColor", d: "M1 10.215h20.532v3.422H1z" }, void 0), jsxRuntime.jsx("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" }, void 0)] }), void 0));
+}
+
+exports['default'] = ArrowLong;

package/cjs/icons/components/ArrowRestartIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function ArrowRestartIcon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 17", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsxRuntime.jsx("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" }, void 0) }), void 0));
+}
+
+exports['default'] = ArrowRestartIcon;

package/cjs/icons/components/ArrowRightIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function ArrowRightIcon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", width: "1em", height: "1em", viewBox: "0 0 12 24" }, props, { children: jsxRuntime.jsx("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" }, void 0) }), void 0));
+}
+
+exports['default'] = ArrowRightIcon;

package/cjs/icons/components/ArrowRightSharpIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function ArrowRightSharpIcon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 19 19", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsxRuntime.jsx("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" }, void 0) }), void 0));
+}
+
+exports['default'] = ArrowRightSharpIcon;

package/cjs/icons/components/ArrowUpIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function ArrowUpIcon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 12 7", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsxRuntime.jsx("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" }, void 0) }), void 0));
+}
+
+exports['default'] = ArrowUpIcon;

package/cjs/icons/components/AuctionIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function AuctionIcon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 64 64" }, props, { children: jsxRuntime.jsx("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" }, void 0) }), void 0));
+}
+
+exports['default'] = AuctionIcon;

package/cjs/icons/components/BackArrowIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function BackArrowIcon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 15 17", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsxRuntime.jsx("path", { d: "M6 5l1.42 1.42L3.83 10H13V0h2v12H3.83l3.59 3.58L6 17l-6-6 6-6z" }, void 0) }), void 0));
+}
+
+exports['default'] = BackArrowIcon;

package/cjs/icons/components/Baseline360Icon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function Baseline360Icon(props) {
+    return (jsxRuntime.jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 24 24" }, props, { children: [jsxRuntime.jsx("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" }, void 0), jsxRuntime.jsx("path", { fill: "none", d: "M0 0h24v24H0z" }, void 0)] }), void 0));
+}
+
+exports['default'] = Baseline360Icon;

package/cjs/icons/components/BellIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function BellIcon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 26 25" }, props, { children: jsxRuntime.jsx("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" }, void 0) }), void 0));
+}
+
+exports['default'] = BellIcon;

package/cjs/icons/components/BidIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function BidIcon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("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" }, void 0) }), void 0));
+}
+
+exports['default'] = BidIcon;

package/cjs/icons/components/BidKrIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function BidKrIcon(props) {
+    return (jsxRuntime.jsxs("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 13 12", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsxRuntime.jsx("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" }, void 0), jsxRuntime.jsx("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" }, void 0)] }), void 0));
+}
+
+exports['default'] = BidKrIcon;

package/cjs/icons/components/BreaksIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function BreaksIcon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 26 26" }, props, { children: jsxRuntime.jsx("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" }, void 0) }), void 0));
+}
+
+exports['default'] = BreaksIcon;

package/cjs/icons/components/BuyCarIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function BuyCarIcon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 64 59" }, props, { children: jsxRuntime.jsx("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" }, void 0) }), void 0));
+}
+
+exports['default'] = BuyCarIcon;

package/cjs/icons/components/CabIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function CabIcon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsxRuntime.jsx("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" }, void 0) }), void 0));
+}
+
+exports['default'] = CabIcon;

package/cjs/icons/components/CalendarIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function CalendarIcon(props) {
+    return (jsxRuntime.jsxs("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsxRuntime.jsx("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" }, void 0), jsxRuntime.jsx("rect", { x: 0.75, y: 2.75, width: 18.5, height: 17.5, rx: 1.25, stroke: "currentColor", strokeWidth: 1.5 }, void 0)] }), void 0));
+}
+
+exports['default'] = CalendarIcon;

package/cjs/icons/components/CameraIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function CameraIcon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 24 21" }, props, { children: jsxRuntime.jsx("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" }, void 0) }), void 0));
+}
+
+exports['default'] = CameraIcon;

package/cjs/icons/components/Car360Icon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function Car360Icon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 72 72", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsxRuntime.jsxs("g", Object.assign({ fill: "none", fillRule: "evenodd" }, { children: [jsxRuntime.jsx("circle", { fill: "currentColor", cx: 36, cy: 36, r: 36 }, void 0), jsxRuntime.jsx("text", Object.assign({ fill: "#FFF", fontSize: ".8em" }, { children: jsxRuntime.jsx("tspan", Object.assign({ x: 16, y: 44 }, { children: '360' }), void 0) }), void 0), jsxRuntime.jsx("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" }, void 0), jsxRuntime.jsx("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" }, void 0), jsxRuntime.jsx("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" }, void 0)] }), void 0) }), void 0));
+}
+
+exports['default'] = Car360Icon;

package/cjs/icons/components/CarFrontIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function CarFrontIcon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 23", fill: "currentColor", width: "1em", height: "1em" }, props, { children: jsxRuntime.jsx("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" }, void 0) }), void 0));
+}
+
+exports['default'] = CarFrontIcon;

package/cjs/icons/components/CarSearchIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function CarSearchIcon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 25 21" }, props, { children: jsxRuntime.jsx("path", { d: "M14.7 13.5c.5-.1 1.3 0 1.3.8 0 .4-.2.6-.5.7.3.6.4 1.3.3 1.9l-.4 1.9c0 .1 0 .2-.1.3v1c0 .4-.3.7-.6.7h-1.4c-.3 0-.6-.4-.6-.7v-.6H3.3v.6c0 .4-.3.7-.6.7H1.3c-.3 0-.6-.4-.6-.7v-1c-.1-.1-.1-.2-.1-.3l-.4-1.9c-.1-.6 0-1.3.3-1.9-.3-.1-.5-.3-.5-.7 0-.8.8-.9 1.3-.8l1.4-2.3c.5-.8 1.7-1.4 2.6-1.4h5.4c.9 0 2.1.6 2.6 1.4l1.4 2.3zm-1.5.1l-1.1-1.8c-.2-.4-.9-.8-1.4-.8H5.3c-.5 0-1.2.4-1.4.8l-1.1 1.8h10.4zM3 17.5c.6 0 1-.4 1-1 0-.5-.4-.9-1-.9s-1 .4-1 .9c0 .6.4 1 1 1zm10 0c.6 0 1-.4 1-1 0-.5-.4-.9-1-.9s-1 .4-1 .9c0 .6.4 1 1 1zm-7-.6v.6h4v-.6H6zM16.5 0c2.9 0 5.3 2.4 5.3 5.3 0 2.8-2.4 5.2-5.3 5.2s-5.2-2.4-5.2-5.2c0-2.9 2.3-5.3 5.2-5.3zm0 9c2.1 0 3.8-1.7 3.8-3.7 0-2.1-1.7-3.8-3.8-3.8-2.1 0-3.7 1.7-3.7 3.8 0 2 1.6 3.7 3.7 3.7zm8 3.2l-1 1.1-3.1-3 1.1-1.1 3 3z" }, void 0) }), void 0));
+}
+
+exports['default'] = CarSearchIcon;

package/cjs/icons/components/CarSideIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function CarSideIcon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 24 8" }, props, { children: jsxRuntime.jsx("path", { d: "M3 7H1C0 7 0 5 0 4s4-2 4-2 2-2 3-2h6c2 0 5 3 5 3s6 0 6 1 0 3-1 3h-2.1c.1-.2.1-.3.1-.5C21 5.1 19.9 4 18.5 4S16 5.1 16 6.5V7H7.9c.1-.2.1-.3.1-.5C8 5.1 6.9 4 5.5 4S3 5.1 3 6.5V7zm13-4s-2-2-3-2h-2v2h5zm-6 0V1H8C7 1 7 3 7 3h3zm8.5 5c-.8 0-1.5-.7-1.5-1.5S17.7 5 18.5 5s1.5.7 1.5 1.5S19.3 8 18.5 8zm-13 0C4.7 8 4 7.3 4 6.5S4.7 5 5.5 5 7 5.7 7 6.5 6.3 8 5.5 8z" }, void 0) }), void 0));
+}
+
+exports['default'] = CarSideIcon;

package/cjs/icons/components/CarTiresIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function CarTiresIcon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 66 36" }, props, { children: jsxRuntime.jsx("path", { d: "M65.7 18c0 6.3-2 10.4-5.7 12.7-2.7 1.7-5.9 2.3-10.3 2.3H13.6c-.1 0-.3-.1-.6-.1-.4-.1-.8-.2-1.3-.3-1.5-.3-2.9-.5-4.2-.8-.9-.2-1.6-.4-2.4-.6-2.3-.6-3.6-1-4.1-1.5-1.3-1.4-1.4-22 0-23.4.5-.5 1.8-.9 4.1-1.5.7-.2 1.5-.4 2.4-.6 1.3-.3 2.7-.5 4.2-.8.5-.1.9-.2 1.3-.3.3 0 .5-.1.7-.1h36c4.5 0 7.6.6 10.4 2.3 3.7 2.3 5.7 6.4 5.6 12.7zM13.4 30.9c.2.1.3.1.4.1h35.9c4 0 6.9-.5 9.2-2 3.1-1.9 4.8-5.4 4.8-11 .1-5.6-1.6-9.1-4.7-11-2.3-1.5-5.2-2-9.3-2H13.8c-.1 0-.2 0-.4.1-.4.1-.9.1-1.4.2-1.4.3-2.8.6-4.1.9-.8.2-1.6.4-2.4.5-1.7.5-2.9.9-3 1 0 .1-.1.3-.1.6-.1.6-.2 1.5-.2 2.5-.1 1.9-.2 4.5-.2 7.2s.1 5.3.2 7.2c.1 1 .1 1.9.2 2.5.1.3.1.5.1.6.1.1 1.3.5 3.1 1 .7.1 1.5.3 2.3.5 1.3.3 2.7.6 4.1.9.5.1 1 .1 1.4.2zM58.1 5c-.8.7-1.4 1.8-1.4 3 0 2.2 1.8 4 4 4 1.2 0 2.2-.5 3-1.3l-1.5-1.3c-.4.4-.9.6-1.5.6-1.1 0-2-.9-2-2 0-.6.3-1.1.7-1.5L58.1 5zm1.3 24.2c-.4-.3-.7-.9-.7-1.5 0-1.1.9-2 2-2 .6 0 1.1.3 1.5.7l1.5-1.4c-.8-.8-1.8-1.3-3-1.3-2.2 0-4 1.8-4 4 0 1.2.6 2.3 1.4 3.1l1.3-1.6zM23.7 31v2c0 .6-.4 1-1 1h-4c-.5 0-1-.4-1-1v-2h-2v2c0 1.7 1.4 3 3 3h4c1.7 0 3-1.3 3-3v-2h-2zm24 0v2c0 .6-.4 1-1 1h-4c-.5 0-1-.4-1-1v-2h-2v2c0 1.7 1.4 3 3 3h4c1.7 0 3-1.3 3-3v-2h-2zm-30-26V3c0-.6.5-1 1-1h4c.6 0 1 .4 1 1v2h2V3c0-1.7-1.3-3-3-3h-4c-1.6 0-3 1.3-3 3v2h2zm24 0V3c0-.6.5-1 1-1h4c.6 0 1 .4 1 1v2h2V3c0-1.7-1.3-3-3-3h-4c-1.6 0-3 1.3-3 3v2h2zm-6 5s5-2 7-2c2.1 0 6.2 3 6.1 10 0 7-4 10-6.1 10-2 0-7-3-7-3V10zm2 13.8c.6.3 1.1.6 1.7.9.4.2.7.4 1.1.6 1.1.4 1.9.7 2.3.7.4 0 1.4-.6 2.2-1.6 1.1-1.5 1.8-3.7 1.8-6.4.1-2.7-.6-4.9-1.8-6.4-.8-1-1.8-1.6-2.3-1.6-.4 0-1.3.2-2.5.5-.3.1-.7.3-1.1.4-.4.2-.9.3-1.4.5v12.4z" }, void 0) }), void 0));
+}
+
+exports['default'] = CarTiresIcon;

package/cjs/icons/components/CaravanIcon.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function CaravanIcon(props) {
+    return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 24 16" }, props, { children: jsxRuntime.jsx("path", { d: "M12.8 14c-.4 1.2-1.5 2-2.8 2-1.3 0-2.4-.8-2.8-2H0V6.5C0 2.9 2.9 0 6.4 0h7.2C17.2 0 20 2.9 20 6.5V12h4v2H12.8zm0-2H18V7c.2-3-1.8-5.1-4-5H6c-2.1-.1-4.2 2-4 5v5h5.2c.4-1.2 1.5-2 2.8-2 1.3 0 2.4.8 2.8 2zM10 14c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1z" }, void 0) }), void 0));
+}
+
+exports['default'] = CaravanIcon;