@geneui/components 3.0.0-next-7221a3a-16092024 → 3.0.0-next-1b7eefe-17092024

package/Form/index.js

@@ -11,8 +11,8 @@ export { default as FormableUploader } from '../FormableUploader/index.js';
 export { default as FormableSwitcher } from '../FormableSwitcher/index.js';
 export { default as FormableEditor } from '../FormableEditor/index.js';
 export { default as FormableRadio } from '../FormableRadio/index.js';
-export { F as FormableHOC } from '../FormableHOC-c02b8928.js';
-import '../_rollupPluginBabelHelpers-a83240e1.js';
+export { F as FormableHOC } from '../FormableHOC-300e2dd7.js';
+import '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import '../index-a0e4e333.js';
 import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';
@@ -26,9 +26,9 @@ import '../Icon/index.js';
 import '../index-262edd7a.js';
 import '../ValidatableMultiSelectDropdown/index.js';
 import '../hooks/useMount.js';
-import '../configs-1fb8eed2.js';
-import '../index-d10283d4.js';
-import '../objectWithoutPropertiesLoose-e1596bdb.js';
+import '../configs-34847b77.js';
+import '../index-558ac559.js';
+import '../objectWithoutPropertiesLoose-d8a4a68c.js';
 import '../react-lifecycles-compat.es-6e1f3768.js';
 import '../clsx.m-2bb6df4b.js';
 import '../hooks/useClick.js';
@@ -42,13 +42,12 @@ import '../hooks/useForceUpdate.js';
 import '../useEllipsisDetection-4d997d5d.js';
 import '../BusyLoader/index.js';
 import '../Empty/index.js';
-import '../index-282407ff.js';
+import '../index-ac5c45f7.js';
 import '../index-122432cd.js';
 import '../Scrollbar/index.js';
 import '../GeneUIProvider/index.js';
 import '../debounce-4419bc2f.js';
-import '../Tooltip/index.js';
-import '../Popover-f4d1cac0.js';
+import '../index-006d8b06.js';
 import '../ExtendedInput/index.js';
 import '../SuggestionList/index.js';
 import '../config-1053d64d.js';
@@ -56,7 +55,7 @@ import '../callAfterDelay-7272faca.js';
 import '../Checkbox/index.js';
 import '../checkboxRadioSwitcher-5b69d7bd.js';
 import '../guid-8ddf77b3.js';
-import '../index-34914e4c.js';
+import '../index-263b0f0b.js';
 import '../Tag/index.js';
 import '../ValidatableNumberInput/index.js';
 import '../ValidatableDatePicker/index.js';

package/FormContainer/index.js

