colibri-ui 0.8.50 → 0.8.53

package/Avatar/index.js

@@ -23,8 +23,8 @@ var clx = classNames__default.default.bind(styles__default.default);
 var getStubImage = function getStubImage(type) {
   return type === index_props.AccountType.Organization ? orgCircle.default : userCircle.default;
 };
-var SIZE_CLASSES = _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, constants.AvatarSize.S, styles__default.default['size-s']), constants.AvatarSize.M, styles__default.default['size-m']), constants.AvatarSize.L, styles__default.default['size-l']), constants.AvatarSize.XL, styles__default.default['size-xl']), constants.AvatarSize.XXL, styles__default.default['size-xxl']), constants.AvatarSize.XXXL, styles__default.default['size-xxxl']);
-var TEXT_CLASSES = _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, constants.AvatarSize.S, styles__default.default['text-s']), constants.AvatarSize.M, styles__default.default['text-m']), constants.AvatarSize.L, styles__default.default['text-l']), constants.AvatarSize.XL, styles__default.default['text-xl']), constants.AvatarSize.XXL, styles__default.default['text-xxl']), constants.AvatarSize.XXXL, styles__default.default['text-xxxl']);
+var SIZE_CLASSES = _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, constants.AvatarSize.S, styles__default.default["size-s"]), constants.AvatarSize.M, styles__default.default["size-m"]), constants.AvatarSize.L, styles__default.default["size-l"]), constants.AvatarSize.XL, styles__default.default["size-xl"]), constants.AvatarSize.XXL, styles__default.default["size-xxl"]), constants.AvatarSize.XXXL, styles__default.default["size-xxxl"]);
+var TEXT_CLASSES = _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, constants.AvatarSize.S, styles__default.default["text-s"]), constants.AvatarSize.M, styles__default.default["text-m"]), constants.AvatarSize.L, styles__default.default["text-l"]), constants.AvatarSize.XL, styles__default.default["text-xl"]), constants.AvatarSize.XXL, styles__default.default["text-xxl"]), constants.AvatarSize.XXXL, styles__default.default["text-xxxl"]);
 var Avatar = /*#__PURE__*/React.memo(function (props) {
   var src = props.src,
     _props$size = props.size,
@@ -63,7 +63,7 @@ var Avatar = /*#__PURE__*/React.memo(function (props) {
     "data-testid": "avatar",
     alt: alt,
     src: finalSrc,
-    className: clx('avatar', {
+    className: clx("avatar", {
       avatarBordered: !!bordered
     }, SIZE_CLASSES[size], className)
   }, rest)))) : (
@@ -75,12 +75,12 @@ var Avatar = /*#__PURE__*/React.memo(function (props) {
     role: "button",
     "aria-label": ariaLabel || "Avatar",
     onClick: onClick,
-    className: clx('avatarInitials', {
+    className: clx("avatarInitials", {
       avatarBordered: !!bordered,
       loading: !!loading
     }, SIZE_CLASSES[size], className)
   }, rest), /*#__PURE__*/React__default.default.createElement("span", {
-    className: clx('initialsText', TEXT_CLASSES[size])
+    className: clx("initialsText", TEXT_CLASSES[size])
   }, (initials === null || initials === void 0 ? void 0 : initials.trim().slice(0, 2)) || "")));
 });
 

package/Menu/components/MenuItem/index.js

