colibri-ui 0.8.27 → 0.8.29

package/Avatar/index.js

@@ -44,7 +44,10 @@ var Avatar = /*#__PURE__*/React.memo(function (props) {
   var finalSrc = src || stubSrc;
   // Изображение показываем, если есть src ИЛИ есть дефолтное изображение
   var shouldShowImage = !!finalSrc && !initials;
-  return shouldShowImage ? (/*#__PURE__*/React__default.default.createElement("div", {
+  return shouldShowImage ? (
+  /*#__PURE__*/
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+  React__default.default.createElement("div", {
     className: clx(styles__default.default.avatarWrapper, {
       avatarLoader: !!loading
     }),
@@ -59,7 +62,10 @@ var Avatar = /*#__PURE__*/React.memo(function (props) {
     className: clx(styles__default.default.avatar, {
       avatarBordered: !!bordered
     }, SIZE_CLASSES[size], className)
-  }, rest)))) : (/*#__PURE__*/React__default.default.createElement("span", tslib.__assign({
+  }, rest)))) : (
+  /*#__PURE__*/
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+  React__default.default.createElement("span", tslib.__assign({
     ref: ref,
     "data-testid": "avatar",
     role: "button",

package/Icons/Cross.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { Props } from "./index.props";
+declare const _default: ({ width, height, ref, ...props }: Props) => React.JSX.Element;
+export default _default;

package/Icons/Cross.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var Cross = (function (_a) {
+  var _b = _a.width,
+    width = _b === void 0 ? 24 : _b,
+    _c = _a.height,
+    height = _c === void 0 ? 24 : _c,
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["width", "height", "ref"]);
+  return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    width: width,
+    height: height,
+    viewBox: "0 0 12 12",
+    ref: ref
+  }, props), /*#__PURE__*/React__default.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.14645 3.14645C3.34171 2.95118 3.65829 2.95118 3.85355 3.14645L6 5.29289L8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645C9.04882 3.34171 9.04882 3.65829 8.85355 3.85355L6.70711 6L8.85355 8.14645C9.04882 8.34171 9.04882 8.65829 8.85355 8.85355C8.65829 9.04882 8.34171 9.04882 8.14645 8.85355L6 6.70711L3.85355 8.85355C3.65829 9.04882 3.34171 9.04882 3.14645 8.85355C2.95118 8.65829 2.95118 8.34171 3.14645 8.14645L5.29289 6L3.14645 3.85355C2.95118 3.65829 2.95118 3.34171 3.14645 3.14645Z",
+    fill: "currentColor"
+  }));
+});
+
+exports.default = Cross;

package/Icons/Shield.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { Props } from "./index.props";
+declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
+export default _default;

package/Icons/Shield.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var Shield = (function (_a) {
+  var _b = _a.fill,
+    fill = _b === void 0 ? "currentColor" : _b,
+    _c = _a.width,
+    width = _c === void 0 ? 24 : _c,
+    _d = _a.height,
+    height = _d === void 0 ? 24 : _d,
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ref: ref
+  }, props), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: fill,
+    d: "M21.522 5.015c-.043-.429-.43-.729-.858-.729-5.443 0-7.971-2.314-7.971-2.314a.83.83 0 0 0-1.2 0S9.05 4.286 3.52 4.286c-.428 0-.814.3-.857.729 0 .128-1.671 13.586 9.172 17.228.085.043.17.043.257.043.086 0 .17 0 .257-.043 10.843-3.6 9.173-17.057 9.173-17.228m-2.144 6.857c-1.03 4.414-3.515 7.329-7.286 8.657-3.814-1.371-6.257-4.286-7.286-8.657-.6-2.443-.557-4.757-.471-5.871 4.2-.172 6.728-1.543 7.8-2.315 1.07.772 3.6 2.143 7.8 2.315 0 1.114.043 3.385-.557 5.871"
+  }));
+});
+
+exports.default = Shield;

package/Icons/index.d.ts

@@ -2,6 +2,7 @@ export { default as ArrowNext } from "./ArrowNext";
 export { default as Cart } from "./Cart";
 export { default as Chevron } from "./Chevron";
 export { default as Close } from "./Close";
+export { default as Cross } from "./Cross";
 export { default as CrossFill } from "./CrossFill";
 export { default as Edit } from "./Edit";
 export { default as Exit } from "./Exit";
