@semcore/bulk-textarea 1.4.2-prerelease.0 → 1.5.0-prerelease.0

package/lib/es6/components/InputField/inputField.shadow.css

@@ -1,22 +1,22 @@
-SInputField > div {
+SInputField>div {
   box-sizing: content-box;
   outline: none;
   border-radius: var(--intergalactic-control-rounded, 6px);
-  border-color: var(--intergalactic-border-primary, #c4c7cf);
+  border-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
   border-style: solid;
   border-width: 1px;
   overflow: auto;
   position: relative;
 
-  background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
-  color: var(--intergalactic-text-primary, #191b23);
+  background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
   word-wrap: break-word;
   word-break: break-word;
   font-family: inherit;
 
   &:empty::before {
     content: '1. ' attr(placeholder);
-    color: var(--intergalactic-text-placeholder, #8a8e9b);
+    color: var(--intergalactic-text-placeholder, oklch(0.098 0.023 157.4 / 0.457));
     position: absolute;
   }
 
@@ -32,12 +32,12 @@ SInputField > div {
       display: inline-block;
       white-space: nowrap;
       text-align: right;
-      color: var(--intergalactic-text-secondary, #6c6e79);
+      color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
       margin-right: var(--intergalactic-spacing-1x, 4px);
     }
   }
 
-  > p {
+  >p {
     counter-increment: row;
     /*display: inline-block;*/
     margin: 0 0 var(--intergalactic-spacing-1x, 4px) 0;
@@ -55,7 +55,7 @@ SInputField > div {
       display: inline-block;
       white-space: nowrap;
       text-align: right;
-      color: var(--intergalactic-text-secondary, #6c6e79);
+      color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
       margin-right: var(--intergalactic-spacing-1x, 4px);
 
       position: absolute;
@@ -63,43 +63,65 @@ SInputField > div {
     }
 
     &[data-over-max-rows='true'] {
-      background-color: var(--intergalactic-bg-secondary-critical, #fff0f7);
+      background-color: var(--intergalactic-bg-secondary-critical, oklch(0.958 0.029 5.7));
     }
   }
 
   &:has(p:nth-child(n + 10)) {
-    > p {
+    >p {
       padding-left: var(--intergalactic-spacing-6x, 24px);
     }
-    > p:nth-child(-n + 9)::before {
+
+    >p:nth-child(-n + 9)::before {
       padding-left: var(--intergalactic-spacing-2x, 8px);
     }
   }
 
   &:has(p:nth-child(n + 100)) {
-    > p {
+    >p {
       padding-left: var(--intergalactic-spacing-8x, 32px);
     }
-    > p:nth-child(-n + 9)::before {
+
+    >p:nth-child(-n + 9)::before {
       padding-left: var(--intergalactic-spacing-4x, 16px);
     }
-    > p:nth-child(n + 10)::before {
+
+    >p:nth-child(n + 10)::before {
       padding-left: var(--intergalactic-spacing-2x, 8px);
     }
+
+    >p:nth-child(n + 100)::before {
+      padding-left: 0;
+    }
+  }
+
+  &:has(p:nth-child(n + 1000)) {
+    > p {
+      padding-left: calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-1x, 4px));
+    }
+    > p:nth-child(-n + 9)::before {
+      padding-left: var(--intergalactic-spacing-6x, 24px);
+    }
+    > p:nth-child(n + 10)::before {
+      padding-left: var(--intergalactic-spacing-4x, 16px);
+    }
     > p:nth-child(n + 100)::before {
+      padding-left: var(--intergalactic-spacing-2x, 8px);
+    }
+    > p:nth-child(n + 1000)::before {
       padding-left: 0;
     }
   }
 }
 
-SInputField[showErrors] > div[aria-invalid] > p[aria-invalid]:after {
+SInputField[showErrors]>div[aria-invalid]>p[aria-invalid]:after {
   content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjZDEwMDJmIj48cGF0aCBkPSJNNyA2aDJ2NEg3VjZabTIgN3YtMkg3djJoMloiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuMTUyIDEuMTcyYy43MTktMS41NjMgMi45NzctMS41NjMgMy42OTYgMGw2LjA0MyAxMy4xNDFjLjM2My43OTEtLjIyNSAxLjY4Ny0xLjEwOSAxLjY4N0gxLjIxOGMtLjg4NCAwLTEuNDcyLS44OTYtMS4xMDktMS42ODdMNi4xNTIgMS4xNzJabTcuMzc0IDEyLjgzN0w4IDEuOTkgMi40NzQgMTQuMDFoMTEuMDUyWiIvPjwvc3ZnPgo= ");
   position: absolute;
   right: 0;
   top: var(--intergalactic-spacing-05x, 2px);
 }
 
-SInputField[size='m'] > div {
+SInputField[size='m']>div {
   padding: var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-4x, 16px);
   font-size: var(--intergalactic-fs-200, 14px);
   line-height: var(--intergalactic-lh-200, 142%);
@@ -110,13 +132,14 @@ SInputField[size='m'] > div {
 
   &:empty {
     padding-left: var(--intergalactic-spacing-8x, 32px);
+
     &::before {
       left: var(--intergalactic-spacing-4x, 16px);
     }
   }
 }
 
-SInputField[size='l'] > div {
+SInputField[size='l']>div {
   padding: var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);
   font-size: var(--intergalactic-fs-300, 16px);
   line-height: var(--intergalactic-lh-300, 150%);
@@ -126,6 +149,7 @@ SInputField[size='l'] > div {
 
   &:empty {
     padding-left: calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px));
+
     &::before {
       left: var(--intergalactic-spacing-4x, 16px);
     }
@@ -133,39 +157,53 @@ SInputField[size='l'] > div {
 }
 
 
-SInputField[state='normal']:not([disabled]) > div:focus {
+SInputField[state='normal']:not([disabled])>div {
   &:focus {
-    box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
-    border-color: var(--intergalactic-border-info-active, #006dca);
+    border-color: var(--intergalactic-border-info-active, oklch(0.382 0.248 264.2 / 0.386));
+    @mixin focus-outline-mixin {
+      outline-offset: 0;
+      transition-property: outline-color, outline-width;
+    }
   }
 }
 
-SInputField[state='valid'] > div {
-  border-color: var(--intergalactic-border-success-active, #007c65);
+SInputField[state='valid']>div {
+  border-color: var(--intergalactic-border-success-active, oklch(0.75 0.153 167.5));
 
   &:focus {
-    box-shadow: var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5));
+    border-color: var(--intergalactic-border-success-active, oklch(0.75 0.153 167.5));
+    @mixin focus-outline-mixin {
+      outline-offset: 0;
+      transition-property: outline-color, outline-width;
+    }
+    outline-color: var(--intergalactic-keyboard-focus-valid-outline, oklch(0.711 0.146 166.9));
   }
 }
 
-SInputField[state='invalid'] > div {
-  border-color: var(--intergalactic-border-critical-active, #d1002f);
+SInputField[state='invalid']>div {
+  border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
 
   &:focus {
-    box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5));
+    border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
+    @mixin focus-outline-mixin {
+      outline-offset: 0;
+      transition-property: outline-color, outline-width;
+    }
+    outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
   }
 
-  background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));
+  background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, oklch(0.628 0.258 29 / 0.56) 0, oklch(0.628 0.258 29 / 0.56) 1px, transparent 0, transparent 50%));
   background-size: 6px 6px;
-  background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
+  background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
   border-bottom-left-radius: var(--intergalactic-control-rounded, 6px);
   border-top-left-radius: var(--intergalactic-control-rounded, 6px);
   background-repeat: repeat-y;
 }
 
-SInputField[readonly] > div {
-  background-color: var(--intergalactic-bg-secondary-neutral, #f4f5f9);
+SInputField[readonly]>div {
+  background-color: var(--intergalactic-bg-secondary-neutral, oklch(0.98 0.001 180));
 }
-SInputField[disabled] > div {
-  opacity: var(--intergalactic-disabled-opacity, 0.3);
+
+SInputField[disabled]>div {
+  opacity: var(--intergalactic-disabled-opacity, 0.4);
 }

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './BulkTextarea';\nexport type { BulkTextareaProps } from './BulkTextarea.types';\nexport type { ErrorItem } from './components/InputField/InputField.types';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,gBAAgB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './BulkTextarea';\nexport type { BulkTextareaProps } from './BulkTextarea.types';\nexport type { ErrorItem } from './components/InputField/InputField.types';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,gBAAgB","ignoreList":[]}

package/lib/es6/translations/__intergalactic-dynamic-locales.js

@@ -6,12 +6,12 @@ import it from './it.json';
 import ja from './ja.json';
 import ko from './ko.json';
 import nl from './nl.json';
+import pl from './pl.json';
 import pt from './pt.json';
+import sv from './sv.json';
 import tr from './tr.json';
 import vi from './vi.json';
 import zh from './zh.json';
-import pl from './pl.json';
-import sv from './sv.json';
 export var localizedMessages = {
   de: de,
   en: en,

package/lib/es6/translations/__intergalactic-dynamic-locales.js.map

@@ -1 +1 @@
-{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\nimport sv from './sv.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/Bd,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA;AACF,CAAC"}
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pl","pt","sv","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/Bd,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFL,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}

package/lib/esm/BulkTextarea.mjs

@@ -1,42 +1,38 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import createComponent, { assignProps, Component } from "@semcore/core";
+import { lastInteraction, assignProps, Component, createComponent } from "@semcore/core";
+import { Box } from "@semcore/base-components";
+import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
+import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import React from "react";
-import { Box } from "@semcore/flex-box";
-import { InputField } from "./components/InputField/InputField.mjs";
-import { Counter } from "./components/Counter.mjs";
 import { ClearAll } from "./components/ClearAll.mjs";
+import { Counter } from "./components/Counter.mjs";
 import { ErrorsNavigation } from "./components/ErrorsNavigation.mjs";
+import { InputField } from "./components/InputField/InputField.mjs";
 import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
-import i18nEnhance from "@semcore/utils/lib/enhances/i18nEnhance";
-import focusSourceEnhance from "@semcore/utils/lib/enhances/focusSourceEnhance";
-import uniqueIDEnhancement from "@semcore/utils/lib/uniqueID";
-var BulkTextareaRoot = /* @__PURE__ */ function(_Component) {
-  _inherits(BulkTextareaRoot2, _Component);
-  var _super = _createSuper(BulkTextareaRoot2);
+var BulkTextareaRoot = /* @__PURE__ */ (function(_Component) {
   function BulkTextareaRoot2() {
     var _this;
     _classCallCheck(this, BulkTextareaRoot2);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "inputFieldRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "clearAllButtonRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "nextButtonRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "prevButtonRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "counterRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _this = _callSuper(this, BulkTextareaRoot2, [].concat(args));
+    _defineProperty(_this, "inputFieldRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this, "clearAllButtonRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this, "nextButtonRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this, "prevButtonRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this, "counterRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this, "state", {
       linesCount: 0,
       isEmptyText: true,
       errorIndex: -1,
       highlightErrorIndex: false
     });
-    _defineProperty(_assertThisInitialized(_this), "handleChangeLinesCount", function(linesCount) {
+    _defineProperty(_this, "handleChangeLinesCount", function(linesCount) {
       var isEmpty = !linesCount;
       _this.setState({
         linesCount,
@@ -48,7 +44,7 @@ var BulkTextareaRoot = /* @__PURE__ */ function(_Component) {
         _this.handlers.state("normal");
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleClickClearAll", function(e) {
+    _defineProperty(_this, "handleClickClearAll", function(e) {
       var _this$inputFieldRef$c;
       _this.handlers.showErrors(false);
       _this.handlers.errors([]);
@@ -58,9 +54,11 @@ var BulkTextareaRoot = /* @__PURE__ */ function(_Component) {
       _this.handlers.value("", e);
       _this.handlers.state("normal");
       var textarea = (_this$inputFieldRef$c = _this.inputFieldRef.current) === null || _this$inputFieldRef$c === void 0 ? void 0 : _this$inputFieldRef$c.querySelector('[role="textbox"]');
-      textarea instanceof HTMLDivElement && textarea.focus();
+      if (textarea instanceof HTMLDivElement) {
+        textarea.focus();
+      }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleChangeErrorIndex", function(amount) {
+    _defineProperty(_this, "handleChangeErrorIndex", function(amount) {
       return function() {
         var _this$asProps$errors = _this.asProps.errors, errors = _this$asProps$errors === void 0 ? [] : _this$asProps$errors;
         var errorIndex = _this.state.errorIndex;
@@ -90,7 +88,8 @@ var BulkTextareaRoot = /* @__PURE__ */ function(_Component) {
     });
     return _this;
   }
-  _createClass(BulkTextareaRoot2, [{
+  _inherits(BulkTextareaRoot2, _Component);
+  return _createClass(BulkTextareaRoot2, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
       return {
@@ -109,9 +108,9 @@ var BulkTextareaRoot = /* @__PURE__ */ function(_Component) {
     key: "getInputFieldProps",
     value: function getInputFieldProps() {
       var _this2 = this;
-      var _this$asProps = this.asProps, value = _this$asProps.value, size = _this$asProps.size, minRows = _this$asProps.minRows, maxRows = _this$asProps.maxRows, lineValidation = _this$asProps.lineValidation, placeholder = _this$asProps.placeholder, validateOn = _this$asProps.validateOn, linesDelimiters = _this$asProps.linesDelimiters, maxLines = _this$asProps.maxLines, disabled = _this$asProps.disabled, readonly = _this$asProps.readonly, pasteProps = _this$asProps.pasteProps, lineProcessing = _this$asProps.lineProcessing, _this$asProps$errors2 = _this$asProps.errors, errors = _this$asProps$errors2 === void 0 ? [] : _this$asProps$errors2, showErrors = _this$asProps.showErrors;
+      var _this$asProps = this.asProps, value = _this$asProps.value, size = _this$asProps.size, minRows = _this$asProps.minRows, maxRows = _this$asProps.maxRows, lineValidation = _this$asProps.lineValidation, placeholder = _this$asProps.placeholder, validateOn = _this$asProps.validateOn, linesDelimiters = _this$asProps.linesDelimiters, maxLines = _this$asProps.maxLines, disabled = _this$asProps.disabled, readonly = _this$asProps.readonly, pasteProps = _this$asProps.pasteProps, lineProcessing = _this$asProps.lineProcessing, _this$asProps$errors2 = _this$asProps.errors, errors = _this$asProps$errors2 === void 0 ? [] : _this$asProps$errors2, showErrors = _this$asProps.showErrors, onImmediatelyChange = _this$asProps.onImmediatelyChange;
       var _this$state = this.state, errorIndex = _this$state.errorIndex, prevError = _this$state.prevError, linesCount = _this$state.linesCount, highlightErrorIndex = _this$state.highlightErrorIndex;
-      return _defineProperty({
+      return _defineProperty(_defineProperty({
         value,
         size,
         state: showErrors && (errors === null || errors === void 0 ? void 0 : errors.length) > 0 ? "invalid" : "normal",
@@ -133,16 +132,16 @@ var BulkTextareaRoot = /* @__PURE__ */ function(_Component) {
         },
         onBlur: function onBlur(value2, event) {
           var _this2$props$onChange, _this2$props;
-          if (validateOn !== null && validateOn !== void 0 && validateOn.includes("blur") && (_this2.asProps.focusSourceRef.current === "keyboard" || event instanceof FocusEvent && event.relatedTarget !== _this2.clearAllButtonRef.current)) {
+          if (validateOn !== null && validateOn !== void 0 && validateOn.includes("blur") && (lastInteraction.isKeyboard() || event instanceof FocusEvent && event.relatedTarget !== _this2.clearAllButtonRef.current)) {
             _this2.handlers.showErrors(true);
           }
           if (_this2.asProps.showErrors === false && (validateOn !== null && validateOn !== void 0 && validateOn.includes("blur") || validateOn !== null && validateOn !== void 0 && validateOn.includes("blurLine"))) {
             setTimeout(function() {
               var _this2$nextButtonRef$;
-              (_this2$nextButtonRef$ = _this2.nextButtonRef.current) === null || _this2$nextButtonRef$ === void 0 ? void 0 : _this2$nextButtonRef$.focus();
+              (_this2$nextButtonRef$ = _this2.nextButtonRef.current) === null || _this2$nextButtonRef$ === void 0 || _this2$nextButtonRef$.focus();
             }, 250);
           }
-          (_this2$props$onChange = (_this2$props = _this2.props).onChange) === null || _this2$props$onChange === void 0 ? void 0 : _this2$props$onChange.call(_this2$props, value2, event);
+          (_this2$props$onChange = (_this2$props = _this2.props).onChange) === null || _this2$props$onChange === void 0 || _this2$props$onChange.call(_this2$props, value2, event);
         },
         showErrors,
         validateOn,
@@ -182,7 +181,7 @@ var BulkTextareaRoot = /* @__PURE__ */ function(_Component) {
         },
         linesDelimiters,
         ref: this.inputFieldRef
-      }, "aria-describedby", this.counterId);
+      }, "aria-describedby", this.counterId), "onImmediatelyChange", onImmediatelyChange);
     }
   }, {
     key: "getCounterProps",
@@ -245,8 +244,7 @@ var BulkTextareaRoot = /* @__PURE__ */ function(_Component) {
       }, _ref));
     }
   }]);
-  return BulkTextareaRoot2;
-}(Component);
+})(Component);
 _defineProperty(BulkTextareaRoot, "displayName", "BulkTextarea");
 _defineProperty(BulkTextareaRoot, "defaultProps", {
   defaultValue: "",
@@ -260,15 +258,15 @@ _defineProperty(BulkTextareaRoot, "defaultProps", {
   defaultErrors: [],
   defaultShowErrors: false
 });
-_defineProperty(BulkTextareaRoot, "enhance", [i18nEnhance(localizedMessages), focusSourceEnhance(), uniqueIDEnhancement()]);
-var BulkTextarea = function() {
+_defineProperty(BulkTextareaRoot, "enhance", [i18nEnhance(localizedMessages), uniqueIDEnhancement()]);
+var BulkTextarea = (function() {
   return createComponent(BulkTextareaRoot, {
     InputField,
     Counter,
     ClearAll,
     ErrorsNavigation
   });
-}();
+})();
 export {
   BulkTextarea as default
 };

package/lib/esm/components/ClearAll.mjs

@@ -1,8 +1,8 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { sstyled, assignProps } from "@semcore/core";
-import React from "react";
 import Button from "@semcore/button";
 import CloseM from "@semcore/icon/Close/m";
+import React from "react";
 function ClearAll(props) {
   var _ref = arguments[0], _ref2;
   var SButton = Button;

package/lib/esm/components/Counter.mjs

@@ -1,7 +1,7 @@
 import { assignProps } from "@semcore/core";
-import React from "react";
-import { ScreenReaderOnly } from "@semcore/flex-box";
+import { ScreenReaderOnly } from "@semcore/base-components";
 import CounterKit from "@semcore/counter";
+import React from "react";
 function Counter(props) {
   var _ref = arguments[0];
   var theme = props.theme, linesCount = props.linesCount, maxLines = props.maxLines, getI18nText = props.getI18nText;

package/lib/esm/components/ErrorsNavigation.mjs

@@ -1,9 +1,9 @@
-import React from "react";
+import { Flex } from "@semcore/base-components";
 import Button from "@semcore/button";
-import { Flex } from "@semcore/flex-box";
-import { Text } from "@semcore/typography";
-import ChevronUpM from "@semcore/icon/ChevronUp/m";
 import ChevronDownM from "@semcore/icon/ChevronDown/m";
+import ChevronUpM from "@semcore/icon/ChevronUp/m";
+import { Text } from "@semcore/typography";
+import React from "react";
 function ErrorsNavigation(props) {
   var errorIndex = props.errorIndex, errorsCount = props.errorsCount, onPrevError = props.onPrevError, onNextError = props.onNextError, size = props.size, showErrors = props.showErrors, getI18nText = props.getI18nText, disabled = props.disabled, nextButtonRef = props.nextButtonRef, prevButtonRef = props.prevButtonRef;
   return /* @__PURE__ */ React.createElement(Flex, {