@mtes-mct/monitor-ui 2.3.2 → 2.4.0

package/index.js

@@ -1,7 +1,7 @@
 import styled, { createGlobalStyle, ThemeProvider as ThemeProvider$1, css } from 'styled-components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useMemo, useRef, useState, useCallback, useEffect, useReducer, forwardRef, useImperativeHandle } from 'react';
-import { Dropdown as Dropdown$1, AutoComplete as AutoComplete$1, Checkbox as Checkbox$1, DateRangePicker as DateRangePicker$1, DatePicker as DatePicker$1, TagPicker, Radio, Input, SelectPicker } from 'rsuite';
+import { Dropdown as Dropdown$1, AutoComplete as AutoComplete$1, Checkbox as Checkbox$1, DatePicker as DatePicker$1, DateRangePicker as DateRangePicker$1, TagPicker, Radio, Input, SelectPicker } from 'rsuite';
 import { useField, useFormikContext } from 'formik';
 
 var Accent;
@@ -1541,15 +1541,15 @@ const Field$2 = styled.div `
 `;
 
 const Label = styled.label `
-  color: ${p => p.theme.color.slateGray};
+  color: ${p => (p.isDisabled ? p.theme.color.lightGray : p.theme.color.slateGray)};
   display: ${p => (p.isHidden ? 'none' : 'table')};
   font-size: 13px;
   line-height: 1.4;
-  margin-bottom: 8px;
+  margin-bottom: 4px;
 `;
 
-function Legend({ isHidden = false, ...nativeProps }) {
-    return jsx(StyledLabel, { as: "legend", isHidden: isHidden, ...nativeProps });
+function Legend({ isDisabled = false, isHidden = false, ...nativeProps }) {
+    return jsx(StyledLabel, { as: "legend", isDisabled: isDisabled, isHidden: isHidden, ...nativeProps });
 }
 const StyledLabel = styled(Label) `
   padding: 0;
@@ -2788,11 +2788,11 @@ var utc$1 = {exports: {}};
 
 var utc = utc$1.exports;
 
-var fr$1 = {exports: {}};
+var fr = {exports: {}};
 
 (function (module, exports) {
 	!function(e,n){module.exports=n(requireDayjs_min());}(commonjsGlobal,(function(e){function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=n(e),i={name:"fr",weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),months:"janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"),monthsShort:"janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"),weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"},ordinal:function(e){return ""+e+(1===e?"er":"")}};return t.default.locale(i,null,!0),i}));
-} (fr$1));
+} (fr));
 
 dayjs_minExports.extend(timezone);
 dayjs_minExports.extend(utc);
@@ -2828,1424 +2828,753 @@ function getUtcizedDayjs(localDate) {
     return dayjs_minExports(definedLocalDate).subtract(timezoneOffsetInMinutes, 'minutes');
 }
 
-function NumberInputWithRef({ defaultValue, max, min, onBack, onClick, onFilled, onFocus, onFormatError, onInput, onNext, onPrevious, size, ...nativeProps }, ref) {
-    const inputRef = useRef();
-    const placeholder = useMemo(() => '-'.repeat(size), [size]);
-    useImperativeHandle(ref, () => inputRef.current);
-    const handleClick = useCallback((event) => {
-        // event.stopPropagation()
-        if (onClick) {
-            onClick(event);
-        }
-    }, [onClick]);
-    const handleFocus = useCallback((event) => {
-        inputRef.current.select();
-        if (onFocus) {
-            onFocus(event);
-        }
-    }, [onFocus]);
-    const handleInput = useCallback(() => {
-        onFormatError(false);
-        const { value } = inputRef.current;
-        if (onInput) {
-            onInput(value);
-        }
-        if (value.length !== size) {
-            return;
-        }
-        const valueAsNumber = Number(inputRef.current.value);
-        if (Number.isNaN(valueAsNumber) || valueAsNumber < min || valueAsNumber > max) {
-            onFormatError(true);
-            return;
-        }
-        if (onFilled && value.length === size) {
-            onFilled();
-        }
-    }, [max, min, onFilled, onFormatError, onInput, size]);
-    const handleKeyDown = useCallback((event) => {
-        if (onPrevious &&
-            event.key === 'ArrowLeft' &&
-            inputRef.current.selectionStart === 0 &&
-            // We don't want to call that function when the user is selecting the input text
-            inputRef.current.selectionEnd === inputRef.current.selectionStart) {
-            event.preventDefault();
-            onPrevious();
-            return;
-        }
-        if (onNext &&
-            event.key === 'ArrowRight' &&
-            inputRef.current.selectionStart === inputRef.current.value.length &&
-            // We don't want to call that function when the user is selecting the input text
-            inputRef.current.selectionEnd === inputRef.current.selectionStart) {
-            event.preventDefault();
-            onNext();
-            return;
-        }
-        if (onBack && event.key === 'Backspace' && !inputRef.current.value.length) {
-            event.preventDefault();
-            onBack();
-        }
-    }, [onBack, onNext, onPrevious]);
-    return (jsx(StyledNumberInput, { ref: inputRef, "$size": size, defaultValue: defaultValue, maxLength: size, onClick: handleClick, onFocus: handleFocus, onInput: handleInput, onKeyDown: handleKeyDown, pattern: "\\d*", placeholder: placeholder, type: "text", ...nativeProps }, String(defaultValue)));
-}
-const NumberInput$1 = forwardRef(NumberInputWithRef);
-const StyledNumberInput = styled.input `
-  background-color: transparent;
-  border: 0;
-  font-size: inherit;
-  outline: none;
-  padding: 0;
-  text-align: center;
-  /* 1 digit = 8px */
-  width: ${p => p.$size * 0.5}rem;
+/**
+ * Internal component used to wrap SVG icon components
+ */
+const IconBox = styled.div `
+  display: inline-block;
+  color: ${p => p.$color ?? 'inherit'};
 
-  ::placeholder {
-    color: ${p => p.theme.color.slateGray};
+  > svg {
+    display: block;
+    height: ${p => p.$size ?? 20}px;
+    width: ${p => p.$size ?? 20}px;
   }
 `;
 
-// TODO Use `date-fns` instead of `dayjs`.
-function formatNumberAsDoubleDigit(numberLike) {
-    return String(numberLike).padStart(2, '0');
+function ActivityFeed({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(40 -41)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-22 44) rotate(90)", children: [jsx("rect", { height: "11", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "9", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-25 50) rotate(90)", children: [jsx("rect", { height: "8", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "6", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-23 56) rotate(90)", children: [jsx("rect", { height: "10", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "8", x: "1", y: "1" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-34,51a1.994,1.994,0,0,0-1-1.723V46.723A1.994,1.994,0,0,0-34,45a2,2,0,0,0-2-2,2,2,0,0,0-2,2,1.994,1.994,0,0,0,1,1.723v2.554A1.994,1.994,0,0,0-38,51a1.994,1.994,0,0,0,1,1.723v2.554A1.994,1.994,0,0,0-38,57a2,2,0,0,0,2,2,2,2,0,0,0,2-2,1.994,1.994,0,0,0-1-1.723V52.723A1.994,1.994,0,0,0-34,51Z", stroke: "none" }), jsx("path", { d: "M -36 43 C -34.89500045776367 43 -34 43.89500045776367 -34 45 C -34 45.73799896240234 -34.40499877929688 46.37599945068359 -35 46.72299957275391 L -35 49.27700042724609 C -34.40499877929688 49.62400054931641 -34 50.26200103759766 -34 51 C -34 51.73799896240234 -34.40499877929688 52.37599945068359 -35 52.72299957275391 L -35 55.27700042724609 C -34.40499877929688 55.62400054931641 -34 56.26200103759766 -34 57 C -34 58.10499954223633 -34.89500045776367 59 -36 59 C -37.10499954223633 59 -38 58.10499954223633 -38 57 C -38 56.26200103759766 -37.59500122070313 55.62400054931641 -37 55.27700042724609 L -37 52.72299957275391 C -37.59500122070313 52.37599945068359 -38 51.73799896240234 -38 51 C -38 50.26200103759766 -37.59500122070313 49.62400054931641 -37 49.27700042724609 L -37 46.72299957275391 C -37.59500122070313 46.37599945068359 -38 45.73799896240234 -38 45 C -38 43.89500045776367 -37.10499954223633 43 -36 43 Z", fill: "currentColor", stroke: "none" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-40 41)", width: "20" })] }) }) }));
 }
-function getDateFromDateAndTimeTuple(dateTuple, timeTuple, isEnd = false) {
-    const [year, month, day] = dateTuple;
-    const [hour, minute] = timeTuple;
-    const rawDateAsDayjs = dayjs_minExports()
-        .year(Number(year))
-        .month(Number(month) - 1)
-        .date(Number(day))
-        .hour(Number(hour))
-        .minute(Number(minute));
-    return isEnd
-        ? rawDateAsDayjs
-            .endOf('minute')
-            // TODO For some reason the API can't handle miliseconds in dates.
-            // That's why we set it to 0 (instead of 999)
-            .millisecond(0)
-            .toDate()
-        : rawDateAsDayjs.startOf('minute').toDate();
+
+function Alert({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-220 -208)", children: [jsx("path", { d: "M295,13V8a5,5,0,0,0-4-4.9V1h-2V3.1A5,5,0,0,0,285,8v5l-2,2v2h4.5a2.5,2.5,0,0,0,5,0H297V15Zm-5,5a1,1,0,0,1-1-1h2A1,1,0,0,1,290,18Zm1.486-3H285l2-2V8a3,3,0,0,1,6,0v5l2,2Z", fill: "currentColor", transform: "translate(-60 208)" }), jsx("rect", { fill: "none", height: "20", transform: "translate(220 208)", width: "20" })] }) }) }));
 }
-function getDateTupleFromDate(date) {
-    if (!date) {
-        return undefined;
-    }
-    return [
-        String(date.getFullYear()),
-        formatNumberAsDoubleDigit(date.getMonth() + 1),
-        formatNumberAsDoubleDigit(date.getDate())
-    ];
+
+function Anchor({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("rect", { fill: "none", height: "20", width: "20" }), jsx("path", { d: "M14.6,12.7l1.395,1.4A7.258,7.258,0,0,1,11,17.128V10h3V8H11V6.816a3,3,0,1,0-2,0V8H6v2H9v7.087A7.2,7.2,0,0,1,4.2,14.1L5.6,12.7,2,10v2.7C2,16.192,6.428,19,10.1,19s8.1-2.808,8.1-6.3V10ZM10,3A1,1,0,1,1,9,4,1,1,0,0,1,10,3Z", fill: "currentColor" })] }) }));
 }
-/**
- * Generate a list of ranged time options.
- *
- * @example
- * ```
- * (minutesRange = 30) => ([
- *   { label: '00:00', value: ['00', '00'] },
- *   { label: '00:30', value: ['00', '30'] },
- *   { label: '01:00', value: ['01', '00'] },
- *   { label: '01:30', value: ['01', '30'] },
- *   { label: '02:00', value: ['02', '00'] },
- *   ...
- * ])
- * ```
- */
-const getRangedTimeOptions = (minutesRange) => {
-    const perHourOptionsLength = 60 / minutesRange;
-    const totalOptionsLength = 24 * perHourOptionsLength;
-    return new Array(totalOptionsLength).fill(undefined).map((_, index) => {
-        const hour = Math.floor(index / perHourOptionsLength);
-        const minute = minutesRange * (index % perHourOptionsLength);
-        const label = `${String(hour).padStart(2, '0')}:${String(minute).padStart(2, '0')}`;
-        const value = [formatNumberAsDoubleDigit(hour), formatNumberAsDoubleDigit(minute)];
-        return {
-            label,
-            value
-        };
-    });
-};
-function getTimeTupleFromDate(date) {
-    if (!date) {
-        return undefined;
-    }
-    return [formatNumberAsDoubleDigit(date.getHours()), formatNumberAsDoubleDigit(date.getMinutes())];
+
+function Archive({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-120)", children: [jsx("path", { d: "M138,2H122V8h1V18h14V8h1ZM124,4h12V6H124Zm11,12H125V8h10Z", fill: "currentColor" }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(128 10)", children: [jsx("rect", { height: "2", stroke: "none", width: "4" }), jsx("rect", { fill: "none", width: "2", x: "1", y: "1" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(120)", width: "20" })] }) }) }));
 }
 
-function DateInputWithRef({ defaultValue, isEndDate = false, isForcedFocused, isLight, isStartDate = false, onBack, onChange, onClick, onNext, onPrevious }, ref) {
-    const boxSpanRef = useRef();
-    const dayInputRef = useRef();
-    const monthInputRef = useRef();
-    const yearInputRef = useRef();
-    const [hasFormatError, setHasFormatError] = useState(false);
-    const [hasValidationError, setHasValidationError] = useState(false);
-    const [isFocused, setIsFocused] = useState(false);
-    useImperativeHandle(ref, () => ({
-        boxSpan: boxSpanRef.current,
-        focus: (isInLastInputOfTheGroup = false) => {
-            if (isInLastInputOfTheGroup) {
-                yearInputRef.current.focus();
-            }
-            else {
-                dayInputRef.current.focus();
-            }
-        }
-    }));
-    const currentUtcYear = useMemo(() => getUtcizedDayjs().year(), []);
-    const handleBlur = useCallback(() => {
-        setIsFocused(false);
-    }, []);
-    const handleFocus = useCallback(() => {
-        setIsFocused(true);
-    }, []);
-    const handleFormatError = useCallback((hasNextFormatError) => {
-        setHasFormatError(hasNextFormatError);
-    }, []);
-    const submit = useCallback(() => {
-        setHasValidationError(false);
-        switch (window.document.activeElement) {
-            case dayInputRef.current:
-                monthInputRef.current.focus();
-                break;
-            case monthInputRef.current:
-                yearInputRef.current.focus();
-                break;
-        }
-        if (!yearInputRef.current.value.length ||
-            !monthInputRef.current.value.length ||
-            !dayInputRef.current.value.length) {
-            if ((monthInputRef.current.value.length && !dayInputRef.current.value.length) ||
-                (yearInputRef.current.value.length &&
-                    (!dayInputRef.current.value.length || !monthInputRef.current.value.length))) {
-                setHasValidationError(true);
-            }
-            return;
-        }
-        const nextDateTuple = [
-            String(yearInputRef.current.value),
-            formatNumberAsDoubleDigit(monthInputRef.current.value),
-            formatNumberAsDoubleDigit(dayInputRef.current.value)
-        ];
-        onChange(nextDateTuple);
-    }, [onChange]);
-    return (jsxs(Box$6, { ref: boxSpanRef, "$hasError": hasFormatError || hasValidationError, "$isFocused": isForcedFocused || isFocused, "$isLight": isLight, children: [isStartDate && 'Du ', isEndDate && 'Au ', jsx(NumberInput$1, { ref: dayInputRef, "aria-label": `Jour${isStartDate ? ' de début' : ''}${isEndDate ? ' de fin' : ''}`, defaultValue: defaultValue && formatNumberAsDoubleDigit(defaultValue[2]), max: 31, min: 1, onBack: onBack, onBlur: handleBlur, onClick: onClick, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: () => monthInputRef.current.focus(), onPrevious: onPrevious, size: 2 }), "/", jsx(NumberInput$1, { ref: monthInputRef, "aria-label": `Mois${isStartDate ? ' de début' : ''}${isEndDate ? ' de fin' : ''}`, defaultValue: defaultValue && formatNumberAsDoubleDigit(defaultValue[1]), max: 12, min: 1, onBack: () => dayInputRef.current.focus(), onBlur: handleBlur, onClick: onClick, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: () => yearInputRef.current.focus(), onPrevious: () => dayInputRef.current.focus(), size: 2 }), "/", jsx(NumberInput$1, { ref: yearInputRef, "aria-label": `Année${isStartDate ? ' de début' : ''}${isEndDate ? ' de fin' : ''}`, defaultValue: defaultValue && defaultValue[0], max: currentUtcYear, min: 2020, onBack: () => monthInputRef.current.focus(), onBlur: handleBlur, onClick: onClick, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: onNext, onPrevious: () => monthInputRef.current.focus(), size: 4 })] }));
+function Attention({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(200 -82)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-190,83a9,9,0,0,0-9,9,9,9,0,0,0,9,9,9,9,0,0,0,9-9A9,9,0,0,0-190,83Zm0,16a7,7,0,0,1-7-7,7,7,0,0,1,7-7,7,7,0,0,1,7,7A7,7,0,0,1-190,99Z", stroke: "none" }), jsx("path", { d: "M -190 83 C -185.0290069580078 83 -181 87.02899932861328 -181 92 C -181 96.97100067138672 -185.0290069580078 101 -190 101 C -194.9709930419922 101 -199 96.97100067138672 -199 92 C -199 87.02899932861328 -194.9709930419922 83 -190 83 Z M -190 99 C -186.1340026855469 99 -183 95.86599731445313 -183 92 C -183 88.13400268554688 -186.1340026855469 85 -190 85 C -193.8659973144531 85 -197 88.13400268554688 -197 92 C -197 95.86599731445313 -193.8659973144531 99 -190 99 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-189 93) rotate(180)", children: [jsx("rect", { height: "5", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "3", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-189 96) rotate(180)", children: [jsx("rect", { height: "2", stroke: "none", width: "2" }), jsx("rect", { fill: "none", x: "1", y: "1" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-200 82)", width: "20" })] }) }) }));
 }
-const DateInput = forwardRef(DateInputWithRef);
-const Box$6 = styled.span `
-  background-color: ${p => (p.$isLight ? p.theme.color.white : p.theme.color.gainsboro)};
-  box-shadow: ${p => p.$hasError || p.$isFocused
-    ? `inset 0px 0px 0px 1px ${p.$hasError ? p.theme.color.maximumRed : p.theme.color.blueGray[100]}`
-    : 'none'};
-  color: ${p => p.theme.color.slateGray};
-  display: inline-block;
-  font-size: inherit;
-  padding: 5px 8px 7px;
-  user-select: none;
 
-  :hover {
-    box-shadow: ${p => `inset 0px 0px 0px 1px ${p.theme.color.blueYonder[100]}`};
-  }
-`;
+function Calendar({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(280 -41)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-266,44V42h-2v2h-4V42h-2v2h-4V59h16V44Zm2,13h-12V50h12Zm0-9h-12V46h12Z", stroke: "none" }), jsx("path", { d: "M -274 42 L -272 42 L -272 44 L -268 44 L -268 42 L -266 42 L -266 44 L -262 44 L -262 59 L -278 59 L -278 44 L -274 44 L -274 42 Z M -264 48 L -264 46 L -276 46 L -276 48 L -264 48 Z M -264 57 L -264 50 L -276 50 L -276 57 L -264 57 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-274 52)", children: [jsx("rect", { height: "3", stroke: "none", width: "4" }), jsx("rect", { fill: "none", height: "1", width: "2", x: "1", y: "1" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-280 41)", width: "20" })] }) }) }));
+}
 
-/**
- * Capitalize the first letter of a string
- */
-function capitalizeFirstLetter(text) {
-    return text.charAt(0).toUpperCase() + text.slice(1);
+function Check({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(40 -82)", children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-23.99,86.7l-7.778,7.778-4.243-4.243-1.414,1.414,4.243,4.243,1.414,1.414,9.192-9.192Z", stroke: "none" }), jsx("path", { d: "M -23.98955917358398 86.69669342041016 L -22.57537841796875 88.11093139648438 L -31.76775932312012 97.30330657958984 L -37.42462158203125 91.64644622802734 L -36.01044082641602 90.23220825195313 L -31.76775932312012 94.47487640380859 L -23.98955917358398 86.69669342041016 Z", fill: "currentColor", stroke: "none" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-40 82)", width: "20" })] }) }) }));
 }
 
-function getUtcDayjs() {
-    return dayjs_minExports().utc();
+function Chevron({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(0 -82)", children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M16.585,87.293,10,93.878,3.415,87.293,2,88.707l6.585,6.585L10,96.707l1.415-1.415L18,88.707Z", stroke: "none" }), jsx("path", { d: "M 3.414670944213867 87.29266357421875 L 10 93.87799072265625 L 16.58533096313477 87.29266357421875 L 18 88.70733642578125 L 10 96.70733642578125 L 2 88.70733642578125 L 3.414670944213867 87.29266357421875 Z", fill: "currentColor", stroke: "none" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(0 82)", width: "20" })] }) }) }));
 }
 
-function sortDates(dates) {
-    return dates
-        .map(date => date.toISOString())
-        .sort()
-        .map(dateAsIsoString => dayjs_minExports(dateAsIsoString).toDate());
+function Clock({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(240 -41)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-230,42a9,9,0,0,0-9,9,9,9,0,0,0,9,9,9,9,0,0,0,9-9A9,9,0,0,0-230,42Zm0,16a7,7,0,0,1-7-7,7,7,0,0,1,7-7,7,7,0,0,1,7,7A7,7,0,0,1-230,58Z", stroke: "none" }), jsx("path", { d: "M -230 42 C -225.0290069580078 42 -221 46.02899932861328 -221 51 C -221 55.97100067138672 -225.0290069580078 60 -230 60 C -234.9709930419922 60 -239 55.97100067138672 -239 51 C -239 46.02899932861328 -234.9709930419922 42 -230 42 Z M -230 58 C -226.1340026855469 58 -223 54.86600112915039 -223 51 C -223 47.13399887084961 -226.1340026855469 44 -230 44 C -233.8659973144531 44 -237 47.13399887084961 -237 51 C -237 54.86600112915039 -233.8659973144531 58 -230 58 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-229,50V46h-2v6h6V50Z", stroke: "none" }), jsx("path", { d: "M -225 52 L -231 52 L -231 46 L -229 46 L -229 50 L -225 50 L -225 52 Z", fill: "currentColor", stroke: "none" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-240 41)", width: "20" })] }) }) }));
 }
 
-function stopMouseEventPropagation(event) {
-    event.stopPropagation();
+function Close({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(160 -82)", children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-142,85.415-143.415,84-150,90.585-156.585,84-158,85.415-151.415,92-158,98.585l1.415,1.415L-150,93.415l6.585,6.585L-142,98.585-148.585,92Z", stroke: "none" }), jsx("path", { d: "M -156.5853271484375 84 L -150 90.5853271484375 L -143.4146728515625 84 L -142 85.4146728515625 L -148.5853271484375 92 L -142 98.5853271484375 L -143.4146728515625 100 L -150 93.4146728515625 L -156.5853271484375 100 L -158 98.5853271484375 L -151.4146728515625 92 L -158 85.4146728515625 L -156.5853271484375 84 Z", fill: "currentColor", stroke: "none" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-160 82)", width: "20" })] }) }) }));
 }
 
-var formatDistanceLocale = {
-  lessThanXSeconds: {
-    one: 'moins d’une seconde',
-    other: 'moins de {{count}} secondes'
-  },
-  xSeconds: {
-    one: '1 seconde',
-    other: '{{count}} secondes'
-  },
-  halfAMinute: '30 secondes',
-  lessThanXMinutes: {
-    one: 'moins d’une minute',
-    other: 'moins de {{count}} minutes'
-  },
-  xMinutes: {
-    one: '1 minute',
-    other: '{{count}} minutes'
-  },
-  aboutXHours: {
-    one: 'environ 1 heure',
-    other: 'environ {{count}} heures'
-  },
-  xHours: {
-    one: '1 heure',
-    other: '{{count}} heures'
-  },
-  xDays: {
-    one: '1 jour',
-    other: '{{count}} jours'
-  },
-  aboutXWeeks: {
-    one: 'environ 1 semaine',
-    other: 'environ {{count}} semaines'
-  },
-  xWeeks: {
-    one: '1 semaine',
-    other: '{{count}} semaines'
-  },
-  aboutXMonths: {
-    one: 'environ 1 mois',
-    other: 'environ {{count}} mois'
-  },
-  xMonths: {
-    one: '1 mois',
-    other: '{{count}} mois'
-  },
-  aboutXYears: {
-    one: 'environ 1 an',
-    other: 'environ {{count}} ans'
-  },
-  xYears: {
-    one: '1 an',
-    other: '{{count}} ans'
-  },
-  overXYears: {
-    one: 'plus d’un an',
-    other: 'plus de {{count}} ans'
-  },
-  almostXYears: {
-    one: 'presqu’un an',
-    other: 'presque {{count}} ans'
-  }
-};
+function Confirm({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-40)", children: [jsx("path", { d: "M50,1a9,9,0,1,0,9,9A9,9,0,0,0,50,1Zm0,16a7,7,0,1,1,7-7A7,7,0,0,1,50,17Z", fill: "currentColor" }), jsx("path", { d: "M53.382,6.529l-4.243,4.243L47.018,8.65,45.6,10.064l2.121,2.121h0L49.139,13.6,54.8,7.943Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(40)", width: "20" })] }) }) }));
+}
 
-var formatDistance = function formatDistance(token, count, options) {
-  var result;
-  var form = formatDistanceLocale[token];
+function Control({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsxs("defs", { children: [jsx("clipPath", { children: jsx("use", {}) }), jsx("clipPath", { children: jsx("use", {}) }), jsx("clipPath", { children: jsx("use", {}) })] }), jsxs("g", { transform: "translate(120 -41)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-104 58) rotate(90)", children: [jsx("rect", { height: "12", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "10", x: "1", y: "1" })] }), jsx("path", { d: "M-107.694,47l1.333,8h-7.277l1.336-8Zm0-2h-4.6a2,2,0,0,0-1.977,1.675L-116,57h12l-1.721-10.325A2,2,0,0,0-107.7,45Z", fill: "currentColor" }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-110.75 41.75)", children: [jsx("rect", { height: "2.25", stroke: "none", width: "1.5" }), jsx("path", { clipPath: "url(#clip)", d: "M0,1h1.5M1,0v2.25M1.5,1.25h-1.5M0.5,2.25v-2.25", fill: "none" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-104.061 43) rotate(45)", children: [jsx("rect", { height: "2.25", stroke: "none", width: "1.5" }), jsx("path", { clipPath: "url(#clip-2)", d: "M0,1h1.5M1,0v2.25M1.5,1.25h-1.5M0.5,2.25v-2.25", fill: "none" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-117 44.061) rotate(-45)", children: [jsx("rect", { height: "2.25", stroke: "none", width: "1.5" }), jsx("path", { clipPath: "url(#clip-3)", d: "M0,1h1.5M1,0v2.25M1.5,1.25h-1.5M0.5,2.25v-2.25", fill: "none" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-120 41)", width: "20" })] })] }) }));
+}
 
-  if (typeof form === 'string') {
-    result = form;
-  } else if (count === 1) {
-    result = form.one;
-  } else {
-    result = form.other.replace('{{count}}', String(count));
-  }
+function Delete({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-23.798 -14.096)", children: [jsxs("g", { children: [jsx("rect", { fill: "currentColor", height: "6", transform: "translate(31.548 22.096)", width: "1.5" }), jsx("rect", { fill: "currentColor", height: "6", transform: "translate(34.548 22.096)", width: "1.5" }), jsx("path", { d: "M41.8,17.6h-4V16.1h-8v1.5h-4v2h1.5V31.1a1,1,0,0,0,1,1h11a1,1,0,0,0,1-1V19.6h1.5ZM38.3,30.1h-9V19.6h9Z", fill: "currentColor" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(23.798 14.096)", width: "20" })] }) }) }));
+}
 
-  if (options !== null && options !== void 0 && options.addSuffix) {
-    if (options.comparison && options.comparison > 0) {
-      return 'dans ' + result;
-    } else {
-      return 'il y a ' + result;
-    }
-  }
+function Display({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(0 -40)", children: [jsxs("g", { children: [jsx("path", { d: "M10,44a9.674,9.674,0,0,0-9,6,9.674,9.674,0,0,0,9,6,9.674,9.674,0,0,0,9-6A9.674,9.674,0,0,0,10,44Zm0,10a4,4,0,1,1,4-4A4,4,0,0,1,10,54Z", fill: "currentColor" }), jsx("circle", { cx: "2.25", cy: "2.25", fill: "currentColor", r: "2.25", transform: "translate(7.75 47.75)" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(0 40)", width: "20" })] }) }) }));
+}
 
-  return result;
-};
+function DoubleChevron({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M16.585,3.085,10,9.671,3.415,3.085,2,4.5l6.585,6.585L10,12.5l1.415-1.415L18,4.5Z", stroke: "none" }), jsx("path", { d: "M 3.414670944213867 3.085323333740234 L 10 9.670653343200684 L 16.58533096313477 3.085323333740234 L 18 4.500003814697266 L 10 12.50000381469727 L 2 4.500003814697266 L 3.414670944213867 3.085323333740234 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M16.585,8.085,10,14.671,3.415,8.085,2,9.5l6.585,6.585L10,17.5l1.415-1.415L18,9.5Z", stroke: "none" }), jsx("path", { d: "M 3.414670944213867 8.085323333740234 L 10 14.67065334320068 L 16.58533096313477 8.085323333740234 L 18 9.500003814697266 L 10 17.50000381469727 L 2 9.500003814697266 L 3.414670944213867 8.085323333740234 Z", fill: "currentColor", stroke: "none" })] })] }), jsx("rect", { fill: "none", height: "20", width: "20" })] }) }));
+}
 
-function buildFormatLongFn(args) {
-  return function () {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    // TODO: Remove String()
-    var width = options.width ? String(options.width) : args.defaultWidth;
-    var format = args.formats[width] || args.formats[args.defaultWidth];
-    return format;
-  };
+function Download({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-80)", children: [jsxs("g", { children: [jsx("rect", { fill: "currentColor", height: "2", transform: "translate(84 16)", width: "12" }), jsx("path", { d: "M93,9V2H87V9H84l6,6,6-6Z", fill: "currentColor" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(80)", width: "20" })] }) }) }));
 }
 
-var dateFormats = {
-  full: 'EEEE d MMMM y',
-  long: 'd MMMM y',
-  medium: 'd MMM y',
-  short: 'dd/MM/y'
-};
-var timeFormats = {
-  full: 'HH:mm:ss zzzz',
-  long: 'HH:mm:ss z',
-  medium: 'HH:mm:ss',
-  short: 'HH:mm'
-};
-var dateTimeFormats = {
-  full: "{{date}} 'à' {{time}}",
-  long: "{{date}} 'à' {{time}}",
-  medium: '{{date}}, {{time}}',
-  short: '{{date}}, {{time}}'
-};
-var formatLong = {
-  date: buildFormatLongFn({
-    formats: dateFormats,
-    defaultWidth: 'full'
-  }),
-  time: buildFormatLongFn({
-    formats: timeFormats,
-    defaultWidth: 'full'
-  }),
-  dateTime: buildFormatLongFn({
-    formats: dateTimeFormats,
-    defaultWidth: 'full'
-  })
-};
+function Drapeau({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("rect", { fill: "#000091", height: "12", transform: "translate(1 4)", width: "6" }), jsx("rect", { fill: "#e1000f", height: "12", transform: "translate(13 4)", width: "6" }), jsx("rect", { fill: "#fff", height: "12", transform: "translate(7 4)", width: "6" }), jsx("rect", { fill: "none", height: "20", width: "20" }), jsx("path", { d: "M19,4V16H1V4H19m1-1H0V17H20V3Z", fill: "#e5e5eb" })] }) }));
+}
 
-var formatRelativeLocale = {
-  lastWeek: "eeee 'dernier à' p",
-  yesterday: "'hier à' p",
-  today: "'aujourd’hui à' p",
-  tomorrow: "'demain à' p'",
-  nextWeek: "eeee 'prochain à' p",
-  other: 'P'
-};
+function Duplicate({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M6,2V5H3V18H14V15h3V2Zm6,14H5V7h7Zm3-3H14V5H8V4h7Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", width: "20" })] }) }));
+}
 
-var formatRelative = function formatRelative(token, _date, _baseDate, _options) {
-  return formatRelativeLocale[token];
-};
+function Edit({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-80)", children: [jsx("path", { d: "M86,11.5V14h2.5l7.372-7.372-2.5-2.5ZM97.805,4.7a.664.664,0,0,0,0-.94l-1.56-1.56a.664.664,0,0,0-.94,0l-1.219,1.22,2.5,2.5Z", fill: "currentColor" }), jsx("path", { d: "M95,9v7H84V5h7V3H82V18H97V9Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(80)", width: "20" })] }) }) }));
+}
 
-function buildLocalizeFn(args) {
-  return function (dirtyIndex, options) {
-    var context = options !== null && options !== void 0 && options.context ? String(options.context) : 'standalone';
-    var valuesArray;
+function EditBis({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-80)", children: [jsx("path", { d: "M86,11.5V14h2.5l7.372-7.372-2.5-2.5ZM97.805,4.7a.664.664,0,0,0,0-.94l-1.56-1.56a.664.664,0,0,0-.94,0l-1.219,1.22,2.5,2.5Z", fill: "currentColor" }), jsx("path", { d: "M95,9v7H84V5h7V3H82V18H97V9Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(80)", width: "20" })] }) }) }));
+}
 
-    if (context === 'formatting' && args.formattingValues) {
-      var defaultWidth = args.defaultFormattingWidth || args.defaultWidth;
-      var width = options !== null && options !== void 0 && options.width ? String(options.width) : defaultWidth;
-      valuesArray = args.formattingValues[width] || args.formattingValues[defaultWidth];
-    } else {
-      var _defaultWidth = args.defaultWidth;
+function Favorite({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-300 -208)", children: [jsx("path", { d: "M370,5.015l1.763,3.568,3.936.571-2.848,2.773.673,3.919L370,13.995l-3.524,1.851.673-3.919L364.3,9.154l3.936-.571L370,5.015M370,.5l-3.09,6.254-6.91,1,5,4.869L363.82,19.5,370,16.254l6.18,3.246L375,12.626l5-4.869-6.91-1L370,.5Z", fill: "currentColor", transform: "translate(-60 208)" }), jsx("rect", { fill: "none", height: "20", transform: "translate(300 208)", width: "20" })] }) }) }));
+}
 
-      var _width = options !== null && options !== void 0 && options.width ? String(options.width) : args.defaultWidth;
+function FilledArrow({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(320 -41)", children: [jsx("path", { d: "M-313,43V59l8-8Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-320 41)", width: "20" })] }) }) }));
+}
 
-      valuesArray = args.values[_width] || args.values[_defaultWidth];
-    }
+function Filter({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-930 -294)", children: [jsx("path", { d: "M2,2V4l5,7.592V18h6V11.592L18,4h0V2Zm9,9v5H9V11H9L4.394,4H15.606Z", fill: "currentColor", transform: "translate(930 294)" }), jsx("rect", { fill: "none", height: "20", transform: "translate(930 294)", width: "20" })] }) }) }));
+}
 
-    var index = args.argumentCallback ? args.argumentCallback(dirtyIndex) : dirtyIndex; // @ts-ignore: For some reason TypeScript just don't want to match it, no matter how hard we try. I challenge you to try to remove it!
+function FilterBis({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("g", { children: jsx("rect", { fill: "none", height: "20", width: "20" }) }), jsxs("g", { children: [jsx("path", { d: "M18,3.5H8.789a2.5,2.5,0,0,0-4.578,0H2v2H4.211a2.5,2.5,0,0,0,4.578,0H18ZM6.5,5.5a1,1,0,1,1,1-1A1,1,0,0,1,6.5,5.5Z", fill: "currentColor" }), jsx("path", { d: "M18,9H15.789a2.5,2.5,0,0,0-4.578,0H2v2h9.211a2.5,2.5,0,0,0,4.578,0H18Zm-4.5,2a1,1,0,1,1,1-1A1,1,0,0,1,13.5,11Z", fill: "currentColor" }), jsx("path", { d: "M18,14.5H8.789a2.5,2.5,0,0,0-4.578,0H2v2H4.211a2.5,2.5,0,0,0,4.578,0H18Zm-11.5,2a1,1,0,1,1,1-1A1,1,0,0,1,6.5,16.5Z", fill: "currentColor" })] })] }) }));
+}
 