@@ -13,5 +14,6 @@ export { default as Minus } from "./Minus";
 export { default as More } from "./More";
 export { default as Plus } from "./Plus";
 export { default as Setting } from "./Setting";
+export { default as Shield } from "./Shield";
 export { default as Trash } from "./Trash";
 export { default as User } from "./User";

package/Icons/index.js

@@ -4,6 +4,7 @@ var ArrowNext = require('./ArrowNext.js');
 var Cart = require('./Cart.js');
 var Chevron = require('./Chevron.js');
 var Close = require('./Close.js');
+var Cross = require('./Cross.js');
 var CrossFill = require('./CrossFill.js');
 var Edit = require('./Edit.js');
 var Exit = require('./Exit.js');
@@ -15,6 +16,7 @@ var Minus = require('./Minus.js');
 var More = require('./More.js');
 var Plus = require('./Plus.js');
 var Setting = require('./Setting.js');
+var Shield = require('./Shield.js');
 var Trash = require('./Trash.js');
 var User = require('./User.js');
 
@@ -24,6 +26,7 @@ exports.ArrowNext = ArrowNext.default;
 exports.Cart = Cart.default;
 exports.Chevron = Chevron.default;
 exports.Close = Close.default;
+exports.Cross = Cross.default;
 exports.CrossFill = CrossFill.default;
 exports.Edit = Edit.default;
 exports.Exit = Exit.default;
@@ -35,5 +38,6 @@ exports.Minus = Minus.default;
 exports.More = More.default;
 exports.Plus = Plus.default;
 exports.Setting = Setting.default;
+exports.Shield = Shield.default;
 exports.Trash = Trash.default;
 exports.User = User.default;

package/MultiSelect/index.js

@@ -79,7 +79,7 @@ var MultiSelect = function MultiSelect(_a) {
       return index.toKey(v) !== key;
     }) : tslib.__spreadArray(tslib.__spreadArray([], value, true), [item], false);
     onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-  }, [onChange]);