@@ -28,7 +28,7 @@ var MenuItem = function MenuItem(_a) {
     ref = _a.ref,
     props = tslib.__rest(_a, ["className", "isSelected", "variant", "disabled", "onClick", "children", "onMouseEnter", "ref"]);
   var handleKeyDown = function handleKeyDown(event) {
-    if (!disabled && (event.key === 'Enter' || event.key === ' ')) {
+    if (!disabled && (event.key === "Enter" || event.key === " ")) {
       event.preventDefault();
       onClick === null || onClick === void 0 ? void 0 : onClick(event);
     }
@@ -40,8 +40,8 @@ var MenuItem = function MenuItem(_a) {
     "data-testid": "menuitem",
     "aria-disabled": disabled || undefined,
     className: clx("item", _defineProperty__default.default({
-      'item_disabled': disabled,
-      'item_selected': isSelected
+      item_disabled: disabled,
+      item_selected: isSelected
     }, "item_variant_".concat(variant), true), className),
     onClick: !disabled ? onClick : undefined,
     onKeyDown: handleKeyDown,

package/Menu/index.js

@@ -39,7 +39,7 @@ var Menu = function Menu(_ref) {
   }, [children, selected, onClick, variant]);
   return /*#__PURE__*/React__default.default.createElement("ul", {
     ref: ref,
-    className: clx('menu', className),
+    className: clx("menu", className),
     role: "menu"
   }, renderChild);
 };

package/MultiSelect/components/MenuOverlay/index.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
-var classNames = require('classnames/bind');
 var index$2 = require('../../../Menu/index.js');
 var index$3 = require('../MenuOverlayItem/index.js');
 var index = require('../../../Typography/index.js');
@@ -16,10 +15,8 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
 var React__default = /*#__PURE__*/_interopDefault(React);
-var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 var styles__default = /*#__PURE__*/_interopDefault(styles);
 
-var clx = classNames__default.default.bind(styles__default.default);
 var OFFSET_ITEMS_COUNT = 2;
 var MenuOverlay = function MenuOverlay(_ref) {
   var groups = _ref.groups,
@@ -76,12 +73,12 @@ var MenuOverlay = function MenuOverlay(_ref) {
   }, []);
   return /*#__PURE__*/React__default.default.createElement("div", {
     ref: rootRef,
-    className: clx(styles__default.default.root)
+    className: styles__default.default.root
   }, groups.map(function (group, index$5) {
     return /*#__PURE__*/React__default.default.createElement("div", {
       key: "item-".concat(index$5)
     }, /*#__PURE__*/React__default.default.createElement("div", {
-      className: clx(styles__default.default.title)
+      className: styles__default.default.title
     }, /*#__PURE__*/React__default.default.createElement(index.default, {
       style: {
         color: "var(--typography-secondary)"

package/MultiSelect/index.js

@@ -129,16 +129,22 @@ var MultiSelect = function MultiSelect(_ref2) {
       onChange: handleChange
     }),
     samewidth: true
+  }, /*#__PURE__*/React__default.default.createElement("div", {
+    tabIndex: 0,
+    role: "button",
+    style: {
+      width: 'fit-content'
+    }
   }, /*#__PURE__*/React__default.default.createElement(index$4.default, {
     hasError: hasError,
     size: size,
     style: style,
-    className: clx(styles__default.default.root, {
+    className: clx("root", {
       root_auto: preparedLabel.length
     }),
     endIcon: /*#__PURE__*/React__default.default.createElement(Chevron.default, {
-      className: clx(styles__default.default.icon, {
-        icon_isOpen: isOpen
+      className: clx("icon", {
+        icon_isOpen: isOpen && Boolean(!disabled)
       })
     }),
     disabled: Boolean(disabled)
@@ -165,7 +171,7 @@ var MultiSelect = function MultiSelect(_ref2) {
     name: name,
     tabIndex: -1,
     value: internalSelectedKeys.join(",") || ""
-  }))));
+  })))));
 };
 
 exports.default = MultiSelect;

package/MultiSelect/index.module.css

@@ -1,7 +1,6 @@
 .root {
   cursor: pointer;
 }
-
 .root_auto {
   height: auto;
   min-height: 36px;

package/Select/components/MenuOverlay/index.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
-var classNames = require('classnames/bind');
 var index = require('../../../Menu/index.js');
 var index$1 = require('../MenuOverlayItem/index.js');
 var styles = require('./index.module.css');
@@ -13,10 +12,8 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
 var React__default = /*#__PURE__*/_interopDefault(React);
-var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 var styles__default = /*#__PURE__*/_interopDefault(styles);
 
-var clx = classNames__default.default.bind(styles__default.default);
 var OFFSET_ITEMS_COUNT = 2;
 var MenuOverlay = function MenuOverlay(_ref) {
   var options = _ref.options,
@@ -50,7 +47,7 @@ var MenuOverlay = function MenuOverlay(_ref) {
   }, [scrollView, rootRef]);
   return /*#__PURE__*/React__default.default.createElement("div", {
     ref: rootRef,
-    className: clx(styles__default.default.root)
+    className: styles__default.default.root
   }, /*#__PURE__*/React__default.default.createElement(index.default, {
     ref: listRef,
     selected: selected

package/Select/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type { JSX } from "react";
 import type { SelectProps } from "./index.props";
-declare const Select: <T extends string>({ options, value, name, zIndex, fontSize, label, hint, hasError, required, placeholder, disabled, size, fullWidth, customInputRoot, className, onChange, }: SelectProps<T>) => React.JSX.Element;
+declare const Select: <T extends string>({ options, value, name, zIndex, fontSize, label, hint, hasError, required, placeholder, disabled, size, fullWidth, customInputRoot, className, onChange, }: SelectProps<T>) => JSX.Element;
 export default Select;

package/Select/index.js

@@ -57,7 +57,7 @@ var Select = function Select(_ref) {
       };
     });
   }, [value, options]);
-  var prepraredLabel = React.useMemo(function () {
+  var preparedLabel = React.useMemo(function () {
     var _a;
     return (_a = preparedOptions.find(function (_ref3) {
       var selected = _ref3.selected;
@@ -79,33 +79,39 @@ var Select = function Select(_ref) {
     trigger: ["click"],
     zIndex: zIndex,
     fontSize: fontSize,
-    disabled: !!disabled,
+    disabled: Boolean(disabled),
     overlay: /*#__PURE__*/React__default.default.createElement(index$2.default, {
       options: preparedOptions,
       onChange: onChange
     }),
     samewidth: true
-  }, customInputRoot ? customInputRoot : (/*#__PURE__*/React__default.default.createElement(index$3.default, {
+  }, customInputRoot ? customInputRoot : (/*#__PURE__*/React__default.default.createElement("div", {
+    tabIndex: 0,
+    role: "button",
+    style: {
+      width: 'fit-content'
+    }
+  }, /*#__PURE__*/React__default.default.createElement(index$3.default, {
     hasError: hasError,
     size: size,
     className: clx(styles__default.default.root),
     endIcon: /*#__PURE__*/React__default.default.createElement(Chevron.default, {
       className: clx(styles__default.default.icon, {
-        icon_isOpen: isOpen ? 1 : 0
+        icon_isOpen: isOpen && Boolean(!disabled)
       })
     }),
-    disabled: !!disabled
+    disabled: Boolean(disabled)
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: clx(styles__default.default["base-input"]),
     "data-testid": "base-input"
-  }, prepraredLabel !== null && prepraredLabel !== void 0 ? prepraredLabel : (/*#__PURE__*/React__default.default.createElement("span", {
+  }, preparedLabel !== null && preparedLabel !== void 0 ? preparedLabel : (/*#__PURE__*/React__default.default.createElement("span", {
     className: clx(styles__default.default.placeholder)
   }, placeholder))), /*#__PURE__*/React__default.default.createElement("input", {
     type: "hidden",
     name: name,
     tabIndex: -1,
     value: value || ""
-  })))));
+  }))))));
 };
 
 exports.default = Select;

package/Tooltip/Tooltip.module.css

@@ -1,17 +1,17 @@
 .tooltip {
   background-color: var(--tooltip-bg);
   border-radius: 0.35rem;
-  padding: 4px 10px;
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-sizing: border-box;
+  color: var(--tooltip-color);
+  display: inline-block;
   font-size: 14px;
   font-weight: 400;
   line-height: 18px;
-  color: var(--tooltip-color);
   max-width: 200px;
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-  z-index: 1000;
+  padding: 4px 10px;
   position: relative;
-  display: inline-block;
-  box-sizing: border-box;
+  z-index: 1000;
 }
 
 .content {
@@ -21,8 +21,8 @@
   font-size: inherit;
   font-weight: inherit;
   line-height: inherit;
-  padding: inherit;
   max-width: inherit;
   overflow: hidden;
+  padding: inherit;
   position: relative;
 }

package/Tooltip/index.js

@@ -80,10 +80,10 @@ var Tooltip = function Tooltip(_ref) {
     })
   }), /*#__PURE__*/React__default.default.createElement("div", {
     className: clx("content")
-  }, content), withTail && (/*#__PURE__*/React__default.default.createElement(react.FloatingArrow, {
+  }, content), withTail && /*#__PURE__*/React__default.default.createElement(react.FloatingArrow, {
     ref: arrowRef,
     context: context
-  }))))));
+  })))));
 };
 
 exports.default = Tooltip;