-    return valuesArray[index];
-  };
+function Fishery({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(80 -41)", children: [jsx("g", { children: jsx("circle", { cx: "1.5", cy: "1.5", fill: "currentColor", r: "1.5", transform: "translate(-67 49.5)" }) }), jsx("path", { d: "M-70.092,59a1.713,1.713,0,0,1-.533-.07c-.865-.292-.854-1.258-.846-1.964,0-.141,0-.344,0-.494a18.923,18.923,0,0,1-3.218-2.157l-2.7,2.621a1.682,1.682,0,0,1-2.146-.378,2.072,2.072,0,0,1-.34-2.007l1.225-3.545-1.228-3.555a2.06,2.06,0,0,1,.338-1.99,1.68,1.68,0,0,1,2.152-.384l.174.134L-74.69,47.7a19,19,0,0,1,3.214-2.171c.008-.149.006-.352,0-.492-.008-.706-.019-1.673.844-1.965,1.093-.37,4.183.766,5.6,1.454l.091.045c2.717,1.3,4.323,3.052,4.771,5.193A4.455,4.455,0,0,1-60,51h0a4.7,4.7,0,0,1-.184,1.3c-.433,2.078-2.039,3.825-4.757,5.129l-.09.045A14.905,14.905,0,0,1-70.092,59Zm-4.626-6.671a1.261,1.261,0,0,1,.885.359,17.173,17.173,0,0,0,3.482,2.355c.714.425.7,1.231.7,1.941,0,.064,0,.141,0,.22a16.9,16.9,0,0,0,3.812-1.322l.1-.048c.815-.392,3.295-1.583,3.792-3.953a3.177,3.177,0,0,0,.131-.88,2.962,2.962,0,0,0-.115-.816c-.513-2.434-2.993-3.625-3.808-4.016l-.1-.049a16.147,16.147,0,0,0-3.814-1.305c0,.073,0,.144,0,.2.007.713.016,1.521-.649,1.914a17.441,17.441,0,0,0-3.559,2.416,1.19,1.19,0,0,1-.8.335,1.264,1.264,0,0,1-.9-.32l-2.616-2.577a.3.3,0,0,0,.018.084l1.429,4.136-1.425,4.126a.34.34,0,0,0-.021.092l2.573-2.537A1.271,1.271,0,0,1-74.718,52.329Zm-.339-4.316a.543.543,0,0,0-.081.072Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-80 41)", width: "20" })] }) }) }));
 }
 
-var eraValues = {
-  narrow: ['av. J.-C', 'ap. J.-C'],
-  abbreviated: ['av. J.-C', 'ap. J.-C'],
-  wide: ['avant Jésus-Christ', 'après Jésus-Christ']
-};
-var quarterValues = {
-  narrow: ['T1', 'T2', 'T3', 'T4'],
-  abbreviated: ['1er trim.', '2ème trim.', '3ème trim.', '4ème trim.'],
-  wide: ['1er trimestre', '2ème trimestre', '3ème trimestre', '4ème trimestre']
-};
-var monthValues = {
-  narrow: ['J', 'F', 'M', 'A', 'M', 'J', 'J', 'A', 'S', 'O', 'N', 'D'],
-  abbreviated: ['janv.', 'févr.', 'mars', 'avr.', 'mai', 'juin', 'juil.', 'août', 'sept.', 'oct.', 'nov.', 'déc.'],
-  wide: ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre']
-};
-var dayValues = {
-  narrow: ['D', 'L', 'M', 'M', 'J', 'V', 'S'],
-  short: ['di', 'lu', 'ma', 'me', 'je', 've', 'sa'],
-  abbreviated: ['dim.', 'lun.', 'mar.', 'mer.', 'jeu.', 'ven.', 'sam.'],
-  wide: ['dimanche', 'lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi']
-};
-var dayPeriodValues = {
-  narrow: {
-    am: 'AM',
-    pm: 'PM',
-    midnight: 'minuit',
-    noon: 'midi',
-    morning: 'mat.',
-    afternoon: 'ap.m.',
-    evening: 'soir',
-    night: 'mat.'
-  },
-  abbreviated: {
-    am: 'AM',
-    pm: 'PM',
-    midnight: 'minuit',
-    noon: 'midi',
-    morning: 'matin',
-    afternoon: 'après-midi',
-    evening: 'soir',
-    night: 'matin'
-  },
-  wide: {
-    am: 'AM',
-    pm: 'PM',
-    midnight: 'minuit',
-    noon: 'midi',
-    morning: 'du matin',
-    afternoon: 'de l’après-midi',
-    evening: 'du soir',
-    night: 'du matin'
-  }
-};
+function FishingEngine({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(0 -41)", children: [jsx("path", { d: "M11,53h2v1a3,3,0,0,1-6,0V47.789a2.5,2.5,0,1,0-2,0V54a5,5,0,0,0,10,0V48ZM6,46.5a1,1,0,1,1,1-1A1,1,0,0,1,6,46.5Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(0 41)", width: "20" })] }) }) }));
+}
 
-var ordinalNumber = function ordinalNumber(dirtyNumber, options) {
-  var number = Number(dirtyNumber);
-  var unit = options === null || options === void 0 ? void 0 : options.unit;
-  if (number === 0) return '0';
-  var feminineUnits = ['year', 'week', 'hour', 'minute', 'second'];
-  var suffix;
+function FleetSegment({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(280 -82)", children: [jsx("path", { d: "M-262,92l-2-.5V88a2,2,0,0,0-2-2h-2V84h-4v2h-2a2,2,0,0,0-2,2v3.5l-2,.5,1.5,6H-278v2h1.6a5.963,5.963,0,0,0,3.2-.99,5.776,5.776,0,0,0,6.4,0,5.879,5.879,0,0,0,3.2.99h1.6V98h-1.5Zm-12-4h8v3l-4-1-4,1Zm.8,8.68a5.751,5.751,0,0,1-1.35.875l-1.025-4.1L-270,92.062l5.575,1.393-1.025,4.1a5.751,5.751,0,0,1-1.35-.875A4.633,4.633,0,0,1-273.2,96.68Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-280 82)", width: "20" })] }) }) }));
+}
 
-  if (number === 1) {
-    suffix = unit && feminineUnits.includes(unit) ? 'ère' : 'er';
-  } else {
-    suffix = 'ème';
-  }
+function Focus({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(320 -82)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-319,83v7h2V85h5V83Z", stroke: "none" }), jsx("path", { d: "M -319 83 L -312 83 L -312 85 L -317 85 L -317 90 L -319 90 L -319 83 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-317,94h-2v7h7V99h-5Z", stroke: "none" }), jsx("path", { d: "M -319 94 L -317 94 L -317 99 L -312 99 L -312 101 L -319 101 L -319 94 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-308,83v2h5v5h2V83Z", stroke: "none" }), jsx("path", { d: "M -308 83 L -301 83 L -301 90 L -303 90 L -303 85 L -308 85 L -308 83 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-303,99h-5v2h7V94h-2Z", stroke: "none" }), jsx("path", { d: "M -301 101 L -308 101 L -308 99 L -303 99 L -303 94 L -301 94 L -301 101 Z", fill: "currentColor", stroke: "none" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-320 82)", width: "20" })] }) }) }));
+}
 
-  return number + suffix;
-};
+function FocusVessel({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M8.666,14.994a.138.138,0,0,1-.054-.034.142.142,0,0,1-.04-.081l-.4-3.05-3.05-.4a.139.139,0,0,1-.114-.094.137.137,0,0,1,.033-.144L9.3,6.934A.139.139,0,0,1,9.351,6.9l5.463-1.893a.14.14,0,0,1,.178.178L13.1,10.649a.139.139,0,0,1-.033.053L8.809,14.959a.141.141,0,0,1-.1.041A.161.161,0,0,1,8.666,14.994Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", width: "20" }), jsxs("g", { children: [jsx("path", { d: "M1,1V6H3V3H6V1Z", fill: "currentColor" }), jsx("path", { d: "M14,1V3h3V6h2V1Z", fill: "currentColor" }), jsx("path", { d: "M17,17H14v2h5V14H17Z", fill: "currentColor" }), jsx("path", { d: "M3,14H1v5H6V17H3Z", fill: "currentColor" })] })] }) }));
+}
 
-var localize = {
-  ordinalNumber: ordinalNumber,
-  era: buildLocalizeFn({
-    values: eraValues,
-    defaultWidth: 'wide'
-  }),
-  quarter: buildLocalizeFn({
-    values: quarterValues,
-    defaultWidth: 'wide',
-    argumentCallback: function argumentCallback(quarter) {
-      return quarter - 1;
-    }
-  }),
-  month: buildLocalizeFn({
-    values: monthValues,
-    defaultWidth: 'wide'
-  }),
-  day: buildLocalizeFn({
-    values: dayValues,
-    defaultWidth: 'wide'
-  }),
-  dayPeriod: buildLocalizeFn({
-    values: dayPeriodValues,
-    defaultWidth: 'wide'
-  })
-};
+function FocusZones({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsxs("g", { children: [jsx("path", { d: "M10,5.333A7.524,7.524,0,0,0,3,10a7.583,7.583,0,0,0,14,0A7.524,7.524,0,0,0,10,5.333Zm0,7.778A3.111,3.111,0,1,1,13.111,10,3.111,3.111,0,0,1,10,13.111Z", fill: "currentColor" }), jsx("circle", { cx: "1.75", cy: "1.75", fill: "currentColor", r: "1.75", transform: "translate(8.25 8.25)" })] }), jsx("rect", { fill: "none", height: "20", width: "20" }), jsxs("g", { children: [jsx("path", { d: "M1,1V6H3V3H6V1Z", fill: "currentColor" }), jsx("path", { d: "M14,1V3h3V6h2V1Z", fill: "currentColor" }), jsx("path", { d: "M17,17H14v2h5V14H17Z", fill: "currentColor" }), jsx("path", { d: "M3,14H1v5H6V17H3Z", fill: "currentColor" })] })] }) }));
+}
 
-function buildMatchFn(args) {
-  return function (string) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var width = options.width;
-    var matchPattern = width && args.matchPatterns[width] || args.matchPatterns[args.defaultMatchWidth];
-    var matchResult = string.match(matchPattern);
+function Hide({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M15.635,5.779l2.143-2.143L16.364,2.222l-2.55,2.55A9.786,9.786,0,0,0,10,4a9.674,9.674,0,0,0-9,6,9.532,9.532,0,0,0,3.365,4.22L2.222,16.364l1.414,1.414,2.55-2.55A9.786,9.786,0,0,0,10,16a9.674,9.674,0,0,0,9-6A9.541,9.541,0,0,0,15.635,5.779ZM6,10a4,4,0,0,1,4-4,3.96,3.96,0,0,1,2.02.566L10.71,7.875A2.225,2.225,0,0,0,10,7.75,2.25,2.25,0,0,0,7.75,10a2.225,2.225,0,0,0,.125.71L6.566,12.02A3.96,3.96,0,0,1,6,10Zm4,4a3.96,3.96,0,0,1-2.02-.566l1.31-1.309a2.225,2.225,0,0,0,.71.125A2.25,2.25,0,0,0,12.25,10a2.225,2.225,0,0,0-.125-.71l1.309-1.31A3.96,3.96,0,0,1,14,10,4,4,0,0,1,10,14Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", width: "20" })] }) }));
+}
 
-    if (!matchResult) {
-      return null;
-    }
+function Info({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(240 -82)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-230,83a9,9,0,0,0-9,9,9,9,0,0,0,9,9,9,9,0,0,0,9-9A9,9,0,0,0-230,83Zm0,16a7,7,0,0,1-7-7,7,7,0,0,1,7-7,7,7,0,0,1,7,7A7,7,0,0,1-230,99Z", stroke: "none" }), jsx("path", { d: "M -230 83 C -225.0290069580078 83 -221 87.02899932861328 -221 92 C -221 96.97100067138672 -225.0290069580078 101 -230 101 C -234.9709930419922 101 -239 96.97100067138672 -239 92 C -239 87.02899932861328 -234.9709930419922 83 -230 83 Z M -230 99 C -226.1340026855469 99 -223 95.86599731445313 -223 92 C -223 88.13400268554688 -226.1340026855469 85 -230 85 C -233.8659973144531 85 -237 88.13400268554688 -237 92 C -237 95.86599731445313 -233.8659973144531 99 -230 99 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-231 91)", children: [jsx("rect", { height: "5", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "3", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-231 88)", children: [jsx("rect", { height: "2", stroke: "none", width: "2" }), jsx("rect", { fill: "none", x: "1", y: "1" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-240 82)", width: "20" })] }) }) }));
+}
 
-    var matchedString = matchResult[0];
-    var parsePatterns = width && args.parsePatterns[width] || args.parsePatterns[args.defaultParseWidth];
-    var key = Array.isArray(parsePatterns) ? findIndex(parsePatterns, function (pattern) {
-      return pattern.test(matchedString);
-    }) : findKey(parsePatterns, function (pattern) {
-      return pattern.test(matchedString);
-    });
-    var value;
-    value = args.valueCallback ? args.valueCallback(key) : key;
-    value = options.valueCallback ? options.valueCallback(value) : value;
-    var rest = string.slice(matchedString.length);
-    return {
-      value: value,
-      rest: rest
-    };
-  };
+function Infringement({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(40 -41)", children: [jsx("path", { d: "M-30,42a9,9,0,0,0-9,9,9,9,0,0,0,9,9,9,9,0,0,0,9-9A9,9,0,0,0-30,42Zm7,9a6.962,6.962,0,0,1-1.4,4.186L-34.186,45.4A6.962,6.962,0,0,1-30,44,7,7,0,0,1-23,51Zm-14,0a6.962,6.962,0,0,1,1.4-4.186l9.787,9.787A6.962,6.962,0,0,1-30,58,7,7,0,0,1-37,51Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-40 41)", width: "20" })] }) }) }));
 }
 
-function findKey(object, predicate) {
-  for (var key in object) {
-    if (object.hasOwnProperty(key) && predicate(object[key])) {
-      return key;
-    }
-  }
+function Landmark({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(120 -82)", children: [jsx("rect", { fill: "currentColor", height: "15", transform: "translate(-114 99) rotate(180)", width: "2" }), jsx("path", { d: "M-113,84V94l12-5Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-120 82)", width: "20" })] }) }) }));
+}
 
-  return undefined;
+function List({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(160 -41)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-142 45) rotate(90)", children: [jsx("rect", { height: "12", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "10", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-142 50) rotate(90)", children: [jsx("rect", { height: "12", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "10", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-142 55) rotate(90)", children: [jsx("rect", { height: "12", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "10", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-158 44.5)", children: [jsx("circle", { cx: "1.5", cy: "1.5", r: "1.5", stroke: "none" }), jsx("circle", { cx: "1.5", cy: "1.5", fill: "none", r: "0.5" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-158 49.5)", children: [jsx("circle", { cx: "1.5", cy: "1.5", r: "1.5", stroke: "none" }), jsx("circle", { cx: "1.5", cy: "1.5", fill: "none", r: "0.5" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-158 54.5)", children: [jsx("circle", { cx: "1.5", cy: "1.5", r: "1.5", stroke: "none" }), jsx("circle", { cx: "1.5", cy: "1.5", fill: "none", r: "0.5" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-160 41)", width: "20" })] }) }) }));
 }
 
-function findIndex(array, predicate) {
-  for (var key = 0; key < array.length; key++) {
-    if (predicate(array[key])) {
-      return key;
-    }
-  }
+function MapLayers({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("rect", { fill: "none", height: "20", width: "20" }), jsxs("g", { children: [jsx("path", { d: "M10,2.332,16.113,6,10,9.668,3.887,6,10,2.332M10,0,0,6l10,6L20,6,10,0Z", fill: "currentColor" }), jsx("path", { d: "M1.913,8.815,0,10l10,6,10-6L18.056,8.834,10,13.668Z", fill: "currentColor" }), jsx("path", { d: "M1.913,12.815,0,14l10,6,10-6-1.944-1.166L10,17.668Z", fill: "currentColor" })] })] }) }));
+}
 
-  return undefined;
+function MeasureAngle({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(200 -82)", children: [jsxs("g", { children: [jsx("path", { d: "M-183.361,98a14.79,14.79,0,0,0-.559-2.434l-1.9.618A12.726,12.726,0,0,1-185.394,98H-196V87.514a12.554,12.554,0,0,1,2.139.507l.649-1.893A14.771,14.771,0,0,0-196,85.471V84h-2v16h16V98Z", fill: "currentColor" }), jsx("path", { d: "M-186.509,94.491l1.795-.883a14.792,14.792,0,0,0-2.029-3.081l-1.52,1.3A12.726,12.726,0,0,1-186.509,94.491Z", fill: "currentColor" }), jsx("path", { d: "M-188.223,89.024a14.915,14.915,0,0,0-3.048-2.073l-.911,1.781a12.857,12.857,0,0,1,2.638,1.794Z", fill: "currentColor" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-200 82)", width: "20" })] }) }) }));
 }
 
-function buildMatchPatternFn(args) {
-  return function (string) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var matchResult = string.match(args.matchPattern);
-    if (!matchResult) return null;
-    var matchedString = matchResult[0];
-    var parseResult = string.match(args.parsePattern);
-    if (!parseResult) return null;
-    var value = args.valueCallback ? args.valueCallback(parseResult[0]) : parseResult[0];
-    value = options.valueCallback ? options.valueCallback(value) : value;
-    var rest = string.slice(matchedString.length);
-    return {
-      value: value,
-      rest: rest
-    };
-  };
+function MeasureBrokenLine({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(240 -82)", children: [jsx("path", { d: "M-222.5,87a2,2,0,0,0-2,2,1.978,1.978,0,0,0,.192.842L-227,93.071a1.974,1.974,0,0,0-.5-.071,1.974,1.974,0,0,0-.5.071l-2.691-3.229A1.978,1.978,0,0,0-230.5,89a2,2,0,0,0-2-2,2,2,0,0,0-2,2,1.978,1.978,0,0,0,.192.842L-237,93.071a1.974,1.974,0,0,0-.5-.071,2,2,0,0,0-2,2,2,2,0,0,0,2,2,2,2,0,0,0,2-2,1.978,1.978,0,0,0-.192-.842L-233,90.929a1.974,1.974,0,0,0,.5.071,1.974,1.974,0,0,0,.5-.071l2.691,3.229A1.978,1.978,0,0,0-229.5,95a2,2,0,0,0,2,2,2,2,0,0,0,2-2,1.978,1.978,0,0,0-.192-.842L-223,90.929a1.974,1.974,0,0,0,.5.071,2,2,0,0,0,2-2A2,2,0,0,0-222.5,87Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-240 82)", width: "20" })] }) }) }));
 }
 
-var matchOrdinalNumberPattern = /^(\d+)(ième|ère|ème|er|e)?/i;
-var parseOrdinalNumberPattern = /\d+/i;
-var matchEraPatterns = {
-  narrow: /^(av\.J\.C|ap\.J\.C|ap\.J\.-C)/i,
-  abbreviated: /^(av\.J\.-C|av\.J-C|apr\.J\.-C|apr\.J-C|ap\.J-C)/i,
-  wide: /^(avant Jésus-Christ|après Jésus-Christ)/i
-};
-var parseEraPatterns = {
-  any: [/^av/i, /^ap/i]
-};
-var matchQuarterPatterns = {
-  narrow: /^T?[1234]/i,
-  abbreviated: /^[1234](er|ème|e)? trim\.?/i,
-  wide: /^[1234](er|ème|e)? trimestre/i
-};
-var parseQuarterPatterns = {
-  any: [/1/i, /2/i, /3/i, /4/i]
-};
-var matchMonthPatterns = {
-  narrow: /^[jfmasond]/i,
-  abbreviated: /^(janv|févr|mars|avr|mai|juin|juill|juil|août|sept|oct|nov|déc)\.?/i,
-  wide: /^(janvier|février|mars|avril|mai|juin|juillet|août|septembre|octobre|novembre|décembre)/i
-};
-var parseMonthPatterns = {
-  narrow: [/^j/i, /^f/i, /^m/i, /^a/i, /^m/i, /^j/i, /^j/i, /^a/i, /^s/i, /^o/i, /^n/i, /^d/i],
-  any: [/^ja/i, /^f/i, /^mar/i, /^av/i, /^ma/i, /^juin/i, /^juil/i, /^ao/i, /^s/i, /^o/i, /^n/i, /^d/i]
-};
-var matchDayPatterns = {
-  narrow: /^[lmjvsd]/i,
-  short: /^(di|lu|ma|me|je|ve|sa)/i,
-  abbreviated: /^(dim|lun|mar|mer|jeu|ven|sam)\.?/i,
-  wide: /^(dimanche|lundi|mardi|mercredi|jeudi|vendredi|samedi)/i
-};
-var parseDayPatterns = {
-  narrow: [/^d/i, /^l/i, /^m/i, /^m/i, /^j/i, /^v/i, /^s/i],
-  any: [/^di/i, /^lu/i, /^ma/i, /^me/i, /^je/i, /^ve/i, /^sa/i]
-};
-var matchDayPeriodPatterns = {
-  narrow: /^(a|p|minuit|midi|mat\.?|ap\.?m\.?|soir|nuit)/i,
-  any: /^([ap]\.?\s?m\.?|du matin|de l'après[-\s]midi|du soir|de la nuit)/i
-};
-var parseDayPeriodPatterns = {
-  any: {
-    am: /^a/i,
-    pm: /^p/i,
-    midnight: /^min/i,
-    noon: /^mid/i,
-    morning: /mat/i,
-    afternoon: /ap/i,
-    evening: /soir/i,
-    night: /nuit/i
-  }
-};
-var match = {
-  ordinalNumber: buildMatchPatternFn({
-    matchPattern: matchOrdinalNumberPattern,
-    parsePattern: parseOrdinalNumberPattern,
-    valueCallback: function valueCallback(value) {
-      return parseInt(value);
-    }
-  }),
-  era: buildMatchFn({
-    matchPatterns: matchEraPatterns,
-    defaultMatchWidth: 'wide',
-    parsePatterns: parseEraPatterns,
-    defaultParseWidth: 'any'
-  }),
-  quarter: buildMatchFn({
-    matchPatterns: matchQuarterPatterns,
-    defaultMatchWidth: 'wide',
-    parsePatterns: parseQuarterPatterns,
-    defaultParseWidth: 'any',
-    valueCallback: function valueCallback(index) {
-      return index + 1;
-    }
-  }),
-  month: buildMatchFn({
-    matchPatterns: matchMonthPatterns,
-    defaultMatchWidth: 'wide',
-    parsePatterns: parseMonthPatterns,
-    defaultParseWidth: 'any'
-  }),
-  day: buildMatchFn({
-    matchPatterns: matchDayPatterns,
-    defaultMatchWidth: 'wide',
-    parsePatterns: parseDayPatterns,
-    defaultParseWidth: 'any'
-  }),
-  dayPeriod: buildMatchFn({
-    matchPatterns: matchDayPeriodPatterns,
-    defaultMatchWidth: 'any',
-    parsePatterns: parseDayPeriodPatterns,
-    defaultParseWidth: 'any'
-  })
-};
+function MeasureCircle({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(160 -82)", children: [jsx("path", { d: "M-150,83a9,9,0,0,0-9,9,9,9,0,0,0,9,9,9,9,0,0,0,9-9A9,9,0,0,0-150,83Zm0,16a7.008,7.008,0,0,1-7-7,7.008,7.008,0,0,1,7-7,6.953,6.953,0,0,1,4.184,1.4l-1.43,1.43A4.964,4.964,0,0,0-150,87a5,5,0,0,0-5,5,5,5,0,0,0,5,5,5,5,0,0,0,5-5,4.964,4.964,0,0,0-.832-2.754l1.43-1.43A6.953,6.953,0,0,1-143,92,7.008,7.008,0,0,1-150,99Zm3-7a3,3,0,0,1-3,3,3,3,0,0,1-3-3,3,3,0,0,1,3-3,2.965,2.965,0,0,1,1.285.3l-1.992,1.992,1.414,1.414,1.992-1.992A2.965,2.965,0,0,1-147,92Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-160 82)", width: "20" })] }) }) }));
+}
 
-/**
- * @type {Locale}
- * @category Locales
- * @summary French locale.
- * @language French
- * @iso-639-2 fra
- * @author Jean Dupouy [@izeau]{@link https://github.com/izeau}
- * @author François B [@fbonzon]{@link https://github.com/fbonzon}
- */
+function MeasureLine({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(280 -82)", children: [jsx("path", { d: "M-260,87h-20V97h20Zm-1.818,8.333h-16.363V88.667h1.818V92h1.818V88.667h1.818V92h1.818V88.667h1.819V92h1.818V88.667h1.818V92h1.819V88.667h1.818Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-280 82)", width: "20" })] }) }) }));
+}
 
-var locale = {
-  code: 'fr',
-  formatDistance: formatDistance,
-  formatLong: formatLong,
-  formatRelative: formatRelative,
-  localize: localize,
-  match: match,
-  options: {
-    weekStartsOn: 1
-    /* Monday */
-    ,
-    firstWeekContainsDate: 4
-  }
-};
-var fr = locale;
+function Minus({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("rect", { fill: "currentColor", height: "14", transform: "translate(3 11) rotate(-90)", width: "2" }), jsx("rect", { fill: "none", height: "20", width: "20" })] }) }));
+}
 
-new Array(24).fill(undefined).map((_, index) => ({
-    label: String(index).padStart(2, '0'),
-    value: index
-}));
-const RSUITE_CALENDAR_LOCALE = {
-    // TODO Why this doesn't work?
-    dateLocale: fr,
-    formattedDayPattern: 'dd/MM/yyyy',
-    formattedMonthPattern: 'MM/yyyy',
-    friday: 'V',
-    hours: 'Heures',
-    minutes: 'Minutes',
-    monday: 'L',
-    ok: 'Valider',
-    saturday: 'S',
-    seconds: 'Secondes',
-    sunday: 'D',
-    thursday: 'J',
-    today: 'Aujourd’hui',
-    tuesday: 'M',
-    wednesday: 'M',
-    yesterday: 'Hier'
-};
-var STATUS;
-(function (STATUS) {
-    STATUS["END_DATE"] = "END_DATE";
-    STATUS["NO_DATE"] = "NO_DATE";
-    STATUS["START_DATE"] = "START_DATE";
-})(STATUS || (STATUS = {}));
+function More({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(240 -41)", children: [jsxs("g", { children: [jsx("circle", { cx: "2", cy: "2", fill: "currentColor", r: "2", transform: "translate(-232 49)" }), jsx("circle", { cx: "2", cy: "2", fill: "currentColor", r: "2", transform: "translate(-239 49)" }), jsx("circle", { cx: "2", cy: "2", fill: "currentColor", r: "2", transform: "translate(-225 49)" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-240 41)", width: "20" })] }) }) }));
+}
 