+  }, [onChange, value]);
   var preparedLabel = React.useMemo(function () {
     return preparedGroups.flatMap(function (_a) {
       var groupVal = _a.value,

package/Tooltip/index.js

@@ -58,8 +58,8 @@ var Tooltip = function Tooltip(_a) {
     }
     return React.Children.only(children);
   }, [children]);
-  var onToggle = function onToggle(e) {
-    e.stopPropagation();
+  var onToggle = function onToggle(event) {
+    event.stopPropagation();
     setVisible(function (state) {
       return !state;
     });
@@ -70,8 +70,8 @@ var Tooltip = function Tooltip(_a) {
   var onHide = function onHide() {
     setVisible(false);
   };
-  var onClickOutside = React.useCallback(function (e) {
-    if (controlElement === null || controlElement === void 0 ? void 0 : controlElement.contains(e.target)) return;
+  var onClickOutside = React.useCallback(function (event) {
+    if (controlElement === null || controlElement === void 0 ? void 0 : controlElement.contains(event.target)) return;
     onHide();
   }, [onHide, controlElement]);
   var onClickOverlay = React.useCallback(function (e) {

package/esm/Accordion/index.js

@@ -1,9 +1,9 @@
 import React__default, { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames/bind';
-import '../Icons/index.js';
+import 'tslib';
+import Chevron from '../Icons/Chevron.js';
 import Typography from '../Typography/index.js';
 import styles from './Accordion.module.css';
-import Chevron from '../Icons/Chevron.js';
 
 var clx = classNames.bind(styles);
 var Accordion = function Accordion(_a) {

package/esm/Avatar/assets/org-circle.svg.js

@@ -1,39 +1,5 @@
-import * as React from 'react';
+import 'react';
 
-var _circle, _mask, _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var SvgOrgCircle = function SvgOrgCircle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 42,
-    height: 42,
-    fill: "none"
-  }, props), _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
-    cx: 21,
-    cy: 21,
-    r: 21,
-    fill: "#eceef2"
-  })), _mask || (_mask = /*#__PURE__*/React.createElement("mask", {
-    id: "org-circle_svg__a",
-    width: 42,
-    height: 42,
-    x: 0,
-    y: 0,
-    maskUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("circle", {
-    cx: 21,
-    cy: 21,
-    r: 21,
-    fill: "#eceef2"
-  }))), _g || (_g = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#org-circle_svg__a)"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#bcc1cc",
-    fillRule: "evenodd",
-    d: "M19.103 27.36V34H9V12.062L22.567 6v21.36zm-6.64 0v1.733h3.176V27.36h-3.175zm0-6.638v1.732h6.64v-1.732zm0-4.042v1.732h6.64V16.68zM32.67 27.36h-6.062v1.733h6.062V34h-9.526V18.124h9.526z",
-    clipRule: "evenodd"
-  }))));
-};
 var orgCircleUrl = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2242%22%20fill%3D%22none%22%20viewBox%3D%220%200%2042%2042%22%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2221%22%20fill%3D%22%23eceef2%22%2F%3E%3Cmask%20id%3D%22org-circle_svg__a%22%20width%3D%2242%22%20height%3D%2242%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2221%22%20fill%3D%22%23eceef2%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url%28%23org-circle_svg__a%29%22%3E%3Cpath%20fill%3D%22%23bcc1cc%22%20fill-rule%3D%22evenodd%22%20d%3D%22M19.103%2027.36V34H9V12.062L22.567%206v21.36h-3.464zm-6.64%200v1.733h3.176V27.36h-3.175zm0-6.638v1.732h6.64v-1.732h-6.64zm0-4.042v1.732h6.64V16.68h-6.64zM32.67%2027.36h-6.062v1.733h6.062V34h-9.526V18.124h9.526v9.237z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E";
 
-export { SvgOrgCircle as ReactComponent, orgCircleUrl as default };
+export { orgCircleUrl as default };

package/esm/Avatar/assets/user-circle.svg.js

@@ -1,18 +1,5 @@
-import * as React from 'react';
+import 'react';
 
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var SvgUserCircle = function SvgUserCircle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 42,
-    height: 39,
-    fill: "none"
-  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    fill: "#ECEEF2",
-    d: "M33.6 37.997c-2.9-1.709-7-4.725-8.6-4.725h-3.802c-.9 0-2.8-.805-3-1.507-.199-.503-.199-1.408-.1-2.212 0-.1.303-.1.402 0 .8.905 1.099 1.508 1.9 1.508h1.8c.7 0 3.1-2.111 4.099-4.725.2-.603.4-1.608.5-2.713 0-.1.1-.202.1-.1.1.501.3 1.105.4 1.105.3.201.7-.603 1.2-1.709.5-1.006.5-1.608.7-2.413.3-1.105-.1-1.91-.4-1.91a.91.91 0 0 0-.7.302c-.1 0-.2 0-.2-.1 0-.704.1-1.81.9-2.413-1.1-1.005-.4-2.714-.4-2.714.4.2.4 0 .4 0l-.2-1.106c.6-.1 1.1-.603 1.1-.603s-1.6-.402-2.4-1.005c.7-.202 1.117-.957 1.117-.957S27 9.952 26 9.65c.9-.904.3-2.15.3-2.15s-1.6.441-4.7.441c-2.2-.1-3-.402-4.6 1.207-1.9 1.909-1.9 2.412-3.1 2.412 1 1.407.5 2.814.5 2.814l-.1 2.112.1.401s0 .1.1.302c0 .101 0 .303.1.402l.3 1.61s-.1.1-.2 0a1.42 1.42 0 0 0-1.2-.604c-.3 0-.8.805-.4 1.91.3.804.6 1.306.9 2.412s.9 1.91 1.2 1.71q.15-.153.3-.906c0-.1.1 0 .2.102.1 1.004.3 1.908.5 2.411.2.302.4.703.6 1.005-.2 1.709-.4 3.82-.8 5.428-2.6.704-6.6 1.91-10 2.714-3.8-3.416-6-8.643-6-14.273C0 9.45 9.4 0 21 0s21 9.45 21 21.11c0 6.936-3.3 13.066-8.4 16.887"
-  })));
-};
 var userCircleUrl = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2239%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ECEEF2%22%20fillRule%3D%22evenodd%22%20d%3D%22M33.6%2037.997c-2.9-1.709-7-4.725-8.6-4.725h-3.802c-.9%200-2.8-.805-3-1.507-.199-.503-.199-1.408-.1-2.212%200-.1.303-.1.402%200%20.8.905%201.099%201.508%201.9%201.508h1.8c.7%200%203.1-2.111%204.099-4.725.2-.603.4-1.608.5-2.713%200-.1.1-.202.1-.1.1.501.3%201.105.4%201.105.3.201.7-.603%201.2-1.709.5-1.006.5-1.608.7-2.413.3-1.105-.1-1.91-.4-1.91a.91.91%200%200%200-.7.302c-.1%200-.2%200-.2-.1%200-.704.1-1.81.9-2.413-1.1-1.005-.4-2.714-.4-2.714.4.2.4%200%20.4%200l-.2-1.106c.6-.1%201.1-.603%201.1-.603s-1.6-.402-2.4-1.005c.7-.202%201.117-.957%201.117-.957S27%209.952%2026%209.65c.9-.904.3-2.15.3-2.15s-1.6.441-4.7.441c-2.2-.1-3-.402-4.6%201.207-1.9%201.909-1.9%202.412-3.1%202.412%201%201.407.5%202.814.5%202.814l-.1%202.112.1.401s0%20.1.1.302c0%20.101%200%20.303.1.402l.3%201.61s-.1.1-.2%200a1.42%201.42%200%200%200-1.2-.604c-.3%200-.8.805-.4%201.91.3.804.6%201.306.9%202.412s.9%201.91%201.2%201.71q.15-.153.3-.906c0-.1.1%200%20.2.102.1%201.004.3%201.908.5%202.411.2.302.4.703.6%201.005-.2%201.709-.4%203.82-.8%205.428-2.6.704-6.6%201.91-10%202.714C2.2%2031.967%200%2026.74%200%2021.11%200%209.45%209.4%200%2021%200s21%209.45%2021%2021.11c0%206.936-3.3%2013.066-8.4%2016.887%22%20clipRule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E";
 