@@ -1,4 +1,4 @@
-import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default, { useMemo, useCallback, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { n as noop, s as stopEvent } from '../index-a0e4e333.js';
@@ -13,7 +13,7 @@ import '../tslib.es6-f211516f.js';
 import '../index-031ff73c.js';
 import '../Icon/index.js';
 
-var css_248z = "[data-gene-ui-version=\"2.15.0\"] .form-buttons{margin:2rem 0 0}[data-gene-ui-version=\"2.15.0\"] .form-buttons>*+*{margin-inline-start:1rem}[data-gene-ui-version=\"2.15.0\"] form{width:100%}";
+var css_248z = "[data-gene-ui-version=\"2.16.0\"] .form-buttons{margin:2rem 0 0}[data-gene-ui-version=\"2.16.0\"] .form-buttons>*+*{margin-inline-start:1rem}[data-gene-ui-version=\"2.16.0\"] form{width:100%}";
 styleInject(css_248z);
 
 const KEYBOARD_ENTER_KEY = 13;

package/FormableCheckbox/index.js

@@ -1,6 +1,6 @@
-import { F as Formable } from '../FormableHOC-c02b8928.js';
+import { F as Formable } from '../FormableHOC-300e2dd7.js';
 import CheckboxField from '../ValidatableCheckbox/index.js';
-import '../_rollupPluginBabelHelpers-a83240e1.js';
+import '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import 'react';
 import '../index-a0e4e333.js';
 import 'prop-types';
@@ -8,13 +8,13 @@ import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
 import '../hooks/useMount.js';
-import '../configs-1fb8eed2.js';
+import '../configs-34847b77.js';
 import '../index-262edd7a.js';
 import '../guid-8ddf77b3.js';
 import '../Checkbox/index.js';
 import '../index-031ff73c.js';
-import '../Tooltip/index.js';
-import '../Popover-f4d1cac0.js';
+import '../index-006d8b06.js';
+import '../tslib.es6-f211516f.js';
 import '../hooks/useDeviceType.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';

package/FormableDatePicker/index.js

@@ -1,6 +1,6 @@
-import { F as Formable } from '../FormableHOC-c02b8928.js';
+import { F as Formable } from '../FormableHOC-300e2dd7.js';
 import DatePicker from '../ValidatableDatePicker/index.js';
-import '../_rollupPluginBabelHelpers-a83240e1.js';
+import '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import 'react';
 import '../index-a0e4e333.js';
 import 'prop-types';
@@ -8,7 +8,7 @@ import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
 import '../hooks/useMount.js';
-import '../configs-1fb8eed2.js';
+import '../configs-34847b77.js';
 import '../index-262edd7a.js';
 import '../guid-8ddf77b3.js';
 import '../DatePickerInput/index.js';
@@ -19,7 +19,7 @@ import '../hooks/useKeyDown.js';
 import '../hooks/useDeviceType.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
-import '../index-282407ff.js';
+import '../index-ac5c45f7.js';
 import '../index-122432cd.js';
 import '../hooks/useClickOutside.js';
 import '../Scrollbar/index.js';
@@ -31,11 +31,10 @@ import '../Icon/index.js';
 import '../SuggestionList/index.js';
 import '../config-1053d64d.js';
 import '../callAfterDelay-7272faca.js';
-import '../Tooltip/index.js';
-import '../Popover-f4d1cac0.js';
+import '../index-006d8b06.js';
+import '../tslib.es6-f211516f.js';
 import '../DatePicker/index.js';
 import '../Button/index.js';
-import '../tslib.es6-f211516f.js';
 import '../localization-4ba17032.js';
 import '../checkTimeValidation-e56771be.js';
 

package/FormableDropdown/index.js

@@ -1,6 +1,6 @@
-import { F as Formable } from '../FormableHOC-c02b8928.js';
+import { F as Formable } from '../FormableHOC-300e2dd7.js';
 import DropdownField from '../ValidatableDropdown/index.js';
-import '../_rollupPluginBabelHelpers-a83240e1.js';
+import '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import 'react';
 import '../index-a0e4e333.js';
 import 'prop-types';
@@ -8,11 +8,11 @@ import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
 import '../hooks/useMount.js';
-import '../configs-1fb8eed2.js';
+import '../configs-34847b77.js';
 import '../index-262edd7a.js';
 import '../guid-8ddf77b3.js';
-import '../index-d10283d4.js';
-import '../objectWithoutPropertiesLoose-e1596bdb.js';
+import '../index-558ac559.js';
+import '../objectWithoutPropertiesLoose-d8a4a68c.js';
 import '../react-lifecycles-compat.es-6e1f3768.js';
 import '../clsx.m-2bb6df4b.js';
 import '../index-031ff73c.js';
@@ -30,20 +30,19 @@ import '../Icon/index.js';
 import '../style-inject.es-746bb8ed.js';
 import '../Empty/index.js';
 import '../tslib.es6-f211516f.js';
-import '../index-282407ff.js';
+import '../index-ac5c45f7.js';
 import '../index-122432cd.js';
 import '../Scrollbar/index.js';
 import '../GeneUIProvider/index.js';
 import '../debounce-4419bc2f.js';
-import '../Tooltip/index.js';
-import '../Popover-f4d1cac0.js';
+import '../index-006d8b06.js';
 import '../ExtendedInput/index.js';
 import '../SuggestionList/index.js';
 import '../config-1053d64d.js';
 import '../callAfterDelay-7272faca.js';
 import '../Checkbox/index.js';
 import '../checkboxRadioSwitcher-5b69d7bd.js';
-import '../index-34914e4c.js';
+import '../index-263b0f0b.js';
 import '../Tag/index.js';
 
 var FormableDropdown = Formable(DropdownField);

package/FormableEditor/index.js

@@ -1,6 +1,6 @@
-import { F as Formable } from '../FormableHOC-c02b8928.js';
+import { F as Formable } from '../FormableHOC-300e2dd7.js';
 import Editor from '../Editor/index.js';
-import '../_rollupPluginBabelHelpers-a83240e1.js';
+import '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import 'react';
 import '../index-a0e4e333.js';
 import 'prop-types';
@@ -8,7 +8,7 @@ import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
 import '../hooks/useMount.js';
-import '../configs-1fb8eed2.js';
+import '../configs-34847b77.js';
 import '../index-262edd7a.js';
 import '../guid-8ddf77b3.js';
 import '../index-45eafea6.js';

package/{FormableHOC-c02b8928.js → FormableHOC-300e2dd7.js}

@@ -1,8 +1,8 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-a83240e1.js';
+import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default, { useState, useCallback } from 'react';
 import { n as noop } from './index-a0e4e333.js';
 import useMount from './hooks/useMount.js';
-import './configs-1fb8eed2.js';
+import './configs-34847b77.js';
 import { u as useFormContext } from './index-262edd7a.js';
 import { g as guid } from './guid-8ddf77b3.js';
 

package/FormableMultiSelectDropdown/index.js

@@ -1,6 +1,6 @@
-import { F as Formable } from '../FormableHOC-c02b8928.js';
+import { F as Formable } from '../FormableHOC-300e2dd7.js';
 import MultiSelectDropdownField from '../ValidatableMultiSelectDropdown/index.js';
-import '../_rollupPluginBabelHelpers-a83240e1.js';
+import '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import 'react';
 import '../index-a0e4e333.js';
 import 'prop-types';
@@ -8,11 +8,11 @@ import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
 import '../hooks/useMount.js';
-import '../configs-1fb8eed2.js';
+import '../configs-34847b77.js';
 import '../index-262edd7a.js';
 import '../guid-8ddf77b3.js';
-import '../index-d10283d4.js';
-import '../objectWithoutPropertiesLoose-e1596bdb.js';
+import '../index-558ac559.js';
+import '../objectWithoutPropertiesLoose-d8a4a68c.js';
 import '../react-lifecycles-compat.es-6e1f3768.js';
 import '../clsx.m-2bb6df4b.js';
 import '../index-031ff73c.js';
@@ -30,20 +30,19 @@ import '../Icon/index.js';
 import '../style-inject.es-746bb8ed.js';
 import '../Empty/index.js';
 import '../tslib.es6-f211516f.js';
-import '../index-282407ff.js';
+import '../index-ac5c45f7.js';
 import '../index-122432cd.js';
 import '../Scrollbar/index.js';
 import '../GeneUIProvider/index.js';
 import '../debounce-4419bc2f.js';
-import '../Tooltip/index.js';
-import '../Popover-f4d1cac0.js';
+import '../index-006d8b06.js';
 import '../ExtendedInput/index.js';
 import '../SuggestionList/index.js';
 import '../config-1053d64d.js';
 import '../callAfterDelay-7272faca.js';
 import '../Checkbox/index.js';
 import '../checkboxRadioSwitcher-5b69d7bd.js';
-import '../index-34914e4c.js';
+import '../index-263b0f0b.js';
 import '../Tag/index.js';
 
 var FormableMultiSelectDropdown = Formable(MultiSelectDropdownField);

package/FormableNumberInput/index.js

@@ -1,6 +1,6 @@
-import { F as Formable } from '../FormableHOC-c02b8928.js';
+import { F as Formable } from '../FormableHOC-300e2dd7.js';
 import NumberInput from '../ValidatableNumberInput/index.js';
-import '../_rollupPluginBabelHelpers-a83240e1.js';
+import '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import 'react';
 import '../index-a0e4e333.js';
 import 'prop-types';
@@ -8,7 +8,7 @@ import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
 import '../hooks/useMount.js';
-import '../configs-1fb8eed2.js';
+import '../configs-34847b77.js';
 import '../index-262edd7a.js';
 import '../guid-8ddf77b3.js';
 import '../ExtendedInput/index.js';
@@ -25,8 +25,8 @@ import '../hooks/useClickOutside.js';
 import '../config-1053d64d.js';
 import '../Scrollbar/index.js';
 import '../callAfterDelay-7272faca.js';
-import '../Tooltip/index.js';
-import '../Popover-f4d1cac0.js';
+import '../index-006d8b06.js';
+import '../tslib.es6-f211516f.js';
 import '../GeneUIProvider/index.js';
 
 var FormableNumberInput = Formable(NumberInput);

package/FormableRadio/index.js

@@ -1,6 +1,6 @@
-import { F as Formable } from '../FormableHOC-c02b8928.js';
+import { F as Formable } from '../FormableHOC-300e2dd7.js';
 import Radio from '../ValidatableRadio/index.js';
-import '../_rollupPluginBabelHelpers-a83240e1.js';
+import '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import 'react';
 import '../index-a0e4e333.js';
 import 'prop-types';
@@ -8,7 +8,7 @@ import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
 import '../hooks/useMount.js';
-import '../configs-1fb8eed2.js';
+import '../configs-34847b77.js';
 import '../index-262edd7a.js';
 import '../guid-8ddf77b3.js';
 import '../RadioGroup/index.js';

package/FormableSwitcher/index.js

@@ -1,6 +1,6 @@
-import { F as Formable } from '../FormableHOC-c02b8928.js';
+import { F as Formable } from '../FormableHOC-300e2dd7.js';
 import SwitcherElement from '../ValidatableSwitcher/index.js';
-import '../_rollupPluginBabelHelpers-a83240e1.js';
+import '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import 'react';
 import '../index-a0e4e333.js';
 import 'prop-types';
@@ -8,7 +8,7 @@ import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
 import '../hooks/useMount.js';
-import '../configs-1fb8eed2.js';
+import '../configs-34847b77.js';
 import '../index-262edd7a.js';
 import '../guid-8ddf77b3.js';
 import '../Switcher/index.js';

package/FormableTextInput/index.js

@@ -1,6 +1,6 @@
-import { F as Formable } from '../FormableHOC-c02b8928.js';
+import { F as Formable } from '../FormableHOC-300e2dd7.js';
 import TextInput from '../ValidatableTextInput/index.js';
-import '../_rollupPluginBabelHelpers-a83240e1.js';
+import '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import 'react';
 import '../index-a0e4e333.js';
 import 'prop-types';
@@ -8,7 +8,7 @@ import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
 import '../hooks/useMount.js';
-import '../configs-1fb8eed2.js';
+import '../configs-34847b77.js';
 import '../index-262edd7a.js';
 import '../guid-8ddf77b3.js';
 import '../ExtendedInput/index.js';
@@ -25,8 +25,8 @@ import '../hooks/useClickOutside.js';
 import '../config-1053d64d.js';
 import '../Scrollbar/index.js';
 import '../callAfterDelay-7272faca.js';
-import '../Tooltip/index.js';
-import '../Popover-f4d1cac0.js';
+import '../index-006d8b06.js';
+import '../tslib.es6-f211516f.js';
 import '../GeneUIProvider/index.js';
 
 var FormableTextInput = Formable(TextInput);

package/FormableUploader/index.js

@@ -1,6 +1,6 @@
-import { F as Formable } from '../FormableHOC-c02b8928.js';
+import { F as Formable } from '../FormableHOC-300e2dd7.js';
 import UploaderField from '../ValidatableUploader/index.js';
-import '../_rollupPluginBabelHelpers-a83240e1.js';
+import '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import 'react';
 import '../index-a0e4e333.js';
 import 'prop-types';
@@ -8,7 +8,7 @@ import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
 import '../hooks/useMount.js';
-import '../configs-1fb8eed2.js';
+import '../configs-34847b77.js';
 import '../index-262edd7a.js';
 import '../guid-8ddf77b3.js';
 import '../Uploader/index.js';
@@ -28,8 +28,7 @@ import '../hooks/useClickOutside.js';
 import '../config-1053d64d.js';
 import '../Scrollbar/index.js';
 import '../callAfterDelay-7272faca.js';
-import '../Tooltip/index.js';
-import '../Popover-f4d1cac0.js';
+import '../index-006d8b06.js';
 import '../GeneUIProvider/index.js';
 import '../Grid/index.js';
 import '../hooks/useWidth.js';

package/GeneUIProvider/index.js

@@ -1308,7 +1308,7 @@ const bootstrap = () => {
 
 var name = "@geneui/components";
 var description = "The Gene UI components library designed for BI tools";
-var version = "2.15.0";
+var version = "2.16.0";
 var author = "SoftConstruct";
 var homepage = "https://github.com/softconstruct/gene-ui-components#readme";
 var repository = {
@@ -1464,8 +1464,9 @@ var devDependencies = {
 	yargs: "^17.7.2"
 };
 var dependencies = {
-	"@geneui/icons": "^1.0.3",
+	"@geneui/icons": "^1.0.4",
 	"@geneui/tokens": "^1.3.0-beta",
+	"@floating-ui/react": "^0.26.16",
 	classnames: "^2.3.2",
 	dayjs: "^1.11.5",
 	"draft-js": "^0.11.7",

package/Grid/index.js

@@ -4,8 +4,8 @@ import { c as classnames } from '../index-031ff73c.js';
 import useWidth from '../hooks/useWidth.js';
 import '../dateValidation-67caec66.js';
 import 'react-dom';
-import { k as breakPoints } from '../configs-1fb8eed2.js';
-import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
+import { k as breakPoints } from '../configs-34847b77.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
@@ -118,7 +118,7 @@ Col.defaultProps = {
   xxl: 1
 };
 
-var css_248z = "[data-gene-ui-version=\"2.15.0\"] .grid-holder{width:100%}[data-gene-ui-version=\"2.15.0\"] .grid-items-group{display:flex;flex-wrap:wrap;width:100%}[data-gene-ui-version=\"2.15.0\"] .grid-child{display:flex}";
+var css_248z = "[data-gene-ui-version=\"2.16.0\"] .grid-holder{width:100%}[data-gene-ui-version=\"2.16.0\"] .grid-items-group{display:flex;flex-wrap:wrap;width:100%}[data-gene-ui-version=\"2.16.0\"] .grid-child{display:flex}";
 styleInject(css_248z);
 
 function Row(props) {

package/HelperText/index.js

@@ -0,0 +1,118 @@
+import React__default, { useRef, cloneElement } from 'react';
+import { c as classnames } from '../index-031ff73c.js';
+import 'prop-types';
+import '../dateValidation-67caec66.js';
+import 'react-dom';
+import '../configs-34847b77.js';
+import { u as useEllipsisDetection } from '../useEllipsisDetection-4d997d5d.js';
+import { T as Tooltip } from '../index-006d8b06.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+import '../_commonjsHelpers-24198af3.js';
+import '../hooks/useDebounce.js';
+import '../tslib.es6-f211516f.js';
+import '../index-a0e4e333.js';
+import '../hooks/useDeviceType.js';
+import '../hooks/useWindowSize.js';
+import '../GeneUIProvider/index.js';
+
+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);
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+
+var _excluded$1 = ["size", "color"];
+var SvgErrorAlertFill = function SvgErrorAlertFill(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 24 : _ref$size,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "currentColor" : _ref$color,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  return /*#__PURE__*/React__default.createElement("svg", _extends({
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: color,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-.75 5.758a.75.75 0 1 1 1.5 0v5.243a.75.75 0 1 1-1.5 0v-5.243Zm.75 9.235a.915.915 0 1 1 0-1.83.915.915 0 0 1 0 1.83Z",
+    fill: color
+  }));
+};
+
+var _excluded = ["size", "color"];
+var SvgWarningFill = function SvgWarningFill(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 24 : _ref$size,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "currentColor" : _ref$color,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default.createElement("svg", _extends({
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: color,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "m2.13 19.503 9.075-15.997a1 1 0 0 1 1.375-.368 1 1 0 0 1 .365.375l8.928 15.996a1.004 1.004 0 0 1-.375 1.358.997.997 0 0 1-.497.133h-18.002a.997.997 0 0 1-.999-.997c0-.175.044-.348.13-.5Zm9.33-5.035a.748.748 0 0 0 1.278-.531v-5.254a.753.753 0 0 0-.749-.751.748.748 0 0 0-.749.751v5.254c0 .199.08.39.22.531Zm1.442 2.552a.915.915 0 0 1-.913.917.915.915 0 0 1-.914-.917.915.915 0 1 1 1.827 0Z",
+    fill: color
+  }));
+};
+
+var css_248z = "[data-gene-ui-version=\"2.16.0\"] .helperText{align-items:center;display:inline-flex;gap:var(--guit-ref-spacing-3xs);max-width:100%}[data-gene-ui-version=\"2.16.0\"] .helperText_size_medium .helperText__text{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}[data-gene-ui-version=\"2.16.0\"] .helperText_size_medium .helperText__icon{height:var(--guit-sem-sizing-height-s-nudge);width:var(--guit-sem-sizing-width-s-nudge)}[data-gene-ui-version=\"2.16.0\"] .helperText_size_small .helperText__text{font-family:var(--guit-sem-font-label-small-default-medium-font-family);font-size:var(--guit-sem-font-label-small-default-medium-font-size);font-weight:var(--guit-sem-font-label-small-default-medium-font-weight);line-height:var(--guit-sem-font-label-small-default-medium-line-height)}[data-gene-ui-version=\"2.16.0\"] .helperText_size_small .helperText__icon{height:var(--guit-sem-sizing-height-xs);width:var(--guit-sem-sizing-width-xs)}[data-gene-ui-version=\"2.16.0\"] .helperText_type_rest{color:var(--guit-sem-color-foreground-neutral-2)}[data-gene-ui-version=\"2.16.0\"] .helperText_type_danger{color:var(--guit-sem-color-foreground-error)}[data-gene-ui-version=\"2.16.0\"] .helperText_type_warning .helperText__icon{color:var(--guit-sem-color-foreground-warning)}[data-gene-ui-version=\"2.16.0\"] .helperText__icon{align-items:center;display:flex;flex:0 0 auto}[data-gene-ui-version=\"2.16.0\"] .helperText_disabled,[data-gene-ui-version=\"2.16.0\"] .helperText_disabled .helperText__icon{color:var(--guit-sem-color-foreground-disabled)}";
+styleInject(css_248z);
+
+/**
+ * The Helper Text provides users with additional information or guidance related to a specific input field in a form. This text helps users understand the expected format, requirements, or purpose of the input, thereby improving form completion accuracy and user confidence.
+ */
+const HelperText = ({ size = 'medium', type = 'rest', text, Icon, isDisabled, isLoading }) => {
+    const textRef = useRef(null);
+    const isTruncated = useEllipsisDetection(textRef);
+    const iconSize = {
+        small: 16,
+        medium: 20
+    };
+    const iconMap = {
+        danger: React__default.createElement(SvgErrorAlertFill, { size: iconSize[size] }),
+        warning: React__default.createElement(SvgWarningFill, { size: iconSize[size] })
+    };
+    const iconMock = iconMap[type] ||
+        (Icon &&
+            cloneElement(Icon, {
+                size: iconSize[size]
+            }));
+    return (React__default.createElement("div", { className: classnames(`helperText helperText_type_${type} helperText_size_${size}`, {
+            helperText_disabled: isDisabled
+        }) }, isLoading ? ('skeleton') : (React__default.createElement(React__default.Fragment, null,
+        iconMock && React__default.createElement("div", { className: "helperText__icon" }, iconMock),
+        React__default.createElement(Tooltip, { text: text, isVisible: isTruncated },
+            React__default.createElement("p", { className: "helperText__text ellipsis-text", ref: textRef }, text))))));
+};
+
+export { HelperText as default };

package/Holder/index.js

@@ -1,27 +1,26 @@
-import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default, { useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
 import { n as noop } from '../index-a0e4e333.js';
-import { f as popoverV2Config } from '../configs-1fb8eed2.js';
+import { p as popoverV2Config } from '../configs-34847b77.js';
 import Icon from '../Icon/index.js';
 import Button from '../Button/index.js';
 import Portal from '../Portal/index.js';
 import CustomScrollbar from '../Scrollbar/index.js';
 import ModuleTitle from '../ModuleTitle/index.js';
-import Tooltip from '../Tooltip/index.js';
+import { T as Tooltip } from '../index-006d8b06.js';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
 import '../tslib.es6-f211516f.js';
 import '../GeneUIProvider/index.js';
-import '../Popover-f4d1cac0.js';
 import '../hooks/useDeviceType.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
 
-var css_248z = "[data-gene-ui-version=\"2.15.0\"] .holder{--delay:200ms;--width:1.9rem;--opened-width:39.9rem;background:var(--background);height:100%;position:relative;top:0;transition:width .4s var(--delay);width:var(--width);z-index:200}[data-gene-ui-version=\"2.15.0\"] .holder.disabled{pointer-events:none}[data-gene-ui-version=\"2.15.0\"] .holder.disabled .holder-toggle .icon{opacity:.5}[data-gene-ui-version=\"2.15.0\"] .holder.pinned{--width:var(--opened-width);--delay:0ms}[data-gene-ui-version=\"2.15.0\"] .holder.pinned.opened .layer-1{transform:scale(1)}[data-gene-ui-version=\"2.15.0\"] .holder.opened{--delay:400ms}[data-gene-ui-version=\"2.15.0\"] .holder.opened .holder-wrapper{opacity:1;width:var(--opened-width)}[data-gene-ui-version=\"2.15.0\"] .holder:not(.pinned).opened .layer-3,[data-gene-ui-version=\"2.15.0\"] .holder:not(.pinned):not(.opened) .layer-2{transform:scale(1)}[data-gene-ui-version=\"2.15.0\"] .holder-c-wrapper{background:var(--background);height:100%;min-width:100%;position:absolute;top:0}[data-gene-ui-version=\"2.15.0\"] .holder-toggle{padding:.5rem;position:absolute;top:1rem}[data-gene-ui-version=\"2.15.0\"] .holder-toggle button{background:var(--background);border-radius:100%;box-shadow:0 0 .2rem rgba(var(--background-sc-rgb),.16);color:var(--hero);cursor:pointer;height:3rem;position:relative;transition:color .25s,background .25s;width:3rem}@media (hover:hover){[data-gene-ui-version=\"2.15.0\"] .holder-toggle button:hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.15.0\"] .holder-toggle button.active{background:var(--hero);color:var(--hero-sc)}@media (hover:hover){[data-gene-ui-version=\"2.15.0\"] .holder-toggle button.active:hover{background:var(--hero-hover)}}[data-gene-ui-version=\"2.15.0\"] .holder-toggle .icon{left:0;padding:.3rem;position:absolute;top:0;transform:scale(0);transition:transform .4s,opacity .4s}[data-gene-ui-version=\"2.15.0\"] .holder-wrapper{height:100%;opacity:0;overflow:hidden;position:relative;transition:opacity .15s var(--delay),width .4s var(--delay);width:var(--width)}html:not([dir=rtl]) .holder-left{left:0}html[dir=rtl] .holder-left{right:0}[data-gene-ui-version=\"2.15.0\"] .holder-left .holder-c-wrapper{border-inline-end:1px solid rgba(var(--background-sc-rgb),.1)}html:not([dir=rtl]) .holder-left .holder-c-wrapper{left:0}html[dir=rtl] .holder-left .holder-c-wrapper{right:0}html:not([dir=rtl]) .holder-left .module-header{padding-right:1.5rem}html[dir=rtl] .holder-left .module-header{padding-left:1.5rem}html:not([dir=rtl]) .holder-left .holder-toggle{right:-2rem}html[dir=rtl] .holder-left .holder-toggle{left:-2rem}html:not([dir=rtl]) .holder-right{right:0}html[dir=rtl] .holder-right{left:0}[data-gene-ui-version=\"2.15.0\"] .holder-right .holder-c-wrapper{border-inline-start:1px solid rgba(var(--background-sc-rgb),.1)}html:not([dir=rtl]) .holder-right .holder-c-wrapper{right:0}html[dir=rtl] .holder-right .holder-c-wrapper{left:0}html:not([dir=rtl]) .holder-right .holder-toggle{left:-2rem}html[dir=rtl] .holder-right .holder-toggle{right:-2rem}[data-gene-ui-version=\"2.15.0\"] .opened .holder-content{width:var(--opened-width)}[data-gene-ui-version=\"2.15.0\"] .holder-content{display:grid;grid-template-areas:\"head\" \"body\" \"footer\";grid-template-columns:100%;grid-template-rows:auto 1fr auto;height:100%;overflow:hidden}[data-gene-ui-version=\"2.15.0\"] .holder-content .module-header{grid-area:head}[data-gene-ui-version=\"2.15.0\"] .holder-content .holder-body{grid-area:body}[data-gene-ui-version=\"2.15.0\"] .holder-footer{border-top:1px solid rgba(var(--background-sc-rgb),.1);display:flex;grid-area:footer;padding:2rem}[data-gene-ui-version=\"2.15.0\"] .holder-footer:empty{display:none}[data-gene-ui-version=\"2.15.0\"] .holder-body-c{display:flex;flex-wrap:wrap;padding:1rem}[data-gene-ui-version=\"2.15.0\"] .holder-body-c>*{margin:1rem}[data-gene-ui-version=\"2.15.0\"] .holder-body-c .holder-title{font:600 1.6rem/2rem var(--font-family);margin-bottom:.5rem;padding:0 1rem;width:100%}[data-gene-ui-version=\"2.15.0\"] .holder-body-c .col-6{width:50%}";
+var css_248z = "[data-gene-ui-version=\"2.16.0\"] .holder{--delay:200ms;--width:1.9rem;--opened-width:39.9rem;background:var(--background);height:100%;position:relative;top:0;transition:width .4s var(--delay);width:var(--width);z-index:200}[data-gene-ui-version=\"2.16.0\"] .holder.disabled{pointer-events:none}[data-gene-ui-version=\"2.16.0\"] .holder.disabled .holder-toggle .icon{opacity:.5}[data-gene-ui-version=\"2.16.0\"] .holder.pinned{--width:var(--opened-width);--delay:0ms}[data-gene-ui-version=\"2.16.0\"] .holder.pinned.opened .layer-1{transform:scale(1)}[data-gene-ui-version=\"2.16.0\"] .holder.opened{--delay:400ms}[data-gene-ui-version=\"2.16.0\"] .holder.opened .holder-wrapper{opacity:1;width:var(--opened-width)}[data-gene-ui-version=\"2.16.0\"] .holder:not(.pinned).opened .layer-3,[data-gene-ui-version=\"2.16.0\"] .holder:not(.pinned):not(.opened) .layer-2{transform:scale(1)}[data-gene-ui-version=\"2.16.0\"] .holder-c-wrapper{background:var(--background);height:100%;min-width:100%;position:absolute;top:0}[data-gene-ui-version=\"2.16.0\"] .holder-toggle{padding:.5rem;position:absolute;top:1rem}[data-gene-ui-version=\"2.16.0\"] .holder-toggle button{background:var(--background);border-radius:100%;box-shadow:0 0 .2rem rgba(var(--background-sc-rgb),.16);color:var(--hero);cursor:pointer;height:3rem;position:relative;transition:color .25s,background .25s;width:3rem}@media (hover:hover){[data-gene-ui-version=\"2.16.0\"] .holder-toggle button:hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.16.0\"] .holder-toggle button.active{background:var(--hero);color:var(--hero-sc)}@media (hover:hover){[data-gene-ui-version=\"2.16.0\"] .holder-toggle button.active:hover{background:var(--hero-hover)}}[data-gene-ui-version=\"2.16.0\"] .holder-toggle .icon{left:0;padding:.3rem;position:absolute;top:0;transform:scale(0);transition:transform .4s,opacity .4s}[data-gene-ui-version=\"2.16.0\"] .holder-wrapper{height:100%;opacity:0;overflow:hidden;position:relative;transition:opacity .15s var(--delay),width .4s var(--delay);width:var(--width)}html:not([dir=rtl]) .holder-left{left:0}html[dir=rtl] .holder-left{right:0}[data-gene-ui-version=\"2.16.0\"] .holder-left .holder-c-wrapper{border-inline-end:1px solid rgba(var(--background-sc-rgb),.1)}html:not([dir=rtl]) .holder-left .holder-c-wrapper{left:0}html[dir=rtl] .holder-left .holder-c-wrapper{right:0}html:not([dir=rtl]) .holder-left .module-header{padding-right:1.5rem}html[dir=rtl] .holder-left .module-header{padding-left:1.5rem}html:not([dir=rtl]) .holder-left .holder-toggle{right:-2rem}html[dir=rtl] .holder-left .holder-toggle{left:-2rem}html:not([dir=rtl]) .holder-right{right:0}html[dir=rtl] .holder-right{left:0}[data-gene-ui-version=\"2.16.0\"] .holder-right .holder-c-wrapper{border-inline-start:1px solid rgba(var(--background-sc-rgb),.1)}html:not([dir=rtl]) .holder-right .holder-c-wrapper{right:0}html[dir=rtl] .holder-right .holder-c-wrapper{left:0}html:not([dir=rtl]) .holder-right .holder-toggle{left:-2rem}html[dir=rtl] .holder-right .holder-toggle{right:-2rem}[data-gene-ui-version=\"2.16.0\"] .opened .holder-content{width:var(--opened-width)}[data-gene-ui-version=\"2.16.0\"] .holder-content{display:grid;grid-template-areas:\"head\" \"body\" \"footer\";grid-template-columns:100%;grid-template-rows:auto 1fr auto;height:100%;overflow:hidden}[data-gene-ui-version=\"2.16.0\"] .holder-content .module-header{grid-area:head}[data-gene-ui-version=\"2.16.0\"] .holder-content .holder-body{grid-area:body}[data-gene-ui-version=\"2.16.0\"] .holder-footer{border-top:1px solid rgba(var(--background-sc-rgb),.1);display:flex;grid-area:footer;padding:2rem}[data-gene-ui-version=\"2.16.0\"] .holder-footer:empty{display:none}[data-gene-ui-version=\"2.16.0\"] .holder-body-c{display:flex;flex-wrap:wrap;padding:1rem}[data-gene-ui-version=\"2.16.0\"] .holder-body-c>*{margin:1rem}[data-gene-ui-version=\"2.16.0\"] .holder-body-c .holder-title{font:600 1.6rem/2rem var(--font-family);margin-bottom:.5rem;padding:0 1rem;width:100%}[data-gene-ui-version=\"2.16.0\"] .holder-body-c .col-6{width:50%}";
 styleInject(css_248z);
 
 function Holder(_ref) {

package/Icon/index.js

@@ -1,10 +1,10 @@
-import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default from 'react';
 import { c as classnames } from '../index-031ff73c.js';
 import PropTypes from 'prop-types';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 
-var css_248z = "[data-gene-ui-version=\"2.15.0\"] .icon{display:block;font-size:2.4rem}[data-gene-ui-version=\"2.15.0\"] .icon.disabled{opacity:.5;pointer-events:none}[data-gene-ui-version=\"2.15.0\"] .icon.bc-icon-loader{overflow:hidden}[data-gene-ui-version=\"2.15.0\"] .icon.bc-icon-loader:before{animation:loader-icon .3s linear infinite;display:block}@keyframes loader-icon{to{transform:rotate(1turn)}}[data-gene-ui-version=\"2.15.0\"] [dir=rtl] .bc-icon-arrow-right-nav:before{content:\"\\e906\"}[data-gene-ui-version=\"2.15.0\"] [dir=rtl] .bc-icon-arrow-left-nav:before{content:\"\\e90a\"}[data-gene-ui-version=\"2.15.0\"] [dir=rtl] .bc-icon-arrow-right:before{content:\"\\e907\"}[data-gene-ui-version=\"2.15.0\"] [dir=rtl] .bc-icon-arrow-left:before{content:\"\\e90b\"}[data-gene-ui-version=\"2.15.0\"] [dir=rtl] .bc-icon-arrow-forward:before{content:\"\\e901\"}[data-gene-ui-version=\"2.15.0\"] [dir=rtl] .bc-icon-left-outline:before{content:\"\\e959\"}[data-gene-ui-version=\"2.15.0\"] [dir=rtl] .bc-icon-right-outline:before{content:\"\\e955\"}[data-gene-ui-version=\"2.15.0\"] [dir=rtl] .bc-icon-forwards:before{content:\"\\e95b\"}[data-gene-ui-version=\"2.15.0\"] [dir=rtl] .bc-icon-backwards:before{content:\"\\e95a\"}";
+var css_248z = "[data-gene-ui-version=\"2.16.0\"] .icon{display:block;font-size:2.4rem}[data-gene-ui-version=\"2.16.0\"] .icon.disabled{opacity:.5;pointer-events:none}[data-gene-ui-version=\"2.16.0\"] .icon.bc-icon-loader{overflow:hidden}[data-gene-ui-version=\"2.16.0\"] .icon.bc-icon-loader:before{animation:loader-icon .3s linear infinite;display:block}@keyframes loader-icon{to{transform:rotate(1turn)}}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .bc-icon-arrow-right-nav:before{content:\"\\e906\"}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .bc-icon-arrow-left-nav:before{content:\"\\e90a\"}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .bc-icon-arrow-right:before{content:\"\\e907\"}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .bc-icon-arrow-left:before{content:\"\\e90b\"}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .bc-icon-arrow-forward:before{content:\"\\e901\"}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .bc-icon-left-outline:before{content:\"\\e959\"}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .bc-icon-right-outline:before{content:\"\\e955\"}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .bc-icon-forwards:before{content:\"\\e95b\"}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .bc-icon-backwards:before{content:\"\\e95a\"}";
 styleInject(css_248z);
 
 // This this because in production we need to replace 'nonames.com' with host