-function RangeCalendarPicker({ defaultValue, isHistorical, onChange }) {
-    const boxRef = useRef();
-    const selectedFirstDate = useRef();
-    const calendarRef = useRef();
-    const [isFirstLoad, setIsFirstLoad] = useState(true);
-    const controlledValue = useMemo(() => (defaultValue ? sortDates(defaultValue) : undefined), [defaultValue]);
-    const utcTodayAsDayjs = useMemo(() => getUtcDayjs().endOf('day'), []);
-    const disabledDate = useMemo(() => (date) => isHistorical ? getUtcizedDayjs(date).isAfter(utcTodayAsDayjs) : false, [isHistorical, utcTodayAsDayjs]);
-    const handleSelect = useCallback((nextDate) => {
-        if (!selectedFirstDate.current) {
-            selectedFirstDate.current = nextDate;
-            return;
-        }
-        const sortedDateRange = sortDates([selectedFirstDate.current, nextDate]);
-        const [startDate, endDate] = sortedDateRange;
-        const startDateTuple = getDateTupleFromDate(startDate);
-        const endDateTuple = getDateTupleFromDate(endDate);
-        const nextDateTupleRange = [startDateTuple, endDateTuple];
-        onChange(nextDateTupleRange);
-    }, [onChange]);
-    const renderTitle = useCallback((date) => capitalizeFirstLetter(dayjs_minExports(date).format('MMMM YYYY')), []);
-    useEffect(() => {
-        // We wait for the <Box /> to render so that `boxRef` is defined
-        // and can be used as a container for <RsuiteDateRangePicker />
-        setIsFirstLoad(false);
-    }, []);
-    return (jsx(Box$5, { ref: boxRef, onClick: stopMouseEventPropagation, children: !isFirstLoad && (jsx(DateRangePicker$1, { ref: calendarRef, container: boxRef.current, disabledDate: disabledDate, format: "yyyy-MM-dd", locale: RSUITE_CALENDAR_LOCALE, onSelect: handleSelect, open: true, ranges: [], renderTitle: renderTitle, 
-            // `defaultValue` seems to be immediatly cancelled so we come down to using a controlled `value`
-            value: controlledValue })) }));
+function Note({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M2,2V18H12l6-6V2ZM4,16V4H16v6H10v6Zm8-.828V12h3.172Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", width: "20" })] }) }));
 }
-const Box$5 = styled.div `
-  height: 0;
-  position: relative;
-  user-select: none;
 
-  .rs-picker-toggle {
-    display: none;
-  }
+function Observation({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("rect", { fill: "none", height: "20", width: "20" }), jsxs("g", { fill: "currentColor", strokeMiterlimit: "10", children: [jsx("path", { d: "M 15.5 17 C 13.57009029388428 17 12 15.42990970611572 12 13.5 L 12 12.11200046539307 L 12 11.31332969665527 L 11.22109985351563 11.13675022125244 C 10.82866764068604 11.0477819442749 10.42606067657471 11.0018138885498 10.02403163909912 11.0000524520874 C 10.30024242401123 11.00124073028564 10.57746124267578 11.0228853225708 10.8484001159668 11.06443977355957 L 12 11.24106979370117 L 12 10.07600021362305 L 12 9.093000411987305 L 12 8.244170188903809 L 11.16244983673096 8.106280326843262 C 10.85622978210449 8.055870056152344 10.44736003875732 7.998000144958496 10 7.998000144958496 C 9.552639961242676 7.998000144958496 9.143770217895508 8.055870056152344 8.837550163269043 8.106280326843262 L 8 8.244170188903809 L 8 9.093000411987305 L 8 10.07699966430664 L 8 11.2455997467041 L 9.154560089111328 11.06497955322266 C 9.42243480682373 11.02307319641113 9.698649406433105 11.00124740600586 9.975924491882324 11.0000524520874 C 9.573919296264648 11.0018196105957 9.171308517456055 11.0477876663208 8.778900146484375 11.13675022125244 L 8 11.31332969665527 L 8 12.11200046539307 L 8 13.5 C 8 15.42990970611572 6.429910182952881 17 4.5 17 C 2.570090055465698 17 1 15.42990970611572 1 13.5 C 1 13.03215980529785 1.091449975967407 12.57750988006592 1.27180004119873 12.1486701965332 L 1.28702437877655 12.11246967315674 L 5.101890087127686 3.952510118484497 L 5.178922653198242 3.78773832321167 C 5.439716339111328 3.304912328720093 5.943906784057617 3 6.5 3 C 7.327099800109863 3 8 3.672899961471558 8 4.5 L 8 5.061999797821045 L 8 6.183760166168213 L 9.114399909973145 6.055439949035645 C 9.454680442810059 6.016250133514404 9.736089706420898 5.998000144958496 10 5.998000144958496 C 10.26076984405518 5.998000144958496 10.54312038421631 6.016039848327637 10.88858032226563 6.054769992828369 L 12 6.179389953613281 L 12 5.060999870300293 L 12 4.5 C 12 3.672899961471558 12.67290019989014 3 13.5 3 C 14.06018733978271 3 14.56766128540039 3.309339284896851 14.82675552368164 3.798352241516113 L 14.89809036254883 3.952470064163208 L 18.64599990844727 11.97018814086914 L 18.64599990844727 11.98406982421875 L 18.72974967956543 12.15236186981201 C 18.90907287597656 12.58011913299561 19 13.03350162506104 19 13.5 C 19 15.42990970611572 17.42991065979004 17 15.5 17 Z M 15.5 10.25 C 13.70794010162354 10.25 12.25 11.70794010162354 12.25 13.5 C 12.25 15.29205989837646 13.70794010162354 16.75 15.5 16.75 C 17.29206085205078 16.75 18.75 15.29205989837646 18.75 13.5 C 18.75 11.70794010162354 17.29206085205078 10.25 15.5 10.25 Z M 4.5 10.25 C 2.707940101623535 10.25 1.25 11.70794010162354 1.25 13.5 C 1.25 15.29205989837646 2.707940101623535 16.75 4.5 16.75 C 6.292059898376465 16.75 7.75 15.29205989837646 7.75 13.5 C 7.75 11.70794010162354 6.292059898376465 10.25 4.5 10.25 Z", stroke: "none" }), jsx("path", { d: "M 13 10.06495571136475 C 13.70204067230225 9.552577972412109 14.56627750396729 9.25 15.5 9.25 C 15.77562522888184 9.25 16.04530715942383 9.276392936706543 16.30645370483398 9.326748847961426 L 13.9340877532959 4.251050472259521 C 13.86002540588379 4.125204086303711 13.71336269378662 4 13.5 4 C 13.22430038452148 4 13 4.224299907684326 13 4.5 L 13 7.297770023345947 L 11.10828113555908 7.085675716400146 C 11.18476295471191 7.096925735473633 11.25709533691406 7.108408451080322 11.32489013671875 7.119569778442383 L 13 7.395349979400635 L 13 10.06495571136475 M 7 10.06495571136475 L 7 7.395349979400635 L 8.67510986328125 7.119569778442383 C 8.725531578063965 7.111268520355225 8.778477668762207 7.102787971496582 8.833767890930176 7.094357490539551 L 7 7.305520057678223 L 7 4.5 C 7 4.224299907684326 6.775700092315674 4 6.5 4 C 6.287984848022461 4 6.141829490661621 4.123627662658691 6.067324161529541 4.248665809631348 L 3.69323992729187 9.326807975769043 C 3.954513072967529 9.276401519775391 4.224231719970703 9.25 4.5 9.25 C 5.433722496032715 9.25 6.297959804534912 9.552577972412109 7 10.06495571136475 M 15.5 18 C 13.01500034332275 18 11 15.98499965667725 11 13.5 L 11 12.11200046539307 C 10.67800045013428 12.03899955749512 10.3430004119873 12 10 12 C 9.656000137329102 12 9.321999549865723 12.03899955749512 9 12.11200046539307 L 9 13.5 C 9 15.98499965667725 6.985000133514404 18 4.5 18 C 2.015000104904175 18 0 15.98499965667725 0 13.5 C 0 12.88300037384033 0.125 12.29599952697754 0.3499999940395355 11.76099967956543 L 0.3479999899864197 11.76099967956543 L 0.3540000021457672 11.74699974060059 L 4.196000099182129 3.526999950408936 C 4.576000213623047 2.630000114440918 5.464000225067139 2 6.5 2 C 7.88100004196167 2 9 3.11899995803833 9 4.5 L 9 5.061999797821045 C 9.329999923706055 5.02400016784668 9.661999702453613 4.998000144958496 10 4.998000144958496 C 10.33800029754639 4.998000144958496 10.67000007629395 5.02400016784668 11 5.060999870300293 L 11 4.5 C 11 3.11899995803833 12.11900043487549 2 13.5 2 C 14.53600025177002 2 15.42399978637695 2.630000114440918 15.80399990081787 3.526999950408936 L 15.80399990081787 3.529000043869019 L 19.65200042724609 11.76099967956543 L 19.64999961853027 11.76099967956543 C 19.875 12.29599952697754 20 12.88300037384033 20 13.5 C 20 15.98499965667725 17.98500061035156 18 15.5 18 Z M 15.5 11.25 C 14.25899982452393 11.25 13.25 12.25899982452393 13.25 13.5 C 13.25 14.74100017547607 14.25899982452393 15.75 15.5 15.75 C 16.74099922180176 15.75 17.75 14.74100017547607 17.75 13.5 C 17.75 12.25899982452393 16.74099922180176 11.25 15.5 11.25 Z M 4.5 11.25 C 3.259000062942505 11.25 2.25 12.25899982452393 2.25 13.5 C 2.25 14.74100017547607 3.259000062942505 15.75 4.5 15.75 C 5.741000175476074 15.75 6.75 14.74100017547607 6.75 13.5 C 6.75 12.25899982452393 5.741000175476074 11.25 4.5 11.25 Z M 10 8.998000144958496 C 9.659999847412109 8.998000144958496 9.328000068664551 9.038999557495117 9 9.093000411987305 L 9 10.07699966430664 C 9.326000213623047 10.02600002288818 9.659999847412109 10 10 10 C 10.34000015258789 10 10.67399978637695 10.02600002288818 11 10.07600021362305 L 11 9.093000411987305 C 10.67199993133545 9.038999557495117 10.34000015258789 8.998000144958496 10 8.998000144958496 Z", fill: "currentColor", stroke: "none" })] })] }) }));
+}
 
-  .rs-picker-daterange-panel {
-    height: 290px;
-  }
+function Pin({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-240)", children: [jsx("path", { d: "M250.94,2l-1.412,1.412.706.707L246.7,7.65h-2.824l-1.412,1.413,3.518,3.52-3.985,4L243.413,18l3.985-4,3.54,3.542,1.413-1.412V13.3l3.531-3.531.706.706L258,9.064Zm0,9.888v2.825l-5.648-5.651h2.824l3.531-3.531,2.824,2.825Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(240)", width: "20" })] }) }) }));
+}
 
-  .rs-picker-daterange-menu {
-    border: solid 1px ${p => p.theme.color.lightGray};
-    border-radius: 0;
-    margin-top: 4px;
+function Pinpoint({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-160)", children: [jsx("path", { d: "M164,8c0,5,6,10,6,10", fill: "currentColor" }), jsx("path", { d: "M170,2a5.961,5.961,0,0,0-5.944,6.777c.016.135.038.27.062.4l.011.055C164.964,13.792,170,18,170,18s5.036-4.208,5.871-8.763l.011-.055c.024-.135.046-.27.062-.4A5.961,5.961,0,0,0,170,2Zm0,9a3,3,0,1,1,3-3A3,3,0,0,1,170,11Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(160)", width: "20" })] }) }) }));
+}
 
-    .rs-picker-daterange-header,
-    .rs-calendar-header-time-toolbar,
-    .rs-picker-toolbar {
-      display: none;
-    }
+function PinpointHide({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-8.128 -10.447)", children: [jsx("rect", { fill: "none", height: "20", transform: "translate(8.128 10.447)", width: "20" }), jsx("path", { d: "M24.88,13.109l-1.415-1.414L21.6,13.56a5.976,5.976,0,0,0-9.416,5.663c.016.136.038.27.061.405l.012.056a9.7,9.7,0,0,0,.811,2.408l-2.139,2.14,1.414,1.414L14.1,23.893a23.842,23.842,0,0,0,4.032,4.554S23.163,24.239,24,19.684l.011-.056c.024-.135.046-.269.062-.405a5.87,5.87,0,0,0-1.057-4.249Zm-9.752,5.338a2.982,2.982,0,0,1,4.286-2.7l-3.986,3.986A2.969,2.969,0,0,1,15.128,18.447Zm6,0a3,3,0,0,1-3,3,2.965,2.965,0,0,1-1.286-.3l3.986-3.986A2.983,2.983,0,0,1,21.128,18.447Z", fill: "currentColor" })] }) }) }));
+}
 
-    .rs-calendar {
-      height: auto !important;
-      padding: 0;
+function Plane({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M18.5,13.6V11.8L11.342,7.3V2.35a1.342,1.342,0,1,0-2.684,0V7.3L1.5,11.8v1.8l7.158-2.25V16.3l-1.79,1.35V19L10,18.1l3.132.9V17.65l-1.79-1.35V11.35Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", width: "20" })] }) }));
+}
 
-      :first-child {
-        border-right: solid 1px ${p => p.theme.color.lightGray};
-      }
+function Plus({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(120 -82)", children: [jsx("path", { d: "M-102,91h-7V84h-2v7h-7v2h7v7h2V93h7Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-120 82)", width: "20" })] }) }) }));
+}
 
-      .rs-calendar-header {
-        border-bottom: solid 1px ${p => p.theme.color.lightGray};
-        padding: 8px;
+function Reject({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-80)", children: [jsx("path", { d: "M90,1a9,9,0,1,0,9,9A9,9,0,0,0,90,1Zm0,16a7,7,0,1,1,7-7A7,7,0,0,1,90,17Z", fill: "currentColor" }), jsx("path", { d: "M94,7.455,92.545,6,90,8.545,87.455,6,86,7.455,88.545,10,86,12.545,87.455,14,90,11.455,92.545,14,94,12.545,91.455,10Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(80)", width: "20" })] }) }) }));
+}
 
-        .rs-calendar-header-month-toolbar {
-          align-items: center;
-          color: ${p => p.theme.color.slateGray};
-          display: flex;
-          justify-content: space-between;
+function Save({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M14.444,2H2V18H18V5.556ZM10,16.222a2.667,2.667,0,1,1,2.667-2.667h0a2.663,2.663,0,0,1-2.659,2.667Zm2.667-8.889H3.778V3.778h8.889Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", width: "20" })] }) }));
+}
 
-          .rs-calendar-header-title {
-            font-size: inherit;
-            text-transform: uppercase;
+function Search({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(200 -41)", children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-181.262,58.262l-5.111-5.111A6.958,6.958,0,0,0-185,49a7,7,0,0,0-7-7,7,7,0,0,0-7,7,7,7,0,0,0,7,7,6.958,6.958,0,0,0,4.151-1.373l5.111,5.111ZM-197,49a5.006,5.006,0,0,1,5-5,5.006,5.006,0,0,1,5,5,5.006,5.006,0,0,1-5,5A5.006,5.006,0,0,1-197,49Z", stroke: "none" }), jsx("path", { d: "M -182.7380065917969 59.73799896240234 L -187.8489990234375 54.62699890136719 C -189.0110015869141 55.48600006103516 -190.4440002441406 56 -192 56 C -195.8659973144531 56 -199 52.86600112915039 -199 49 C -199 45.13399887084961 -195.8659973144531 42 -192 42 C -188.1340026855469 42 -185 45.13399887084961 -185 49 C -185 50.55599975585938 -185.5140075683594 51.98899841308594 -186.3730010986328 53.1510009765625 L -181.2619934082031 58.26200103759766 L -182.7380065917969 59.73799896240234 Z M -192 44 C -194.7570037841797 44 -197 46.24300003051758 -197 49 C -197 51.75699996948242 -194.7570037841797 54 -192 54 C -189.2429962158203 54 -187 51.75699996948242 -187 49 C -187 46.24300003051758 -189.2429962158203 44 -192 44 Z", fill: "currentColor", stroke: "none" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-200 41)", width: "20" })] }) }) }));
+}
 
-            &.rs-calendar-header-error {
-              color: ${p => p.theme.color.slateGray};
+function SelectCircle({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M0,0H20V20H0Z", fill: "none" }), jsx("path", { d: "M10,0H8.35l-.007,0h-.08l-.012,0H8.142l-.007,0h0l-.012,0H8.094l-.013,0h0l-.008,0H8.065l-.008,0h0l-.014,0h0l-.013,0H8.017L8,.2H8L7.989.2h0L7.98.2h0l-.013,0h0l-.014,0h0l-.008,0H7.936l-.009,0h0l-.014,0h0L7.9.22H7.9l-.008,0h0l-.013,0h0L7.86.23h0l-.024,0h0l-.014,0h0L7.8.243h0l-.014,0h0L7.707.264h0l-.014,0h0A9.947,9.947,0,0,0,5.2,1.222l.961,1.755A8,8,0,0,1,10,2V0ZM3.558,2.351c-.2.172-.4.353-.592.541h0l-.021.021h0l0,0h0l-.015.015h0l-.005,0h0l-.02.02h0l-.005.005h0l-.016.016h0l0,0h0L2.856,3h0l-.005,0v0l0,0h0L2.83,3.03h0l0,0v0l-.014.014h0l0,0h0l0,0h0l-.009.01h0l0,0,0,0,0,0h0L2.762,3.1v0l0,0,0,0-.013.014,0,0,0,0,0,0,0,0,0,0-.007.008h0l0,0,0,0,0,0h0L2.7,3.17l0,0,0,0,0,0,0,0,0,0-.006.006,0,0,0,0,0,0,0,0,0,0-.007.008,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,.005,0,0,0,0,0,0,0,0,0,0,0,0-.006.006,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.005,0,0,0,0,0,0,0,0,0,0-.006.006,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0L2.484,3.4v0l-.006.006,0,0,0,0,0,0,0,0v0l-.006.006,0,0,0,.005,0,0,0,0,0,0-.006.007h0l0,.007h0l0,.005,0,0,0,.006h0l-.006.007h0l0,.006v0l0,.005h0l-.006.007h0l-.006.006v0l-.005,0v0l-.012.014h0l-.005.006h0l-.006.007h0l-.006.007h0l0,.006v0l0,.006h0l-.012.014h0l0,.006h0l-.012.014h0l0,.006v0l-.018.021h0l0,.007h0l-.012.015h0l-.006.006h0l-.011.015h0l0,.007h0L2.232,3.7h0l-.012.015h0l-.006.007h0L2.2,3.74h0l0,.007h0l-.018.023h0l-.018.023h0L2.153,3.8h0l-.018.022h0l-.018.023h0l-.024.031h0L2.075,3.9h0l-.018.023h0l-.023.031h0A9.981,9.981,0,0,0,.744,6.209h0l-.015.036h0l-.011.027h0L.707,6.3h0l-.014.036h0l-.011.028h0l0,.009h0L2.541,7.1A8.047,8.047,0,0,1,4.847,3.88L3.558,2.351ZM.144,8.3l-.016.1h0V8.4h0l0,.024v.065h0l0,.015h0v.007h0v.007h0l0,.031h0A9.867,9.867,0,0,0,0,9.677H0v.007H0v.031H0v.007H0v.007H0v.024H0v.007H0v.006H0V9.8H0v.023H0V9.87H0v.008H0v.03H0v.008H0V10H0v.072H0V10.1H0v.04H0v.041H0v.023H0v.008H0v.031H0v.039H0v.04H0V10.4h0v.031h0v.04h0v.031h0v.039h0v.039h0v.039h0v.022h0v.008h0v.022h0V10.7h0v.022h0v.008h0v.062h0V10.8h0v.022h0v.016h0v.015h0v.007h0v.007h0v.039h0v.022h0l0,.015v.024h0v.008h0v.022h0v.008h0v.024l0,.015h0v.014h0v.007h0l0,.015h0v.022h0v.008h0v.024l0,.015h0v.014h0l0,.015h0V11.2h0v.014h0v.015h0v.007h0v.007h0l0,.023v.008h0v.007h0l0,.016h0v.007h0v.007h0l0,.023h0v.006h0v.007h0l0,.015h0v.007h0v.007h0V11.4h0l0,.016h0v.006h0v.007h0l0,.015h0v.008h0v.007h0l0,.023h0v.007h0V11.5h0l0,.015h0v.015h0l0,.023h0v.007h0v.007h0l0,.023h0V11.6h0l0,.03h0l.012.069h0l.007.038h0l.005.031h0l.006.031h0l.007.038h0c.011.059.022.118.034.176h0a9.873,9.873,0,0,0,.331,1.217l1.893-.646A7.991,7.991,0,0,1,2,10a8.162,8.162,0,0,1,.115-1.364L.144,8.3Zm2.947,5.738L1.365,15.047h0l.015.025h0l.015.024h0l0,.008h0l.01.017h0l0,.008h0l.01.016h0l0,.007h0l0,.008h0l.005.008h0l0,.008v0l0,.006h0l.009.016v0l0,.006v0l0,.007h0l0,.007v0l0,.006v0l0,.006v0l0,.008h0l0,.006,0,0,0,.005v0l0,.008h0l0,.006v0l0,.005,0,0,0,.005v0l0,.007,0,0,0,0,0,0,0,0,0,0,0,.007,0,0,0,.005,0,0,0,0,0,0,0,.006,0,0,0,.005,0,0,0,0,0,0,0,0v0l0,.007,0,0,0,0,0,0,0,0,0,0,0,.007,0,0,0,0,0,0,0,0,0,0,0,0,0,.008,0,0,0,0,0,0,0,0,0,0,0,.008,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.008,0,0,0,.005,0,0,0,0v0l.006.009v0l0,.005,0,0,0,.005v0l.011.016,0,0,0,0v0l.011.016v0l0,0,0,0,0,0h0l.007.011h0l0,.005v0l0,.005h0l.011.017v0l0,.005h0l.011.017h0l0,.005v0l.012.018h0l0,.005h0l.016.024h0l0,.005h0l.013.018h0l0,.006h0l.016.023h0l0,.006h0l.013.018h0l0,.006h0l.017.024h0l.017.024h0l.017.024h0l.022.03h0l.018.024h0L2,15.995H2c.045.06.09.12.137.179h0q.081.1.165.2h0l.019.023h0l.043.052h0l.019.023h0L2.4,16.5h0l.025.028h0l.019.023h0l.044.051h0l.019.022h0l.019.022h0l0,0h0l.014.016h0l0,.005h0l.019.021h0l.005.005h0l.014.016h0l0,0,0,0,.014.015h0l.005.005v0l.019.02v0l0,0h0l.014.015v0l0,0h0l.014.015h0l.005,0h0l.014.015h0l0,.005h0l.005,0h0l.013.014,0,0,0,0v0l.014.014h0l0,.005,0,0,0,0h0l.008.009h0l0,0v0l0,0v0l.013.014,0,0,0,0,0,0,.013.013,0,0,0,0,0,0,0,0,0,0,.008.007,0,0,0,0,0,0,0,0,0,0L2.854,17v0l0,0,0,0,0,0,0,0,.013.013,0,0,0,0,0,0,0,0,0,0,.006.006,0,0,0,0,0,0,0,0,0,0,.005.005,0,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.005,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.006.006,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,.005,0,0,0,0,0,0,0,0,0,0,0,0,.005h0l.006.006,0,0,0,0,0,0,0,0,0,0,.006.005,0,0,0,0,0,0,0,0,0,0,.006.006h0l.005,0,0,0,0,0,0,0,.005,0h0l.006.006,0,0,0,0,0,0,0,0,0,0,.007.006h0l.005.005,0,0,0,0,0,0,.007.006h0l.006.006,0,0,.005,0,0,0,.006,0h0l.007.006h0l0,.005,0,0,0,0v0l.007.006h0l.005.005,0,0,0,0,0,0,.007,0h0l.006,0,0,0,0,0,0,0,.006.005h0l.006.006,0,0,0,0,0,0,0,.005h0l.007.006h0l.006,0h0l0,0h0l.007.006h0l.006.006,0,0,.005,0,0,0,.007,0h0l.007.006h0l.006,0h0l.006,0h0l.007.006h0l.007.005h0l.006,0h0l.014.012h0l.006.005v0L3.5,17.6h0L3.5,17.6h0l.006,0h0l.014.012h0l.006.005h0l.015.012h0l.007.006h0l.014.012h0l.006.006h0l.007.005h0l.015.013h0l.006.006h0l.014.012h0l.007.006h0l.022.018h0l.022.018h0l.007.006h0l.015.012h0l.007,0h0l.022.018h0l.023.018h0l.007,0h0l.015.012h0l.007.005h0l.022.018h0l.023.018h0l.03.024h0l.023.018h0l.024.018h0l.031.024h0a9.867,9.867,0,0,0,.9.616l1.033-1.713a8.066,8.066,0,0,1-2.784-2.82Zm4.226,3.5-.671,1.885a9.967,9.967,0,0,0,2.273.518h0l.046.005h0l.04,0H9.02l.026,0h.02l.027,0h.021l.019,0h.022l.025,0h.029l.018,0H9.25l.018,0h1.194a10.415,10.415,0,0,0,1.112-.113L11.262,17.9a8.055,8.055,0,0,1-3.945-.362Zm8.736-2.308A8.04,8.04,0,0,1,12.8,17.5l.7,1.874c.1-.04.209-.081.313-.124h0l.036-.015h0l.027-.011h0l.026-.012h0l.008,0h0l.018-.007h0l.008,0h0l.007,0h0l.009,0h0l.008,0h0l.007,0h0L14,19.169h0l.007,0h0l.007,0h0l.008,0h0l.007,0h0l.006,0h0l.008,0h0l.007,0h0l.005,0h0l.005,0h0l.007,0,0,0,.006,0h0l0,0h0l.008,0h0l.006,0,0,0,.005,0h0l.006,0,0,0,.006,0,0,0,.005,0,0,0,0,0,0,0,.008,0,0,0,.005,0h0l0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,0,0,.007,0,0,0,0,0h0l0,0,0,0,.016-.008h0l0,0,0,0,0,0h0l.009,0h0l0,0,0,0,0,0h0l.01-.005h0l0,0,0,0,0,0h0L14.361,19h0l.006,0h0l.005,0h0l.012-.006h0l.006,0h0l.005,0h0l.018-.009h0l.006,0h0l.019-.01h0l.006,0h0l.006,0h0l.019-.009h0l.007,0h0l.02-.01h0l.007,0h0l.026-.013h0l.006,0h0l.02-.01h0l.006,0h0l.026-.014h0l.026-.014h0a10.018,10.018,0,0,0,1.446-.923h0l.1-.078h0l.006,0h0l.076-.061h0l.023-.019h0l.022-.018h0l0,0h0l.017-.013h0l0,0h0l.022-.018h0l0,0h0l.016-.013h0l0,0h0l.017-.014h0l.005,0h0l.006,0h0l.016-.013h0l0,0v0l.016-.013h0l.005-.005h0l.016-.013h0l0,0h0l0,0h0l.015-.013,0,0,0,0h0l.015-.013h0l0,0,0,0,0,0,0,0,.009-.008h0l0,0,0,0,0,0h0l.015-.013v0l.005,0,0,0,0,0h0l.009-.009h0l0,0,0,0,0,0,0,0,.01-.009h0l0,0,0,0,0,0,0,0,.014-.012,0,0,0,0,0,0,0,0,0,0,.007-.007,0,0,0,0,0,0,0,0,0,0,.009-.008h0l0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.005,0,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,0,0,.005,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.005,0,0,0,0,0,0,0,0,0,0,.006-.006,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.006-.006h0l0-.005,0,0,0,0,0,0,.006-.006h0l.005-.005,0,0,0,0,0,0,.005,0v0l.006-.006h0l.005,0,0,0,.005,0v0l.007-.006h0l.005,0,0,0,.005,0v0l.013-.012h0L17,17.143v0l.006-.006h0l.006-.007h0l.006-.005v0l.006-.005h0l.006-.006h0l.006-.006h0l.005-.005h0l.013-.013h0l.005-.006h0l.013-.013h0l.006-.007h0l.006-.006h0l.014-.014h0l.006-.005h0l.013-.014h0L17.137,17h0L17.144,17h0l.013-.013h0l.006-.006h0l.014-.013h0l.006-.006h0l.02-.02h0l.02-.02h0l.007-.006h0l.02-.021h0q.16-.168.313-.345l-1.512-1.309ZM18,10.1a8.007,8.007,0,0,1-1.026,3.821l1.742.983a10.02,10.02,0,0,0,.523-1.072h0l.023-.056h0l.006-.014h0l0-.014h0l0-.007h0l.006-.014h0l0-.007h0l0-.006h0l0-.006h0l0-.006h0l0-.006v0l0-.006h0l0-.006v0l0-.006h0l0-.005v0l0-.006h0l0-.006h0l0-.006h0l0-.006v0l0-.005h0l0-.006v-.007h0l0-.006v0l0-.006h0l0-.005v0l0-.006v0l0,0v0l0-.006v-.006l0,0v-.007l0-.005v0l0,0v0l0-.006v0l0,0v0l0-.005v-.007l0,0v-.006l0-.005V13.5l0,0v-.01l0-.005v0l0,0v0l0,0v0l0,0v0l0,0v0l0-.006v0l0,0h0l0-.006v0l0-.011v0l0-.006V13.4l0-.006v-.007l0-.007v0l0-.006v-.008l0-.006V13.35h0l0-.007v0l0-.007h0v-.006l0-.007h0l0,0v0l0-.006v0l0-.012v0l0-.007h0v-.006l0-.007h0l0-.013h0l0-.008h0v0h0l0-.007v0l0,0h0l0-.009h0l0-.013h0l0-.008h0V13.19h0l0-.008h0l.005-.013h0l0-.008h0v0h0l0-.009h0l0-.014h0l0-.013h0l.007-.023h0l.005-.013h0l0-.013h0l0-.009h0l0-.014h0c.014-.041.027-.083.039-.124h0c.026-.083.05-.167.073-.251h0l0-.014h0l0-.014h0l0-.01h0l.014-.051h0l.023-.09h0l.01-.037h0l.009-.037h0l0-.014h0l0-.023h0l0-.013h0l0-.014h0l0-.009h0l0-.013h0l0-.014h0l0-.009h0v0h0l0-.01h0l0-.014h0l.009-.038h0l0-.014h0l.006-.023h0l0-.013h0l0-.014h0l0-.009h0l0-.014h0l0-.014h0v-.008h0l0-.013v0l0-.013h0l0-.009h0v-.005h0l0-.009h0l0-.013v-.01h0v-.013h0l0-.014h0l0-.014h0v-.009h0v0h0v-.01l0-.013h0l0-.008h0v-.006l0-.007v0l0-.013v-.336h0v-.038h0v-.015h0v-.022h0v-.015h0v-.006h0v-.015h0v-.015h0v-.007h0v-.007h0V11.43h0v-.008h0l0-.014h0V11.4h0v-.007h0v-.008h0l0-.014h0l0-.015h0v-.008h0v-.008h0v-.008h0l0-.015h0l0-.024h0l0-.015h0l0-.039h0A10.3,10.3,0,0,0,20,10.13L18,10.1Zm-.267-6.446L16.186,4.927A7.989,7.989,0,0,1,17.862,8.51l1.965-.37a9.834,9.834,0,0,0-.545-1.867h0l-.011-.027h0l-.014-.036h0l-.015-.036h0l-.054-.126h0l-.011-.026h0l-.027-.062h0l-.015-.035h0L19.122,5.9h0l-.016-.036h0l-.012-.026h0l0-.008h0L19.077,5.8h0l-.012-.026h0l0-.008h0l-.008-.018h0l0-.008h0l-.012-.026h0l0-.009h0l-.012-.026h0L19,5.64h0l-.013-.026h0l0-.008h0l-.009-.018h0l0-.008h0l-.013-.026h0l-.013-.026h0l0-.008h0l-.013-.026h0l0-.008h0l-.009-.017h0l0-.008h0L18.9,5.431h0L18.88,5.4h0l-.014-.025h0l-.018-.035h0l-.013-.025h0l-.019-.034h0l-.032-.059h0l-.014-.026h0l-.019-.033h0l-.019-.033h0L18.718,5.1h0L18.7,5.064h0l-.014-.025h0c-.023-.039-.046-.078-.068-.117h0L18.6,4.889h0a10,10,0,0,0-.865-1.231ZM11.829.167l-.363,1.967A7.982,7.982,0,0,1,15.053,3.8l1.265-1.55a10,10,0,0,0-3.042-1.7h0l-.027-.01h0L13.22.53h0l-.009,0h0L13.183.517h0l-.009,0h0L13.155.508h0l-.008,0h0l-.009,0h0L13.118.5h0l-.008,0h0L13.089.486h0l-.007,0h0l-.008,0h0l-.009,0h0l-.008,0h0l-.007,0h0L13.024.465h0l-.007,0h0l-.007,0h0l-.009,0h0l-.008,0h0l-.007,0h0l-.009,0h0l-.009,0h0l-.007,0h0l-.007,0h0l-.009,0h0l-.007,0h-.012l-.006,0h0l-.008,0h0l-.005,0h0l-.005,0h0l-.009,0h0l-.006,0h-.012l-.006,0h0l-.008,0h0l-.006,0h-.012L12.8.4h0l-.005,0h0l-.005,0h-.013l-.007,0-.005,0h-.017l-.005,0-.006,0h-.013l-.005,0H12.7l-.012,0h0l-.005,0h-.012l-.01,0h-.019l-.005,0h0l-.012,0H12.61l-.006,0h0l-.012,0h-.018l-.019,0h-.018l-.02,0h-.01l-.02-.005h0l-.007,0h0l-.007,0h0L12.447.3h-.008L12.41.292h0l-.03-.007h0q-.273-.068-.55-.118Z", fill: "currentColor" })] }) }));
+}
 
-              :hover {
-                color: ${p => p.theme.color.slateGray};
-              }
-            }
-          }
-        }
-      }
+function SelectPolygon({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(120 -41)", children: [jsxs("g", { children: [jsx("path", { d: "M-114.675,45.646l-1.875-.7,1.113-2.994h3.2v2h-1.8Z", fill: "currentColor" }), jsx("rect", { fill: "currentColor", height: "2", transform: "translate(-117.788 48.28) rotate(-69.601)", width: "2.539" }), jsx("path", { d: "M-116.974,54.383l-2.266-2.192,1.1-2.956,1.875.7-.643,1.731,1.326,1.284Z", fill: "currentColor" }), jsx("rect", { fill: "currentColor", height: "2.664", transform: "matrix(0.695, -0.719, 0.719, 0.695, -116.207, 55.124)", width: "2" }), jsx("path", { d: "M-111.067,60.1l-2.459-2.379,1.391-1.437,1.135,1.1,1.185-1.041,1.32,1.5Z", fill: "currentColor" }), jsx("path", { d: "M-107.521,56.983l-1.318-1.5,1.4-1.174,1.559-.7.822,1.822-1.423.643Z", fill: "currentColor" }), jsx("path", { d: "M-103.869,54.893l-.82-1.824,1.57-.707-.3-1.7,1.971-.346.565,3.229Z", fill: "currentColor" }), jsx("rect", { fill: "currentColor", height: "2.862", transform: "translate(-104.11 46.717) rotate(-9.96)", width: "2.001" }), jsx("path", { d: "M-104.308,45.589l-.287-1.635h-1.66v-2h3.34l.578,3.289Z", fill: "currentColor" }), jsx("rect", { fill: "currentColor", height: "2", transform: "translate(-110.911 41.954)", width: "3.326" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-120 41)", width: "20" })] }) }) }));
+}
 
-      .rs-calendar-view {
-        padding: 12px 8px 0;
+function SelectRectangle({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(160 -41)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-152 44) rotate(-90)", children: [jsx("rect", { height: "4", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "2", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-152 60) rotate(-90)", children: [jsx("rect", { height: "4", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "2", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-159 49)", children: [jsx("rect", { height: "4", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "2", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-143 49)", children: [jsx("rect", { height: "4", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "2", x: "1", y: "1" })] }), jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-159,42v5h2V44h3V42Z", stroke: "none" }), jsx("path", { d: "M -159 42 L -154 42 L -154 44 L -157 44 L -157 47 L -159 47 L -159 42 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-146,42v2h3v3h2V42Z", stroke: "none" }), jsx("path", { d: "M -146 42 L -141 42 L -141 47 L -143 47 L -143 44 L -146 44 L -146 42 Z", fill: "currentColor", stroke: "none" })] })] }), jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-157,55h-2v5h5V58h-3Z", stroke: "none" }), jsx("path", { d: "M -159 55 L -157 55 L -157 58 L -154 58 L -154 60 L -159 60 L -159 55 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-143,55v3h-3v2h5V55Z", stroke: "none" }), jsx("path", { d: "M -143 55 L -141 55 L -141 60 L -146 60 L -146 58 L -143 58 L -143 55 Z", fill: "currentColor", stroke: "none" })] })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-160 41)", width: "20" })] }) }) }));
+}
 
-        .rs-calendar-table-cell {
-          padding: 0 0 4px 0;
-          width: 33px;
+function SelectZone({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(80 -41)", children: [jsxs("g", { children: [jsxs("g", { children: [jsx("path", { d: "M-74.675,45.646l-1.875-.7,1.113-2.994h3.2v2h-1.8Z", fill: "currentColor" }), jsx("rect", { fill: "currentColor", height: "2", transform: "translate(-77.788 48.28) rotate(-69.601)", width: "2.539" }), jsx("path", { d: "M-77.377,54.526-79.2,52.089l1.06-2.854,1.875.7-.681,1.833,1.172,1.564Z", fill: "currentColor" }), jsx("path", { d: "M-74.679,58.132l-1.9-2.534,1.6-1.2,1.1,1.47,1.779-.445.486,1.939Z", fill: "currentColor" }), jsx("path", { d: "M-62.532,51.889l-1.66-1.115,1.122-1.67-.63-1.91,1.9-.625.935,2.838Z", fill: "currentColor" }), jsx("path", { d: "M-64.211,45.641l-.556-1.687h-1.776v-2h3.224l1.009,3.062Z", fill: "currentColor" }), jsx("rect", { fill: "currentColor", height: "2", transform: "translate(-70.975 41.954)", width: "3.166" })] }), jsx("path", { d: "M-67.806,56.455l2.689,3.869,2.328-1.612-2.687-3.877,2.71-1.872L-72.02,47.9-70.5,58.35Z", fill: "currentColor" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-80 41)", width: "20" })] }) }) }));
+}
 
-          &.rs-calendar-table-cell-in-range:before {
-            background-color: ${p => p.theme.color.blueGray[25]};
-            height: 33px;
-            margin-top: 0;
-          }
+function ShowErsMessages({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-40 -41)", children: [jsxs("g", { children: [jsx("path", { d: "M50,42.667a5,5,0,0,0-5,5,4.926,4.926,0,0,0,.047.647c.013.113.031.225.051.337l.01.047C45.8,52.493,50,56,50,56s4.2-3.507,4.892-7.3l.01-.047c.02-.112.038-.224.051-.337A4.926,4.926,0,0,0,55,47.667,5,5,0,0,0,50,42.667Zm0,7.5a2.5,2.5,0,1,1,2.5-2.5A2.5,2.5,0,0,1,50,50.167Z", fill: "currentColor" }), jsxs("g", { fill: "#fff", strokeMiterlimit: "10", children: [jsx("path", { d: "M 50 57.97749710083008 C 49.69147872924805 57.97749710083008 49.38210678100586 57.94551086425781 49.07577133178711 57.88271331787109 C 49.38035202026367 57.93568420410156 49.6889762878418 57.96249771118164 50 57.96249771118164 C 50.3110237121582 57.96249771118164 50.61964797973633 57.93568420410156 50.92422866821289 57.88271331787109 C 50.61789321899414 57.94551086425781 50.30852127075195 57.97749710083008 50 57.97749710083008 Z", stroke: "none" }), jsx("path", { d: "M 46.79999923706055 55.67999649047852 C 48.75200271606445 57.38999557495117 51.24799728393555 57.38999557495117 53.20000076293945 55.67999649047852 C 54.17599868774414 56.52999877929688 55.28799819946289 56.99999618530273 56.40000152587891 56.99999618530273 L 58 56.99999618530273 L 58 58.99999618530273 L 56.40000152587891 58.99999618530273 C 55.29600143432617 58.99999618530273 54.20800018310547 58.65999603271484 53.20000076293945 58.0099983215332 C 51.18400192260742 59.29999923706055 48.81599807739258 59.29999923706055 46.79999923706055 58.0099983215332 C 45.79199981689453 58.64999771118164 44.70399856567383 58.99999618530273 43.59999847412109 58.99999618530273 L 42 58.99999618530273 L 42 56.99999618530273 L 43.59999847412109 56.99999618530273 C 44.71200180053711 56.99999618530273 45.82400131225586 56.52999877929688 46.79999923706055 55.67999649047852 Z", fill: "currentColor", stroke: "none" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(40 41)", width: "20" })] }) }) }));
+}
 
-          > .rs-calendar-table-cell-content {
-            align-items: center;
-            border-radius: 0 !important;
-            display: inline-flex;
-            height: 33px;
-            justify-content: center;
-            padding-bottom: 3px;
-            width: 33px;
-          }
-          :hover .rs-calendar-table-cell-content {
-            background-color: ${p => p.theme.color.blueYonder[25]};
-            color: ${p => p.theme.color.blueYonder[100]};
-          }
-          &[role='columnheader'] .rs-calendar-table-cell-content,
-          &[role='columnheader']:hover .rs-calendar-table-cell-content {
-            background-color: transparent;
-            color: ${p => p.theme.color.slateGray};
-          }
-          &.rs-calendar-table-cell-disabled .rs-calendar-table-cell-content {
-            background-color: transparent;
-            color: ${p => p.theme.color.lightGray};
-          }
-          &.rs-calendar-table-cell-selected > .rs-calendar-table-cell-content {
-            background-color: ${p => p.theme.color.blueGray[100]};
-          }
-        }
-      }
-    }
-  }
-`;
+function ShowXml({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-120)", children: [jsx("path", { d: "M136.646,2H123.354A3.354,3.354,0,0,0,120,5.354v9.292A3.354,3.354,0,0,0,123.354,18h13.292A3.354,3.354,0,0,0,140,14.646V5.354A3.354,3.354,0,0,0,136.646,2ZM125.607,12.863l-1.269-1.98-1.274,1.98h-1.386l1.957-2.988-1.774-2.738h1.352l1.148,1.84,1.125-1.84h1.34l-1.781,2.781L127,12.863Zm7.5,0h-1.074V8.355L130.9,12.863h-1.113l-1.133-4.508v4.508H127.58V7.137h1.731l1.039,3.906,1.027-3.906h1.734Zm5.211,0h-4.031V7.184h1.156V11.9h2.875Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(120)", width: "20" })] }) }) }));
+}
 
-function RangedTimePicker({ filter, minutesRange, onChange }) {
-    const rangedTimeOptions = useMemo(() => getRangedTimeOptions(minutesRange), [minutesRange]);
-    const filteredRangedTimeOptions = useMemo(() => rangedTimeOptions.filter(({ label }) => filter.test(label)), [filter, rangedTimeOptions]);
-    const [selectedOptionIndex, setSelectedOptionIndex] = useState(0);
-    const handleBoxKeyDown = useCallback((event) => {
-        if (event.key === 'ArrowDown') {
-            event.preventDefault();
-            const nextSelectedOptionIndex = selectedOptionIndex < filteredRangedTimeOptions.length - 1 ? selectedOptionIndex + 1 : 0;
-            setSelectedOptionIndex(nextSelectedOptionIndex);
-            window.document.querySelectorAll('.js-ranged-time-picker-option')[nextSelectedOptionIndex]?.scrollIntoView();
-        }
-        if (event.key === 'ArrowUp') {
-            event.preventDefault();
-            const nextSelectedOptionIndex = selectedOptionIndex > 0 ? selectedOptionIndex - 1 : filteredRangedTimeOptions.length - 1;
-            setSelectedOptionIndex(nextSelectedOptionIndex);
-            window.document.querySelectorAll('.js-ranged-time-picker-option')[nextSelectedOptionIndex]?.scrollIntoView();
-        }
-        if (['Enter', 'Space', 'Tab'].includes(event.key)) {
-            const selectedRangedTimeOption = filteredRangedTimeOptions[selectedOptionIndex];
-            if (!selectedRangedTimeOption) {
-                return;
-            }
-            onChange(selectedRangedTimeOption.value);
-        }
-    }, [filteredRangedTimeOptions, selectedOptionIndex, onChange]);
-    useEffect(() => {
-        window.addEventListener('keydown', handleBoxKeyDown, {
-            // eslint-disable-next-line @typescript-eslint/naming-convention
-            once: true
-        });
-        return () => {
-            window.removeEventListener('keydown', handleBoxKeyDown);
-        };
-    }, [handleBoxKeyDown]);
-    useEffect(() => {
-        setSelectedOptionIndex(0);
-    }, [filteredRangedTimeOptions]);
-    if (!filteredRangedTimeOptions.length) {
-        return jsx(Fragment, {});
-    }
-    return (jsx(Box$4, { onClick: stopMouseEventPropagation, role: "listbox", children: filteredRangedTimeOptions.map(({ label, value }, index) => (jsx(Option, { "aria-selected": false, className: "js-ranged-time-picker-option", isSelected: index === selectedOptionIndex, onClick: () => onChange(value), role: "option", tabIndex: -1, children: label }, label))) }));
+function SortingArrows({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-40)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M57.536,11.636,55,14.172V2H53V14.172l-2.536-2.536L49.05,13.05,54,18l4.95-4.95Z", stroke: "none" }), jsx("path", { d: "M 54 18 L 49.05022811889648 13.05023002624512 L 50.46448135375977 11.6360502243042 L 53 14.17156982421875 L 53 2 L 55 2 L 55 14.17156982421875 L 57.53551864624023 11.6360502243042 L 58.94977188110352 13.05023002624512 L 54 18 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M50.95,6.95,46,2,41.05,6.95l1.414,1.414L45,5.828V18h2V5.828l2.536,2.536Z", stroke: "none" }), jsx("path", { d: "M 46 2 L 50.94977188110352 6.949709892272949 L 49.53551864624023 8.363949775695801 L 47 5.828370094299316 L 47 18 L 45 18 L 45 5.828370094299316 L 42.46448135375977 8.363949775695801 L 41.05022811889648 6.949709892272949 L 46 2 Z", fill: "currentColor", stroke: "none" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(40)", width: "20" })] }) }) }));
 }