-export { SvgUserCircle as ReactComponent, userCircleUrl as default };
+export { userCircleUrl as default };

package/esm/Avatar/index.js

@@ -34,7 +34,10 @@ var Avatar = /*#__PURE__*/memo(function (props) {
   var finalSrc = src || stubSrc;
   // Изображение показываем, если есть src ИЛИ есть дефолтное изображение
   var shouldShowImage = !!finalSrc && !initials;
-  return shouldShowImage ? (/*#__PURE__*/React__default.createElement("div", {
+  return shouldShowImage ? (
+  /*#__PURE__*/
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+  React__default.createElement("div", {
     className: clx(styles.avatarWrapper, {
       avatarLoader: !!loading
     }),
@@ -49,7 +52,10 @@ var Avatar = /*#__PURE__*/memo(function (props) {
     className: clx(styles.avatar, {
       avatarBordered: !!bordered
     }, SIZE_CLASSES[size], className)
-  }, rest)))) : (/*#__PURE__*/React__default.createElement("span", __assign({
+  }, rest)))) : (
+  /*#__PURE__*/
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+  React__default.createElement("span", __assign({
     ref: ref,
     "data-testid": "avatar",
     role: "button",

package/esm/Calendar/index.js

@@ -3,14 +3,13 @@ import React__default, { useRef, useState, useEffect, useCallback } from 'react'
 import classNames from 'classnames/bind';
 import { requestIdleCallback } from '../libs/requestIdleCallback/index.js';
 import { getDaysDiff } from '../helpers/date/index.js';
-import '../Icons/index.js';
+import ArrowNext from '../Icons/ArrowNext.js';
 import { Month } from './components/Month/Month.js';
 import { getStartMonth } from './utils/getStartMonth.js';
 import { Presets } from './components/Presets/index.js';
 import { getNumberOfMonthsBetweenDates } from './utils/getNumberOfMonthsBetweenDates.js';
 import { ContinueButton } from './components/ContinueButton/index.js';
 import styles from './index.module.css';
-import ArrowNext from '../Icons/ArrowNext.js';
 
 var clx = classNames.bind(styles);
 var idleCallbackOptions = {

package/esm/Datepicker/components/TimePicker/helpers.js

@@ -1,11 +1,7 @@
-import { format, addMinutes, isBefore, parse } from 'date-fns';
+import { addMinutes, format } from 'date-fns';
 
 var day = new Date();
 day.setHours(24, 0, 0, 0);
-var DEFAULT_TIME = {
-  index: 24,
-  time: "12:00"
-};
 var formatTime = function formatTime(date) {
   return format(date, "HH:mm");
 };
@@ -20,16 +16,5 @@ var generateSuggest = function generateSuggest(interval) {
     };
   });
 };
-var checkIsBeforeNow = function checkIsBeforeNow(time, currentDate) {
-  return currentDate ? isBefore(parse(time, "HH:mm", currentDate), new Date()) : false;
-};
-var checkIsBeforeSelectedDate = function checkIsBeforeSelectedDate(time, interval, date) {
-  if (date) {
-    var selectedDate = new Date(date);
-    selectedDate.setMinutes(selectedDate.getMinutes() + interval);
-    return isBefore(parse(time, "HH:mm", date), selectedDate);
-  }
-  return false;
-};
 
-export { DEFAULT_TIME, checkIsBeforeNow, checkIsBeforeSelectedDate, formatTime, generateSuggest };
+export { formatTime, generateSuggest };

package/esm/Datepicker/components/TimePicker/index.js

@@ -1,4 +1,4 @@
-import React__default, { useState, useMemo, memo } from 'react';
+import React__default, { memo, useState, useMemo } from 'react';
 import classNames from 'classnames/bind';
 import Select from '../../../Select/index.js';
 import styles from './index.module.css';

package/esm/Icons/Cross.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { Props } from "./index.props";
+declare const _default: ({ width, height, ref, ...props }: Props) => React.JSX.Element;
+export default _default;

package/esm/Icons/Cross.js

@@ -0,0 +1,26 @@
+import { __rest, __assign } from 'tslib';
+import React__default from 'react';
+
+var Cross = (function (_a) {
+  var _b = _a.width,
+    width = _b === void 0 ? 24 : _b,
+    _c = _a.height,
+    height = _c === void 0 ? 24 : _c,
+    ref = _a.ref,
+    props = __rest(_a, ["width", "height", "ref"]);
+  return /*#__PURE__*/React__default.createElement("svg", __assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    width: width,
+    height: height,
+    viewBox: "0 0 12 12",
+    ref: ref
+  }, props), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.14645 3.14645C3.34171 2.95118 3.65829 2.95118 3.85355 3.14645L6 5.29289L8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645C9.04882 3.34171 9.04882 3.65829 8.85355 3.85355L6.70711 6L8.85355 8.14645C9.04882 8.34171 9.04882 8.65829 8.85355 8.85355C8.65829 9.04882 8.34171 9.04882 8.14645 8.85355L6 6.70711L3.85355 8.85355C3.65829 9.04882 3.34171 9.04882 3.14645 8.85355C2.95118 8.65829 2.95118 8.34171 3.14645 8.14645L5.29289 6L3.14645 3.85355C2.95118 3.65829 2.95118 3.34171 3.14645 3.14645Z",
+    fill: "currentColor"
+  }));
+});
+
+export { Cross as default };

package/esm/Icons/Shield.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { Props } from "./index.props";
+declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
+export default _default;

package/esm/Icons/Shield.js

@@ -0,0 +1,26 @@
+import { __rest, __assign } from 'tslib';
+import React__default from 'react';
+
+var Shield = (function (_a) {
+  var _b = _a.fill,
+    fill = _b === void 0 ? "currentColor" : _b,
+    _c = _a.width,
+    width = _c === void 0 ? 24 : _c,
+    _d = _a.height,
+    height = _d === void 0 ? 24 : _d,
+    ref = _a.ref,
+    props = __rest(_a, ["fill", "width", "height", "ref"]);
+  return /*#__PURE__*/React__default.createElement("svg", __assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ref: ref
+  }, props), /*#__PURE__*/React__default.createElement("path", {
+    fill: fill,
+    d: "M21.522 5.015c-.043-.429-.43-.729-.858-.729-5.443 0-7.971-2.314-7.971-2.314a.83.83 0 0 0-1.2 0S9.05 4.286 3.52 4.286c-.428 0-.814.3-.857.729 0 .128-1.671 13.586 9.172 17.228.085.043.17.043.257.043.086 0 .17 0 .257-.043 10.843-3.6 9.173-17.057 9.173-17.228m-2.144 6.857c-1.03 4.414-3.515 7.329-7.286 8.657-3.814-1.371-6.257-4.286-7.286-8.657-.6-2.443-.557-4.757-.471-5.871 4.2-.172 6.728-1.543 7.8-2.315 1.07.772 3.6 2.143 7.8 2.315 0 1.114.043 3.385-.557 5.871"
+  }));
+});
+
+export { Shield as default };