package/Tooltip/index.props.d.ts

@@ -1,5 +1,5 @@
+import type { Placement, Strategy } from "@floating-ui/react";
 import type { ReactNode } from "react";
-import { Placement, Strategy } from "@floating-ui/react";
 export type TooltipProps = {
     content: ReactNode;
     zIndex?: number;

package/esm/Avatar/index.js

@@ -12,8 +12,8 @@ var clx = classNames.bind(styles);
 var getStubImage = function getStubImage(type) {
   return type === AccountType.Organization ? orgCircleUrl : userCircleUrl;
 };
-var SIZE_CLASSES = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, AvatarSize.S, styles['size-s']), AvatarSize.M, styles['size-m']), AvatarSize.L, styles['size-l']), AvatarSize.XL, styles['size-xl']), AvatarSize.XXL, styles['size-xxl']), AvatarSize.XXXL, styles['size-xxxl']);
-var TEXT_CLASSES = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, AvatarSize.S, styles['text-s']), AvatarSize.M, styles['text-m']), AvatarSize.L, styles['text-l']), AvatarSize.XL, styles['text-xl']), AvatarSize.XXL, styles['text-xxl']), AvatarSize.XXXL, styles['text-xxxl']);
+var SIZE_CLASSES = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, AvatarSize.S, styles["size-s"]), AvatarSize.M, styles["size-m"]), AvatarSize.L, styles["size-l"]), AvatarSize.XL, styles["size-xl"]), AvatarSize.XXL, styles["size-xxl"]), AvatarSize.XXXL, styles["size-xxxl"]);
+var TEXT_CLASSES = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, AvatarSize.S, styles["text-s"]), AvatarSize.M, styles["text-m"]), AvatarSize.L, styles["text-l"]), AvatarSize.XL, styles["text-xl"]), AvatarSize.XXL, styles["text-xxl"]), AvatarSize.XXXL, styles["text-xxxl"]);
 var Avatar = /*#__PURE__*/memo(function (props) {
   var src = props.src,
     _props$size = props.size,
@@ -52,7 +52,7 @@ var Avatar = /*#__PURE__*/memo(function (props) {
     "data-testid": "avatar",
     alt: alt,
     src: finalSrc,
-    className: clx('avatar', {
+    className: clx("avatar", {
       avatarBordered: !!bordered
     }, SIZE_CLASSES[size], className)
   }, rest)))) : (
@@ -64,12 +64,12 @@ var Avatar = /*#__PURE__*/memo(function (props) {
     role: "button",
     "aria-label": ariaLabel || "Avatar",
     onClick: onClick,
-    className: clx('avatarInitials', {
+    className: clx("avatarInitials", {
       avatarBordered: !!bordered,
       loading: !!loading
     }, SIZE_CLASSES[size], className)
   }, rest), /*#__PURE__*/React__default.createElement("span", {
-    className: clx('initialsText', TEXT_CLASSES[size])
+    className: clx("initialsText", TEXT_CLASSES[size])
   }, (initials === null || initials === void 0 ? void 0 : initials.trim().slice(0, 2)) || "")));
 });
 