-const Box$4 = styled.div `
-  background-color: ${p => p.theme.color.gainsboro};
-  display: flex;
-  flex-direction: column;
-  left: -1px;
-  max-height: 160px;
-  overflow: auto;
-  position: absolute;
-  /* Non-WebKit Firefox Compatibility */
-  scrollbar-color: ${p => p.theme.color.lightGray};
-  scrollbar-width: thin;
-  top: 36px;
-  z-index: 9999;
 
-  ::-webkit-scrollbar {
-    -webkit-appearance: none;
-  }
-  ::-webkit-scrollbar:vertical {
-    width: 5px;
-  }
-  ::-webkit-scrollbar-thumb {
-    border: 0;
-    background-color: ${p => p.theme.color.lightGray};
-  }
-  ::-webkit-scrollbar-track {
-    background-color: ${p => p.theme.color.gainsboro};
-  }
-`;
-const Option = styled.div `
-  background-color: ${p => (p.isSelected ? p.theme.color.blueGray[100] : 'transparent')};
-  cursor: pointer;
-  line-height: 1;
-  padding: 5px 9px 7px 8px;
-  text-align: center;
+function Summary({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsxs("defs", { children: [jsx("clipPath", { children: jsx("use", {}) }), jsx("clipPath", { children: jsx("use", {}) }), jsx("clipPath", { children: jsx("use", {}) })] }), jsxs("g", { transform: "translate(-200)", children: [jsx("path", { d: "M216,4V16H204V4h12M202,2V18h16V2Z", fill: "currentColor" }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(206 6)", children: [jsx("rect", { height: "1.5", stroke: "none", width: "8" }), jsx("path", { clipPath: "url(#clip)", d: "M0,0.5h8M7,0v1.5M8,1h-8M1,1.5v-1.5", fill: "none" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(206 9.25)", children: [jsx("rect", { height: "1.5", stroke: "none", width: "8" }), jsx("path", { clipPath: "url(#clip-2)", d: "M0,0.5h8M7,0v1.5M8,1h-8M1,1.5v-1.5", fill: "none" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(206 12.5)", children: [jsx("rect", { height: "1.5", stroke: "none", width: "8" }), jsx("path", { clipPath: "url(#clip-3)", d: "M0,0.5h8M7,0v1.5M8,1h-8M1,1.5v-1.5", fill: "none" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(200)", width: "20" })] })] }) }));
+}
 
-  :hover {
-    background-color: ${p => (p.isSelected ? p.theme.color.blueGray[100] : p.theme.color.blueYonder[25])};
-  }
-`;
+function Tag({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-160)", children: [jsx("path", { d: "M173.063,6l3.334,4-3.334,4H164V6h9.063M174,4H162V16h12l5-6-5-6Z", fill: "currentColor" }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(170.5 8.5)", children: [jsx("circle", { cx: "1.5", cy: "1.5", r: "1.5", stroke: "none" }), jsx("circle", { cx: "1.5", cy: "1.5", fill: "none", r: "0.5" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(160)", width: "20" })] }) }) }));
+}
 
-function TimeInputWithRef({ defaultValue, isEndDate = false, isLight, isStartDate = false, minutesRange = 15, onBack, onChange, onFocus, onNext, onPrevious }, ref) {
-    const boxSpanRef = useRef();
-    const hourInputRef = useRef();
-    const minuteInputRef = useRef();
-    const [controlledDefaultValue, setControlledDefaultValue] = useState(defaultValue);
-    const [hasFormatError, setHasFormatError] = useState(false);
-    const [hasValidationError, setHasValidationError] = useState(false);
-    const [isFocused, setIsFocused] = useState(false);
-    useImperativeHandle(ref, () => ({
-        boxSpan: boxSpanRef.current,
-        focus: (isInLastInputOfTheGroup = false) => {
-            if (isInLastInputOfTheGroup) {
-                minuteInputRef.current.focus();
-            }
-            else {
-                hourInputRef.current.focus();
-            }
-        }
-    }));
-    const isRangedTimePickerOpenRef = useRef(false);
-    const [rangedTimePickerFilter, setRangedTimePickerFilter] = useState(/.*/);
-    const { forceUpdate } = useForceUpdate();
-    const closeRangedTimePicker = useCallback(() => {
-        isRangedTimePickerOpenRef.current = false;
-        forceUpdate();
-    }, [forceUpdate]);
-    const handleBack = useCallback(() => {
-        if (!onBack) {
-            return;
-        }
-        closeRangedTimePicker();
-        onBack();
-    }, [closeRangedTimePicker, onBack]);
-    const handleBlur = useCallback(() => {
-        setIsFocused(false);
-    }, []);
-    const handleClickOutside = useCallback((event) => {
-        const target = event.target;
-        if (hourInputRef.current.contains(target) || minuteInputRef.current.contains(target)) {
-            return;
-        }
-        closeRangedTimePicker();
-    }, [closeRangedTimePicker]);
-    const handleFocus = useCallback(() => {
-        setIsFocused(true);
-        if (onFocus) {
-            onFocus();
-        }
-    }, [onFocus]);
-    const handleFormatError = useCallback((hasNextFormatError) => {
-        setHasFormatError(hasNextFormatError);
-    }, []);
-    const handleRangedTimePickedChange = useCallback((nextTimeTuple) => {
-        closeRangedTimePicker();
-        setControlledDefaultValue(nextTimeTuple);
-        onChange(nextTimeTuple);
-    }, [closeRangedTimePicker, onChange]);
-    const handleHourInput = useCallback((nextValue) => {
-        // eslint-disable-next-line no-nested-ternary
-        const nextRangedTimePickerFilter = nextValue.length ? new RegExp(`^${nextValue}`) : /.*/;
-        setRangedTimePickerFilter(nextRangedTimePickerFilter);
-    }, []);
-    const openRangedTimePicker = useCallback(() => {
-        isRangedTimePickerOpenRef.current = true;
-        forceUpdate();
-    }, [forceUpdate]);
-    useEffect(() => {
-        window.document.addEventListener('click', handleClickOutside);
-        return () => {
-            window.document.removeEventListener('click', handleClickOutside);
-        };
-    }, [handleClickOutside]);
-    const submit = useCallback(() => {
-        setHasValidationError(false);
-        if (window.document.activeElement === hourInputRef.current) {
-            minuteInputRef.current.focus();
-        }
-        if (!hourInputRef.current.value.length || !minuteInputRef.current.value.length) {
-            if (minuteInputRef.current.value.length && !hourInputRef.current.value.length) {
-                setHasValidationError(true);
-            }
-            return;
-        }
-        closeRangedTimePicker();
-        const nextTimeTuple = [hourInputRef.current.value, minuteInputRef.current.value];
-        onChange(nextTimeTuple);
-    }, [closeRangedTimePicker, onChange]);
-    return (jsxs(Box$3, { ref: boxSpanRef, "$hasError": hasFormatError || hasValidationError, "$isFocused": isFocused, "$isLight": isLight, children: [jsxs(Fragment, { children: [jsx(NumberInput$1, { ref: hourInputRef, "aria-label": `Heure${isStartDate ? ' de début' : ''}${isEndDate ? ' de fin' : ''}`, defaultValue: controlledDefaultValue && controlledDefaultValue[0], max: 23, min: 0, onBack: handleBack, onBlur: handleBlur, onClick: openRangedTimePicker, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onInput: handleHourInput, onNext: () => minuteInputRef.current.focus(), onPrevious: onPrevious, size: 2 }), ":", jsx(NumberInput$1, { ref: minuteInputRef, "aria-label": `Minute${isStartDate ? ' de début' : ''}${isEndDate ? ' de fin' : ''}`, defaultValue: controlledDefaultValue && controlledDefaultValue[1], max: 59, min: 0, onBack: () => hourInputRef.current.focus(), onBlur: handleBlur, onClick: openRangedTimePicker, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: onNext, onPrevious: () => hourInputRef.current.focus(), size: 2 })] }), isRangedTimePickerOpenRef.current && (jsx(RangedTimePicker, { filter: rangedTimePickerFilter, minutesRange: minutesRange, onChange: handleRangedTimePickedChange }))] }));
+function Target({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M20,9H17.931A7.994,7.994,0,0,0,11,2.069V0H9V2.069A7.994,7.994,0,0,0,2.069,9H0v2H2.069A7.994,7.994,0,0,0,9,17.931V20h2V17.931A7.994,7.994,0,0,0,17.931,11H20Zm-9,6.91V14H9v1.91A6.008,6.008,0,0,1,4.09,11H6V9H4.09A6.008,6.008,0,0,1,9,4.09V6h2V4.09A6.008,6.008,0,0,1,15.91,9H14v2h1.91A6.008,6.008,0,0,1,11,15.91Z", stroke: "none" }), jsx("path", { d: "M 9 0 L 11 0 L 11 2.069000244140625 C 14.61700057983398 2.520999908447266 17.47900009155273 5.383000373840332 17.93099975585938 9 L 20 9 L 20 11 L 17.93099975585938 11 C 17.47900009155273 14.61700057983398 14.61700057983398 17.47900009155273 11 17.93099975585938 L 11 20 L 9 20 L 9 17.93099975585938 C 5.383000373840332 17.47900009155273 2.520999908447266 14.61700057983398 2.069000244140625 11 L 0 11 L 0 9 L 2.069000244140625 9 C 2.520999908447266 5.383000373840332 5.383000373840332 2.520999908447266 9 2.069000244140625 L 9 0 Z M 11 6 L 9 6 L 9 4.090000152587891 C 6.493000030517578 4.513999938964844 4.513999938964844 6.493000030517578 4.090000152587891 9 L 6 9 L 6 11 L 4.090000152587891 11 C 4.513999938964844 13.50699996948242 6.493000030517578 15.48600006103516 9 15.90999984741211 L 9 14 L 11 14 L 11 15.90999984741211 C 13.50699996948242 15.48600006103516 15.48600006103516 13.50699996948242 15.90999984741211 11 L 14 11 L 14 9 L 15.90999984741211 9 C 15.48600006103516 6.493000030517578 13.50699996948242 4.513999938964844 11 4.090000152587891 L 11 6 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(8.5 8.5)", children: [jsx("circle", { cx: "1.5", cy: "1.5", r: "1.5", stroke: "none" }), jsx("circle", { cx: "1.5", cy: "1.5", fill: "none", r: "0.5" })] }), jsx("path", { d: "M0,0H20V20H0Z", fill: "none" })] }) }));
 }
-const TimeInput = forwardRef(TimeInputWithRef);
-const Box$3 = styled.span `
-  background-color: ${p => (p.$isLight ? p.theme.color.white : p.theme.color.gainsboro)};
-  box-shadow: ${p => p.$hasError || p.$isFocused
-    ? `inset 0px 0px 0px 1px ${p.$hasError ? p.theme.color.maximumRed : p.theme.color.blueGray[100]}`
-    : 'none'};
-  color: ${p => p.theme.color.slateGray};
-  display: inline-block;
-  font-size: inherit;
-  padding: 5px 8px 7px;
-  position: relative;
-  user-select: none;
 
-  :hover {
-    box-shadow: ${p => `inset 0px 0px 0px 1px ${p.theme.color.blueYonder[100]}`};
-  }
-`;
+function Unlock({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M0,0H20V20H0Z", fill: "none" }), jsxs("g", { children: [jsx("path", { d: "M0,0H20V20H0Z", fill: "none" }), jsxs("g", { children: [jsx("circle", { cx: "1.5", cy: "1.5", fill: "currentColor", r: "1.5", transform: "translate(8.5 11.5)" }), jsx("path", { d: "M14.471,7V5.456a4.471,4.471,0,0,0-8.942,0H7.765a2.235,2.235,0,1,1,4.47,0V7H3V19H17V7ZM15,17H5V9H15Z", fill: "currentColor" })] })] })] }) }));
+}
 
-var DateRangePosition;
-(function (DateRangePosition) {
-    DateRangePosition["END"] = "END";
-    DateRangePosition["START"] = "START";
-})(DateRangePosition || (DateRangePosition = {}));
+function Vessel({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-260 -208)", children: [jsx("path", { d: "M327.865,17.99a.226.226,0,0,1-.15-.184l-.64-4.879-4.88-.64a.225.225,0,0,1-.129-.382l6.81-6.811a.222.222,0,0,1,.085-.053L337.7,2.013a.224.224,0,0,1,.285.285l-3.028,8.741a.222.222,0,0,1-.053.085l-6.811,6.81a.225.225,0,0,1-.159.066A.244.244,0,0,1,327.865,17.99Z", fill: "currentColor", transform: "translate(-60 208)" }), jsx("rect", { fill: "none", height: "20", transform: "translate(260 208)", width: "20" })] }) }) }));
+}
 
-function DateRangePicker({ defaultValue, isHistorical = false, isLabelHidden = false, isLight = false, label, minutesRange = 15, onChange, withTime = false, ...nativeProps }) {
-    const startDateInputRef = useRef();
-    const startTimeInputRef = useRef();
-    const endDateInputRef = useRef();
-    const endTimeInputRef = useRef();
-    const isRangeCalendarPickerOpenRef = useRef(false);
-    const selectedStartDateRef = useRef(defaultValue ? getLocalizedDayjs(defaultValue[0]).toDate() : undefined);
-    const selectedEndDateRef = useRef(defaultValue ? getLocalizedDayjs(defaultValue[1]).toDate() : undefined);
-    const selectedStartDateTupleRef = useRef(getDateTupleFromDate(selectedStartDateRef.current));
-    const selectedEndDateTupleRef = useRef(getDateTupleFromDate(selectedEndDateRef.current));
-    const selectedStartTimeTupleRef = useRef(getTimeTupleFromDate(selectedStartDateRef.current));
-    const selectedEndTimeTupleRef = useRef(getTimeTupleFromDate(selectedEndDateRef.current));
-    const { forceUpdate } = useForceUpdate();
-    const rangeCalendarPickerDefaultValue = useMemo(() => selectedStartDateTupleRef.current && selectedEndDateTupleRef.current
-        ? [
-            getDateFromDateAndTimeTuple(selectedStartDateTupleRef.current, ['00', '00']),
-            getDateFromDateAndTimeTuple(selectedEndDateTupleRef.current, ['00', '00'], true)
-        ]
-        : undefined, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [selectedEndDateTupleRef.current, selectedStartDateTupleRef.current]);
-    const submit = useCallback(() => {
-        if (!onChange || !selectedStartDateRef.current || !selectedEndDateRef.current) {
-            return;
-        }
-        const utcizedStartDate = getUtcizedDayjs(selectedStartDateRef.current).toDate();
-        const utcizedEndDate = getUtcizedDayjs(selectedEndDateRef.current).toDate();
-        const nextDateRange = [utcizedStartDate, utcizedEndDate];
-        onChange(nextDateRange);
-    }, [onChange]);
-    const closeRangeCalendarPicker = useCallback(() => {
-        isRangeCalendarPickerOpenRef.current = false;
-        forceUpdate();
-    }, [forceUpdate]);
-    const handleClickOutside = useCallback((event) => {
-        const target = event.target;
-        if (startDateInputRef.current.boxSpan.contains(target) || endDateInputRef.current.boxSpan.contains(target)) {
-            return;
-        }
-        closeRangeCalendarPicker();
-    }, [closeRangeCalendarPicker]);
-    const handleEndDateInputNext = useCallback(() => {
-        if (!withTime) {
-            return;
+function ViewOnMap({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M18.5,1.523l-6,2.4-5-2-6,2.4V18.477l6-2.4,5,2,6-2.4ZM3.5,5.677l3-1.2v9.846l-3,1.2Zm5,8.646V4.477l3,1.2v9.846Zm8,0-3,1.2V5.677l3-1.2Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(0)", width: "20" })] }) }));
+}
+
+function Vms({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M12.5,9A2.5,2.5,0,1,0,9,11.289V19h2V11.289A2.5,2.5,0,0,0,12.5,9Z", fill: "currentColor" }), jsxs("g", { children: [jsx("path", { d: "M12.558,12.049l1.3,1.546a5.994,5.994,0,0,0,0-9.19l-1.3,1.546a3.944,3.944,0,0,1,0,6.1Z", fill: "currentColor", opacity: "0.98" }), jsx("path", { d: "M6.144,13.594l1.3-1.545a3.946,3.946,0,0,1,0-6.095l-1.3-1.543a5.993,5.993,0,0,0,.005,9.183Z", fill: "currentColor", opacity: "0.98" })] }), jsxs("g", { children: [jsx("path", { d: "M4.206,15.9,5.494,14.37A6.983,6.983,0,0,1,5.508,3.66L4.218,2.128A8.992,8.992,0,0,0,4.206,15.9Z", fill: "currentColor", opacity: "0.98" }), jsx("path", { d: "M17,9.021a6.985,6.985,0,0,1-2.494,5.349L15.793,15.9A8.99,8.99,0,0,0,15.772,2.12L14.485,3.654A6.983,6.983,0,0,1,17,9.021Z", fill: "currentColor", opacity: "0.98" })] }), jsx("path", { d: "M0,0H20V20H0Z", fill: "none" })] }) }));
+}
+
+var index = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    ActivityFeed: ActivityFeed,
+    Alert: Alert,
+    Anchor: Anchor,
+    Archive: Archive,
+    Attention: Attention,
+    Calendar: Calendar,
+    Check: Check,
+    Chevron: Chevron,
+    Clock: Clock,
+    Close: Close,
+    Confirm: Confirm,
+    Control: Control,
+    Delete: Delete,
+    Display: Display,
+    DoubleChevron: DoubleChevron,
+    Download: Download,
+    Drapeau: Drapeau,
+    Duplicate: Duplicate,
+    Edit: Edit,
+    EditBis: EditBis,
+    Favorite: Favorite,
+    FilledArrow: FilledArrow,
+    Filter: Filter,
+    FilterBis: FilterBis,
+    Fishery: Fishery,
+    FishingEngine: FishingEngine,
+    FleetSegment: FleetSegment,
+    Focus: Focus,
+    FocusVessel: FocusVessel,
+    FocusZones: FocusZones,
+    Hide: Hide,
+    Info: Info,
+    Infringement: Infringement,
+    Landmark: Landmark,
+    List: List,
+    MapLayers: MapLayers,
+    MeasureAngle: MeasureAngle,
+    MeasureBrokenLine: MeasureBrokenLine,
+    MeasureCircle: MeasureCircle,
+    MeasureLine: MeasureLine,
+    Minus: Minus,
+    More: More,
+    Note: Note,
+    Observation: Observation,
+    Pin: Pin,
+    Pinpoint: Pinpoint,
+    PinpointHide: PinpointHide,
+    Plane: Plane,
+    Plus: Plus,
+    Reject: Reject,
+    Save: Save,
+    Search: Search,
+    SelectCircle: SelectCircle,
+    SelectPolygon: SelectPolygon,
+    SelectRectangle: SelectRectangle,
+    SelectZone: SelectZone,
+    ShowErsMessages: ShowErsMessages,
+    ShowXml: ShowXml,
+    SortingArrows: SortingArrows,
+    Summary: Summary,
+    Tag: Tag,
+    Target: Target,
+    Unlock: Unlock,
+    Vessel: Vessel,
+    ViewOnMap: ViewOnMap,
+    Vms: Vms
+});
+
+function NumberInputWithRef({ defaultValue, isLight, max, min, onBack, onClick, onFilled, onFocus, onFormatError, onInput, onNext, onPrevious, size, ...nativeProps }, ref) {
+    const inputRef = useRef();
+    const placeholder = useMemo(() => '-'.repeat(size), [size]);
+    useImperativeHandle(ref, () => inputRef.current);
+    const handleClick = useCallback((event) => {
+        // event.stopPropagation()
+        if (onClick) {
+            onClick(event);
         }
-        endTimeInputRef.current.focus();
-    }, [withTime]);
-    const handleEndDateInputPrevious = useCallback(() => {
-        if (withTime) {
-            startTimeInputRef.current.focus(true);
-            return;
+    }, [onClick]);
+    const handleFocus = useCallback((event) => {
+        inputRef.current.select();
+        if (onFocus) {
+            onFocus(event);
         }
-        startDateInputRef.current.focus(true);
-    }, [withTime]);
-    const handleStartDateInputNext = useCallback(() => {
-        if (withTime) {
-            startTimeInputRef.current.focus();
-            return;
+    }, [onFocus]);
+    const handleInput = useCallback(() => {
+        onFormatError(false);
+        const { value } = inputRef.current;
+        if (onInput) {
+            onInput(value);
         }
-        endDateInputRef.current.focus();
-    }, [withTime]);
-    const handleDateInputFilled = useCallback((position, nextDateTuple) => {
-        if (position === DateRangePosition.START) {
-            selectedStartDateTupleRef.current = nextDateTuple;
-            // If there is no time input or a start time has already been selected,
-            if (!withTime || selectedStartTimeTupleRef.current) {
-                // we must update the selected start date and call onChange()
-                const startTimeTuple = (withTime ? selectedStartTimeTupleRef.current : ['00', '00']);
-                const nextStartDate = getDateFromDateAndTimeTuple(nextDateTuple, startTimeTuple);
-                selectedStartDateRef.current = nextStartDate;
-                submit();
-            }
-            handleStartDateInputNext();
+        if (value.length !== size) {
+            return;
         }
-        else {
-            selectedEndDateTupleRef.current = nextDateTuple;
-            // If there is no time input or an end time has already been selected,
-            if (!withTime || selectedEndTimeTupleRef.current) {
-                // we must update the selected end date and call onChange()
-                const endTimeTuple = (withTime ? selectedEndTimeTupleRef.current : ['23', '59']);
-                const nextEndDate = getDateFromDateAndTimeTuple(nextDateTuple, endTimeTuple, true);
-                selectedEndDateRef.current = nextEndDate;
-                submit();
-            }
-            handleEndDateInputNext();
+        const valueAsNumber = Number(inputRef.current.value);
+        if (Number.isNaN(valueAsNumber) || valueAsNumber < min || valueAsNumber > max) {
+            onFormatError(true);
+            return;
         }
-    }, [handleEndDateInputNext, handleStartDateInputNext, submit, withTime]);
-    const handleRangeCalendarPickerChange = useCallback((nextDateTupleRange) => {
-        const [nextStartDateTuple, nextEndDateTuple] = nextDateTupleRange;
-        // If this is a date picker without a time input,
-        if (!withTime) {
-            // we have to fix the start date at the beginning of the day
-            const nextStartDate = getDateFromDateAndTimeTuple(nextStartDateTuple, ['00', '00']);
-            // and the end date at the end of the day
-            const nextEndDate = getDateFromDateAndTimeTuple(nextEndDateTuple, ['23', '59'], true);
-            selectedStartDateRef.current = nextStartDate;
-            selectedEndDateRef.current = nextEndDate;
+        if (onFilled && value.length === size) {
+            onFilled();
         }
-        // If this is a date picker with a time input,
-        else {
-            // we include the selected start time if it exists, set it at the beginning of the day if not
-            const nextStartDate = getDateFromDateAndTimeTuple(nextStartDateTuple, selectedStartTimeTupleRef.current || ['00', '00']);
-            selectedStartDateRef.current = nextStartDate;
-            // we include the selected end time if it exists, set it at the end of the day if not
-            const nextEndDate = getDateFromDateAndTimeTuple(nextEndDateTuple, selectedEndTimeTupleRef.current || ['23', '59'], true);
-            selectedEndDateRef.current = nextEndDate;
+    }, [max, min, onFilled, onFormatError, onInput, size]);
+    const handleKeyDown = useCallback((event) => {
+        if (onPrevious &&
+            event.key === 'ArrowLeft' &&
+            inputRef.current.selectionStart === 0 &&
+            // We don't want to call that function when the user is selecting the input text
+            inputRef.current.selectionEnd === inputRef.current.selectionStart) {
+            event.preventDefault();
+            onPrevious();
+            return;
         }
-        selectedStartDateTupleRef.current = nextStartDateTuple;
-        selectedStartTimeTupleRef.current = getTimeTupleFromDate(selectedStartDateRef.current);
-        selectedEndDateTupleRef.current = nextEndDateTuple;
-        selectedEndTimeTupleRef.current = getTimeTupleFromDate(selectedEndDateRef.current);
-        closeRangeCalendarPicker();
-        forceUpdate();
-        submit();
-    }, [closeRangeCalendarPicker, forceUpdate, submit, withTime]);
-    const handleTimeInputFilled = useCallback((position, nextTimeTuple) => {
-        if (position === DateRangePosition.START) {
-            // If a start date has already been selected
-            if (selectedStartDateTupleRef.current) {
-                // we must update the selected start date accordingly and submit it
-                const nextStartDate = getDateFromDateAndTimeTuple(selectedStartDateTupleRef.current, nextTimeTuple);
-                selectedStartDateRef.current = nextStartDate;
-                submit();
-            }
-            selectedStartTimeTupleRef.current = nextTimeTuple;
-            endDateInputRef.current.focus();
+        if (onNext &&
+            event.key === 'ArrowRight' &&
+            inputRef.current.selectionStart === inputRef.current.value.length &&
+            // We don't want to call that function when the user is selecting the input text
+            inputRef.current.selectionEnd === inputRef.current.selectionStart) {
+            event.preventDefault();
+            onNext();
+            return;
         }
-        else {
-            // If an end date has already been selected
-            if (selectedEndDateTupleRef.current) {
-                // we must update the selected end date accordingly and submit it
-                const nextEndDate = getDateFromDateAndTimeTuple(selectedEndDateTupleRef.current, nextTimeTuple, true);
-                selectedEndDateRef.current = nextEndDate;
-                submit();
-            }
-            selectedEndTimeTupleRef.current = nextTimeTuple;
+        if (onBack && event.key === 'Backspace' && !inputRef.current.value.length) {
+            event.preventDefault();
+            onBack();
         }
-        submit();
-    }, [submit]);
-    const openRangeCalendarPicker = useCallback(() => {
-        isRangeCalendarPickerOpenRef.current = true;
-        forceUpdate();
-    }, [forceUpdate]);
-    useEffect(() => {
-        window.document.addEventListener('click', handleClickOutside);
-        return () => {
-            window.document.removeEventListener('click', handleClickOutside);
-        };
-    }, [handleClickOutside]);
-    return (jsxs(Fieldset, { ...nativeProps, children: [jsx(Legend, { isHidden: isLabelHidden, children: label }), jsxs(Box$2, { children: [jsx(Field$1, { children: jsx(DateInput, { ref: startDateInputRef, defaultValue: selectedStartDateTupleRef.current, isForcedFocused: isRangeCalendarPickerOpenRef.current, isLight: isLight, isStartDate: true, onChange: nextDateTuple => handleDateInputFilled(DateRangePosition.START, nextDateTuple), onClick: openRangeCalendarPicker, onNext: handleStartDateInputNext }) }), withTime && (jsx(Field$1, { isTimeField: true, children: jsx(TimeInput, { ref: startTimeInputRef, defaultValue: selectedStartTimeTupleRef.current, isLight: isLight, isStartDate: true, minutesRange: minutesRange, onBack: () => startDateInputRef.current.focus(true), onChange: nextTimeTuple => handleTimeInputFilled(DateRangePosition.START, nextTimeTuple), onFocus: closeRangeCalendarPicker, onNext: () => endDateInputRef.current.focus(), onPrevious: () => startDateInputRef.current.focus(true) }) })), jsx(Field$1, { isEndDateField: true, children: jsx(DateInput, { ref: endDateInputRef, defaultValue: selectedEndDateTupleRef.current, isEndDate: true, isForcedFocused: isRangeCalendarPickerOpenRef.current, isLight: isLight, onBack: handleEndDateInputPrevious, onChange: nextDateTuple => handleDateInputFilled(DateRangePosition.END, nextDateTuple), onClick: openRangeCalendarPicker, onNext: handleEndDateInputNext, onPrevious: handleEndDateInputPrevious }) }), withTime && (jsx(Field$1, { isTimeField: true, children: jsx(TimeInput, { ref: endTimeInputRef, defaultValue: selectedEndTimeTupleRef.current, isEndDate: true, isLight: isLight, minutesRange: minutesRange, onBack: () => endDateInputRef.current.focus(true), onChange: nextTimeTuple => handleTimeInputFilled(DateRangePosition.END, nextTimeTuple), onFocus: closeRangeCalendarPicker, onPrevious: () => endDateInputRef.current.focus(true) }) }))] }), isRangeCalendarPickerOpenRef.current && (jsx(RangeCalendarPicker, { defaultValue: rangeCalendarPickerDefaultValue, isHistorical: isHistorical, onChange: handleRangeCalendarPickerChange }))] }));
+    }, [onBack, onNext, onPrevious]);
+    return (jsx(StyledNumberInput, { ref: inputRef, "$isLight": isLight, "$size": size, defaultValue: defaultValue, maxLength: size, onClick: handleClick, onFocus: handleFocus, onInput: handleInput, onKeyDown: handleKeyDown, pattern: "\\d*", placeholder: placeholder, type: "text", ...nativeProps }, String(defaultValue)));
 }
-const Box$2 = styled.div `
-  * {
-    font-weight: 500;
-    line-height: 1;
-  }
-
+const NumberInput$1 = forwardRef(NumberInputWithRef);
+const StyledNumberInput = styled.input `
+  background-color: transparent;
+  border: 0;
   color: ${p => p.theme.color.gunMetal};
-  font-size: 13px;
-  position: relative;
-`;
-const Field$1 = styled.span `
   font-size: inherit;
-  margin-left: ${p => {
-    if (p.isEndDateField) {
-        return '10px';
-    }
-    return p.isTimeField ? '2px' : 0;
-}};
+  outline: none;
+  padding: 0;
+  text-align: center;
+  /* 1 digit = 8px */
+  width: ${p => p.$size * 8}px;
+
+  ::placeholder {
+    color: ${p => (p.$isLight ? p.theme.color.slateGray : p.theme.color.slateGray)};
+  }
 `;
 
-function CalendarPicker({ defaultValue, isHistorical, onChange }) {
-    const utcTodayAsDayjs = useMemo(() => getUtcDayjs().endOf('day'), []);
-    const disabledDate = useMemo(() => (date) => date && isHistorical ? getUtcizedDayjs(date).isAfter(utcTodayAsDayjs) : false, [isHistorical, utcTodayAsDayjs]);
-    const handleSelect = useCallback((nextDate) => {
-        const nextDateTuple = getDateTupleFromDate(nextDate);
-        onChange(nextDateTuple);
-    }, [onChange]);
-    return (jsxs(Fragment, { children: [jsx(RsuiteCalendarPickerModalGlobalStyle, {}), jsx(Box$1, { children: jsx(DatePicker$1, { className: "AAAAAAAAA", classPrefix: "mui-picker-", disabledDate: disabledDate, format: "yyyy-MM-dd", locale: RSUITE_CALENDAR_LOCALE, oneTap: true, onSelect: handleSelect, open: true, ranges: [], 
-                    // `defaultValue` seems to be immediatly cancelled so we come down to using a controlled `value`
-                    value: defaultValue }) })] }));
+// TODO Use `date-fns` instead of `dayjs`.
+function formatNumberAsDoubleDigit(numberLike) {
+    return String(numberLike).padStart(2, '0');
 }
-const RsuiteCalendarPickerModalGlobalStyle = createGlobalStyle `
-  .rs-mui-picker-date-menu {
-    border: solid 1px ${p => p.theme.color.lightGray};
-    border-radius: 0;
-    margin-top: 4px;
-
-    .rs-picker-date-header,
-    .rs-calendar-header-time-toolbar,
-    .rs-picker-toolbar {
-      display: none;
+function getDateFromDateAndTimeTuple(dateTuple, timeTuple, isEnd = false) {
+    const [year, month, day] = dateTuple;
+    const [hour, minute] = timeTuple;
+    const rawDateAsDayjs = dayjs_minExports()
+        .year(Number(year))
+        .month(Number(month) - 1)
+        .date(Number(day))
+        .hour(Number(hour))
+        .minute(Number(minute));
+    return isEnd
+        ? rawDateAsDayjs
+            .endOf('minute')
+            // TODO For some reason the API can't handle miliseconds in dates.
+            // That's why we set it to 0 (instead of 999)
+            .millisecond(0)
+            .toDate()
+        : rawDateAsDayjs.startOf('minute').toDate();
+}
+function getDateTupleFromDate(date) {
+    if (!date) {
+        return undefined;
     }
+    return [
+        String(date.getFullYear()),
+        formatNumberAsDoubleDigit(date.getMonth() + 1),
+        formatNumberAsDoubleDigit(date.getDate())
+    ];
+}
+/**
+ * Generate a list of ranged time options.
+ *
+ * @example
+ * ```
+ * (minutesRange = 30) => ([
+ *   { label: '00:00', value: ['00', '00'] },
+ *   { label: '00:30', value: ['00', '30'] },
+ *   { label: '01:00', value: ['01', '00'] },
+ *   { label: '01:30', value: ['01', '30'] },
+ *   { label: '02:00', value: ['02', '00'] },
+ *   ...
+ * ])
+ * ```
+ */
+const getRangedTimeOptions = (minutesRange) => {
+    const perHourOptionsLength = 60 / minutesRange;
+    const totalOptionsLength = 24 * perHourOptionsLength;
+    return new Array(totalOptionsLength).fill(undefined).map((_, index) => {
+        const hour = Math.floor(index / perHourOptionsLength);
+        const minute = minutesRange * (index % perHourOptionsLength);
+        const label = `${String(hour).padStart(2, '0')}:${String(minute).padStart(2, '0')}`;
+        const value = [formatNumberAsDoubleDigit(hour), formatNumberAsDoubleDigit(minute)];
+        return {
+            label,
+            value
+        };
+    });
+};
+function getTimeTupleFromDate(date) {
+    if (!date) {
+        return undefined;
+    }
+    return [formatNumberAsDoubleDigit(date.getHours()), formatNumberAsDoubleDigit(date.getMinutes())];
+}
 
-    .rs-calendar {
-      height: auto !important;
-      padding: 0;
-
-      :first-child {
-        border-right: solid 1px ${p => p.theme.color.lightGray};
-      }
-
-      .rs-calendar-header {
-        border-bottom: solid 1px ${p => p.theme.color.lightGray};
-        padding: 8px;
-
-        .rs-calendar-header-month-toolbar {
-          align-items: center;
-          color: ${p => p.theme.color.slateGray};
-          display: flex;
-          justify-content: space-between;
-
-          .rs-calendar-header-title {
-            font-size: inherit;
-            text-transform: uppercase;
-
-            &.rs-calendar-header-error {
-              color: ${p => p.theme.color.slateGray};
-
-              :hover {
-                color: ${p => p.theme.color.slateGray};
-              }
+function DateInputWithRef({ defaultValue, 
+// eslint-disable-next-line @typescript-eslint/naming-convention
+disabled = false, isCompact, isEndDate = false, isForcedFocused, isLight, isStartDate = false, onBack, onChange, onClick, onNext, onPrevious }, ref) {
+    const boxRef = useRef();
+    const dayInputRef = useRef();
+    const monthInputRef = useRef();
+    const yearInputRef = useRef();
+    const [hasFormatError, setHasFormatError] = useState(false);
+    const [hasValidationError, setHasValidationError] = useState(false);
+    const [isFocused, setIsFocused] = useState(false);
+    useImperativeHandle(ref, () => ({
+        box: boxRef.current,
+        focus: (isInLastInputOfTheGroup = false) => {
+            if (isInLastInputOfTheGroup) {
+                yearInputRef.current.focus();
+            }
+            else {
+                dayInputRef.current.focus();
+            }
+        }
+    }));
+    const handleBlur = useCallback(() => {
+        setIsFocused(false);
+    }, []);
+    const handleFocus = useCallback(() => {
+        setIsFocused(true);
+    }, []);
+    const handleFormatError = useCallback((hasNextFormatError) => {
+        setHasFormatError(hasNextFormatError);
+    }, []);
+    const submit = useCallback(() => {
+        setHasValidationError(false);
+        const isFilled = window.document.activeElement === yearInputRef.current;
+        switch (window.document.activeElement) {
+            case dayInputRef.current:
+                monthInputRef.current.focus();
+                break;
+            case monthInputRef.current:
+                yearInputRef.current.focus();
+                break;
+        }
+        if (!yearInputRef.current.value.length ||
+            !monthInputRef.current.value.length ||
+            !dayInputRef.current.value.length) {
+            if ((monthInputRef.current.value.length && !dayInputRef.current.value.length) ||
+                (yearInputRef.current.value.length &&
+                    (!dayInputRef.current.value.length || !monthInputRef.current.value.length))) {
+                setHasValidationError(true);
             }
-          }
+            return;
         }
-      }
+        const nextDateTuple = [
+            String(yearInputRef.current.value),
+            formatNumberAsDoubleDigit(monthInputRef.current.value),
+            formatNumberAsDoubleDigit(dayInputRef.current.value)
+        ];
+        onChange(nextDateTuple, isFilled);
+    }, [onChange]);
+    return (jsxs(Box$6, { ref: boxRef, "$hasError": hasFormatError || hasValidationError, "$isCompact": isCompact, "$isDisabled": disabled, "$isFocused": isForcedFocused || isFocused, "$isLight": isLight, children: [jsxs("div", { children: [isStartDate && jsx("span", { children: "Du " }), isEndDate && jsx("span", { children: "Au " }), jsx(NumberInput$1, { ref: dayInputRef, "aria-label": `Jour${isStartDate ? ' de début' : ''}${isEndDate ? ' de fin' : ''}`, defaultValue: defaultValue && formatNumberAsDoubleDigit(defaultValue[2]), disabled: disabled, isLight: isLight, max: 31, min: 1, onBack: onBack, onBlur: handleBlur, onClick: onClick, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: () => monthInputRef.current.focus(), onPrevious: onPrevious, size: 2 }), "/", jsx(NumberInput$1, { ref: monthInputRef, "aria-label": `Mois${isStartDate ? ' de début' : ''}${isEndDate ? ' de fin' : ''}`, defaultValue: defaultValue && formatNumberAsDoubleDigit(defaultValue[1]), disabled: disabled, isLight: isLight, max: 12, min: 1, onBack: () => dayInputRef.current.focus(), onBlur: handleBlur, onClick: onClick, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: () => yearInputRef.current.focus(), onPrevious: () => dayInputRef.current.focus(), size: 2 }), "/", jsx(NumberInput$1, { ref: yearInputRef, "aria-label": `Année${isStartDate ? ' de début' : ''}${isEndDate ? ' de fin' : ''}`, defaultValue: defaultValue && defaultValue[0], disabled: disabled, isLight: isLight, max: 2030, min: 2020, onBack: () => monthInputRef.current.focus(), onBlur: handleBlur, onClick: onClick, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: onNext, onPrevious: () => monthInputRef.current.focus(), size: 4 })] }), !isCompact && jsx(Calendar, {})] }));
+}
+const DateInput = forwardRef(DateInputWithRef);
+const Box$6 = styled.div `
+  align-items: center;
+  background-color: ${p => (p.$isLight ? p.theme.color.white : p.theme.color.gainsboro)};
+  box-shadow: ${p => p.$hasError || p.$isFocused
+    ? `inset 0px 0px 0px 1px ${p.$hasError ? p.theme.color.maximumRed : p.theme.color.blueGray[100]}`
+    : 'none'};
+  color: ${p => (p.$isFocused ? p.theme.color.blueGray[100] : p.theme.color.slateGray)};
+  display: inline-flex;
+  font-size: inherit;
+  justify-content: space-between;
+  padding: ${p => (p.$isCompact ? '4.5px 8px 7px' : '3px 8px 5px')};
+  user-select: none;
 
-      .rs-calendar-view {
-        padding: 12px 8px 0;
+  :hover {
+    box-shadow: ${p => `inset 0px 0px 0px 1px ${
+// eslint-disable-next-line no-nested-ternary
+p.$isDisabled
+    ? p.theme.color.cultured
+    : p.$isFocused
+        ? p.theme.color.blueGray[100]
+        : p.theme.color.blueYonder[100]}`};
+    color: ${p => (p.$isFocused ? p.theme.color.blueGray[100] : p.theme.color.blueYonder[100])};
+  }
 
-        .rs-calendar-table-cell {
-          padding: 0 0 4px 0;
-          width: 33px;
+  > div:nth-child(2) {
+    margin: 2px 0 0 16px;
+  }
+`;
 
-          &.rs-calendar-table-cell-in-range:before {
-            background-color: ${p => p.theme.color.blueGray[25]};
-            height: 33px;
-            margin-top: 0;
-          }
+function stopMouseEventPropagation(event) {
+    event.stopPropagation();
+}
 
-          > .rs-calendar-table-cell-content {
-            align-items: center;
-            border-radius: 0 !important;
-            display: inline-flex;
-            height: 33px;
-            justify-content: center;
-            padding-bottom: 3px;
-            width: 33px;
-          }
-          :hover .rs-calendar-table-cell-content {
-            background-color: ${p => p.theme.color.blueYonder[25]};
-            color: ${p => p.theme.color.blueYonder[100]};
-          }
-          &[role='columnheader'] .rs-calendar-table-cell-content,
-          &[role='columnheader']:hover .rs-calendar-table-cell-content {
-            background-color: transparent;
-            color: ${p => p.theme.color.slateGray};
-          }
-          &.rs-calendar-table-cell-disabled .rs-calendar-table-cell-content {
-            background-color: transparent;
-            color: ${p => p.theme.color.lightGray};
-          }
-          &.rs-calendar-table-cell-selected > .rs-calendar-table-cell-content {
-            background-color: ${p => p.theme.color.blueGray[100]};
-          }
+function RangedTimePicker({ filter, minutesRange, onChange }) {
+    const [selectedOptionIndex, setSelectedOptionIndex] = useState(0);
+    const rangedTimeOptions = useMemo(() => getRangedTimeOptions(minutesRange), [minutesRange]);
+    const filteredRangedTimeOptions = useMemo(() => rangedTimeOptions.filter(({ label }) => filter.test(label)), [filter, rangedTimeOptions]);
+    const spannedLabels = useMemo(() => filteredRangedTimeOptions.map(({ label }) => {
+        const [hours, minutes] = label.split(':');
+        return (jsxs(Fragment, { children: [' ', jsx("span", { children: hours }), ":", jsx("span", { children: minutes })] }));
+    }), [filteredRangedTimeOptions]);
+    const handleBoxKeyDown = useCallback((event) => {
+        if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            const nextSelectedOptionIndex = selectedOptionIndex < filteredRangedTimeOptions.length - 1 ? selectedOptionIndex + 1 : 0;
+            setSelectedOptionIndex(nextSelectedOptionIndex);
+            window.document.querySelectorAll('.js-ranged-time-picker-option')[nextSelectedOptionIndex]?.scrollIntoView();
         }
-      }
+        if (event.key === 'ArrowUp') {
+            event.preventDefault();
+            const nextSelectedOptionIndex = selectedOptionIndex > 0 ? selectedOptionIndex - 1 : filteredRangedTimeOptions.length - 1;
+            setSelectedOptionIndex(nextSelectedOptionIndex);
+            window.document.querySelectorAll('.js-ranged-time-picker-option')[nextSelectedOptionIndex]?.scrollIntoView();
+        }
+        if (['Enter', 'Space', 'Tab'].includes(event.key)) {
+            const selectedRangedTimeOption = filteredRangedTimeOptions[selectedOptionIndex];
+            if (!selectedRangedTimeOption) {
+                return;
+            }
+            onChange(selectedRangedTimeOption.value);
+        }
+    }, [filteredRangedTimeOptions, selectedOptionIndex, onChange]);
+    useEffect(() => {
+        window.addEventListener('keydown', handleBoxKeyDown, {
+            // eslint-disable-next-line @typescript-eslint/naming-convention
+            once: true
+        });
+        return () => {
+            window.removeEventListener('keydown', handleBoxKeyDown);
+        };
+    }, [handleBoxKeyDown]);
+    useEffect(() => {
+        setSelectedOptionIndex(0);
+    }, [filteredRangedTimeOptions]);
+    if (!filteredRangedTimeOptions.length) {
+        return jsx(Fragment, {});
     }
+    return (jsx(Box$5, { onClick: stopMouseEventPropagation, role: "listbox", children: filteredRangedTimeOptions.map(({ label, value }, index) => (jsx(Option, { "aria-selected": false, className: "js-ranged-time-picker-option", isSelected: index === selectedOptionIndex, onClick: () => onChange(value), role: "option", tabIndex: -1, children: spannedLabels[index] }, label))) }));
+}
+const Box$5 = styled.div `
+  background-color: ${p => p.theme.color.white};
+  box-shadow: inset 0px 0px 0px 1px ${p => p.theme.color.lightGray};
+  display: flex;
+  flex-direction: column;
+  left: 0;
+  max-height: 160px;
+  overflow: auto;
+  position: absolute;
+  /* Non-WebKit Firefox Compatibility */
+  scrollbar-color: ${p => p.theme.color.lightGray};
+  scrollbar-width: thin;
+  top: 32px;
+  width: 100%;
+  z-index: 9999;
+
+  ::-webkit-scrollbar {
+    -webkit-appearance: none;
+  }
+  ::-webkit-scrollbar:vertical {
+    width: 5px;
+  }
+  ::-webkit-scrollbar-thumb {
+    border: 0;
+    background-color: ${p => p.theme.color.lightGray};
+  }
+  ::-webkit-scrollbar-track {
+    background-color: ${p => p.theme.color.gainsboro};
   }
 `;
-const Box$1 = styled.div `
-  /* height: 0;
-  position: relative;
-  top: 0; */
-  user-select: none;
+const Option = styled.div `
+  background-color: ${p => (p.isSelected ? p.theme.color.blueGray[100] : 'transparent')};
+  color: ${p => (p.isSelected ? p.theme.color.white : p.theme.color.gunMetal)};
+  cursor: pointer;
+  line-height: 1;
+  padding: 5px 0 7px 6.5px;
 
-  .rs-picker-toggle {
-    display: none;
+  :hover {
+    background-color: ${p => (p.isSelected ? p.theme.color.blueGray[100] : p.theme.color.blueYonder[25])};
   }
 
-  .rs-picker-date-panel {
-    height: 290px;
+  > span {
+    display: inline-flex;
+    justify-content: center;
+    width: 16px;
   }
 `;
 
-function DatePicker({ defaultValue, isHistorical = false, isLabelHidden = false, isLight = false, label, minutesRange = 15, onChange, withTime = false, ...nativeProps }) {
-    const dateInputRef = useRef();
-    const timeInputRef = useRef();
-    const isCalendarPickerOpenRef = useRef(false);
-    const selectedDateRef = useRef(defaultValue ? getLocalizedDayjs(defaultValue).toDate() : undefined);
-    const selectedDateTupleRef = useRef(getDateTupleFromDate(selectedDateRef.current));
-    const selectedTimeTupleRef = useRef(getTimeTupleFromDate(selectedDateRef.current));
-    const { forceUpdate } = useForceUpdate();
-    const rangeCalendarPickerDefaultValue = useMemo(() => selectedDateTupleRef.current
-        ? getDateFromDateAndTimeTuple(selectedDateTupleRef.current, ['00', '00'])
-        : undefined, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [selectedDateTupleRef.current]);
-    const submit = useCallback(() => {
-        if (!onChange || !selectedDateRef.current) {
-            return;
+function TimeInputWithRef({ defaultValue, 
+// eslint-disable-next-line @typescript-eslint/naming-convention
+disabled = false, isCompact, isEndDate = false, isLight, isStartDate = false, minutesRange = 15, onBack, onChange, onFocus, onNext, onPrevious }, ref) {
+    const boxRef = useRef();
+    const hourInputRef = useRef();
+    const minuteInputRef = useRef();
+    const [controlledDefaultValue, setControlledDefaultValue] = useState(defaultValue);
+    const [hasFormatError, setHasFormatError] = useState(false);
+    const [hasValidationError, setHasValidationError] = useState(false);
+    const [isFocused, setIsFocused] = useState(false);
+    useImperativeHandle(ref, () => ({
+        box: boxRef.current,
+        focus: (isInLastInputOfTheGroup = false) => {
+            if (isInLastInputOfTheGroup) {
+                minuteInputRef.current.focus();
+            }
+            else {
+                hourInputRef.current.focus();
+            }
         }
-        const nextDate = getUtcizedDayjs(selectedDateRef.current).toDate();
-        onChange(nextDate);
-    }, [onChange]);
-    const closeCalendarPicker = useCallback(() => {
-        isCalendarPickerOpenRef.current = false;
+    }));
+    const isRangedTimePickerOpenRef = useRef(false);
+    const [rangedTimePickerFilter, setRangedTimePickerFilter] = useState(/.*/);
+    const { forceUpdate } = useForceUpdate();
+    const closeRangedTimePicker = useCallback(() => {
+        isRangedTimePickerOpenRef.current = false;
         forceUpdate();
     }, [forceUpdate]);
-    const handleClickOutside = useCallback((event) => {
-        const target = event.target;
-        if (dateInputRef.current.boxSpan.contains(target)) {
+    const handleBack = useCallback(() => {
+        if (!onBack) {
             return;
         }
-        closeCalendarPicker();
-    }, [closeCalendarPicker]);
-    const handleDateInputNext = useCallback(() => {
-        if (!withTime) {
+        closeRangedTimePicker();
+        onBack();
+    }, [closeRangedTimePicker, onBack]);
+    const handleBlur = useCallback(() => {
+        setIsFocused(false);
+    }, []);
+    const handleClickOutside = useCallback((event) => {
+        const target = event.target;
+        if (hourInputRef.current.contains(target) || minuteInputRef.current.contains(target)) {
             return;
         }
-        timeInputRef.current.focus();
-    }, [withTime]);
-    const handleDateInputFilled = useCallback((nextDateTuple) => {
-        selectedDateTupleRef.current = nextDateTuple;
-        // If there is no time input or a time has already been selected,
-        if (!withTime || selectedTimeTupleRef.current) {
-            // we must update the selected date and call onChange()
-            const timeTuple = (withTime ? selectedTimeTupleRef.current : ['00', '00']);
-            const nextDate = getDateFromDateAndTimeTuple(nextDateTuple, timeTuple);
-            selectedDateRef.current = nextDate;
-            submit();
-        }
-        handleDateInputNext();
-    }, [handleDateInputNext, submit, withTime]);
-    const handleCalendarPickerChange = useCallback((nextDateTuple) => {
-        // If this is a date picker without a time input,
-        if (!withTime) {
-            // we have to fix the date at the beginning of the day
-            const nextDate = getDateFromDateAndTimeTuple(nextDateTuple, ['00', '00']);
-            selectedDateRef.current = nextDate;
-        }
-        // If this is a date picker with a time input,
-        else {
-            // we include the selected time if it exists, set it at the beginning of the day if not
-            const nextDate = getDateFromDateAndTimeTuple(nextDateTuple, selectedTimeTupleRef.current || ['00', '00']);
-            selectedDateRef.current = nextDate;
-        }
-        selectedDateTupleRef.current = nextDateTuple;
-        selectedTimeTupleRef.current = getTimeTupleFromDate(selectedDateRef.current);
-        closeCalendarPicker();
-        forceUpdate();
-        submit();
-        if (withTime && !selectedTimeTupleRef.current) {
-            timeInputRef.current.focus();
-        }
-    }, [closeCalendarPicker, forceUpdate, submit, withTime]);
-    const handleTimeInputFilled = useCallback((nextTimeTuple) => {
-        // If a date has already been selected
-        if (selectedDateTupleRef.current) {
-            // we must update the selected date accordingly and submit it
-            const nextDate = getDateFromDateAndTimeTuple(selectedDateTupleRef.current, nextTimeTuple);
-            selectedDateRef.current = nextDate;
-            submit();
-        }
-        selectedTimeTupleRef.current = nextTimeTuple;
-        submit();
-    }, [submit]);
-    const openCalendarPicker = useCallback(() => {
-        isCalendarPickerOpenRef.current = true;
+        closeRangedTimePicker();
+    }, [closeRangedTimePicker]);
+    const handleFocus = useCallback(() => {
+        setIsFocused(true);
+        if (onFocus) {
+            onFocus();
+        }
+    }, [onFocus]);
+    const handleFormatError = useCallback((hasNextFormatError) => {
+        setHasFormatError(hasNextFormatError);
+    }, []);
+    const handleRangedTimePickedChange = useCallback((nextTimeTuple) => {
+        closeRangedTimePicker();
+        setControlledDefaultValue(nextTimeTuple);
+        onChange(nextTimeTuple);
+    }, [closeRangedTimePicker, onChange]);
+    const handleHourInput = useCallback((nextValue) => {
+        // eslint-disable-next-line no-nested-ternary
+        const nextRangedTimePickerFilter = nextValue.length ? new RegExp(`^${nextValue}`) : /.*/;
+        setRangedTimePickerFilter(nextRangedTimePickerFilter);
+    }, []);
+    const openRangedTimePicker = useCallback(() => {
+        isRangedTimePickerOpenRef.current = true;
         forceUpdate();
     }, [forceUpdate]);
     useEffect(() => {
@@ -4254,477 +3583,881 @@ function DatePicker({ defaultValue, isHistorical = false, isLabelHidden = false,
             window.document.removeEventListener('click', handleClickOutside);
         };
     }, [handleClickOutside]);
-    return (jsxs(Fieldset, { ...nativeProps, children: [jsx(Legend, { isHidden: isLabelHidden, children: label }), jsxs(Box, { children: [jsx(Field, { children: jsx(DateInput, { ref: dateInputRef, defaultValue: selectedDateTupleRef.current, isForcedFocused: isCalendarPickerOpenRef.current, isLight: isLight, onChange: handleDateInputFilled, onClick: openCalendarPicker, onNext: handleDateInputNext }) }), withTime && (jsx(Field, { "$isTimeField": true, children: jsx(TimeInput, { ref: timeInputRef, defaultValue: selectedTimeTupleRef.current, isLight: isLight, minutesRange: minutesRange, onBack: () => dateInputRef.current.focus(true), onChange: handleTimeInputFilled, onFocus: closeCalendarPicker, onPrevious: () => dateInputRef.current.focus(true) }) }))] }), isCalendarPickerOpenRef.current && (jsx(CalendarPicker, { defaultValue: rangeCalendarPickerDefaultValue, isHistorical: isHistorical, onChange: handleCalendarPickerChange }))] }));
-}
-const Box = styled.div `
-  * {
-    font-weight: 500;
-    line-height: 1;
-  }
-
-  color: ${p => p.theme.color.gunMetal};
-  font-size: 13px;
-  position: relative;
-`;
-const Field = styled.span `
-  font-size: inherit;
-  margin-left: ${p => (p.$isTimeField ? '2px' : 0)};
-`;
-
-function MultiCheckbox({ defaultValue = [], isInline = false, isLabelHidden = false, isLight = false, label, name, onChange, options }) {
-    const checkedOptionValues = useRef(defaultValue);
-    const key = useMemo(() => `${name}-${JSON.stringify(defaultValue)}`, [defaultValue, name]);
-    const handleChange = useCallback((nextOptionValue, isChecked) => {
-        const nextCheckedOptionValues = isChecked
-            ? [...checkedOptionValues.current, nextOptionValue]
-            : reject(equals(nextOptionValue))(checkedOptionValues.current);
-        checkedOptionValues.current = nextCheckedOptionValues;
-        if (onChange) {
-            const normalizedNextValue = nextCheckedOptionValues.length ? nextCheckedOptionValues : undefined;
-            onChange(normalizedNextValue);
+    const submit = useCallback(() => {
+        setHasValidationError(false);
+        if (window.document.activeElement === hourInputRef.current) {
+            minuteInputRef.current.focus();
         }
-    }, [onChange]);
-    return (jsx(Fieldset, { isHidden: isLabelHidden, isLight: isLight, legend: label, children: jsx(ChecboxesBox$1, { "$isInline": isInline, children: options.map((option, index) => (jsx(Checkbox
-            // eslint-disable-next-line react/no-array-index-key
-            , { defaultChecked: defaultValue.includes(option.value), label: option.label, name: `${name}${index}`, onChange: (isChecked) => handleChange(option.value, isChecked) }, `${name}-${index}`))) }) }, key));
-}
-const ChecboxesBox$1 = styled.div `
-  color: ${p => p.theme.color.gunMetal};
-  display: flex;
-  flex-direction: ${p => (p.$isInline ? 'row' : 'column')};
-
-  ${p => !p.$isInline &&
-    css `
-      > .rs-checkbox:not(:first-child) {
-        margin-top: 8px;
-      }
-    `}
-
-  ${p => p.$isInline &&
-    css `
-      > .rs-checkbox:not(:first-child) {
-        margin-left: 12px;
-      }
-    `}
-`;
-
-function MultiSelect({ fixedWidth = 5, isLabelHidden = false, isLight = false, label, onChange, options, 
-// eslint-disable-next-line @typescript-eslint/naming-convention
-searchable = false, ...originalProps }) {
-    const key = useMemo(() => `${originalProps.name}-${JSON.stringify(originalProps.defaultValue)}`, [originalProps.defaultValue, originalProps.name]);
-    const handleChange = useCallback((nextValue) => {
-        if (!onChange) {
+        if (!hourInputRef.current.value.length || !minuteInputRef.current.value.length) {
+            if (minuteInputRef.current.value.length && !hourInputRef.current.value.length) {
+                setHasValidationError(true);
+            }
             return;
         }
-        const normalizedNextValue = !nextValue || !nextValue.length ? undefined : nextValue;
-        onChange(normalizedNextValue);
-    }, [onChange]);
-    return (jsxs(Field$2, { children: [jsx(Label, { htmlFor: originalProps.name, isHidden: isLabelHidden, children: label }), jsx(StyledTagPicker, { "$fixedWidth": fixedWidth, "$isLight": isLight, data: options, id: originalProps.name, onChange: handleChange, searchable: searchable, ...originalProps }, key)] }));
+        closeRangedTimePicker();
+        const nextTimeTuple = [hourInputRef.current.value, minuteInputRef.current.value];
+        onChange(nextTimeTuple);
+    }, [closeRangedTimePicker, onChange]);
+    return (jsxs(Box$4, { ref: boxRef, "$hasError": hasFormatError || hasValidationError, "$isCompact": isCompact, "$isDisabled": disabled, "$isFocused": isFocused, "$isLight": isLight, children: [jsxs(InputGroup, { children: [jsxs("div", { children: [jsx(NumberInput$1, { ref: hourInputRef, "aria-label": `Heure${isStartDate ? ' de début' : ''}${isEndDate ? ' de fin' : ''}`, defaultValue: controlledDefaultValue && controlledDefaultValue[0], disabled: disabled, isLight: isLight, max: 23, min: 0, onBack: handleBack, onBlur: handleBlur, onClick: openRangedTimePicker, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onInput: handleHourInput, onNext: () => minuteInputRef.current.focus(), onPrevious: onPrevious, size: 2 }), ":", jsx(NumberInput$1, { ref: minuteInputRef, "aria-label": `Minute${isStartDate ? ' de début' : ''}${isEndDate ? ' de fin' : ''}`, defaultValue: controlledDefaultValue && controlledDefaultValue[1], disabled: disabled, isLight: isLight, max: 59, min: 0, onBack: () => hourInputRef.current.focus(), onBlur: handleBlur, onClick: openRangedTimePicker, onFilled: submit, onFocus: handleFocus, onFormatError: handleFormatError, onNext: onNext, onPrevious: () => hourInputRef.current.focus(), size: 2 })] }), !isCompact && jsx(Clock, {})] }), isRangedTimePickerOpenRef.current && (jsx(RangedTimePicker, { filter: rangedTimePickerFilter, minutesRange: minutesRange, onChange: handleRangedTimePickedChange }))] }));
 }
-// TODO A width seems to be mandatory in rsuite which is a very dirty behavior.
-// We should hack that.
-const StyledTagPicker = styled(TagPicker) `
-  border: 0;
-  cursor: pointer;
-  width: ${p => p.$fixedWidth}px;
+const TimeInput = forwardRef(TimeInputWithRef);
+const Box$4 = styled.div `
+  background-color: ${p => (p.$isLight ? p.theme.color.white : p.theme.color.gainsboro)};
+  box-shadow: ${p => p.$hasError || p.$isFocused
+    ? `inset 0px 0px 0px 1px ${p.$hasError ? p.theme.color.maximumRed : p.theme.color.blueGray[100]}`
+    : 'none'};
+  color: ${p => (p.$isFocused ? p.theme.color.blueGray[100] : p.theme.color.slateGray)};
+  display: inline-block;
+  font-size: inherit;
+  padding: ${p => (p.$isCompact ? '4.5px 8px 7px' : '3px 8px 5px')};
+  position: relative;
+  user-select: none;
 
-  > .rs-picker-toggle {
-    background-color: ${p => (p.$isLight ? p.theme.color.white : p.theme.color.gainsboro)} !important;
-    cursor: inherit;
+  :hover {
+    box-shadow: ${p => `inset 0px 0px 0px 1px ${
+// eslint-disable-next-line no-nested-ternary
+p.$isDisabled
+    ? p.theme.color.cultured
+    : p.$isFocused
+        ? p.theme.color.blueGray[100]
+        : p.theme.color.blueYonder[100]}`};
+    color: ${p => (p.$isFocused ? p.theme.color.blueGray[100] : p.theme.color.blueYonder[100])};
   }
 `;
-
-function MultiRadio({ defaultValue, isInline = false, isLabelHidden = false, isLight = false, label, name, onChange, options }) {
-    const [checkedOptionValue, setCheckedOptionValue] = useState(undefined);
-    const key = useMemo(() => `${name}-${String(checkedOptionValue)}}`, [checkedOptionValue, name]);
-    const handleChange = useCallback((nextOptionValue, isChecked) => {
-        const nextCheckedOptionValue = isChecked ? nextOptionValue : undefined;
-        setCheckedOptionValue(nextCheckedOptionValue);
-        if (onChange) {
-            onChange(nextCheckedOptionValue);
-        }
-    }, [onChange]);
-    // TODO There may be a better solution.
-    // A key change is not enough to force radio checked check changes
-    // on `defaultValue` property update (even when appending `defaultValue` to `key`),
-    // we need to force a second re-render in order for the changes to be applied.
-    useEffect(() => {
-        setCheckedOptionValue(defaultValue);
-    }, [defaultValue]);
-    return (jsx(Fieldset, { isHidden: isLabelHidden, isLight: isLight, legend: label, children: jsx(ChecboxesBox, { "$isInline": isInline, children: options.map((option, index) => (jsx(Radio
-            // eslint-disable-next-line react/no-array-index-key
-            , { defaultChecked: option.value === checkedOptionValue, name: name, onChange: (_, isChecked) => handleChange(option.value, isChecked), children: option.label }, `${name}-${index}`))) }) }, key));
-}
-const ChecboxesBox = styled.div `
-  color: ${p => p.theme.color.gunMetal};
+const InputGroup = styled.div `
+  align-items: center;
   display: flex;
-  flex-direction: ${p => (p.$isInline ? 'row' : 'column')};
-  font-weight: 500;
-
-  > .rs-radio {
-    > .rs-radio-checker {
-      min-height: 0;
-      padding: 0 0 0 28px;
-
-      .rs-radio-wrapper {
-        left: 2px;
-        top: 3px !important;
-      }
-    }
-  }
-
-  ${p => !p.$isInline &&
-    css `
-      > .rs-radio:not(:first-child) {
-        margin-top: 6px;
-      }
-    `}
-
-  ${p => p.$isInline &&
-    css `
-      > .rs-radio:not(:first-child) {
-        margin-left: 12px;
-      }
-    `}
-`;
-
-/**
- * Internal component used to wrap SVG icon components
- */
-const IconBox = styled.div `
-  display: inline-block;
-  color: ${p => p.$color ?? 'inherit'};
+  justify-content: space-between;
 
-  > svg {
-    display: block;
-    height: ${p => p.$size ?? 16}px;
-    width: ${p => p.$size ?? 16}px;
+  > div:nth-child(2) {
+    margin: 2px 0 0 16px;
   }
 `;
 
-function ActivityFeed({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(40 -41)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-22 44) rotate(90)", children: [jsx("rect", { height: "11", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "9", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-25 50) rotate(90)", children: [jsx("rect", { height: "8", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "6", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-23 56) rotate(90)", children: [jsx("rect", { height: "10", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "8", x: "1", y: "1" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-34,51a1.994,1.994,0,0,0-1-1.723V46.723A1.994,1.994,0,0,0-34,45a2,2,0,0,0-2-2,2,2,0,0,0-2,2,1.994,1.994,0,0,0,1,1.723v2.554A1.994,1.994,0,0,0-38,51a1.994,1.994,0,0,0,1,1.723v2.554A1.994,1.994,0,0,0-38,57a2,2,0,0,0,2,2,2,2,0,0,0,2-2,1.994,1.994,0,0,0-1-1.723V52.723A1.994,1.994,0,0,0-34,51Z", stroke: "none" }), jsx("path", { d: "M -36 43 C -34.89500045776367 43 -34 43.89500045776367 -34 45 C -34 45.73799896240234 -34.40499877929688 46.37599945068359 -35 46.72299957275391 L -35 49.27700042724609 C -34.40499877929688 49.62400054931641 -34 50.26200103759766 -34 51 C -34 51.73799896240234 -34.40499877929688 52.37599945068359 -35 52.72299957275391 L -35 55.27700042724609 C -34.40499877929688 55.62400054931641 -34 56.26200103759766 -34 57 C -34 58.10499954223633 -34.89500045776367 59 -36 59 C -37.10499954223633 59 -38 58.10499954223633 -38 57 C -38 56.26200103759766 -37.59500122070313 55.62400054931641 -37 55.27700042724609 L -37 52.72299957275391 C -37.59500122070313 52.37599945068359 -38 51.73799896240234 -38 51 C -38 50.26200103759766 -37.59500122070313 49.62400054931641 -37 49.27700042724609 L -37 46.72299957275391 C -37.59500122070313 46.37599945068359 -38 45.73799896240234 -38 45 C -38 43.89500045776367 -37.10499954223633 43 -36 43 Z", fill: "currentColor", stroke: "none" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-40 41)", width: "20" })] }) }) }));
-}
-
-function Alert({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-220 -208)", children: [jsx("path", { d: "M295,13V8a5,5,0,0,0-4-4.9V1h-2V3.1A5,5,0,0,0,285,8v5l-2,2v2h4.5a2.5,2.5,0,0,0,5,0H297V15Zm-5,5a1,1,0,0,1-1-1h2A1,1,0,0,1,290,18Zm1.486-3H285l2-2V8a3,3,0,0,1,6,0v5l2,2Z", fill: "currentColor", transform: "translate(-60 208)" }), jsx("rect", { fill: "none", height: "20", transform: "translate(220 208)", width: "20" })] }) }) }));
+function getUtcDayjs() {
+    return dayjs_minExports().utc();
 }
 
-function Anchor({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("rect", { fill: "none", height: "20", width: "20" }), jsx("path", { d: "M14.6,12.7l1.395,1.4A7.258,7.258,0,0,1,11,17.128V10h3V8H11V6.816a3,3,0,1,0-2,0V8H6v2H9v7.087A7.2,7.2,0,0,1,4.2,14.1L5.6,12.7,2,10v2.7C2,16.192,6.428,19,10.1,19s8.1-2.808,8.1-6.3V10ZM10,3A1,1,0,1,1,9,4,1,1,0,0,1,10,3Z", fill: "currentColor" })] }) }));
-}
+new Array(24).fill(undefined).map((_, index) => ({
+    label: String(index).padStart(2, '0'),
+    value: index
+}));
+const RSUITE_CALENDAR_LOCALE = {
+    formattedDayPattern: 'dd/MM/yyyy',
+    formattedMonthPattern: 'MMMM yyyy',
+    friday: 'V',
+    hours: 'Heures',
+    minutes: 'Minutes',
+    monday: 'L',
+    ok: 'Valider',
+    saturday: 'S',
+    seconds: 'Secondes',
+    sunday: 'D',
+    thursday: 'J',
+    today: 'Aujourd’hui',
+    tuesday: 'M',
+    wednesday: 'M',
+    yesterday: 'Hier'
+};
+var STATUS;
+(function (STATUS) {
+    STATUS["END_DATE"] = "END_DATE";
+    STATUS["NO_DATE"] = "NO_DATE";
+    STATUS["START_DATE"] = "START_DATE";
+})(STATUS || (STATUS = {}));
 
-function Archive({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-120)", children: [jsx("path", { d: "M138,2H122V8h1V18h14V8h1ZM124,4h12V6H124Zm11,12H125V8h10Z", fill: "currentColor" }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(128 10)", children: [jsx("rect", { height: "2", stroke: "none", width: "4" }), jsx("rect", { fill: "none", width: "2", x: "1", y: "1" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(120)", width: "20" })] }) }) }));
+function CalendarPicker({ defaultValue, isHistorical, isOpen, onChange }) {
+    const boxRef = useRef();
+    const { forceUpdate } = useForceUpdate();
+    const utcTodayAsDayjs = useMemo(() => getUtcDayjs().endOf('day'), []);
+    const disabledDate = useMemo(() => (date) => date && isHistorical ? getUtcizedDayjs(date).isAfter(utcTodayAsDayjs) : false, [isHistorical, utcTodayAsDayjs]);
+    const handleSelect = useCallback((nextDate) => {
+        const nextDateTuple = getDateTupleFromDate(nextDate);
+        onChange(nextDateTuple);
+    }, [onChange]);
+    useEffect(() => {
+        // We wait for the <Box /> to render so that `boxRef` is defined
+        // and can be used as a container for <RsuiteDatePicker />
+        forceUpdate();
+    }, [forceUpdate]);
+    return (jsx(Box$3, { ref: boxRef, onClick: stopMouseEventPropagation, children: boxRef.current && (jsx(DatePicker$1, { container: boxRef.current, disabledDate: disabledDate, format: "yyyy-MM-dd", locale: RSUITE_CALENDAR_LOCALE, oneTap: true, onSelect: handleSelect, open: isOpen, 
+            // `defaultValue` seems to be immediatly cancelled so we come down to using a controlled `value`
+            ranges: [], value: defaultValue })) }));
 }
+const Box$3 = styled.div `
+  height: 0;
+  position: relative;
+  user-select: none;
 
-function Attention({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(200 -82)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-190,83a9,9,0,0,0-9,9,9,9,0,0,0,9,9,9,9,0,0,0,9-9A9,9,0,0,0-190,83Zm0,16a7,7,0,0,1-7-7,7,7,0,0,1,7-7,7,7,0,0,1,7,7A7,7,0,0,1-190,99Z", stroke: "none" }), jsx("path", { d: "M -190 83 C -185.0290069580078 83 -181 87.02899932861328 -181 92 C -181 96.97100067138672 -185.0290069580078 101 -190 101 C -194.9709930419922 101 -199 96.97100067138672 -199 92 C -199 87.02899932861328 -194.9709930419922 83 -190 83 Z M -190 99 C -186.1340026855469 99 -183 95.86599731445313 -183 92 C -183 88.13400268554688 -186.1340026855469 85 -190 85 C -193.8659973144531 85 -197 88.13400268554688 -197 92 C -197 95.86599731445313 -193.8659973144531 99 -190 99 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-189 93) rotate(180)", children: [jsx("rect", { height: "5", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "3", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-189 96) rotate(180)", children: [jsx("rect", { height: "2", stroke: "none", width: "2" }), jsx("rect", { fill: "none", x: "1", y: "1" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-200 82)", width: "20" })] }) }) }));
-}
+  /*
+    This is a hack to hide .rs-picker-date > .rs-picker-toggle which must exist in DOM
+    since it's used as a ref by Rsuite to calculate .rs-picker-date-menu position
+  */
+  .rs-picker-date {
+    font-size: 0;
+    position: absolute;
 
-function Calendar({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(280 -41)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-266,44V42h-2v2h-4V42h-2v2h-4V59h16V44Zm2,13h-12V50h12Zm0-9h-12V46h12Z", stroke: "none" }), jsx("path", { d: "M -274 42 L -272 42 L -272 44 L -268 44 L -268 42 L -266 42 L -266 44 L -262 44 L -262 59 L -278 59 L -278 44 L -274 44 L -274 42 Z M -264 48 L -264 46 L -276 46 L -276 48 L -264 48 Z M -264 57 L -264 50 L -276 50 L -276 57 L -264 57 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-274 52)", children: [jsx("rect", { height: "3", stroke: "none", width: "4" }), jsx("rect", { fill: "none", height: "1", width: "2", x: "1", y: "1" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-280 41)", width: "20" })] }) }) }));
-}
+    .rs-picker-toggle {
+      border: 0 !important;
+      padding: 0;
 
-function Check({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(40 -82)", children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-23.99,86.7l-7.778,7.778-4.243-4.243-1.414,1.414,4.243,4.243,1.414,1.414,9.192-9.192Z", stroke: "none" }), jsx("path", { d: "M -23.98955917358398 86.69669342041016 L -22.57537841796875 88.11093139648438 L -31.76775932312012 97.30330657958984 L -37.42462158203125 91.64644622802734 L -36.01044082641602 90.23220825195313 L -31.76775932312012 94.47487640380859 L -23.98955917358398 86.69669342041016 Z", fill: "currentColor", stroke: "none" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-40 82)", width: "20" })] }) }) }));
-}
+      * {
+        display: none;
+      }
+    }
+  }
 
-function Chevron({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(0 -82)", children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M16.585,87.293,10,93.878,3.415,87.293,2,88.707l6.585,6.585L10,96.707l1.415-1.415L18,88.707Z", stroke: "none" }), jsx("path", { d: "M 3.414670944213867 87.29266357421875 L 10 93.87799072265625 L 16.58533096313477 87.29266357421875 L 18 88.70733642578125 L 10 96.70733642578125 L 2 88.70733642578125 L 3.414670944213867 87.29266357421875 Z", fill: "currentColor", stroke: "none" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(0 82)", width: "20" })] }) }) }));
-}
+  .rs-picker-date-menu {
+    box-shadow: inset 0px 0px 0px 1px ${p => p.theme.color.lightGray};
+    border-radius: 0;
+    margin-top: 2px;
 
-function Clock({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(240 -41)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-230,42a9,9,0,0,0-9,9,9,9,0,0,0,9,9,9,9,0,0,0,9-9A9,9,0,0,0-230,42Zm0,16a7,7,0,0,1-7-7,7,7,0,0,1,7-7,7,7,0,0,1,7,7A7,7,0,0,1-230,58Z", stroke: "none" }), jsx("path", { d: "M -230 42 C -225.0290069580078 42 -221 46.02899932861328 -221 51 C -221 55.97100067138672 -225.0290069580078 60 -230 60 C -234.9709930419922 60 -239 55.97100067138672 -239 51 C -239 46.02899932861328 -234.9709930419922 42 -230 42 Z M -230 58 C -226.1340026855469 58 -223 54.86600112915039 -223 51 C -223 47.13399887084961 -226.1340026855469 44 -230 44 C -233.8659973144531 44 -237 47.13399887084961 -237 51 C -237 54.86600112915039 -233.8659973144531 58 -230 58 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-229,50V46h-2v6h6V50Z", stroke: "none" }), jsx("path", { d: "M -225 52 L -231 52 L -231 46 L -229 46 L -229 50 L -225 50 L -225 52 Z", fill: "currentColor", stroke: "none" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-240 41)", width: "20" })] }) }) }));
-}
+    .rs-picker-date-header,
+    .rs-calendar-header-time-toolbar,
+    .rs-picker-toolbar {
+      display: none;
+    }
 
-function Close({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(160 -82)", children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-142,85.415-143.415,84-150,90.585-156.585,84-158,85.415-151.415,92-158,98.585l1.415,1.415L-150,93.415l6.585,6.585L-142,98.585-148.585,92Z", stroke: "none" }), jsx("path", { d: "M -156.5853271484375 84 L -150 90.5853271484375 L -143.4146728515625 84 L -142 85.4146728515625 L -148.5853271484375 92 L -142 98.5853271484375 L -143.4146728515625 100 L -150 93.4146728515625 L -156.5853271484375 100 L -158 98.5853271484375 L -151.4146728515625 92 L -158 85.4146728515625 L -156.5853271484375 84 Z", fill: "currentColor", stroke: "none" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-160 82)", width: "20" })] }) }) }));
-}
+    .rs-calendar {
+      border: 0;
+      font-size: 13px;
+      height: auto !important;
+      line-height: 1.4;
+      padding: 0;
 
-function Confirm({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-40)", children: [jsx("path", { d: "M50,1a9,9,0,1,0,9,9A9,9,0,0,0,50,1Zm0,16a7,7,0,1,1,7-7A7,7,0,0,1,50,17Z", fill: "currentColor" }), jsx("path", { d: "M53.382,6.529l-4.243,4.243L47.018,8.65,45.6,10.064l2.121,2.121h0L49.139,13.6,54.8,7.943Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(40)", width: "20" })] }) }) }));
-}
+      > .rs-calendar-header {
+        border-bottom: solid 1px ${p => p.theme.color.lightGray};
+        padding: 4px 0;
 
-function Control({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsxs("defs", { children: [jsx("clipPath", { children: jsx("use", {}) }), jsx("clipPath", { children: jsx("use", {}) }), jsx("clipPath", { children: jsx("use", {}) })] }), jsxs("g", { transform: "translate(120 -41)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-104 58) rotate(90)", children: [jsx("rect", { height: "12", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "10", x: "1", y: "1" })] }), jsx("path", { d: "M-107.694,47l1.333,8h-7.277l1.336-8Zm0-2h-4.6a2,2,0,0,0-1.977,1.675L-116,57h12l-1.721-10.325A2,2,0,0,0-107.7,45Z", fill: "currentColor" }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-110.75 41.75)", children: [jsx("rect", { height: "2.25", stroke: "none", width: "1.5" }), jsx("path", { clipPath: "url(#clip)", d: "M0,1h1.5M1,0v2.25M1.5,1.25h-1.5M0.5,2.25v-2.25", fill: "none" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-104.061 43) rotate(45)", children: [jsx("rect", { height: "2.25", stroke: "none", width: "1.5" }), jsx("path", { clipPath: "url(#clip-2)", d: "M0,1h1.5M1,0v2.25M1.5,1.25h-1.5M0.5,2.25v-2.25", fill: "none" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-117 44.061) rotate(-45)", children: [jsx("rect", { height: "2.25", stroke: "none", width: "1.5" }), jsx("path", { clipPath: "url(#clip-3)", d: "M0,1h1.5M1,0v2.25M1.5,1.25h-1.5M0.5,2.25v-2.25", fill: "none" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-120 41)", width: "20" })] })] }) }));
-}
+        > .rs-calendar-header-month-toolbar {
+          align-items: center;
+          color: ${p => p.theme.color.slateGray};
+          display: flex;
+          justify-content: space-between;
 
-function Delete({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-23.798 -14.096)", children: [jsxs("g", { children: [jsx("rect", { fill: "currentColor", height: "6", transform: "translate(31.548 22.096)", width: "1.5" }), jsx("rect", { fill: "currentColor", height: "6", transform: "translate(34.548 22.096)", width: "1.5" }), jsx("path", { d: "M41.8,17.6h-4V16.1h-8v1.5h-4v2h1.5V31.1a1,1,0,0,0,1,1h11a1,1,0,0,0,1-1V19.6h1.5ZM38.3,30.1h-9V19.6h9Z", fill: "currentColor" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(23.798 14.096)", width: "20" })] }) }) }));
-}
+          > .rs-calendar-header-backward {
+            color: ${p => p.theme.color.slateGray};
+          }
 
-function Display({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(0 -40)", children: [jsxs("g", { children: [jsx("path", { d: "M10,44a9.674,9.674,0,0,0-9,6,9.674,9.674,0,0,0,9,6,9.674,9.674,0,0,0,9-6A9.674,9.674,0,0,0,10,44Zm0,10a4,4,0,1,1,4-4A4,4,0,0,1,10,54Z", fill: "currentColor" }), jsx("circle", { cx: "2.25", cy: "2.25", fill: "currentColor", r: "2.25", transform: "translate(7.75 47.75)" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(0 40)", width: "20" })] }) }) }));
-}
+          > .rs-calendar-header-title {
+            color: ${p => p.theme.color.slateGray};
+            font-size: 13px;
+            font-weight: 500;
+            padding: 5px 8px 6px;
+            text-transform: uppercase;
 
-function DoubleChevron({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M16.585,3.085,10,9.671,3.415,3.085,2,4.5l6.585,6.585L10,12.5l1.415-1.415L18,4.5Z", stroke: "none" }), jsx("path", { d: "M 3.414670944213867 3.085323333740234 L 10 9.670653343200684 L 16.58533096313477 3.085323333740234 L 18 4.500003814697266 L 10 12.50000381469727 L 2 4.500003814697266 L 3.414670944213867 3.085323333740234 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M16.585,8.085,10,14.671,3.415,8.085,2,9.5l6.585,6.585L10,17.5l1.415-1.415L18,9.5Z", stroke: "none" }), jsx("path", { d: "M 3.414670944213867 8.085323333740234 L 10 14.67065334320068 L 16.58533096313477 8.085323333740234 L 18 9.500003814697266 L 10 17.50000381469727 L 2 9.500003814697266 L 3.414670944213867 8.085323333740234 Z", fill: "currentColor", stroke: "none" })] })] }), jsx("rect", { fill: "none", height: "20", width: "20" })] }) }));
-}
+            &.rs-calendar-header-error {
+              color: ${p => p.theme.color.slateGray};
 
-function Download({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-80)", children: [jsxs("g", { children: [jsx("rect", { fill: "currentColor", height: "2", transform: "translate(84 16)", width: "12" }), jsx("path", { d: "M93,9V2H87V9H84l6,6,6-6Z", fill: "currentColor" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(80)", width: "20" })] }) }) }));
-}
+              &:hover {
+                color: ${p => p.theme.color.slateGray};
+              }
+            }
+          }
 