package/esm/Icons/index.d.ts

@@ -2,6 +2,7 @@ export { default as ArrowNext } from "./ArrowNext";
 export { default as Cart } from "./Cart";
 export { default as Chevron } from "./Chevron";
 export { default as Close } from "./Close";
+export { default as Cross } from "./Cross";
 export { default as CrossFill } from "./CrossFill";
 export { default as Edit } from "./Edit";
 export { default as Exit } from "./Exit";
@@ -13,5 +14,6 @@ export { default as Minus } from "./Minus";
 export { default as More } from "./More";
 export { default as Plus } from "./Plus";
 export { default as Setting } from "./Setting";
+export { default as Shield } from "./Shield";
 export { default as Trash } from "./Trash";
 export { default as User } from "./User";

package/esm/Modal/components/Close/index.js

@@ -1,8 +1,8 @@
 import React__default from 'react';
 import classNames from 'classnames';
-import '../../../Icons/index.js';
-import styles from './Close.module.css';
+import 'tslib';
 import CloseIcon from '../../../Icons/Close.js';
+import styles from './Close.module.css';
 
 var Close = function Close(_a) {
   var onClick = _a.onClick;

package/esm/MultiSelect/components/MenuOverlay/index.js

@@ -1,4 +1,4 @@
-import React__default, { useRef, useState, useLayoutEffect, memo } from 'react';
+import React__default, { memo, useRef, useState, useLayoutEffect } from 'react';
 import classNames from 'classnames/bind';
 import Menu from '../../../Menu/index.js';
 import SelectItem from '../MenuOverlayItem/index.js';

package/esm/MultiSelect/index.js

@@ -4,13 +4,12 @@ import classNames from 'classnames/bind';
 import Dropdown from '../Dropdown/index.js';
 import InputRoot from '../base/InputRoot/index.js';
 import FormField from '../base/FormField/index.js';
-import '../Icons/index.js';
+import Chevron from '../Icons/Chevron.js';
+import CrossFill from '../Icons/CrossFill.js';
 import Chip from '../Chip/index.js';
 import styles from './index.module.css';
 import MenuOverlay from './components/MenuOverlay/index.js';
 import { toKey, fromKey } from './utils/index.js';
-import Chevron from '../Icons/Chevron.js';
-import CrossFill from '../Icons/CrossFill.js';
 
 var clx = classNames.bind(styles);
 var getValue = function getValue(options) {
@@ -69,7 +68,7 @@ var MultiSelect = function MultiSelect(_a) {
       return toKey(v) !== key;
     }) : __spreadArray(__spreadArray([], value, true), [item], false);
     onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-  }, [onChange]);