package/esm/Menu/components/MenuItem/index.js

@@ -17,7 +17,7 @@ var MenuItem = function MenuItem(_a) {
     ref = _a.ref,
     props = __rest(_a, ["className", "isSelected", "variant", "disabled", "onClick", "children", "onMouseEnter", "ref"]);
   var handleKeyDown = function handleKeyDown(event) {
-    if (!disabled && (event.key === 'Enter' || event.key === ' ')) {
+    if (!disabled && (event.key === "Enter" || event.key === " ")) {
       event.preventDefault();
       onClick === null || onClick === void 0 ? void 0 : onClick(event);
     }
@@ -29,8 +29,8 @@ var MenuItem = function MenuItem(_a) {
     "data-testid": "menuitem",
     "aria-disabled": disabled || undefined,
     className: clx("item", _defineProperty({
-      'item_disabled': disabled,
-      'item_selected': isSelected
+      item_disabled: disabled,
+      item_selected: isSelected
     }, "item_variant_".concat(variant), true), className),
     onClick: !disabled ? onClick : undefined,
     onKeyDown: handleKeyDown,

package/esm/Menu/index.js

@@ -29,7 +29,7 @@ var Menu = function Menu(_ref) {
   }, [children, selected, onClick, variant]);
   return /*#__PURE__*/React__default.createElement("ul", {
     ref: ref,
-    className: clx('menu', className),
+    className: clx("menu", className),
     role: "menu"
   }, renderChild);
 };

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

@@ -1,6 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 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';
 import Typography from '../../../Typography/index.js';
@@ -8,7 +7,6 @@ import Separator from '../../../Separator/index.js';
 import { toKey } from '../../utils/index.js';
 import styles from './index.module.css';
 
-var clx = classNames.bind(styles);
 var OFFSET_ITEMS_COUNT = 2;
 var MenuOverlay = function MenuOverlay(_ref) {
   var groups = _ref.groups,
@@ -65,12 +63,12 @@ var MenuOverlay = function MenuOverlay(_ref) {
   }, []);
   return /*#__PURE__*/React__default.createElement("div", {
     ref: rootRef,
-    className: clx(styles.root)
+    className: styles.root
   }, groups.map(function (group, index) {
     return /*#__PURE__*/React__default.createElement("div", {
       key: "item-".concat(index)
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: clx(styles.title)
+      className: styles.title
     }, /*#__PURE__*/React__default.createElement(Typography, {
       style: {
         color: "var(--typography-secondary)"

package/esm/MultiSelect/index.js

@@ -117,16 +117,22 @@ var MultiSelect = function MultiSelect(_ref2) {
       onChange: handleChange
     }),
     samewidth: true
+  }, /*#__PURE__*/React__default.createElement("div", {
+    tabIndex: 0,
+    role: "button",
+    style: {
+      width: 'fit-content'
+    }
   }, /*#__PURE__*/React__default.createElement(InputRoot, {
     hasError: hasError,
     size: size,
     style: style,
-    className: clx(styles.root, {
+    className: clx("root", {
       root_auto: preparedLabel.length
     }),
     endIcon: /*#__PURE__*/React__default.createElement(Chevron, {
-      className: clx(styles.icon, {
-        icon_isOpen: isOpen
+      className: clx("icon", {
+        icon_isOpen: isOpen && Boolean(!disabled)
       })
     }),
     disabled: Boolean(disabled)
@@ -153,7 +159,7 @@ var MultiSelect = function MultiSelect(_ref2) {
     name: name,
     tabIndex: -1,
     value: internalSelectedKeys.join(",") || ""
-  }))));
+  })))));
 };
 
 export { MultiSelect as default };

package/esm/MultiSelect/index.module.css

@@ -1,7 +1,6 @@
 .root {
   cursor: pointer;
 }
-
 .root_auto {
   height: auto;
   min-height: 36px;

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

@@ -1,11 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React__default, { useState, useRef, useCallback, useLayoutEffect } from 'react';
-import classNames from 'classnames/bind';
 import Menu from '../../../Menu/index.js';
 import SelectItem from '../MenuOverlayItem/index.js';
 import styles from './index.module.css';
 
-var clx = classNames.bind(styles);
 var OFFSET_ITEMS_COUNT = 2;
 var MenuOverlay = function MenuOverlay(_ref) {
   var options = _ref.options,
@@ -39,7 +37,7 @@ var MenuOverlay = function MenuOverlay(_ref) {
   }, [scrollView, rootRef]);
   return /*#__PURE__*/React__default.createElement("div", {
     ref: rootRef,
-    className: clx(styles.root)
+    className: styles.root
   }, /*#__PURE__*/React__default.createElement(Menu, {
     ref: listRef,
     selected: selected

package/esm/Select/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type { JSX } from "react";
 import type { SelectProps } from "./index.props";
-declare const Select: <T extends string>({ options, value, name, zIndex, fontSize, label, hint, hasError, required, placeholder, disabled, size, fullWidth, customInputRoot, className, onChange, }: SelectProps<T>) => React.JSX.Element;
+declare const Select: <T extends string>({ options, value, name, zIndex, fontSize, label, hint, hasError, required, placeholder, disabled, size, fullWidth, customInputRoot, className, onChange, }: SelectProps<T>) => JSX.Element;
 export default Select;

package/esm/Select/index.js

@@ -46,7 +46,7 @@ var Select = function Select(_ref) {
       };
     });
   }, [value, options]);
-  var prepraredLabel = useMemo(function () {
+  var preparedLabel = useMemo(function () {
     var _a;
     return (_a = preparedOptions.find(function (_ref3) {
       var selected = _ref3.selected;
@@ -68,33 +68,39 @@ var Select = function Select(_ref) {
     trigger: ["click"],
     zIndex: zIndex,
     fontSize: fontSize,
-    disabled: !!disabled,
+    disabled: Boolean(disabled),
     overlay: /*#__PURE__*/React__default.createElement(MenuOverlay, {
       options: preparedOptions,
       onChange: onChange
     }),
     samewidth: true
-  }, customInputRoot ? customInputRoot : (/*#__PURE__*/React__default.createElement(InputRoot, {
+  }, customInputRoot ? customInputRoot : (/*#__PURE__*/React__default.createElement("div", {
+    tabIndex: 0,
+    role: "button",
+    style: {
+      width: 'fit-content'
+    }
+  }, /*#__PURE__*/React__default.createElement(InputRoot, {
     hasError: hasError,
     size: size,
     className: clx(styles.root),
     endIcon: /*#__PURE__*/React__default.createElement(Chevron, {
       className: clx(styles.icon, {
-        icon_isOpen: isOpen ? 1 : 0
+        icon_isOpen: isOpen && Boolean(!disabled)
       })
     }),
-    disabled: !!disabled
+    disabled: Boolean(disabled)
   }, /*#__PURE__*/React__default.createElement("div", {
     className: clx(styles["base-input"]),
     "data-testid": "base-input"
-  }, prepraredLabel !== null && prepraredLabel !== void 0 ? prepraredLabel : (/*#__PURE__*/React__default.createElement("span", {
+  }, preparedLabel !== null && preparedLabel !== void 0 ? preparedLabel : (/*#__PURE__*/React__default.createElement("span", {
     className: clx(styles.placeholder)
   }, placeholder))), /*#__PURE__*/React__default.createElement("input", {
     type: "hidden",
     name: name,
     tabIndex: -1,
     value: value || ""
-  })))));
+  }))))));
 };
 
 export { Select as default };

package/esm/Tooltip/Tooltip.module.css

@@ -1,17 +1,17 @@
 .tooltip {
   background-color: var(--tooltip-bg);
   border-radius: 0.35rem;
-  padding: 4px 10px;
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-sizing: border-box;
+  color: var(--tooltip-color);
+  display: inline-block;
   font-size: 14px;
   font-weight: 400;
   line-height: 18px;
-  color: var(--tooltip-color);
   max-width: 200px;
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-  z-index: 1000;
+  padding: 4px 10px;
   position: relative;
-  display: inline-block;
-  box-sizing: border-box;
+  z-index: 1000;
 }
 
 .content {
@@ -21,8 +21,8 @@
   font-size: inherit;
   font-weight: inherit;
   line-height: inherit;
-  padding: inherit;
   max-width: inherit;
   overflow: hidden;
+  padding: inherit;
   position: relative;
 }

package/esm/Tooltip/index.js

@@ -69,10 +69,10 @@ var Tooltip = function Tooltip(_ref) {
     })
   }), /*#__PURE__*/React__default.createElement("div", {
     className: clx("content")
-  }, content), withTail && (/*#__PURE__*/React__default.createElement(FloatingArrow, {
+  }, content), withTail && /*#__PURE__*/React__default.createElement(FloatingArrow, {
     ref: arrowRef,
     context: context
-  }))))));
+  })))));
 };
 
 export { Tooltip as default };

package/esm/Tooltip/index.props.d.ts

@@ -1,5 +1,5 @@
+import type { Placement, Strategy } from "@floating-ui/react";
 import type { ReactNode } from "react";
-import { Placement, Strategy } from "@floating-ui/react";
 export type TooltipProps = {
     content: ReactNode;
     zIndex?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "colibri-ui",
-  "version": "0.8.50",
+  "version": "0.8.53",
   "description": "React UI components library",
   "main": "index.js",
   "types": "index.d.ts",