-function Drapeau({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("rect", { fill: "#000091", height: "12", transform: "translate(1 4)", width: "6" }), jsx("rect", { fill: "#e1000f", height: "12", transform: "translate(13 4)", width: "6" }), jsx("rect", { fill: "#fff", height: "12", transform: "translate(7 4)", width: "6" }), jsx("rect", { fill: "none", height: "20", width: "20" }), jsx("path", { d: "M19,4V16H1V4H19m1-1H0V17H20V3Z", fill: "#e5e5eb" })] }) }));
-}
+          > .rs-calendar-header-forward {
+            color: ${p => p.theme.color.slateGray};
+          }
+        }
+      }
 
-function Duplicate({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M6,2V5H3V18H14V15h3V2Zm6,14H5V7h7Zm3-3H14V5H8V4h7Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", width: "20" })] }) }));
-}
+      > .rs-calendar-body {
+        padding: 12px 8px 0;
 
-function Edit({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-80)", children: [jsx("path", { d: "M86,11.5V14h2.5l7.372-7.372-2.5-2.5ZM97.805,4.7a.664.664,0,0,0,0-.94l-1.56-1.56a.664.664,0,0,0-.94,0l-1.219,1.22,2.5,2.5Z", fill: "currentColor" }), jsx("path", { d: "M95,9v7H84V5h7V3H82V18H97V9Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(80)", width: "20" })] }) }) }));
-}
+        .rs-calendar-table-cell {
+          padding: 0 0 4px 0;
+          width: 33px;
 
-function EditBis({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-80)", children: [jsx("path", { d: "M86,11.5V14h2.5l7.372-7.372-2.5-2.5ZM97.805,4.7a.664.664,0,0,0,0-.94l-1.56-1.56a.664.664,0,0,0-.94,0l-1.219,1.22,2.5,2.5Z", fill: "currentColor" }), jsx("path", { d: "M95,9v7H84V5h7V3H82V18H97V9Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(80)", width: "20" })] }) }) }));
-}
+          &.rs-calendar-table-cell-in-range:before {
+            background-color: ${p => p.theme.color.blueGray[25]};
+            height: 33px;
+            margin-top: 0;
+          }
 
-function Favorite({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-300 -208)", children: [jsx("path", { d: "M370,5.015l1.763,3.568,3.936.571-2.848,2.773.673,3.919L370,13.995l-3.524,1.851.673-3.919L364.3,9.154l3.936-.571L370,5.015M370,.5l-3.09,6.254-6.91,1,5,4.869L363.82,19.5,370,16.254l6.18,3.246L375,12.626l5-4.869-6.91-1L370,.5Z", fill: "currentColor", transform: "translate(-60 208)" }), jsx("rect", { fill: "none", height: "20", transform: "translate(300 208)", width: "20" })] }) }) }));
-}
+          > .rs-calendar-table-cell-content {
+            border-radius: 0 !important;
+            display: inline-flex;
+            height: 33px;
+            justify-content: center;
+            line-height: 1;
+            padding: 7px 0 0;
+            width: 33px;
+          }
+          &:hover .rs-calendar-table-cell-content {
+            background-color: ${p => p.theme.color.blueYonder[25]};
+            color: ${p => p.theme.color.blueYonder[100]};
+          }
+          &[role='columnheader'] .rs-calendar-table-cell-content,
+          &[role='columnheader']:hover .rs-calendar-table-cell-content {
+            background-color: transparent;
+            color: ${p => p.theme.color.slateGray};
+          }
+          &.rs-calendar-table-cell-disabled .rs-calendar-table-cell-content {
+            background-color: transparent;
+            color: ${p => p.theme.color.lightGray};
+          }
+          &.rs-calendar-table-cell-selected > .rs-calendar-table-cell-content {
+            background-color: ${p => p.theme.color.blueGray[100]};
+          }
+        }
+      }
 
-function FilledArrow({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(320 -41)", children: [jsx("path", { d: "M-313,43V59l8-8Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-320 41)", width: "20" })] }) }) }));
-}
+      > .rs-calendar-month-dropdown {
+        border: 0;
+        margin-top: 3px;
 
-function Filter({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-930 -294)", children: [jsx("path", { d: "M2,2V4l5,7.592V18h6V11.592L18,4h0V2Zm9,9v5H9V11H9L4.394,4H15.606Z", fill: "currentColor", transform: "translate(930 294)" }), jsx("rect", { fill: "none", height: "20", transform: "translate(930 294)", width: "20" })] }) }) }));
-}
+        .rs-calendar-month-dropdown-year {
+          color: ${p => p.theme.color.slateGray};
 
-function FilterBis({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("g", { children: jsx("rect", { fill: "none", height: "20", width: "20" }) }), jsxs("g", { children: [jsx("path", { d: "M18,3.5H8.789a2.5,2.5,0,0,0-4.578,0H2v2H4.211a2.5,2.5,0,0,0,4.578,0H18ZM6.5,5.5a1,1,0,1,1,1-1A1,1,0,0,1,6.5,5.5Z", fill: "currentColor" }), jsx("path", { d: "M18,9H15.789a2.5,2.5,0,0,0-4.578,0H2v2h9.211a2.5,2.5,0,0,0,4.578,0H18Zm-4.5,2a1,1,0,1,1,1-1A1,1,0,0,1,13.5,11Z", fill: "currentColor" }), jsx("path", { d: "M18,14.5H8.789a2.5,2.5,0,0,0-4.578,0H2v2H4.211a2.5,2.5,0,0,0,4.578,0H18Zm-11.5,2a1,1,0,1,1,1-1A1,1,0,0,1,6.5,16.5Z", fill: "currentColor" })] })] }) }));
-}
+          &.rs-calendar-month-dropdown-year-active {
+            color: ${p => p.theme.color.blueYonder[100]};
+          }
+        }
 