+  }, [onChange, value]);
   var preparedLabel = useMemo(function () {
     return preparedGroups.flatMap(function (_a) {
       var groupVal = _a.value,

package/esm/TimeSelect/helpers.js

@@ -1,11 +1,7 @@
-import { format, addMinutes, isBefore, parse } from 'date-fns';
+import { addMinutes, isBefore, parse, format } from 'date-fns';
 
 var day = new Date();
 day.setHours(24, 0, 0, 0);
-var DEFAULT_TIME = {
-  index: 24,
-  time: "12:00"
-};
 var formatTime = function formatTime(date) {
   return format(date, "HH:mm");
 };
@@ -32,4 +28,4 @@ var checkIsBeforeSelectedDate = function checkIsBeforeSelectedDate(time, interva
   return false;
 };
 
-export { DEFAULT_TIME, checkIsBeforeNow, checkIsBeforeSelectedDate, formatTime, generateSuggest };
+export { checkIsBeforeNow, checkIsBeforeSelectedDate, formatTime, generateSuggest };

package/esm/Tooltip/index.js

@@ -48,8 +48,8 @@ var Tooltip = function Tooltip(_a) {
     }
     return Children.only(children);
   }, [children]);
-  var onToggle = function onToggle(e) {
-    e.stopPropagation();
+  var onToggle = function onToggle(event) {
+    event.stopPropagation();
     setVisible(function (state) {
       return !state;
     });
@@ -60,8 +60,8 @@ var Tooltip = function Tooltip(_a) {
   var onHide = function onHide() {
     setVisible(false);
   };
-  var onClickOutside = useCallback(function (e) {
-    if (controlElement === null || controlElement === void 0 ? void 0 : controlElement.contains(e.target)) return;
+  var onClickOutside = useCallback(function (event) {
+    if (controlElement === null || controlElement === void 0 ? void 0 : controlElement.contains(event.target)) return;
     onHide();
   }, [onHide, controlElement]);
   var onClickOverlay = useCallback(function (e) {

package/esm/helpers/date/index.js

@@ -1,4 +1,4 @@
-import { parseISO, isValid, format, startOfWeek, addDays } from 'date-fns';
+import { format, startOfWeek, addDays, parseISO, isValid } from 'date-fns';
 import { enGB } from 'date-fns/locale';
 
 // Helper to parse date strings with fallback

package/esm/index.js

@@ -34,11 +34,11 @@ export { default as Typography } from './Typography/index.js';
 export { default as useMediaSizes } from './hooks/useMediaSizes/index.js';
 export { default as useOnClickOutside } from './hooks/useOnClickOutside/index.js';
 export { default as useScrollLock } from './hooks/useScrollLock/index.js';
-import './Icons/index.js';
 export { default as ArrowNext } from './Icons/ArrowNext.js';
 export { default as Cart } from './Icons/Cart.js';
 export { default as Chevron } from './Icons/Chevron.js';
 export { default as Close } from './Icons/Close.js';
+export { default as Cross } from './Icons/Cross.js';
 export { default as CrossFill } from './Icons/CrossFill.js';
 export { default as Edit } from './Icons/Edit.js';
 export { default as Exit } from './Icons/Exit.js';
@@ -50,5 +50,6 @@ export { default as Minus } from './Icons/Minus.js';
 export { default as More } from './Icons/More.js';
 export { default as Plus } from './Icons/Plus.js';
 export { default as Setting } from './Icons/Setting.js';
+export { default as Shield } from './Icons/Shield.js';
 export { default as Trash } from './Icons/Trash.js';
 export { default as User } from './Icons/User.js';

package/index.js

@@ -41,6 +41,7 @@ var ArrowNext = require('./Icons/ArrowNext.js');
 var Cart = require('./Icons/Cart.js');
 var Chevron = require('./Icons/Chevron.js');
 var Close = require('./Icons/Close.js');
+var Cross = require('./Icons/Cross.js');
 var CrossFill = require('./Icons/CrossFill.js');
 var Edit = require('./Icons/Edit.js');
 var Exit = require('./Icons/Exit.js');
@@ -52,6 +53,7 @@ var Minus = require('./Icons/Minus.js');
 var More = require('./Icons/More.js');
 var Plus = require('./Icons/Plus.js');
 var Setting = require('./Icons/Setting.js');
+var Shield = require('./Icons/Shield.js');
 var Trash = require('./Icons/Trash.js');
 var User = require('./Icons/User.js');
 
@@ -98,6 +100,7 @@ exports.ArrowNext = ArrowNext.default;
 exports.Cart = Cart.default;
 exports.Chevron = Chevron.default;
 exports.Close = Close.default;
+exports.Cross = Cross.default;
 exports.CrossFill = CrossFill.default;
 exports.Edit = Edit.default;
 exports.Exit = Exit.default;
@@ -109,5 +112,6 @@ exports.Minus = Minus.default;
 exports.More = More.default;
 exports.Plus = Plus.default;
 exports.Setting = Setting.default;
+exports.Shield = Shield.default;
 exports.Trash = Trash.default;
 exports.User = User.default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "colibri-ui",
-  "version": "0.8.27",
+  "version": "0.8.29",
   "description": "React UI components library",
   "main": "index.js",
   "scripts": {},

package/esm/Icons/index.js

@@ -1,17 +0,0 @@
-export { default as ArrowNext } from './ArrowNext.js';
-export { default as Cart } from './Cart.js';
-export { default as Chevron } from './Chevron.js';
-export { default as Close } from './Close.js';
-export { default as CrossFill } from './CrossFill.js';
-export { default as Edit } from './Edit.js';
-export { default as Exit } from './Exit.js';
-export { default as EyeOpen } from './EyeOpen.js';
-export { default as EyeClosed } from './EyeClosed.js';
-export { default as Help } from './Help.js';
-export { default as Info } from './Info.js';
-export { default as Minus } from './Minus.js';
-export { default as More } from './More.js';
-export { default as Plus } from './Plus.js';
-export { default as Setting } from './Setting.js';
-export { default as Trash } from './Trash.js';
-export { default as User } from './User.js';