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

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

@@ -1,4 +1,4 @@
-SInputField>div {
+SInputField > div {
   box-sizing: content-box;
   outline: none;
   border-radius: var(--intergalactic-control-rounded, 6px);
@@ -37,7 +37,7 @@ SInputField>div {
     }
   }
 
-  >p {
+  > p {
     counter-increment: row;
     /*display: inline-block;*/
     margin: 0 0 var(--intergalactic-spacing-1x, 4px) 0;
@@ -68,60 +68,38 @@ SInputField>div {
   }
 
   &: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 {
-      padding-left: var(--intergalactic-spacing-8x, 32px);
-    }
-
-    >p:nth-child(-n + 9)::before {
-      padding-left: var(--intergalactic-spacing-4x, 16px);
-    }
-
-    >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));
+      padding-left: var(--intergalactic-spacing-8x, 32px);
     }
     > 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 {
+    > p:nth-child(n + 10)::before {
       padding-left: var(--intergalactic-spacing-2x, 8px);
     }
-    > p:nth-child(n + 1000)::before {
+    > p:nth-child(n + 100)::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%);
@@ -132,14 +110,13 @@ 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%);
@@ -149,7 +126,6 @@ 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);
     }
@@ -157,39 +133,26 @@ SInputField[size='l']>div {
 }
 
 
-SInputField[state='normal']:not([disabled])>div {
+SInputField[state='normal']:not([disabled]) > div:focus {
   &:focus {
-    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;
-    }
+    box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
+    border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
   }
 }
 
-SInputField[state='valid']>div {
+SInputField[state='valid'] > div {
   border-color: var(--intergalactic-border-success-active, oklch(0.75 0.153 167.5));
 
   &:focus {
-    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));
+    box-shadow: var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px oklch(0.711 0.146 166.9));
   }
 }
 
-SInputField[state='invalid']>div {
+SInputField[state='invalid'] > div {
   border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
 
   &:focus {
-    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));
+    box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px oklch(0.628 0.257 28.9 / 0.652));
   }
 
   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%));
@@ -200,10 +163,9 @@ SInputField[state='invalid']>div {
   background-repeat: repeat-y;
 }
 