-function Fishery({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(80 -41)", children: [jsx("g", { children: jsx("circle", { cx: "1.5", cy: "1.5", fill: "currentColor", r: "1.5", transform: "translate(-67 49.5)" }) }), jsx("path", { d: "M-70.092,59a1.713,1.713,0,0,1-.533-.07c-.865-.292-.854-1.258-.846-1.964,0-.141,0-.344,0-.494a18.923,18.923,0,0,1-3.218-2.157l-2.7,2.621a1.682,1.682,0,0,1-2.146-.378,2.072,2.072,0,0,1-.34-2.007l1.225-3.545-1.228-3.555a2.06,2.06,0,0,1,.338-1.99,1.68,1.68,0,0,1,2.152-.384l.174.134L-74.69,47.7a19,19,0,0,1,3.214-2.171c.008-.149.006-.352,0-.492-.008-.706-.019-1.673.844-1.965,1.093-.37,4.183.766,5.6,1.454l.091.045c2.717,1.3,4.323,3.052,4.771,5.193A4.455,4.455,0,0,1-60,51h0a4.7,4.7,0,0,1-.184,1.3c-.433,2.078-2.039,3.825-4.757,5.129l-.09.045A14.905,14.905,0,0,1-70.092,59Zm-4.626-6.671a1.261,1.261,0,0,1,.885.359,17.173,17.173,0,0,0,3.482,2.355c.714.425.7,1.231.7,1.941,0,.064,0,.141,0,.22a16.9,16.9,0,0,0,3.812-1.322l.1-.048c.815-.392,3.295-1.583,3.792-3.953a3.177,3.177,0,0,0,.131-.88,2.962,2.962,0,0,0-.115-.816c-.513-2.434-2.993-3.625-3.808-4.016l-.1-.049a16.147,16.147,0,0,0-3.814-1.305c0,.073,0,.144,0,.2.007.713.016,1.521-.649,1.914a17.441,17.441,0,0,0-3.559,2.416,1.19,1.19,0,0,1-.8.335,1.264,1.264,0,0,1-.9-.32l-2.616-2.577a.3.3,0,0,0,.018.084l1.429,4.136-1.425,4.126a.34.34,0,0,0-.021.092l2.573-2.537A1.271,1.271,0,0,1-74.718,52.329Zm-.339-4.316a.543.543,0,0,0-.081.072Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-80 41)", width: "20" })] }) }) }));
-}
+        .rs-calendar-month-dropdown-cell {
+          > .rs-calendar-month-dropdown-cell-content {
+            border-radius: 0 !important;
+            color: ${p => p.theme.color.gunMetal};
+            display: inline-flex;
+            height: 33px;
+            justify-content: center;
+            line-height: 1;
+            padding: 8px 0 0;
+            width: 33px;
+          }
+          &:hover > .rs-calendar-month-dropdown-cell-content {
+            background-color: ${p => p.theme.color.blueYonder[25]};
+            color: ${p => p.theme.color.blueYonder[100]};
+          }
+          &.rs-calendar-month-dropdown-cell-active > .rs-calendar-month-dropdown-cell-content {
+            background-color: ${p => p.theme.color.blueGray[100]};
+            color: ${p => p.theme.color.white};
+          }
+        }
+      }
+    }
+  }
+`;
 
-function FishingEngine({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(0 -41)", children: [jsx("path", { d: "M11,53h2v1a3,3,0,0,1-6,0V47.789a2.5,2.5,0,1,0-2,0V54a5,5,0,0,0,10,0V48ZM6,46.5a1,1,0,1,1,1-1A1,1,0,0,1,6,46.5Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(0 41)", width: "20" })] }) }) }));
+function DatePicker({ defaultValue, 
+// eslint-disable-next-line @typescript-eslint/naming-convention
+disabled = false, isCompact = false, isHistorical = false, isLabelHidden = false, isLight = false, label, minutesRange = 15, onChange, withTime = false, ...nativeProps }) {
+    const boxRef = useRef();
+    const dateInputRef = useRef();
+    const timeInputRef = useRef();
+    const isCalendarPickerOpenRef = useRef(false);
+    const selectedDateRef = useRef(defaultValue ? getLocalizedDayjs(defaultValue).toDate() : undefined);
+    const selectedDateTupleRef = useRef(getDateTupleFromDate(selectedDateRef.current));
+    const selectedTimeTupleRef = useRef(getTimeTupleFromDate(selectedDateRef.current));
+    const { forceUpdate } = useForceUpdate();
+    const rangeCalendarPickerDefaultValue = useMemo(() => selectedDateTupleRef.current
+        ? getDateFromDateAndTimeTuple(selectedDateTupleRef.current, ['00', '00'])
+        : undefined, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [selectedDateTupleRef.current]);
+    const submit = useCallback(() => {
+        if (!onChange || !selectedDateRef.current) {
+            return;
+        }
+        const nextDate = getUtcizedDayjs(selectedDateRef.current).toDate();
+        onChange(nextDate);
+    }, [onChange]);
+    const closeCalendarPicker = useCallback(() => {
+        isCalendarPickerOpenRef.current = false;
+        forceUpdate();
+    }, [forceUpdate]);
+    const handleClickOutside = useCallback((event) => {
+        const target = event.target;
+        if (dateInputRef.current.box.contains(target)) {
+            return;
+        }
+        closeCalendarPicker();
+    }, [closeCalendarPicker]);
+    const handleDateInputNext = useCallback(() => {
+        if (!withTime) {
+            return;
+        }
+        timeInputRef.current.focus();
+    }, [withTime]);
+    const handleDateInputChange = useCallback((nextDateTuple, isFilled) => {
+        selectedDateTupleRef.current = nextDateTuple;
+        // If there is no time input or a time has already been selected,
+        if (!withTime || selectedTimeTupleRef.current) {
+            // we must update the selected date and call onChange()
+            const timeTuple = (withTime ? selectedTimeTupleRef.current : ['00', '00']);
+            const nextDate = getDateFromDateAndTimeTuple(nextDateTuple, timeTuple);
+            selectedDateRef.current = nextDate;
+            submit();
+        }
+        if (isFilled) {
+            handleDateInputNext();
+        }
+    }, [handleDateInputNext, submit, withTime]);
+    const handleCalendarPickerChange = useCallback((nextDateTuple) => {
+        // If this is a date picker without a time input,
+        if (!withTime) {
+            // we have to fix the date at the beginning of the day
+            const nextDate = getDateFromDateAndTimeTuple(nextDateTuple, ['00', '00']);
+            selectedDateRef.current = nextDate;
+        }
+        // If this is a date picker with a time input,
+        else {
+            // we include the selected time if it exists, set it at the beginning of the day if not
+            const nextDate = getDateFromDateAndTimeTuple(nextDateTuple, selectedTimeTupleRef.current || ['00', '00']);
+            selectedDateRef.current = nextDate;
+        }
+        selectedDateTupleRef.current = nextDateTuple;
+        selectedTimeTupleRef.current = getTimeTupleFromDate(selectedDateRef.current);
+        closeCalendarPicker();
+        forceUpdate();
+        submit();
+        if (withTime && !selectedTimeTupleRef.current) {
+            timeInputRef.current.focus();
+        }
+    }, [closeCalendarPicker, forceUpdate, submit, withTime]);
+    const handleTimeInputFilled = useCallback((nextTimeTuple) => {
+        // If a date has already been selected
+        if (selectedDateTupleRef.current) {
+            // we must update the selected date accordingly and submit it
+            const nextDate = getDateFromDateAndTimeTuple(selectedDateTupleRef.current, nextTimeTuple);
+            selectedDateRef.current = nextDate;
+            submit();
+        }
+        selectedTimeTupleRef.current = nextTimeTuple;
+        submit();
+    }, [submit]);
+    const openCalendarPicker = useCallback(() => {
+        isCalendarPickerOpenRef.current = true;
+        forceUpdate();
+    }, [forceUpdate]);
+    useEffect(() => {
+        window.document.addEventListener('click', handleClickOutside);
+        return () => {
+            window.document.removeEventListener('click', handleClickOutside);
+        };
+    }, [handleClickOutside]);
+    return (jsxs(Fieldset, { disabled: disabled, ...nativeProps, children: [jsx(Legend, { isDisabled: disabled, isHidden: isLabelHidden, children: label }), jsxs(Box$2, { ref: boxRef, children: [jsx(Field$1, { children: jsx(DateInput, { ref: dateInputRef, defaultValue: selectedDateTupleRef.current, disabled: disabled, isCompact: isCompact, isForcedFocused: isCalendarPickerOpenRef.current, isLight: isLight, onChange: handleDateInputChange, onClick: openCalendarPicker, onNext: handleDateInputNext }) }), withTime && (jsx(Field$1, { "$isTimeField": true, children: jsx(TimeInput, { ref: timeInputRef, defaultValue: selectedTimeTupleRef.current, disabled: disabled, isCompact: isCompact, isLight: isLight, minutesRange: minutesRange, onBack: () => dateInputRef.current.focus(true), onChange: handleTimeInputFilled, onFocus: closeCalendarPicker, onPrevious: () => dateInputRef.current.focus(true) }) }))] }), jsx(CalendarPicker, { defaultValue: rangeCalendarPickerDefaultValue, isHistorical: isHistorical, isOpen: isCalendarPickerOpenRef.current, onChange: handleCalendarPickerChange })] }));
 }
+const Box$2 = styled.div `
+  * {
+    font-weight: 500;
+    line-height: 1;
+  }
 
-function FleetSegment({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(280 -82)", children: [jsx("path", { d: "M-262,92l-2-.5V88a2,2,0,0,0-2-2h-2V84h-4v2h-2a2,2,0,0,0-2,2v3.5l-2,.5,1.5,6H-278v2h1.6a5.963,5.963,0,0,0,3.2-.99,5.776,5.776,0,0,0,6.4,0,5.879,5.879,0,0,0,3.2.99h1.6V98h-1.5Zm-12-4h8v3l-4-1-4,1Zm.8,8.68a5.751,5.751,0,0,1-1.35.875l-1.025-4.1L-270,92.062l5.575,1.393-1.025,4.1a5.751,5.751,0,0,1-1.35-.875A4.633,4.633,0,0,1-273.2,96.68Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-280 82)", width: "20" })] }) }) }));
+  color: ${p => p.theme.color.gunMetal};
+  font-size: 13px;
+  position: relative;
+`;
+const Field$1 = styled.span `
+  font-size: inherit;
+  margin-left: ${p => (p.$isTimeField ? '2px' : 0)};
+`;
+
+function sortDates(dates) {
+    return dates
+        .map(date => date.toISOString())
+        .sort()
+        .map(dateAsIsoString => dayjs_minExports(dateAsIsoString).toDate());
 }
 
-function Focus({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(320 -82)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-319,83v7h2V85h5V83Z", stroke: "none" }), jsx("path", { d: "M -319 83 L -312 83 L -312 85 L -317 85 L -317 90 L -319 90 L -319 83 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-317,94h-2v7h7V99h-5Z", stroke: "none" }), jsx("path", { d: "M -319 94 L -317 94 L -317 99 L -312 99 L -312 101 L -319 101 L -319 94 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-308,83v2h5v5h2V83Z", stroke: "none" }), jsx("path", { d: "M -308 83 L -301 83 L -301 90 L -303 90 L -303 85 L -308 85 L -308 83 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-303,99h-5v2h7V94h-2Z", stroke: "none" }), jsx("path", { d: "M -301 101 L -308 101 L -308 99 L -303 99 L -303 94 L -301 94 L -301 101 Z", fill: "currentColor", stroke: "none" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-320 82)", width: "20" })] }) }) }));
+function RangeCalendarPicker({ defaultValue, isHistorical, isOpen, onChange }) {
+    const boxRef = useRef();
+    const selectedFirstDate = useRef();
+    const { forceUpdate } = useForceUpdate();
+    const controlledValue = useMemo(() => (defaultValue ? sortDates(defaultValue) : undefined), [defaultValue]);
+    const utcTodayAsDayjs = useMemo(() => getUtcDayjs().endOf('day'), []);
+    const disabledDate = useMemo(() => (date) => isHistorical ? getUtcizedDayjs(date).isAfter(utcTodayAsDayjs) : false, [isHistorical, utcTodayAsDayjs]);
+    const handleSelect = useCallback((nextDate) => {
+        if (!selectedFirstDate.current) {
+            selectedFirstDate.current = nextDate;
+            return;
+        }
+        const sortedDateRange = sortDates([selectedFirstDate.current, nextDate]);
+        const [startDate, endDate] = sortedDateRange;
+        const startDateTuple = getDateTupleFromDate(startDate);
+        const endDateTuple = getDateTupleFromDate(endDate);
+        const nextDateTupleRange = [startDateTuple, endDateTuple];
+        onChange(nextDateTupleRange);
+    }, [onChange]);
+    useEffect(() => {
+        // We wait for the <Box /> to render so that `boxRef` is defined
+        // and can be used as a container for <RsuiteDateRangePicker />
+        forceUpdate();
+    }, [forceUpdate]);
+    return (jsx(Box$1, { ref: boxRef, onClick: stopMouseEventPropagation, children: boxRef.current && (jsx(DateRangePicker$1, { container: boxRef.current, disabledDate: disabledDate, format: "yyyy-MM-dd", locale: RSUITE_CALENDAR_LOCALE, onSelect: handleSelect, open: isOpen, ranges: [], 
+            // `defaultValue` seems to be immediatly cancelled so we come down to using a controlled `value`
+            value: controlledValue })) }));
 }
+const Box$1 = styled.div `
+  height: 0;
+  position: relative;
+  user-select: none;
 
-function FocusVessel({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M8.666,14.994a.138.138,0,0,1-.054-.034.142.142,0,0,1-.04-.081l-.4-3.05-3.05-.4a.139.139,0,0,1-.114-.094.137.137,0,0,1,.033-.144L9.3,6.934A.139.139,0,0,1,9.351,6.9l5.463-1.893a.14.14,0,0,1,.178.178L13.1,10.649a.139.139,0,0,1-.033.053L8.809,14.959a.141.141,0,0,1-.1.041A.161.161,0,0,1,8.666,14.994Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", width: "20" }), jsxs("g", { children: [jsx("path", { d: "M1,1V6H3V3H6V1Z", fill: "currentColor" }), jsx("path", { d: "M14,1V3h3V6h2V1Z", fill: "currentColor" }), jsx("path", { d: "M17,17H14v2h5V14H17Z", fill: "currentColor" }), jsx("path", { d: "M3,14H1v5H6V17H3Z", fill: "currentColor" })] })] }) }));
-}
+  /*
+    This is a hack to hide .rs-picker-daterange > .rs-picker-toggle which must exist in DOM
+    since it's used as a ref by Rsuite to calculate .rs-picker-daterange-menu position
+  */
+  .rs-picker-daterange {
+    font-size: 0;
+    position: absolute;
 
-function FocusZones({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsxs("g", { children: [jsx("path", { d: "M10,5.333A7.524,7.524,0,0,0,3,10a7.583,7.583,0,0,0,14,0A7.524,7.524,0,0,0,10,5.333Zm0,7.778A3.111,3.111,0,1,1,13.111,10,3.111,3.111,0,0,1,10,13.111Z", fill: "currentColor" }), jsx("circle", { cx: "1.75", cy: "1.75", fill: "currentColor", r: "1.75", transform: "translate(8.25 8.25)" })] }), jsx("rect", { fill: "none", height: "20", width: "20" }), jsxs("g", { children: [jsx("path", { d: "M1,1V6H3V3H6V1Z", fill: "currentColor" }), jsx("path", { d: "M14,1V3h3V6h2V1Z", fill: "currentColor" }), jsx("path", { d: "M17,17H14v2h5V14H17Z", fill: "currentColor" }), jsx("path", { d: "M3,14H1v5H6V17H3Z", fill: "currentColor" })] })] }) }));
-}
+    .rs-picker-toggle {
+      border: 0 !important;
+      padding: 0;
 
-function Hide({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M15.635,5.779l2.143-2.143L16.364,2.222l-2.55,2.55A9.786,9.786,0,0,0,10,4a9.674,9.674,0,0,0-9,6,9.532,9.532,0,0,0,3.365,4.22L2.222,16.364l1.414,1.414,2.55-2.55A9.786,9.786,0,0,0,10,16a9.674,9.674,0,0,0,9-6A9.541,9.541,0,0,0,15.635,5.779ZM6,10a4,4,0,0,1,4-4,3.96,3.96,0,0,1,2.02.566L10.71,7.875A2.225,2.225,0,0,0,10,7.75,2.25,2.25,0,0,0,7.75,10a2.225,2.225,0,0,0,.125.71L6.566,12.02A3.96,3.96,0,0,1,6,10Zm4,4a3.96,3.96,0,0,1-2.02-.566l1.31-1.309a2.225,2.225,0,0,0,.71.125A2.25,2.25,0,0,0,12.25,10a2.225,2.225,0,0,0-.125-.71l1.309-1.31A3.96,3.96,0,0,1,14,10,4,4,0,0,1,10,14Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", width: "20" })] }) }));
-}
+      * {
+        display: none;
+      }
+    }
+  }
 
-function Info({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(240 -82)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-230,83a9,9,0,0,0-9,9,9,9,0,0,0,9,9,9,9,0,0,0,9-9A9,9,0,0,0-230,83Zm0,16a7,7,0,0,1-7-7,7,7,0,0,1,7-7,7,7,0,0,1,7,7A7,7,0,0,1-230,99Z", stroke: "none" }), jsx("path", { d: "M -230 83 C -225.0290069580078 83 -221 87.02899932861328 -221 92 C -221 96.97100067138672 -225.0290069580078 101 -230 101 C -234.9709930419922 101 -239 96.97100067138672 -239 92 C -239 87.02899932861328 -234.9709930419922 83 -230 83 Z M -230 99 C -226.1340026855469 99 -223 95.86599731445313 -223 92 C -223 88.13400268554688 -226.1340026855469 85 -230 85 C -233.8659973144531 85 -237 88.13400268554688 -237 92 C -237 95.86599731445313 -233.8659973144531 99 -230 99 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-231 91)", children: [jsx("rect", { height: "5", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "3", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-231 88)", children: [jsx("rect", { height: "2", stroke: "none", width: "2" }), jsx("rect", { fill: "none", x: "1", y: "1" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-240 82)", width: "20" })] }) }) }));
-}
+  .rs-picker-daterange-menu {
+    box-shadow: inset 0px 0px 0px 1px ${p => p.theme.color.lightGray};
+    border-radius: 0;
+    margin-top: 2px;
 
-function Infringement({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(40 -41)", children: [jsx("path", { d: "M-30,42a9,9,0,0,0-9,9,9,9,0,0,0,9,9,9,9,0,0,0,9-9A9,9,0,0,0-30,42Zm7,9a6.962,6.962,0,0,1-1.4,4.186L-34.186,45.4A6.962,6.962,0,0,1-30,44,7,7,0,0,1-23,51Zm-14,0a6.962,6.962,0,0,1,1.4-4.186l9.787,9.787A6.962,6.962,0,0,1-30,58,7,7,0,0,1-37,51Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-40 41)", width: "20" })] }) }) }));
-}
+    .rs-picker-daterange-header,
+    .rs-calendar-header-time-toolbar,
+    .rs-picker-toolbar {
+      display: none;
+    }
 
-function Landmark({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(120 -82)", children: [jsx("rect", { fill: "currentColor", height: "15", transform: "translate(-114 99) rotate(180)", width: "2" }), jsx("path", { d: "M-113,84V94l12-5Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-120 82)", width: "20" })] }) }) }));
-}
+    .rs-picker-daterange-calendar-group {
+      height: auto;
 
-function List({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(160 -41)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-142 45) rotate(90)", children: [jsx("rect", { height: "12", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "10", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-142 50) rotate(90)", children: [jsx("rect", { height: "12", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "10", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-142 55) rotate(90)", children: [jsx("rect", { height: "12", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "10", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-158 44.5)", children: [jsx("circle", { cx: "1.5", cy: "1.5", r: "1.5", stroke: "none" }), jsx("circle", { cx: "1.5", cy: "1.5", fill: "none", r: "0.5" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-158 49.5)", children: [jsx("circle", { cx: "1.5", cy: "1.5", r: "1.5", stroke: "none" }), jsx("circle", { cx: "1.5", cy: "1.5", fill: "none", r: "0.5" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-158 54.5)", children: [jsx("circle", { cx: "1.5", cy: "1.5", r: "1.5", stroke: "none" }), jsx("circle", { cx: "1.5", cy: "1.5", fill: "none", r: "0.5" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-160 41)", width: "20" })] }) }) }));
-}
+      > .rs-calendar {
+        font-size: 13px;
+        height: auto !important;
+        line-height: 1.4;
+        padding: 0;
 
-function MapLayers({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("rect", { fill: "none", height: "20", width: "20" }), jsxs("g", { children: [jsx("path", { d: "M10,2.332,16.113,6,10,9.668,3.887,6,10,2.332M10,0,0,6l10,6L20,6,10,0Z", fill: "currentColor" }), jsx("path", { d: "M1.913,8.815,0,10l10,6,10-6L18.056,8.834,10,13.668Z", fill: "currentColor" }), jsx("path", { d: "M1.913,12.815,0,14l10,6,10-6-1.944-1.166L10,17.668Z", fill: "currentColor" })] })] }) }));
-}
+        &:first-child {
+          border-right: solid 1px ${p => p.theme.color.lightGray};
+        }
 
-function MeasureAngle({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(200 -82)", children: [jsxs("g", { children: [jsx("path", { d: "M-183.361,98a14.79,14.79,0,0,0-.559-2.434l-1.9.618A12.726,12.726,0,0,1-185.394,98H-196V87.514a12.554,12.554,0,0,1,2.139.507l.649-1.893A14.771,14.771,0,0,0-196,85.471V84h-2v16h16V98Z", fill: "currentColor" }), jsx("path", { d: "M-186.509,94.491l1.795-.883a14.792,14.792,0,0,0-2.029-3.081l-1.52,1.3A12.726,12.726,0,0,1-186.509,94.491Z", fill: "currentColor" }), jsx("path", { d: "M-188.223,89.024a14.915,14.915,0,0,0-3.048-2.073l-.911,1.781a12.857,12.857,0,0,1,2.638,1.794Z", fill: "currentColor" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-200 82)", width: "20" })] }) }) }));
-}
+        > .rs-calendar-header {
+          border-bottom: solid 1px ${p => p.theme.color.lightGray};
+          padding: 8px;
 
-function MeasureBrokenLine({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(240 -82)", children: [jsx("path", { d: "M-222.5,87a2,2,0,0,0-2,2,1.978,1.978,0,0,0,.192.842L-227,93.071a1.974,1.974,0,0,0-.5-.071,1.974,1.974,0,0,0-.5.071l-2.691-3.229A1.978,1.978,0,0,0-230.5,89a2,2,0,0,0-2-2,2,2,0,0,0-2,2,1.978,1.978,0,0,0,.192.842L-237,93.071a1.974,1.974,0,0,0-.5-.071,2,2,0,0,0-2,2,2,2,0,0,0,2,2,2,2,0,0,0,2-2,1.978,1.978,0,0,0-.192-.842L-233,90.929a1.974,1.974,0,0,0,.5.071,1.974,1.974,0,0,0,.5-.071l2.691,3.229A1.978,1.978,0,0,0-229.5,95a2,2,0,0,0,2,2,2,2,0,0,0,2-2,1.978,1.978,0,0,0-.192-.842L-223,90.929a1.974,1.974,0,0,0,.5.071,2,2,0,0,0,2-2A2,2,0,0,0-222.5,87Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-240 82)", width: "20" })] }) }) }));
-}
+          > .rs-calendar-header-month-toolbar {
+            align-items: center;
+            color: ${p => p.theme.color.slateGray};
+            display: flex;
+            justify-content: space-between;
 
-function MeasureCircle({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(160 -82)", children: [jsx("path", { d: "M-150,83a9,9,0,0,0-9,9,9,9,0,0,0,9,9,9,9,0,0,0,9-9A9,9,0,0,0-150,83Zm0,16a7.008,7.008,0,0,1-7-7,7.008,7.008,0,0,1,7-7,6.953,6.953,0,0,1,4.184,1.4l-1.43,1.43A4.964,4.964,0,0,0-150,87a5,5,0,0,0-5,5,5,5,0,0,0,5,5,5,5,0,0,0,5-5,4.964,4.964,0,0,0-.832-2.754l1.43-1.43A6.953,6.953,0,0,1-143,92,7.008,7.008,0,0,1-150,99Zm3-7a3,3,0,0,1-3,3,3,3,0,0,1-3-3,3,3,0,0,1,3-3,2.965,2.965,0,0,1,1.285.3l-1.992,1.992,1.414,1.414,1.992-1.992A2.965,2.965,0,0,1-147,92Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-160 82)", width: "20" })] }) }) }));
-}
+            > .rs-calendar-header-backward {
+              color: ${p => p.theme.color.slateGray};
+            }
 
-function MeasureLine({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(280 -82)", children: [jsx("path", { d: "M-260,87h-20V97h20Zm-1.818,8.333h-16.363V88.667h1.818V92h1.818V88.667h1.818V92h1.818V88.667h1.819V92h1.818V88.667h1.818V92h1.819V88.667h1.818Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-280 82)", width: "20" })] }) }) }));
-}
+            > .rs-calendar-header-title {
+              color: ${p => p.theme.color.slateGray};
+              font-size: 13px;
+              font-weight: 500;
+              padding: 5px 8px 6px;
+              text-transform: uppercase;
 
-function Minus({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("rect", { fill: "currentColor", height: "14", transform: "translate(3 11) rotate(-90)", width: "2" }), jsx("rect", { fill: "none", height: "20", width: "20" })] }) }));
-}
+              &.rs-calendar-header-error {
+                color: ${p => p.theme.color.slateGray};
 
-function More({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(240 -41)", children: [jsxs("g", { children: [jsx("circle", { cx: "2", cy: "2", fill: "currentColor", r: "2", transform: "translate(-232 49)" }), jsx("circle", { cx: "2", cy: "2", fill: "currentColor", r: "2", transform: "translate(-239 49)" }), jsx("circle", { cx: "2", cy: "2", fill: "currentColor", r: "2", transform: "translate(-225 49)" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-240 41)", width: "20" })] }) }) }));
-}
+                &:hover {
+                  color: ${p => p.theme.color.slateGray};
+                }
+              }
+            }
 
-function Note({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M2,2V18H12l6-6V2ZM4,16V4H16v6H10v6Zm8-.828V12h3.172Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", width: "20" })] }) }));
-}
+            > .rs-calendar-header-forward {
+              color: ${p => p.theme.color.slateGray};
+            }
+          }
+        }
 
-function Observation({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("rect", { fill: "none", height: "20", width: "20" }), jsxs("g", { fill: "currentColor", strokeMiterlimit: "10", children: [jsx("path", { d: "M 15.5 17 C 13.57009029388428 17 12 15.42990970611572 12 13.5 L 12 12.11200046539307 L 12 11.31332969665527 L 11.22109985351563 11.13675022125244 C 10.82866764068604 11.0477819442749 10.42606067657471 11.0018138885498 10.02403163909912 11.0000524520874 C 10.30024242401123 11.00124073028564 10.57746124267578 11.0228853225708 10.8484001159668 11.06443977355957 L 12 11.24106979370117 L 12 10.07600021362305 L 12 9.093000411987305 L 12 8.244170188903809 L 11.16244983673096 8.106280326843262 C 10.85622978210449 8.055870056152344 10.44736003875732 7.998000144958496 10 7.998000144958496 C 9.552639961242676 7.998000144958496 9.143770217895508 8.055870056152344 8.837550163269043 8.106280326843262 L 8 8.244170188903809 L 8 9.093000411987305 L 8 10.07699966430664 L 8 11.2455997467041 L 9.154560089111328 11.06497955322266 C 9.42243480682373 11.02307319641113 9.698649406433105 11.00124740600586 9.975924491882324 11.0000524520874 C 9.573919296264648 11.0018196105957 9.171308517456055 11.0477876663208 8.778900146484375 11.13675022125244 L 8 11.31332969665527 L 8 12.11200046539307 L 8 13.5 C 8 15.42990970611572 6.429910182952881 17 4.5 17 C 2.570090055465698 17 1 15.42990970611572 1 13.5 C 1 13.03215980529785 1.091449975967407 12.57750988006592 1.27180004119873 12.1486701965332 L 1.28702437877655 12.11246967315674 L 5.101890087127686 3.952510118484497 L 5.178922653198242 3.78773832321167 C 5.439716339111328 3.304912328720093 5.943906784057617 3 6.5 3 C 7.327099800109863 3 8 3.672899961471558 8 4.5 L 8 5.061999797821045 L 8 6.183760166168213 L 9.114399909973145 6.055439949035645 C 9.454680442810059 6.016250133514404 9.736089706420898 5.998000144958496 10 5.998000144958496 C 10.26076984405518 5.998000144958496 10.54312038421631 6.016039848327637 10.88858032226563 6.054769992828369 L 12 6.179389953613281 L 12 5.060999870300293 L 12 4.5 C 12 3.672899961471558 12.67290019989014 3 13.5 3 C 14.06018733978271 3 14.56766128540039 3.309339284896851 14.82675552368164 3.798352241516113 L 14.89809036254883 3.952470064163208 L 18.64599990844727 11.97018814086914 L 18.64599990844727 11.98406982421875 L 18.72974967956543 12.15236186981201 C 18.90907287597656 12.58011913299561 19 13.03350162506104 19 13.5 C 19 15.42990970611572 17.42991065979004 17 15.5 17 Z M 15.5 10.25 C 13.70794010162354 10.25 12.25 11.70794010162354 12.25 13.5 C 12.25 15.29205989837646 13.70794010162354 16.75 15.5 16.75 C 17.29206085205078 16.75 18.75 15.29205989837646 18.75 13.5 C 18.75 11.70794010162354 17.29206085205078 10.25 15.5 10.25 Z M 4.5 10.25 C 2.707940101623535 10.25 1.25 11.70794010162354 1.25 13.5 C 1.25 15.29205989837646 2.707940101623535 16.75 4.5 16.75 C 6.292059898376465 16.75 7.75 15.29205989837646 7.75 13.5 C 7.75 11.70794010162354 6.292059898376465 10.25 4.5 10.25 Z", stroke: "none" }), jsx("path", { d: "M 13 10.06495571136475 C 13.70204067230225 9.552577972412109 14.56627750396729 9.25 15.5 9.25 C 15.77562522888184 9.25 16.04530715942383 9.276392936706543 16.30645370483398 9.326748847961426 L 13.9340877532959 4.251050472259521 C 13.86002540588379 4.125204086303711 13.71336269378662 4 13.5 4 C 13.22430038452148 4 13 4.224299907684326 13 4.5 L 13 7.297770023345947 L 11.10828113555908 7.085675716400146 C 11.18476295471191 7.096925735473633 11.25709533691406 7.108408451080322 11.32489013671875 7.119569778442383 L 13 7.395349979400635 L 13 10.06495571136475 M 7 10.06495571136475 L 7 7.395349979400635 L 8.67510986328125 7.119569778442383 C 8.725531578063965 7.111268520355225 8.778477668762207 7.102787971496582 8.833767890930176 7.094357490539551 L 7 7.305520057678223 L 7 4.5 C 7 4.224299907684326 6.775700092315674 4 6.5 4 C 6.287984848022461 4 6.141829490661621 4.123627662658691 6.067324161529541 4.248665809631348 L 3.69323992729187 9.326807975769043 C 3.954513072967529 9.276401519775391 4.224231719970703 9.25 4.5 9.25 C 5.433722496032715 9.25 6.297959804534912 9.552577972412109 7 10.06495571136475 M 15.5 18 C 13.01500034332275 18 11 15.98499965667725 11 13.5 L 11 12.11200046539307 C 10.67800045013428 12.03899955749512 10.3430004119873 12 10 12 C 9.656000137329102 12 9.321999549865723 12.03899955749512 9 12.11200046539307 L 9 13.5 C 9 15.98499965667725 6.985000133514404 18 4.5 18 C 2.015000104904175 18 0 15.98499965667725 0 13.5 C 0 12.88300037384033 0.125 12.29599952697754 0.3499999940395355 11.76099967956543 L 0.3479999899864197 11.76099967956543 L 0.3540000021457672 11.74699974060059 L 4.196000099182129 3.526999950408936 C 4.576000213623047 2.630000114440918 5.464000225067139 2 6.5 2 C 7.88100004196167 2 9 3.11899995803833 9 4.5 L 9 5.061999797821045 C 9.329999923706055 5.02400016784668 9.661999702453613 4.998000144958496 10 4.998000144958496 C 10.33800029754639 4.998000144958496 10.67000007629395 5.02400016784668 11 5.060999870300293 L 11 4.5 C 11 3.11899995803833 12.11900043487549 2 13.5 2 C 14.53600025177002 2 15.42399978637695 2.630000114440918 15.80399990081787 3.526999950408936 L 15.80399990081787 3.529000043869019 L 19.65200042724609 11.76099967956543 L 19.64999961853027 11.76099967956543 C 19.875 12.29599952697754 20 12.88300037384033 20 13.5 C 20 15.98499965667725 17.98500061035156 18 15.5 18 Z M 15.5 11.25 C 14.25899982452393 11.25 13.25 12.25899982452393 13.25 13.5 C 13.25 14.74100017547607 14.25899982452393 15.75 15.5 15.75 C 16.74099922180176 15.75 17.75 14.74100017547607 17.75 13.5 C 17.75 12.25899982452393 16.74099922180176 11.25 15.5 11.25 Z M 4.5 11.25 C 3.259000062942505 11.25 2.25 12.25899982452393 2.25 13.5 C 2.25 14.74100017547607 3.259000062942505 15.75 4.5 15.75 C 5.741000175476074 15.75 6.75 14.74100017547607 6.75 13.5 C 6.75 12.25899982452393 5.741000175476074 11.25 4.5 11.25 Z M 10 8.998000144958496 C 9.659999847412109 8.998000144958496 9.328000068664551 9.038999557495117 9 9.093000411987305 L 9 10.07699966430664 C 9.326000213623047 10.02600002288818 9.659999847412109 10 10 10 C 10.34000015258789 10 10.67399978637695 10.02600002288818 11 10.07600021362305 L 11 9.093000411987305 C 10.67199993133545 9.038999557495117 10.34000015258789 8.998000144958496 10 8.998000144958496 Z", fill: "currentColor", stroke: "none" })] })] }) }));
-}
+        > .rs-calendar-body {
+          padding: 12px 8px 0;
 
-function Pin({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-240)", children: [jsx("path", { d: "M250.94,2l-1.412,1.412.706.707L246.7,7.65h-2.824l-1.412,1.413,3.518,3.52-3.985,4L243.413,18l3.985-4,3.54,3.542,1.413-1.412V13.3l3.531-3.531.706.706L258,9.064Zm0,9.888v2.825l-5.648-5.651h2.824l3.531-3.531,2.824,2.825Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(240)", width: "20" })] }) }) }));
-}
+          .rs-calendar-table-cell {
+            padding: 0 0 4px 0;
+            width: 33px;
 
-function Pinpoint({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-160)", children: [jsx("path", { d: "M164,8c0,5,6,10,6,10", fill: "currentColor" }), jsx("path", { d: "M170,2a5.961,5.961,0,0,0-5.944,6.777c.016.135.038.27.062.4l.011.055C164.964,13.792,170,18,170,18s5.036-4.208,5.871-8.763l.011-.055c.024-.135.046-.27.062-.4A5.961,5.961,0,0,0,170,2Zm0,9a3,3,0,1,1,3-3A3,3,0,0,1,170,11Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(160)", width: "20" })] }) }) }));
-}
+            &.rs-calendar-table-cell-in-range:before {
+              background-color: ${p => p.theme.color.blueGray[25]};
+              height: 33px;
+              margin-top: 0;
+            }
 
-function PinpointHide({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-8.128 -10.447)", children: [jsx("rect", { fill: "none", height: "20", transform: "translate(8.128 10.447)", width: "20" }), jsx("path", { d: "M24.88,13.109l-1.415-1.414L21.6,13.56a5.976,5.976,0,0,0-9.416,5.663c.016.136.038.27.061.405l.012.056a9.7,9.7,0,0,0,.811,2.408l-2.139,2.14,1.414,1.414L14.1,23.893a23.842,23.842,0,0,0,4.032,4.554S23.163,24.239,24,19.684l.011-.056c.024-.135.046-.269.062-.405a5.87,5.87,0,0,0-1.057-4.249Zm-9.752,5.338a2.982,2.982,0,0,1,4.286-2.7l-3.986,3.986A2.969,2.969,0,0,1,15.128,18.447Zm6,0a3,3,0,0,1-3,3,2.965,2.965,0,0,1-1.286-.3l3.986-3.986A2.983,2.983,0,0,1,21.128,18.447Z", fill: "currentColor" })] }) }) }));
-}
+            > .rs-calendar-table-cell-content {
+              border-radius: 0 !important;
+              display: inline-flex;
+              height: 33px;
+              justify-content: center;
+              line-height: 1;
+              padding: 7px 0 0;
+              width: 33px;
+            }
+            &:hover .rs-calendar-table-cell-content {
+              background-color: ${p => p.theme.color.blueYonder[25]};
+              color: ${p => p.theme.color.blueYonder[100]};
+            }
+            &[role='columnheader'] .rs-calendar-table-cell-content,
+            &[role='columnheader']:hover .rs-calendar-table-cell-content {
+              background-color: transparent;
+              color: ${p => p.theme.color.slateGray};
+            }
+            &.rs-calendar-table-cell-disabled .rs-calendar-table-cell-content {
+              background-color: transparent;
+              color: ${p => p.theme.color.lightGray};
+            }
+            &.rs-calendar-table-cell-selected > .rs-calendar-table-cell-content {
+              background-color: ${p => p.theme.color.blueGray[100]};
+            }
+          }
+        }
 
-function Plane({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M18.5,13.6V11.8L11.342,7.3V2.35a1.342,1.342,0,1,0-2.684,0V7.3L1.5,11.8v1.8l7.158-2.25V16.3l-1.79,1.35V19L10,18.1l3.132.9V17.65l-1.79-1.35V11.35Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", width: "20" })] }) }));
-}
+        > .rs-calendar-month-dropdown {
+          border: 0;
+          margin-top: 3px;
 
-function Plus({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(120 -82)", children: [jsx("path", { d: "M-102,91h-7V84h-2v7h-7v2h7v7h2V93h7Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(-120 82)", width: "20" })] }) }) }));
-}
+          .rs-calendar-month-dropdown-year {
+            color: ${p => p.theme.color.slateGray};
 
-function Reject({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-80)", children: [jsx("path", { d: "M90,1a9,9,0,1,0,9,9A9,9,0,0,0,90,1Zm0,16a7,7,0,1,1,7-7A7,7,0,0,1,90,17Z", fill: "currentColor" }), jsx("path", { d: "M94,7.455,92.545,6,90,8.545,87.455,6,86,7.455,88.545,10,86,12.545,87.455,14,90,11.455,92.545,14,94,12.545,91.455,10Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(80)", width: "20" })] }) }) }));
-}
+            &.rs-calendar-month-dropdown-year-active {
+              color: ${p => p.theme.color.blueYonder[100]};
+            }
+          }
 
-function Save({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M14.444,2H2V18H18V5.556ZM10,16.222a2.667,2.667,0,1,1,2.667-2.667h0a2.663,2.663,0,0,1-2.659,2.667Zm2.667-8.889H3.778V3.778h8.889Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", width: "20" })] }) }));
-}
+          .rs-calendar-month-dropdown-cell {
+            > .rs-calendar-month-dropdown-cell-content {
+              border-radius: 0 !important;
+              color: ${p => p.theme.color.gunMetal};
+              display: inline-flex;
+              height: 33px;
+              justify-content: center;
+              line-height: 1;
+              padding: 8px 0 0;
+              width: 33px;
+            }
+            &:hover > .rs-calendar-month-dropdown-cell-content {
+              background-color: ${p => p.theme.color.blueYonder[25]};
+              color: ${p => p.theme.color.blueYonder[100]};
+            }
+            &.rs-calendar-month-dropdown-cell-active > .rs-calendar-month-dropdown-cell-content {
+              background-color: ${p => p.theme.color.blueGray[100]};
+              color: ${p => p.theme.color.white};
+            }
+          }
+        }
+      }
+    }
+  }
+`;
 
-function Search({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(200 -41)", children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-181.262,58.262l-5.111-5.111A6.958,6.958,0,0,0-185,49a7,7,0,0,0-7-7,7,7,0,0,0-7,7,7,7,0,0,0,7,7,6.958,6.958,0,0,0,4.151-1.373l5.111,5.111ZM-197,49a5.006,5.006,0,0,1,5-5,5.006,5.006,0,0,1,5,5,5.006,5.006,0,0,1-5,5A5.006,5.006,0,0,1-197,49Z", stroke: "none" }), jsx("path", { d: "M -182.7380065917969 59.73799896240234 L -187.8489990234375 54.62699890136719 C -189.0110015869141 55.48600006103516 -190.4440002441406 56 -192 56 C -195.8659973144531 56 -199 52.86600112915039 -199 49 C -199 45.13399887084961 -195.8659973144531 42 -192 42 C -188.1340026855469 42 -185 45.13399887084961 -185 49 C -185 50.55599975585938 -185.5140075683594 51.98899841308594 -186.3730010986328 53.1510009765625 L -181.2619934082031 58.26200103759766 L -182.7380065917969 59.73799896240234 Z M -192 44 C -194.7570037841797 44 -197 46.24300003051758 -197 49 C -197 51.75699996948242 -194.7570037841797 54 -192 54 C -189.2429962158203 54 -187 51.75699996948242 -187 49 C -187 46.24300003051758 -189.2429962158203 44 -192 44 Z", fill: "currentColor", stroke: "none" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-200 41)", width: "20" })] }) }) }));
-}
+var DateRangePosition;
+(function (DateRangePosition) {
+    DateRangePosition["END"] = "END";
+    DateRangePosition["START"] = "START";
+})(DateRangePosition || (DateRangePosition = {}));
 
-function SelectCircle({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M0,0H20V20H0Z", fill: "none" }), jsx("path", { d: "M10,0H8.35l-.007,0h-.08l-.012,0H8.142l-.007,0h0l-.012,0H8.094l-.013,0h0l-.008,0H8.065l-.008,0h0l-.014,0h0l-.013,0H8.017L8,.2H8L7.989.2h0L7.98.2h0l-.013,0h0l-.014,0h0l-.008,0H7.936l-.009,0h0l-.014,0h0L7.9.22H7.9l-.008,0h0l-.013,0h0L7.86.23h0l-.024,0h0l-.014,0h0L7.8.243h0l-.014,0h0L7.707.264h0l-.014,0h0A9.947,9.947,0,0,0,5.2,1.222l.961,1.755A8,8,0,0,1,10,2V0ZM3.558,2.351c-.2.172-.4.353-.592.541h0l-.021.021h0l0,0h0l-.015.015h0l-.005,0h0l-.02.02h0l-.005.005h0l-.016.016h0l0,0h0L2.856,3h0l-.005,0v0l0,0h0L2.83,3.03h0l0,0v0l-.014.014h0l0,0h0l0,0h0l-.009.01h0l0,0,0,0,0,0h0L2.762,3.1v0l0,0,0,0-.013.014,0,0,0,0,0,0,0,0,0,0-.007.008h0l0,0,0,0,0,0h0L2.7,3.17l0,0,0,0,0,0,0,0,0,0-.006.006,0,0,0,0,0,0,0,0,0,0-.007.008,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,.005,0,0,0,0,0,0,0,0,0,0,0,0-.006.006,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.005,0,0,0,0,0,0,0,0,0,0-.006.006,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0L2.484,3.4v0l-.006.006,0,0,0,0,0,0,0,0v0l-.006.006,0,0,0,.005,0,0,0,0,0,0-.006.007h0l0,.007h0l0,.005,0,0,0,.006h0l-.006.007h0l0,.006v0l0,.005h0l-.006.007h0l-.006.006v0l-.005,0v0l-.012.014h0l-.005.006h0l-.006.007h0l-.006.007h0l0,.006v0l0,.006h0l-.012.014h0l0,.006h0l-.012.014h0l0,.006v0l-.018.021h0l0,.007h0l-.012.015h0l-.006.006h0l-.011.015h0l0,.007h0L2.232,3.7h0l-.012.015h0l-.006.007h0L2.2,3.74h0l0,.007h0l-.018.023h0l-.018.023h0L2.153,3.8h0l-.018.022h0l-.018.023h0l-.024.031h0L2.075,3.9h0l-.018.023h0l-.023.031h0A9.981,9.981,0,0,0,.744,6.209h0l-.015.036h0l-.011.027h0L.707,6.3h0l-.014.036h0l-.011.028h0l0,.009h0L2.541,7.1A8.047,8.047,0,0,1,4.847,3.88L3.558,2.351ZM.144,8.3l-.016.1h0V8.4h0l0,.024v.065h0l0,.015h0v.007h0v.007h0l0,.031h0A9.867,9.867,0,0,0,0,9.677H0v.007H0v.031H0v.007H0v.007H0v.024H0v.007H0v.006H0V9.8H0v.023H0V9.87H0v.008H0v.03H0v.008H0V10H0v.072H0V10.1H0v.04H0v.041H0v.023H0v.008H0v.031H0v.039H0v.04H0V10.4h0v.031h0v.04h0v.031h0v.039h0v.039h0v.039h0v.022h0v.008h0v.022h0V10.7h0v.022h0v.008h0v.062h0V10.8h0v.022h0v.016h0v.015h0v.007h0v.007h0v.039h0v.022h0l0,.015v.024h0v.008h0v.022h0v.008h0v.024l0,.015h0v.014h0v.007h0l0,.015h0v.022h0v.008h0v.024l0,.015h0v.014h0l0,.015h0V11.2h0v.014h0v.015h0v.007h0v.007h0l0,.023v.008h0v.007h0l0,.016h0v.007h0v.007h0l0,.023h0v.006h0v.007h0l0,.015h0v.007h0v.007h0V11.4h0l0,.016h0v.006h0v.007h0l0,.015h0v.008h0v.007h0l0,.023h0v.007h0V11.5h0l0,.015h0v.015h0l0,.023h0v.007h0v.007h0l0,.023h0V11.6h0l0,.03h0l.012.069h0l.007.038h0l.005.031h0l.006.031h0l.007.038h0c.011.059.022.118.034.176h0a9.873,9.873,0,0,0,.331,1.217l1.893-.646A7.991,7.991,0,0,1,2,10a8.162,8.162,0,0,1,.115-1.364L.144,8.3Zm2.947,5.738L1.365,15.047h0l.015.025h0l.015.024h0l0,.008h0l.01.017h0l0,.008h0l.01.016h0l0,.007h0l0,.008h0l.005.008h0l0,.008v0l0,.006h0l.009.016v0l0,.006v0l0,.007h0l0,.007v0l0,.006v0l0,.006v0l0,.008h0l0,.006,0,0,0,.005v0l0,.008h0l0,.006v0l0,.005,0,0,0,.005v0l0,.007,0,0,0,0,0,0,0,0,0,0,0,.007,0,0,0,.005,0,0,0,0,0,0,0,.006,0,0,0,.005,0,0,0,0,0,0,0,0v0l0,.007,0,0,0,0,0,0,0,0,0,0,0,.007,0,0,0,0,0,0,0,0,0,0,0,0,0,.008,0,0,0,0,0,0,0,0,0,0,0,.008,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.008,0,0,0,.005,0,0,0,0v0l.006.009v0l0,.005,0,0,0,.005v0l.011.016,0,0,0,0v0l.011.016v0l0,0,0,0,0,0h0l.007.011h0l0,.005v0l0,.005h0l.011.017v0l0,.005h0l.011.017h0l0,.005v0l.012.018h0l0,.005h0l.016.024h0l0,.005h0l.013.018h0l0,.006h0l.016.023h0l0,.006h0l.013.018h0l0,.006h0l.017.024h0l.017.024h0l.017.024h0l.022.03h0l.018.024h0L2,15.995H2c.045.06.09.12.137.179h0q.081.1.165.2h0l.019.023h0l.043.052h0l.019.023h0L2.4,16.5h0l.025.028h0l.019.023h0l.044.051h0l.019.022h0l.019.022h0l0,0h0l.014.016h0l0,.005h0l.019.021h0l.005.005h0l.014.016h0l0,0,0,0,.014.015h0l.005.005v0l.019.02v0l0,0h0l.014.015v0l0,0h0l.014.015h0l.005,0h0l.014.015h0l0,.005h0l.005,0h0l.013.014,0,0,0,0v0l.014.014h0l0,.005,0,0,0,0h0l.008.009h0l0,0v0l0,0v0l.013.014,0,0,0,0,0,0,.013.013,0,0,0,0,0,0,0,0,0,0,.008.007,0,0,0,0,0,0,0,0,0,0L2.854,17v0l0,0,0,0,0,0,0,0,.013.013,0,0,0,0,0,0,0,0,0,0,.006.006,0,0,0,0,0,0,0,0,0,0,.005.005,0,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.005,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.006.006,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,.005,0,0,0,0,0,0,0,0,0,0,0,0,.005h0l.006.006,0,0,0,0,0,0,0,0,0,0,.006.005,0,0,0,0,0,0,0,0,0,0,.006.006h0l.005,0,0,0,0,0,0,0,.005,0h0l.006.006,0,0,0,0,0,0,0,0,0,0,.007.006h0l.005.005,0,0,0,0,0,0,.007.006h0l.006.006,0,0,.005,0,0,0,.006,0h0l.007.006h0l0,.005,0,0,0,0v0l.007.006h0l.005.005,0,0,0,0,0,0,.007,0h0l.006,0,0,0,0,0,0,0,.006.005h0l.006.006,0,0,0,0,0,0,0,.005h0l.007.006h0l.006,0h0l0,0h0l.007.006h0l.006.006,0,0,.005,0,0,0,.007,0h0l.007.006h0l.006,0h0l.006,0h0l.007.006h0l.007.005h0l.006,0h0l.014.012h0l.006.005v0L3.5,17.6h0L3.5,17.6h0l.006,0h0l.014.012h0l.006.005h0l.015.012h0l.007.006h0l.014.012h0l.006.006h0l.007.005h0l.015.013h0l.006.006h0l.014.012h0l.007.006h0l.022.018h0l.022.018h0l.007.006h0l.015.012h0l.007,0h0l.022.018h0l.023.018h0l.007,0h0l.015.012h0l.007.005h0l.022.018h0l.023.018h0l.03.024h0l.023.018h0l.024.018h0l.031.024h0a9.867,9.867,0,0,0,.9.616l1.033-1.713a8.066,8.066,0,0,1-2.784-2.82Zm4.226,3.5-.671,1.885a9.967,9.967,0,0,0,2.273.518h0l.046.005h0l.04,0H9.02l.026,0h.02l.027,0h.021l.019,0h.022l.025,0h.029l.018,0H9.25l.018,0h1.194a10.415,10.415,0,0,0,1.112-.113L11.262,17.9a8.055,8.055,0,0,1-3.945-.362Zm8.736-2.308A8.04,8.04,0,0,1,12.8,17.5l.7,1.874c.1-.04.209-.081.313-.124h0l.036-.015h0l.027-.011h0l.026-.012h0l.008,0h0l.018-.007h0l.008,0h0l.007,0h0l.009,0h0l.008,0h0l.007,0h0L14,19.169h0l.007,0h0l.007,0h0l.008,0h0l.007,0h0l.006,0h0l.008,0h0l.007,0h0l.005,0h0l.005,0h0l.007,0,0,0,.006,0h0l0,0h0l.008,0h0l.006,0,0,0,.005,0h0l.006,0,0,0,.006,0,0,0,.005,0,0,0,0,0,0,0,.008,0,0,0,.005,0h0l0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,0,0,.007,0,0,0,0,0h0l0,0,0,0,.016-.008h0l0,0,0,0,0,0h0l.009,0h0l0,0,0,0,0,0h0l.01-.005h0l0,0,0,0,0,0h0L14.361,19h0l.006,0h0l.005,0h0l.012-.006h0l.006,0h0l.005,0h0l.018-.009h0l.006,0h0l.019-.01h0l.006,0h0l.006,0h0l.019-.009h0l.007,0h0l.02-.01h0l.007,0h0l.026-.013h0l.006,0h0l.02-.01h0l.006,0h0l.026-.014h0l.026-.014h0a10.018,10.018,0,0,0,1.446-.923h0l.1-.078h0l.006,0h0l.076-.061h0l.023-.019h0l.022-.018h0l0,0h0l.017-.013h0l0,0h0l.022-.018h0l0,0h0l.016-.013h0l0,0h0l.017-.014h0l.005,0h0l.006,0h0l.016-.013h0l0,0v0l.016-.013h0l.005-.005h0l.016-.013h0l0,0h0l0,0h0l.015-.013,0,0,0,0h0l.015-.013h0l0,0,0,0,0,0,0,0,.009-.008h0l0,0,0,0,0,0h0l.015-.013v0l.005,0,0,0,0,0h0l.009-.009h0l0,0,0,0,0,0,0,0,.01-.009h0l0,0,0,0,0,0,0,0,.014-.012,0,0,0,0,0,0,0,0,0,0,.007-.007,0,0,0,0,0,0,0,0,0,0,.009-.008h0l0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.005,0,0,0,0,0,0,0,0,0,0,0,0,.006,0,0,0,0,0,0,0,0,0,0,0,0,0,.005,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.005,0,0,0,0,0,0,0,0,0,0,.006-.006,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,.006-.006h0l0-.005,0,0,0,0,0,0,.006-.006h0l.005-.005,0,0,0,0,0,0,.005,0v0l.006-.006h0l.005,0,0,0,.005,0v0l.007-.006h0l.005,0,0,0,.005,0v0l.013-.012h0L17,17.143v0l.006-.006h0l.006-.007h0l.006-.005v0l.006-.005h0l.006-.006h0l.006-.006h0l.005-.005h0l.013-.013h0l.005-.006h0l.013-.013h0l.006-.007h0l.006-.006h0l.014-.014h0l.006-.005h0l.013-.014h0L17.137,17h0L17.144,17h0l.013-.013h0l.006-.006h0l.014-.013h0l.006-.006h0l.02-.02h0l.02-.02h0l.007-.006h0l.02-.021h0q.16-.168.313-.345l-1.512-1.309ZM18,10.1a8.007,8.007,0,0,1-1.026,3.821l1.742.983a10.02,10.02,0,0,0,.523-1.072h0l.023-.056h0l.006-.014h0l0-.014h0l0-.007h0l.006-.014h0l0-.007h0l0-.006h0l0-.006h0l0-.006h0l0-.006v0l0-.006h0l0-.006v0l0-.006h0l0-.005v0l0-.006h0l0-.006h0l0-.006h0l0-.006v0l0-.005h0l0-.006v-.007h0l0-.006v0l0-.006h0l0-.005v0l0-.006v0l0,0v0l0-.006v-.006l0,0v-.007l0-.005v0l0,0v0l0-.006v0l0,0v0l0-.005v-.007l0,0v-.006l0-.005V13.5l0,0v-.01l0-.005v0l0,0v0l0,0v0l0,0v0l0,0v0l0-.006v0l0,0h0l0-.006v0l0-.011v0l0-.006V13.4l0-.006v-.007l0-.007v0l0-.006v-.008l0-.006V13.35h0l0-.007v0l0-.007h0v-.006l0-.007h0l0,0v0l0-.006v0l0-.012v0l0-.007h0v-.006l0-.007h0l0-.013h0l0-.008h0v0h0l0-.007v0l0,0h0l0-.009h0l0-.013h0l0-.008h0V13.19h0l0-.008h0l.005-.013h0l0-.008h0v0h0l0-.009h0l0-.014h0l0-.013h0l.007-.023h0l.005-.013h0l0-.013h0l0-.009h0l0-.014h0c.014-.041.027-.083.039-.124h0c.026-.083.05-.167.073-.251h0l0-.014h0l0-.014h0l0-.01h0l.014-.051h0l.023-.09h0l.01-.037h0l.009-.037h0l0-.014h0l0-.023h0l0-.013h0l0-.014h0l0-.009h0l0-.013h0l0-.014h0l0-.009h0v0h0l0-.01h0l0-.014h0l.009-.038h0l0-.014h0l.006-.023h0l0-.013h0l0-.014h0l0-.009h0l0-.014h0l0-.014h0v-.008h0l0-.013v0l0-.013h0l0-.009h0v-.005h0l0-.009h0l0-.013v-.01h0v-.013h0l0-.014h0l0-.014h0v-.009h0v0h0v-.01l0-.013h0l0-.008h0v-.006l0-.007v0l0-.013v-.336h0v-.038h0v-.015h0v-.022h0v-.015h0v-.006h0v-.015h0v-.015h0v-.007h0v-.007h0V11.43h0v-.008h0l0-.014h0V11.4h0v-.007h0v-.008h0l0-.014h0l0-.015h0v-.008h0v-.008h0v-.008h0l0-.015h0l0-.024h0l0-.015h0l0-.039h0A10.3,10.3,0,0,0,20,10.13L18,10.1Zm-.267-6.446L16.186,4.927A7.989,7.989,0,0,1,17.862,8.51l1.965-.37a9.834,9.834,0,0,0-.545-1.867h0l-.011-.027h0l-.014-.036h0l-.015-.036h0l-.054-.126h0l-.011-.026h0l-.027-.062h0l-.015-.035h0L19.122,5.9h0l-.016-.036h0l-.012-.026h0l0-.008h0L19.077,5.8h0l-.012-.026h0l0-.008h0l-.008-.018h0l0-.008h0l-.012-.026h0l0-.009h0l-.012-.026h0L19,5.64h0l-.013-.026h0l0-.008h0l-.009-.018h0l0-.008h0l-.013-.026h0l-.013-.026h0l0-.008h0l-.013-.026h0l0-.008h0l-.009-.017h0l0-.008h0L18.9,5.431h0L18.88,5.4h0l-.014-.025h0l-.018-.035h0l-.013-.025h0l-.019-.034h0l-.032-.059h0l-.014-.026h0l-.019-.033h0l-.019-.033h0L18.718,5.1h0L18.7,5.064h0l-.014-.025h0c-.023-.039-.046-.078-.068-.117h0L18.6,4.889h0a10,10,0,0,0-.865-1.231ZM11.829.167l-.363,1.967A7.982,7.982,0,0,1,15.053,3.8l1.265-1.55a10,10,0,0,0-3.042-1.7h0l-.027-.01h0L13.22.53h0l-.009,0h0L13.183.517h0l-.009,0h0L13.155.508h0l-.008,0h0l-.009,0h0L13.118.5h0l-.008,0h0L13.089.486h0l-.007,0h0l-.008,0h0l-.009,0h0l-.008,0h0l-.007,0h0L13.024.465h0l-.007,0h0l-.007,0h0l-.009,0h0l-.008,0h0l-.007,0h0l-.009,0h0l-.009,0h0l-.007,0h0l-.007,0h0l-.009,0h0l-.007,0h-.012l-.006,0h0l-.008,0h0l-.005,0h0l-.005,0h0l-.009,0h0l-.006,0h-.012l-.006,0h0l-.008,0h0l-.006,0h-.012L12.8.4h0l-.005,0h0l-.005,0h-.013l-.007,0-.005,0h-.017l-.005,0-.006,0h-.013l-.005,0H12.7l-.012,0h0l-.005,0h-.012l-.01,0h-.019l-.005,0h0l-.012,0H12.61l-.006,0h0l-.012,0h-.018l-.019,0h-.018l-.02,0h-.01l-.02-.005h0l-.007,0h0l-.007,0h0L12.447.3h-.008L12.41.292h0l-.03-.007h0q-.273-.068-.55-.118Z", fill: "currentColor" })] }) }));
+function DateRangePicker({ defaultValue, 
+// eslint-disable-next-line @typescript-eslint/naming-convention
+disabled = false, isCompact = false, isHistorical = false, isLabelHidden = false, isLight = false, label, minutesRange = 15, onChange, withTime = false, ...nativeProps }) {
+    const startDateInputRef = useRef();
+    const startTimeInputRef = useRef();
+    const endDateInputRef = useRef();
+    const endTimeInputRef = useRef();
+    const isRangeCalendarPickerOpenRef = useRef(false);
+    const selectedStartDateRef = useRef(defaultValue ? getLocalizedDayjs(defaultValue[0]).toDate() : undefined);
+    const selectedEndDateRef = useRef(defaultValue ? getLocalizedDayjs(defaultValue[1]).toDate() : undefined);
+    const selectedStartDateTupleRef = useRef(getDateTupleFromDate(selectedStartDateRef.current));
+    const selectedEndDateTupleRef = useRef(getDateTupleFromDate(selectedEndDateRef.current));
+    const selectedStartTimeTupleRef = useRef(getTimeTupleFromDate(selectedStartDateRef.current));
+    const selectedEndTimeTupleRef = useRef(getTimeTupleFromDate(selectedEndDateRef.current));
+    const { forceUpdate } = useForceUpdate();
+    const rangeCalendarPickerDefaultValue = useMemo(() => selectedStartDateTupleRef.current && selectedEndDateTupleRef.current
+        ? [
+            getDateFromDateAndTimeTuple(selectedStartDateTupleRef.current, ['00', '00']),
+            getDateFromDateAndTimeTuple(selectedEndDateTupleRef.current, ['00', '00'], true)
+        ]
+        : undefined, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [selectedEndDateTupleRef.current, selectedStartDateTupleRef.current]);
+    const submit = useCallback(() => {
+        if (!onChange || !selectedStartDateRef.current || !selectedEndDateRef.current) {
+            return;
+        }
+        const utcizedStartDate = getUtcizedDayjs(selectedStartDateRef.current).toDate();
+        const utcizedEndDate = getUtcizedDayjs(selectedEndDateRef.current).toDate();
+        const nextDateRange = [utcizedStartDate, utcizedEndDate];
+        onChange(nextDateRange);
+    }, [onChange]);
+    const closeRangeCalendarPicker = useCallback(() => {
+        isRangeCalendarPickerOpenRef.current = false;
+        forceUpdate();
+    }, [forceUpdate]);
+    const handleClickOutside = useCallback((event) => {
+        const target = event.target;
+        if (startDateInputRef.current.box.contains(target) || endDateInputRef.current.box.contains(target)) {
+            return;
+        }
+        closeRangeCalendarPicker();
+    }, [closeRangeCalendarPicker]);
+    const handleEndDateInputNext = useCallback(() => {
+        if (!withTime) {
+            return;
+        }
+        endTimeInputRef.current.focus();
+    }, [withTime]);
+    const handleEndDateInputPrevious = useCallback(() => {
+        if (withTime) {
+            startTimeInputRef.current.focus(true);
+            return;
+        }
+        startDateInputRef.current.focus(true);
+    }, [withTime]);
+    const handleStartDateInputNext = useCallback(() => {
+        if (withTime) {
+            startTimeInputRef.current.focus();
+            return;
+        }
+        endDateInputRef.current.focus();
+    }, [withTime]);
+    const handleDateInputChange = useCallback((position, nextDateTuple, isFilled) => {
+        if (position === DateRangePosition.START) {
+            selectedStartDateTupleRef.current = nextDateTuple;
+            // If there is no time input or a start time has already been selected,
+            if (!withTime || selectedStartTimeTupleRef.current) {
+                // we must update the selected start date and call onChange()
+                const startTimeTuple = (withTime ? selectedStartTimeTupleRef.current : ['00', '00']);
+                const nextStartDate = getDateFromDateAndTimeTuple(nextDateTuple, startTimeTuple);
+                selectedStartDateRef.current = nextStartDate;
+                submit();
+            }
+            if (isFilled) {
+                handleStartDateInputNext();
+            }
+        }
+        else {
+            selectedEndDateTupleRef.current = nextDateTuple;
+            // If there is no time input or an end time has already been selected,
+            if (!withTime || selectedEndTimeTupleRef.current) {
+                // we must update the selected end date and call onChange()
+                const endTimeTuple = (withTime ? selectedEndTimeTupleRef.current : ['23', '59']);
+                const nextEndDate = getDateFromDateAndTimeTuple(nextDateTuple, endTimeTuple, true);
+                selectedEndDateRef.current = nextEndDate;
+                submit();
+            }
+            if (isFilled) {
+                handleEndDateInputNext();
+            }
+        }
+    }, [handleEndDateInputNext, handleStartDateInputNext, submit, withTime]);
+    const handleRangeCalendarPickerChange = useCallback((nextDateTupleRange) => {
+        const [nextStartDateTuple, nextEndDateTuple] = nextDateTupleRange;
+        // If this is a date picker without a time input,
+        if (!withTime) {
+            // we have to fix the start date at the beginning of the day
+            const nextStartDate = getDateFromDateAndTimeTuple(nextStartDateTuple, ['00', '00']);
+            // and the end date at the end of the day
+            const nextEndDate = getDateFromDateAndTimeTuple(nextEndDateTuple, ['23', '59'], true);
+            selectedStartDateRef.current = nextStartDate;
+            selectedEndDateRef.current = nextEndDate;
+        }
+        // If this is a date picker with a time input,
+        else {
+            // we include the selected start time if it exists, set it at the beginning of the day if not
+            const nextStartDate = getDateFromDateAndTimeTuple(nextStartDateTuple, selectedStartTimeTupleRef.current || ['00', '00']);
+            selectedStartDateRef.current = nextStartDate;
+            // we include the selected end time if it exists, set it at the end of the day if not
+            const nextEndDate = getDateFromDateAndTimeTuple(nextEndDateTuple, selectedEndTimeTupleRef.current || ['23', '59'], true);
+            selectedEndDateRef.current = nextEndDate;
+        }
+        selectedStartDateTupleRef.current = nextStartDateTuple;
+        selectedStartTimeTupleRef.current = getTimeTupleFromDate(selectedStartDateRef.current);
+        selectedEndDateTupleRef.current = nextEndDateTuple;
+        selectedEndTimeTupleRef.current = getTimeTupleFromDate(selectedEndDateRef.current);
+        closeRangeCalendarPicker();
+        forceUpdate();
+        submit();
+    }, [closeRangeCalendarPicker, forceUpdate, submit, withTime]);
+    const handleTimeInputFilled = useCallback((position, nextTimeTuple) => {
+        if (position === DateRangePosition.START) {
+            // If a start date has already been selected
+            if (selectedStartDateTupleRef.current) {
+                // we must update the selected start date accordingly and submit it
+                const nextStartDate = getDateFromDateAndTimeTuple(selectedStartDateTupleRef.current, nextTimeTuple);
+                selectedStartDateRef.current = nextStartDate;
+                submit();
+            }
+            selectedStartTimeTupleRef.current = nextTimeTuple;
+            endDateInputRef.current.focus();
+        }
+        else {
+            // If an end date has already been selected
+            if (selectedEndDateTupleRef.current) {
+                // we must update the selected end date accordingly and submit it
+                const nextEndDate = getDateFromDateAndTimeTuple(selectedEndDateTupleRef.current, nextTimeTuple, true);
+                selectedEndDateRef.current = nextEndDate;
+                submit();
+            }
+            selectedEndTimeTupleRef.current = nextTimeTuple;
+        }
+        submit();
+    }, [submit]);
+    const openRangeCalendarPicker = useCallback(() => {
+        isRangeCalendarPickerOpenRef.current = true;
+        forceUpdate();
+    }, [forceUpdate]);
+    useEffect(() => {
+        window.document.addEventListener('click', handleClickOutside);
+        return () => {
+            window.document.removeEventListener('click', handleClickOutside);
+        };
+    }, [handleClickOutside]);
+    return (jsxs(Fieldset, { ...nativeProps, children: [jsx(Legend, { isDisabled: disabled, isHidden: isLabelHidden, children: label }), jsxs(Box, { isDisabled: disabled, children: [jsx(Field, { children: jsx(DateInput, { ref: startDateInputRef, defaultValue: selectedStartDateTupleRef.current, disabled: disabled, isCompact: isCompact, isForcedFocused: isRangeCalendarPickerOpenRef.current, isLight: isLight, isStartDate: true, onChange: (nextDateTuple, isFilled) => handleDateInputChange(DateRangePosition.START, nextDateTuple, isFilled), onClick: openRangeCalendarPicker, onNext: handleStartDateInputNext }) }), withTime && (jsx(Field, { isTimeField: true, children: jsx(TimeInput, { ref: startTimeInputRef, defaultValue: selectedStartTimeTupleRef.current, disabled: disabled, isCompact: isCompact, isLight: isLight, isStartDate: true, minutesRange: minutesRange, onBack: () => startDateInputRef.current.focus(true), onChange: nextTimeTuple => handleTimeInputFilled(DateRangePosition.START, nextTimeTuple), onFocus: closeRangeCalendarPicker, onNext: () => endDateInputRef.current.focus(), onPrevious: () => startDateInputRef.current.focus(true) }) })), jsx(Field, { isEndDateField: true, children: jsx(DateInput, { ref: endDateInputRef, defaultValue: selectedEndDateTupleRef.current, disabled: disabled, isCompact: isCompact, isEndDate: true, isForcedFocused: isRangeCalendarPickerOpenRef.current, isLight: isLight, onBack: handleEndDateInputPrevious, onChange: (nextDateTuple, isFilled) => handleDateInputChange(DateRangePosition.END, nextDateTuple, isFilled), onClick: openRangeCalendarPicker, onNext: handleEndDateInputNext, onPrevious: handleEndDateInputPrevious }) }), withTime && (jsx(Field, { isTimeField: true, children: jsx(TimeInput, { ref: endTimeInputRef, defaultValue: selectedEndTimeTupleRef.current, disabled: disabled, isCompact: isCompact, isEndDate: true, isLight: isLight, minutesRange: minutesRange, onBack: () => endDateInputRef.current.focus(true), onChange: nextTimeTuple => handleTimeInputFilled(DateRangePosition.END, nextTimeTuple), onFocus: closeRangeCalendarPicker, onPrevious: () => endDateInputRef.current.focus(true) }) }))] }), jsx(RangeCalendarPicker, { defaultValue: rangeCalendarPickerDefaultValue, isHistorical: isHistorical, isOpen: isRangeCalendarPickerOpenRef.current, onChange: handleRangeCalendarPickerChange })] }));
 }
+const Box = styled.div `
+  * {
+    font-weight: 500;
+    line-height: 1;
+  }
 