-SInputField[readonly]>div {
+SInputField[readonly] > div {
   background-color: var(--intergalactic-bg-secondary-neutral, oklch(0.98 0.001 180));
 }
-
-SInputField[disabled]>div {
+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","ignoreList":[]}
+{"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"}

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","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":[]}
+{"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"}

package/lib/esm/BulkTextarea.mjs

@@ -1,38 +1,42 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 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 { 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 createComponent, { assignProps, Component } from "@semcore/core";
 import React from "react";
-import { ClearAll } from "./components/ClearAll.mjs";
+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 { ErrorsNavigation } from "./components/ErrorsNavigation.mjs";
-import { InputField } from "./components/InputField/InputField.mjs";
 import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
-var BulkTextareaRoot = /* @__PURE__ */ (function(_Component) {
+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);
   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 = _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", {
+    _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", {
       linesCount: 0,
       isEmptyText: true,
       errorIndex: -1,
       highlightErrorIndex: false
     });
-    _defineProperty(_this, "handleChangeLinesCount", function(linesCount) {
+    _defineProperty(_assertThisInitialized(_this), "handleChangeLinesCount", function(linesCount) {
       var isEmpty = !linesCount;
       _this.setState({
         linesCount,
@@ -44,7 +48,7 @@ var BulkTextareaRoot = /* @__PURE__ */ (function(_Component) {
         _this.handlers.state("normal");
       }
     });
-    _defineProperty(_this, "handleClickClearAll", function(e) {
+    _defineProperty(_assertThisInitialized(_this), "handleClickClearAll", function(e) {
       var _this$inputFieldRef$c;
       _this.handlers.showErrors(false);
       _this.handlers.errors([]);
@@ -54,11 +58,9 @@ 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"]');
-      if (textarea instanceof HTMLDivElement) {
-        textarea.focus();
-      }
+      textarea instanceof HTMLDivElement && textarea.focus();
     });
-    _defineProperty(_this, "handleChangeErrorIndex", function(amount) {
+    _defineProperty(_assertThisInitialized(_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;
@@ -88,8 +90,7 @@ var BulkTextareaRoot = /* @__PURE__ */ (function(_Component) {
     });
     return _this;
   }
-  _inherits(BulkTextareaRoot2, _Component);
-  return _createClass(BulkTextareaRoot2, [{
+  _createClass(BulkTextareaRoot2, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
       return {
@@ -108,9 +109,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, onImmediatelyChange = _this$asProps.onImmediatelyChange;
+      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$state = this.state, errorIndex = _this$state.errorIndex, prevError = _this$state.prevError, linesCount = _this$state.linesCount, highlightErrorIndex = _this$state.highlightErrorIndex;
-      return _defineProperty(_defineProperty({
+      return _defineProperty({
         value,
         size,
         state: showErrors && (errors === null || errors === void 0 ? void 0 : errors.length) > 0 ? "invalid" : "normal",
@@ -132,16 +133,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") && (lastInteraction.isKeyboard() || event instanceof FocusEvent && event.relatedTarget !== _this2.clearAllButtonRef.current)) {
+          if (validateOn !== null && validateOn !== void 0 && validateOn.includes("blur") && (_this2.asProps.focusSourceRef.current === "keyboard" || 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 || _this2$nextButtonRef$.focus();
+              (_this2$nextButtonRef$ = _this2.nextButtonRef.current) === null || _this2$nextButtonRef$ === void 0 ? void 0 : _this2$nextButtonRef$.focus();
             }, 250);
           }
-          (_this2$props$onChange = (_this2$props = _this2.props).onChange) === null || _this2$props$onChange === void 0 || _this2$props$onChange.call(_this2$props, value2, event);
+          (_this2$props$onChange = (_this2$props = _this2.props).onChange) === null || _this2$props$onChange === void 0 ? void 0 : _this2$props$onChange.call(_this2$props, value2, event);
         },
         showErrors,
         validateOn,
@@ -181,7 +182,7 @@ var BulkTextareaRoot = /* @__PURE__ */ (function(_Component) {
         },
         linesDelimiters,
         ref: this.inputFieldRef
-      }, "aria-describedby", this.counterId), "onImmediatelyChange", onImmediatelyChange);
+      }, "aria-describedby", this.counterId);
     }
   }, {
     key: "getCounterProps",
@@ -244,7 +245,8 @@ var BulkTextareaRoot = /* @__PURE__ */ (function(_Component) {
       }, _ref));
     }
   }]);
-})(Component);
+  return BulkTextareaRoot2;
+}(Component);
 _defineProperty(BulkTextareaRoot, "displayName", "BulkTextarea");
 _defineProperty(BulkTextareaRoot, "defaultProps", {
   defaultValue: "",
@@ -258,15 +260,15 @@ _defineProperty(BulkTextareaRoot, "defaultProps", {
   defaultErrors: [],
   defaultShowErrors: false
 });
-_defineProperty(BulkTextareaRoot, "enhance", [i18nEnhance(localizedMessages), uniqueIDEnhancement()]);
-var BulkTextarea = (function() {
+_defineProperty(BulkTextareaRoot, "enhance", [i18nEnhance(localizedMessages), focusSourceEnhance(), 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 { ScreenReaderOnly } from "@semcore/base-components";
-import CounterKit from "@semcore/counter";
 import React from "react";
+import { ScreenReaderOnly } from "@semcore/flex-box";
+import CounterKit from "@semcore/counter";
 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 { Flex } from "@semcore/base-components";
+import React from "react";
 import Button from "@semcore/button";
-import ChevronDownM from "@semcore/icon/ChevronDown/m";
-import ChevronUpM from "@semcore/icon/ChevronUp/m";
+import { Flex } from "@semcore/flex-box";
 import { Text } from "@semcore/typography";
-import React from "react";
+import ChevronUpM from "@semcore/icon/ChevronUp/m";
+import ChevronDownM from "@semcore/icon/ChevronDown/m";
 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, {