-function SelectPolygon({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(120 -41)", children: [jsxs("g", { children: [jsx("path", { d: "M-114.675,45.646l-1.875-.7,1.113-2.994h3.2v2h-1.8Z", fill: "currentColor" }), jsx("rect", { fill: "currentColor", height: "2", transform: "translate(-117.788 48.28) rotate(-69.601)", width: "2.539" }), jsx("path", { d: "M-116.974,54.383l-2.266-2.192,1.1-2.956,1.875.7-.643,1.731,1.326,1.284Z", fill: "currentColor" }), jsx("rect", { fill: "currentColor", height: "2.664", transform: "matrix(0.695, -0.719, 0.719, 0.695, -116.207, 55.124)", width: "2" }), jsx("path", { d: "M-111.067,60.1l-2.459-2.379,1.391-1.437,1.135,1.1,1.185-1.041,1.32,1.5Z", fill: "currentColor" }), jsx("path", { d: "M-107.521,56.983l-1.318-1.5,1.4-1.174,1.559-.7.822,1.822-1.423.643Z", fill: "currentColor" }), jsx("path", { d: "M-103.869,54.893l-.82-1.824,1.57-.707-.3-1.7,1.971-.346.565,3.229Z", fill: "currentColor" }), jsx("rect", { fill: "currentColor", height: "2.862", transform: "translate(-104.11 46.717) rotate(-9.96)", width: "2.001" }), jsx("path", { d: "M-104.308,45.589l-.287-1.635h-1.66v-2h3.34l.578,3.289Z", fill: "currentColor" }), jsx("rect", { fill: "currentColor", height: "2", transform: "translate(-110.911 41.954)", width: "3.326" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-120 41)", width: "20" })] }) }) }));
-}
+  color: ${p => p.theme.color.gunMetal};
+  font-size: 13px;
+  position: relative;
 
-function SelectRectangle({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(160 -41)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-152 44) rotate(-90)", children: [jsx("rect", { height: "4", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "2", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-152 60) rotate(-90)", children: [jsx("rect", { height: "4", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "2", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-159 49)", children: [jsx("rect", { height: "4", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "2", x: "1", y: "1" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(-143 49)", children: [jsx("rect", { height: "4", stroke: "none", width: "2" }), jsx("rect", { fill: "none", height: "2", x: "1", y: "1" })] }), jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-159,42v5h2V44h3V42Z", stroke: "none" }), jsx("path", { d: "M -159 42 L -154 42 L -154 44 L -157 44 L -157 47 L -159 47 L -159 42 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-146,42v2h3v3h2V42Z", stroke: "none" }), jsx("path", { d: "M -146 42 L -141 42 L -141 47 L -143 47 L -143 44 L -146 44 L -146 42 Z", fill: "currentColor", stroke: "none" })] })] }), jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-157,55h-2v5h5V58h-3Z", stroke: "none" }), jsx("path", { d: "M -159 55 L -157 55 L -157 58 L -154 58 L -154 60 L -159 60 L -159 55 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M-143,55v3h-3v2h5V55Z", stroke: "none" }), jsx("path", { d: "M -143 55 L -141 55 L -141 60 L -146 60 L -146 58 L -143 58 L -143 55 Z", fill: "currentColor", stroke: "none" })] })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-160 41)", width: "20" })] }) }) }));
-}
+  ${p => p.isDisabled &&
+    css `
+      * {
+        background-color: ${p.theme.color.cultured} !important;
+        color: ${p.theme.color.lightGray} !important;
+        cursor: not-allowed;
+      }
+    `}
+`;
+const Field = styled.span `
+  font-size: inherit;
+  margin-left: ${p => {
+    if (p.isEndDateField) {
+        return '10px';
+    }
+    return p.isTimeField ? '2px' : 0;
+}};
+`;
 
-function SelectZone({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(80 -41)", children: [jsxs("g", { children: [jsxs("g", { children: [jsx("path", { d: "M-74.675,45.646l-1.875-.7,1.113-2.994h3.2v2h-1.8Z", fill: "currentColor" }), jsx("rect", { fill: "currentColor", height: "2", transform: "translate(-77.788 48.28) rotate(-69.601)", width: "2.539" }), jsx("path", { d: "M-77.377,54.526-79.2,52.089l1.06-2.854,1.875.7-.681,1.833,1.172,1.564Z", fill: "currentColor" }), jsx("path", { d: "M-74.679,58.132l-1.9-2.534,1.6-1.2,1.1,1.47,1.779-.445.486,1.939Z", fill: "currentColor" }), jsx("path", { d: "M-62.532,51.889l-1.66-1.115,1.122-1.67-.63-1.91,1.9-.625.935,2.838Z", fill: "currentColor" }), jsx("path", { d: "M-64.211,45.641l-.556-1.687h-1.776v-2h3.224l1.009,3.062Z", fill: "currentColor" }), jsx("rect", { fill: "currentColor", height: "2", transform: "translate(-70.975 41.954)", width: "3.166" })] }), jsx("path", { d: "M-67.806,56.455l2.689,3.869,2.328-1.612-2.687-3.877,2.71-1.872L-72.02,47.9-70.5,58.35Z", fill: "currentColor" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(-80 41)", width: "20" })] }) }) }));
+function MultiCheckbox({ defaultValue = [], isInline = false, isLabelHidden = false, isLight = false, label, name, onChange, options }) {
+    const checkedOptionValues = useRef(defaultValue);
+    const key = useMemo(() => `${name}-${JSON.stringify(defaultValue)}`, [defaultValue, name]);
+    const handleChange = useCallback((nextOptionValue, isChecked) => {
+        const nextCheckedOptionValues = isChecked
+            ? [...checkedOptionValues.current, nextOptionValue]
+            : reject(equals(nextOptionValue))(checkedOptionValues.current);
+        checkedOptionValues.current = nextCheckedOptionValues;
+        if (onChange) {
+            const normalizedNextValue = nextCheckedOptionValues.length ? nextCheckedOptionValues : undefined;
+            onChange(normalizedNextValue);
+        }
+    }, [onChange]);
+    return (jsx(Fieldset, { isHidden: isLabelHidden, isLight: isLight, legend: label, children: jsx(ChecboxesBox$1, { "$isInline": isInline, children: options.map((option, index) => (jsx(Checkbox
+            // eslint-disable-next-line react/no-array-index-key
+            , { defaultChecked: defaultValue.includes(option.value), label: option.label, name: `${name}${index}`, onChange: (isChecked) => handleChange(option.value, isChecked) }, `${name}-${index}`))) }) }, key));
 }
+const ChecboxesBox$1 = styled.div `
+  color: ${p => p.theme.color.gunMetal};
+  display: flex;
+  flex-direction: ${p => (p.$isInline ? 'row' : 'column')};
 
-function ShowErsMessages({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-40 -41)", children: [jsxs("g", { children: [jsx("path", { d: "M50,42.667a5,5,0,0,0-5,5,4.926,4.926,0,0,0,.047.647c.013.113.031.225.051.337l.01.047C45.8,52.493,50,56,50,56s4.2-3.507,4.892-7.3l.01-.047c.02-.112.038-.224.051-.337A4.926,4.926,0,0,0,55,47.667,5,5,0,0,0,50,42.667Zm0,7.5a2.5,2.5,0,1,1,2.5-2.5A2.5,2.5,0,0,1,50,50.167Z", fill: "currentColor" }), jsxs("g", { fill: "#fff", strokeMiterlimit: "10", children: [jsx("path", { d: "M 50 57.97749710083008 C 49.69147872924805 57.97749710083008 49.38210678100586 57.94551086425781 49.07577133178711 57.88271331787109 C 49.38035202026367 57.93568420410156 49.6889762878418 57.96249771118164 50 57.96249771118164 C 50.3110237121582 57.96249771118164 50.61964797973633 57.93568420410156 50.92422866821289 57.88271331787109 C 50.61789321899414 57.94551086425781 50.30852127075195 57.97749710083008 50 57.97749710083008 Z", stroke: "none" }), jsx("path", { d: "M 46.79999923706055 55.67999649047852 C 48.75200271606445 57.38999557495117 51.24799728393555 57.38999557495117 53.20000076293945 55.67999649047852 C 54.17599868774414 56.52999877929688 55.28799819946289 56.99999618530273 56.40000152587891 56.99999618530273 L 58 56.99999618530273 L 58 58.99999618530273 L 56.40000152587891 58.99999618530273 C 55.29600143432617 58.99999618530273 54.20800018310547 58.65999603271484 53.20000076293945 58.0099983215332 C 51.18400192260742 59.29999923706055 48.81599807739258 59.29999923706055 46.79999923706055 58.0099983215332 C 45.79199981689453 58.64999771118164 44.70399856567383 58.99999618530273 43.59999847412109 58.99999618530273 L 42 58.99999618530273 L 42 56.99999618530273 L 43.59999847412109 56.99999618530273 C 44.71200180053711 56.99999618530273 45.82400131225586 56.52999877929688 46.79999923706055 55.67999649047852 Z", fill: "currentColor", stroke: "none" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(40 41)", width: "20" })] }) }) }));
-}
+  ${p => !p.$isInline &&
+    css `
+      > .rs-checkbox:not(:first-child) {
+        margin-top: 8px;
+      }
+    `}
 
-function ShowXml({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-120)", children: [jsx("path", { d: "M136.646,2H123.354A3.354,3.354,0,0,0,120,5.354v9.292A3.354,3.354,0,0,0,123.354,18h13.292A3.354,3.354,0,0,0,140,14.646V5.354A3.354,3.354,0,0,0,136.646,2ZM125.607,12.863l-1.269-1.98-1.274,1.98h-1.386l1.957-2.988-1.774-2.738h1.352l1.148,1.84,1.125-1.84h1.34l-1.781,2.781L127,12.863Zm7.5,0h-1.074V8.355L130.9,12.863h-1.113l-1.133-4.508v4.508H127.58V7.137h1.731l1.039,3.906,1.027-3.906h1.734Zm5.211,0h-4.031V7.184h1.156V11.9h2.875Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(120)", width: "20" })] }) }) }));
-}
+  ${p => p.$isInline &&
+    css `
+      > .rs-checkbox:not(:first-child) {
+        margin-left: 12px;
+      }
+    `}
+`;
 
-function SortingArrows({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-40)", children: [jsxs("g", { children: [jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M57.536,11.636,55,14.172V2H53V14.172l-2.536-2.536L49.05,13.05,54,18l4.95-4.95Z", stroke: "none" }), jsx("path", { d: "M 54 18 L 49.05022811889648 13.05023002624512 L 50.46448135375977 11.6360502243042 L 53 14.17156982421875 L 53 2 L 55 2 L 55 14.17156982421875 L 57.53551864624023 11.6360502243042 L 58.94977188110352 13.05023002624512 L 54 18 Z", fill: "currentColor", stroke: "none" })] }), jsxs("g", { fill: "none", strokeMiterlimit: "10", children: [jsx("path", { d: "M50.95,6.95,46,2,41.05,6.95l1.414,1.414L45,5.828V18h2V5.828l2.536,2.536Z", stroke: "none" }), jsx("path", { d: "M 46 2 L 50.94977188110352 6.949709892272949 L 49.53551864624023 8.363949775695801 L 47 5.828370094299316 L 47 18 L 45 18 L 45 5.828370094299316 L 42.46448135375977 8.363949775695801 L 41.05022811889648 6.949709892272949 L 46 2 Z", fill: "currentColor", stroke: "none" })] })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(40)", width: "20" })] }) }) }));
+function MultiSelect({ fixedWidth = 5, isLabelHidden = false, isLight = false, label, onChange, options, 
+// eslint-disable-next-line @typescript-eslint/naming-convention
+searchable = false, ...originalProps }) {
+    const key = useMemo(() => `${originalProps.name}-${JSON.stringify(originalProps.defaultValue)}`, [originalProps.defaultValue, originalProps.name]);
+    const handleChange = useCallback((nextValue) => {
+        if (!onChange) {
+            return;
+        }
+        const normalizedNextValue = !nextValue || !nextValue.length ? undefined : nextValue;
+        onChange(normalizedNextValue);
+    }, [onChange]);
+    return (jsxs(Field$2, { children: [jsx(Label, { htmlFor: originalProps.name, isHidden: isLabelHidden, children: label }), jsx(StyledTagPicker, { "$fixedWidth": fixedWidth, "$isLight": isLight, data: options, id: originalProps.name, onChange: handleChange, searchable: searchable, ...originalProps }, key)] }));
 }
+// TODO A width seems to be mandatory in rsuite which is a very dirty behavior.
+// We should hack that.
+const StyledTagPicker = styled(TagPicker) `
+  border: 0;
+  cursor: pointer;
+  width: ${p => p.$fixedWidth}px;
 
-function Summary({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsxs("defs", { children: [jsx("clipPath", { children: jsx("use", {}) }), jsx("clipPath", { children: jsx("use", {}) }), jsx("clipPath", { children: jsx("use", {}) })] }), jsxs("g", { transform: "translate(-200)", children: [jsx("path", { d: "M216,4V16H204V4h12M202,2V18h16V2Z", fill: "currentColor" }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(206 6)", children: [jsx("rect", { height: "1.5", stroke: "none", width: "8" }), jsx("path", { clipPath: "url(#clip)", d: "M0,0.5h8M7,0v1.5M8,1h-8M1,1.5v-1.5", fill: "none" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(206 9.25)", children: [jsx("rect", { height: "1.5", stroke: "none", width: "8" }), jsx("path", { clipPath: "url(#clip-2)", d: "M0,0.5h8M7,0v1.5M8,1h-8M1,1.5v-1.5", fill: "none" })] }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(206 12.5)", children: [jsx("rect", { height: "1.5", stroke: "none", width: "8" }), jsx("path", { clipPath: "url(#clip-3)", d: "M0,0.5h8M7,0v1.5M8,1h-8M1,1.5v-1.5", fill: "none" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(200)", width: "20" })] })] }) }));
-}
+  > .rs-picker-toggle {
+    background-color: ${p => (p.$isLight ? p.theme.color.white : p.theme.color.gainsboro)} !important;
+    cursor: inherit;
+  }
+`;
 
-function Tag({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-160)", children: [jsx("path", { d: "M173.063,6l3.334,4-3.334,4H164V6h9.063M174,4H162V16h12l5-6-5-6Z", fill: "currentColor" }), jsxs("g", { fill: "none", stroke: "currentColor", strokeMiterlimit: "10", strokeWidth: "2", transform: "translate(170.5 8.5)", children: [jsx("circle", { cx: "1.5", cy: "1.5", r: "1.5", stroke: "none" }), jsx("circle", { cx: "1.5", cy: "1.5", fill: "none", r: "0.5" })] }), jsx("rect", { fill: "none", height: "20", transform: "translate(160)", width: "20" })] }) }) }));
+function MultiRadio({ defaultValue, isInline = false, isLabelHidden = false, isLight = false, label, name, onChange, options }) {
+    const [checkedOptionValue, setCheckedOptionValue] = useState(undefined);
+    const key = useMemo(() => `${name}-${String(checkedOptionValue)}}`, [checkedOptionValue, name]);
+    const handleChange = useCallback((nextOptionValue, isChecked) => {
+        const nextCheckedOptionValue = isChecked ? nextOptionValue : undefined;
+        setCheckedOptionValue(nextCheckedOptionValue);
+        if (onChange) {
+            onChange(nextCheckedOptionValue);
+        }
+    }, [onChange]);
+    // TODO There may be a better solution.
+    // A key change is not enough to force radio checked check changes
+    // on `defaultValue` property update (even when appending `defaultValue` to `key`),
+    // we need to force a second re-render in order for the changes to be applied.
+    useEffect(() => {
+        setCheckedOptionValue(defaultValue);
+    }, [defaultValue]);
+    return (jsx(Fieldset, { isHidden: isLabelHidden, isLight: isLight, legend: label, children: jsx(ChecboxesBox, { "$isInline": isInline, children: options.map((option, index) => (jsx(Radio
+            // eslint-disable-next-line react/no-array-index-key
+            , { defaultChecked: option.value === checkedOptionValue, name: name, onChange: (_, isChecked) => handleChange(option.value, isChecked), children: option.label }, `${name}-${index}`))) }) }, key));
 }
+const ChecboxesBox = styled.div `
+  color: ${p => p.theme.color.gunMetal};
+  display: flex;
+  flex-direction: ${p => (p.$isInline ? 'row' : 'column')};
+  font-weight: 500;
 
-function Unlock({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M0,0H20V20H0Z", fill: "none" }), jsxs("g", { children: [jsx("path", { d: "M0,0H20V20H0Z", fill: "none" }), jsxs("g", { children: [jsx("circle", { cx: "1.5", cy: "1.5", fill: "currentColor", r: "1.5", transform: "translate(8.5 11.5)" }), jsx("path", { d: "M14.471,7V5.456a4.471,4.471,0,0,0-8.942,0H7.765a2.235,2.235,0,1,1,4.47,0V7H3V19H17V7ZM15,17H5V9H15Z", fill: "currentColor" })] })] })] }) }));
-}
+  > .rs-radio {
+    > .rs-radio-checker {
+      min-height: 0;
+      padding: 0 0 0 28px;
 
-function Vessel({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-260 -208)", children: [jsx("path", { d: "M327.865,17.99a.226.226,0,0,1-.15-.184l-.64-4.879-4.88-.64a.225.225,0,0,1-.129-.382l6.81-6.811a.222.222,0,0,1,.085-.053L337.7,2.013a.224.224,0,0,1,.285.285l-3.028,8.741a.222.222,0,0,1-.053.085l-6.811,6.81a.225.225,0,0,1-.159.066A.244.244,0,0,1,327.865,17.99Z", fill: "currentColor", transform: "translate(-60 208)" }), jsx("rect", { fill: "none", height: "20", transform: "translate(260 208)", width: "20" })] }) }) }));
-}
+      .rs-radio-wrapper {
+        left: 2px;
+        top: 3px !important;
+      }
+    }
+  }
 
-function ViewOnMap({ color, size, ...nativeProps }) {
-    return (jsx(IconBox, { "$color": color, "$size": size, children: jsxs("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: [jsx("path", { d: "M18.5,1.523l-6,2.4-5-2-6,2.4V18.477l6-2.4,5,2,6-2.4ZM3.5,5.677l3-1.2v9.846l-3,1.2Zm5,8.646V4.477l3,1.2v9.846Zm8,0-3,1.2V5.677l3-1.2Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(0)", width: "20" })] }) }));
-}
+  ${p => !p.$isInline &&
+    css `
+      > .rs-radio:not(:first-child) {
+        margin-top: 6px;
+      }
+    `}
 
-var index = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    ActivityFeed: ActivityFeed,
-    Alert: Alert,
-    Anchor: Anchor,
-    Archive: Archive,
-    Attention: Attention,
-    Calendar: Calendar,
-    Check: Check,
-    Chevron: Chevron,
-    Clock: Clock,
-    Close: Close,
-    Confirm: Confirm,
-    Control: Control,
-    Delete: Delete,
-    Display: Display,
-    DoubleChevron: DoubleChevron,
-    Download: Download,
-    Drapeau: Drapeau,
-    Duplicate: Duplicate,
-    Edit: Edit,
-    EditBis: EditBis,
-    Favorite: Favorite,
-    FilledArrow: FilledArrow,
-    Filter: Filter,
-    FilterBis: FilterBis,
-    Fishery: Fishery,
-    FishingEngine: FishingEngine,
-    FleetSegment: FleetSegment,
-    Focus: Focus,
-    FocusVessel: FocusVessel,
-    FocusZones: FocusZones,
-    Hide: Hide,
-    Info: Info,
-    Infringement: Infringement,
-    Landmark: Landmark,
-    List: List,
-    MapLayers: MapLayers,
-    MeasureAngle: MeasureAngle,
-    MeasureBrokenLine: MeasureBrokenLine,
-    MeasureCircle: MeasureCircle,
-    MeasureLine: MeasureLine,
-    Minus: Minus,
-    More: More,
-    Note: Note,
-    Observation: Observation,
-    Pin: Pin,
-    Pinpoint: Pinpoint,
-    PinpointHide: PinpointHide,
-    Plane: Plane,
-    Plus: Plus,
-    Reject: Reject,
-    Save: Save,
-    Search: Search,
-    SelectCircle: SelectCircle,
-    SelectPolygon: SelectPolygon,
-    SelectRectangle: SelectRectangle,
-    SelectZone: SelectZone,
-    ShowErsMessages: ShowErsMessages,
-    ShowXml: ShowXml,
-    SortingArrows: SortingArrows,
-    Summary: Summary,
-    Tag: Tag,
-    Unlock: Unlock,
-    Vessel: Vessel,
-    ViewOnMap: ViewOnMap
-});
+  ${p => p.$isInline &&
+    css `
+      > .rs-radio:not(:first-child) {
+        margin-left: 12px;
+      }
+    `}
+`;
 
 function MultiZoneEditor({ addButtonLabel, defaultValue = [], initialZone, isLabelHidden = false, isLight = false, label, labelPropName, onAdd, onCenter, onDelete, onEdit }) {
     const prevDefaultValueRef = useRef(defaultValue);
@@ -4846,6 +4579,10 @@ const StyledInput$1 = styled(Input) `
   font-size: 13px;
   padding: 7px 11px;
   width: 100%;
+
+  ::placeholder {
+    color: ${p => (p.$isLight ? p.theme.color.slateGray : p.theme.color.slateGray)};
+  }
 `;
 
 function TextInput({ isLabelHidden = false, isLight = false, label, onChange, ...originalProps }) {
@@ -4864,6 +4601,10 @@ const StyledInput = styled(Input) `
   border: 0;
   font-size: 13px;
   width: 100%;
+
+  ::placeholder {
+    color: ${p => (p.$isLight ? p.theme.color.slateGray : p.theme.color.slateGray)};
+  }
 `;
 
 function FormikAutoComplete({ name, ...originalProps }) {