@semcore/pagination 4.50.0-prerelease.9 → 4.50.1-prerelease.0

package/CHANGELOG.md

@@ -2,11 +2,17 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [4.50.0] - 2025-02-28
+## [4.50.1] - 2025-03-17
 
 ### Changed
 
-- Version minor update due to children dependencies update (`@semcore/button` [5.41.2 ~> 5.42.0], `@semcore/flex-box` [5.40.1 ~> 5.41.0], `@semcore/icon` [4.57.1 ~> 4.58.0], `@semcore/input-number` [5.40.4 ~> 5.41.0], `@semcore/link` [5.43.1 ~> 5.44.0], `@semcore/tooltip` [6.47.3 ~> 6.48.0], `@semcore/utils` [4.45.1 ~> 4.47.1], `@semcore/core` [2.38.1 ~> 2.39.0]).
+- Version patch update due to children dependencies update (`@semcore/input` [4.42.0 ~> 4.42.1], `@semcore/button` [5.42.0 ~> 5.42.1], `@semcore/flex-box` [5.41.0 ~> 5.41.1], `@semcore/icon` [4.60.0 ~> 4.60.1], `@semcore/input-number` [5.41.0 ~> 5.41.1], `@semcore/link` [5.44.0 ~> 5.44.1], `@semcore/utils` [4.48.0 ~> 4.48.1], `@semcore/core` [2.39.0 ~> 2.39.1]).
+
+## [4.50.0] - 2025-03-14
+
+### Added
+
+- Build for ESM.
 
 ## [4.49.0] - 2025-02-04
 

package/lib/cjs/Pagination.js

@@ -28,18 +28,18 @@ var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _excluded = ["styles", "getI18nText", "totalPages", "isLastOrSingle", "children"];
 /*__reshadow-styles__:"./style/pagination.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPagination_q66n1_gg_{justify-content:flex-start;align-items:center}.___SPagination_q66n1_gg_.__withGap_q66n1_gg_{gap:var(--intergalactic-spacing-4x, 16px)}.___SPagination_q66n1_gg_.__withGap_q66n1_gg_._size_l_q66n1_gg_{gap:var(--intergalactic-spacing-5x, 20px)}.___SNextPage_q66n1_gg_,.___SPrevPage_q66n1_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNextPage_q66n1_gg_._size_l_q66n1_gg_,.___SPrevPage_q66n1_gg_._size_l_q66n1_gg_{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SLabel_q66n1_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_q66n1_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___SLabel_q66n1_gg_._size_l_q66n1_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-5x, 20px)}.___STotalPages_q66n1_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_q66n1_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_q66n1_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_q66n1_gg_._size_l_q66n1_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SPageInput_q66n1_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_q66n1_gg_._size_l_q66n1_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPageInput_q66n1_gg_:focus-within .___SPageInputAddon_q66n1_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_q66n1_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_q66n1_gg_,.___STotalPagesLabel_q66n1_gg_,.___STotalPages_q66n1_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SLabel_q66n1_gg_._size_l_q66n1_gg_,.___STotalPagesLabel_q66n1_gg_._size_l_q66n1_gg_,.___STotalPages_q66n1_gg_._size_l_q66n1_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}" /*__inner_css_end__*/, "q66n1_gg_") /*__reshadow_css_end__*/, {
-  "__SPagination": "___SPagination_q66n1_gg_",
-  "__SLabel": "___SLabel_q66n1_gg_",
-  "_size_l": "_size_l_q66n1_gg_",
-  "__STotalPages": "___STotalPages_q66n1_gg_",
-  "__STotalPagesLabel": "___STotalPagesLabel_q66n1_gg_",
-  "__SPageInput": "___SPageInput_q66n1_gg_",
-  "__SPageInputAddon": "___SPageInputAddon_q66n1_gg_",
-  "_withGap": "__withGap_q66n1_gg_",
-  "__SNextPage": "___SNextPage_q66n1_gg_",
-  "__SPrevPage": "___SPrevPage_q66n1_gg_",
-  "__STotalLastPages": "___STotalLastPages_q66n1_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPagination_yus7k_gg_{justify-content:flex-start;align-items:center}.___SPagination_yus7k_gg_.__withGap_yus7k_gg_{gap:var(--intergalactic-spacing-4x, 16px)}.___SPagination_yus7k_gg_.__withGap_yus7k_gg_._size_l_yus7k_gg_{gap:var(--intergalactic-spacing-5x, 20px)}.___SNextPage_yus7k_gg_,.___SPrevPage_yus7k_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNextPage_yus7k_gg_._size_l_yus7k_gg_,.___SPrevPage_yus7k_gg_._size_l_yus7k_gg_{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SLabel_yus7k_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_yus7k_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___SLabel_yus7k_gg_._size_l_yus7k_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-5x, 20px)}.___STotalPages_yus7k_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_yus7k_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_yus7k_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_yus7k_gg_._size_l_yus7k_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SPageInput_yus7k_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_yus7k_gg_._size_l_yus7k_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPageInput_yus7k_gg_:focus-within .___SPageInputAddon_yus7k_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_yus7k_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_yus7k_gg_,.___STotalPagesLabel_yus7k_gg_,.___STotalPages_yus7k_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SLabel_yus7k_gg_._size_l_yus7k_gg_,.___STotalPagesLabel_yus7k_gg_._size_l_yus7k_gg_,.___STotalPages_yus7k_gg_._size_l_yus7k_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}" /*__inner_css_end__*/, "yus7k_gg_") /*__reshadow_css_end__*/, {
+  "__SPagination": "___SPagination_yus7k_gg_",
+  "__SLabel": "___SLabel_yus7k_gg_",
+  "_size_l": "_size_l_yus7k_gg_",
+  "__STotalPages": "___STotalPages_yus7k_gg_",
+  "__STotalPagesLabel": "___STotalPagesLabel_yus7k_gg_",
+  "__SPageInput": "___SPageInput_yus7k_gg_",
+  "__SPageInputAddon": "___SPageInputAddon_yus7k_gg_",
+  "_withGap": "__withGap_yus7k_gg_",
+  "__SNextPage": "___SNextPage_yus7k_gg_",
+  "__SPrevPage": "___SPrevPage_yus7k_gg_",
+  "__STotalLastPages": "___STotalLastPages_yus7k_gg_"
 });
 var PaginationRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(PaginationRoot, _Component);

package/lib/es6/Pagination.js

@@ -28,18 +28,18 @@ import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 /*__reshadow-styles__:"./style/pagination.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPagination_q66n1_gg_{justify-content:flex-start;align-items:center}.___SPagination_q66n1_gg_.__withGap_q66n1_gg_{gap:var(--intergalactic-spacing-4x, 16px)}.___SPagination_q66n1_gg_.__withGap_q66n1_gg_._size_l_q66n1_gg_{gap:var(--intergalactic-spacing-5x, 20px)}.___SNextPage_q66n1_gg_,.___SPrevPage_q66n1_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNextPage_q66n1_gg_._size_l_q66n1_gg_,.___SPrevPage_q66n1_gg_._size_l_q66n1_gg_{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SLabel_q66n1_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_q66n1_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___SLabel_q66n1_gg_._size_l_q66n1_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-5x, 20px)}.___STotalPages_q66n1_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_q66n1_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_q66n1_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_q66n1_gg_._size_l_q66n1_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SPageInput_q66n1_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_q66n1_gg_._size_l_q66n1_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPageInput_q66n1_gg_:focus-within .___SPageInputAddon_q66n1_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_q66n1_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_q66n1_gg_,.___STotalPagesLabel_q66n1_gg_,.___STotalPages_q66n1_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SLabel_q66n1_gg_._size_l_q66n1_gg_,.___STotalPagesLabel_q66n1_gg_._size_l_q66n1_gg_,.___STotalPages_q66n1_gg_._size_l_q66n1_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}" /*__inner_css_end__*/, "q66n1_gg_") /*__reshadow_css_end__*/, {
-  "__SPagination": "___SPagination_q66n1_gg_",
-  "__SLabel": "___SLabel_q66n1_gg_",
-  "_size_l": "_size_l_q66n1_gg_",
-  "__STotalPages": "___STotalPages_q66n1_gg_",
-  "__STotalPagesLabel": "___STotalPagesLabel_q66n1_gg_",
-  "__SPageInput": "___SPageInput_q66n1_gg_",
-  "__SPageInputAddon": "___SPageInputAddon_q66n1_gg_",
-  "_withGap": "__withGap_q66n1_gg_",
-  "__SNextPage": "___SNextPage_q66n1_gg_",
-  "__SPrevPage": "___SPrevPage_q66n1_gg_",
-  "__STotalLastPages": "___STotalLastPages_q66n1_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPagination_yus7k_gg_{justify-content:flex-start;align-items:center}.___SPagination_yus7k_gg_.__withGap_yus7k_gg_{gap:var(--intergalactic-spacing-4x, 16px)}.___SPagination_yus7k_gg_.__withGap_yus7k_gg_._size_l_yus7k_gg_{gap:var(--intergalactic-spacing-5x, 20px)}.___SNextPage_yus7k_gg_,.___SPrevPage_yus7k_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNextPage_yus7k_gg_._size_l_yus7k_gg_,.___SPrevPage_yus7k_gg_._size_l_yus7k_gg_{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SLabel_yus7k_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_yus7k_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___SLabel_yus7k_gg_._size_l_yus7k_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-5x, 20px)}.___STotalPages_yus7k_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_yus7k_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_yus7k_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_yus7k_gg_._size_l_yus7k_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SPageInput_yus7k_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_yus7k_gg_._size_l_yus7k_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPageInput_yus7k_gg_:focus-within .___SPageInputAddon_yus7k_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_yus7k_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_yus7k_gg_,.___STotalPagesLabel_yus7k_gg_,.___STotalPages_yus7k_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SLabel_yus7k_gg_._size_l_yus7k_gg_,.___STotalPagesLabel_yus7k_gg_._size_l_yus7k_gg_,.___STotalPages_yus7k_gg_._size_l_yus7k_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}" /*__inner_css_end__*/, "yus7k_gg_") /*__reshadow_css_end__*/, {
+  "__SPagination": "___SPagination_yus7k_gg_",
+  "__SLabel": "___SLabel_yus7k_gg_",
+  "_size_l": "_size_l_yus7k_gg_",
+  "__STotalPages": "___STotalPages_yus7k_gg_",
+  "__STotalPagesLabel": "___STotalPagesLabel_yus7k_gg_",
+  "__SPageInput": "___SPageInput_yus7k_gg_",
+  "__SPageInputAddon": "___SPageInputAddon_yus7k_gg_",
+  "_withGap": "__withGap_yus7k_gg_",
+  "__SNextPage": "___SNextPage_yus7k_gg_",
+  "__SPrevPage": "___SPrevPage_yus7k_gg_",
+  "__STotalLastPages": "___STotalLastPages_yus7k_gg_"
 });
 import { ScreenReaderOnly } from '@semcore/flex-box';
 var PaginationRoot = /*#__PURE__*/function (_Component) {

package/lib/esm/Pagination.mjs

@@ -0,0 +1,346 @@
+import D from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import m from "@babel/runtime/helpers/esm/objectSpread2";
+import x from "@babel/runtime/helpers/esm/classCallCheck";
+import S from "@babel/runtime/helpers/esm/createClass";
+import c from "@babel/runtime/helpers/esm/assertThisInitialized";
+import k from "@babel/runtime/helpers/esm/inherits";
+import I from "@babel/runtime/helpers/esm/createSuper";
+import s from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as O } from "@semcore/utils/lib/core/index";
+import G, { sstyled as v, assignProps as h, Component as T } from "@semcore/core";
+import n from "react";
+import { Flex as L, ScreenReaderOnly as j } from "@semcore/flex-box";
+import N from "@semcore/input-number";
+import { Text as E } from "@semcore/typography";
+import z, { ButtonLink as K } from "@semcore/button";
+import { Hint as U } from "@semcore/tooltip";
+import W from "@semcore/icon/ChevronDoubleLeft/m";
+import q from "@semcore/utils/lib/uniqueID";
+import H from "@semcore/utils/lib/enhances/i18nEnhance";
+import { localizedMessages as A } from "./translations/__intergalactic-dynamic-locales.mjs";
+var M = ["styles", "getI18nText", "totalPages", "isLastOrSingle", "children"], J = (
+  /*__reshadow_css_start__*/
+  (O.insert(
+    /*__inner_css_start__*/
+    ".___SPagination_yus7k_gg_{justify-content:flex-start;align-items:center}.___SPagination_yus7k_gg_.__withGap_yus7k_gg_{gap:var(--intergalactic-spacing-4x, 16px)}.___SPagination_yus7k_gg_.__withGap_yus7k_gg_._size_l_yus7k_gg_{gap:var(--intergalactic-spacing-5x, 20px)}.___SNextPage_yus7k_gg_,.___SPrevPage_yus7k_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNextPage_yus7k_gg_._size_l_yus7k_gg_,.___SPrevPage_yus7k_gg_._size_l_yus7k_gg_{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SLabel_yus7k_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_yus7k_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___SLabel_yus7k_gg_._size_l_yus7k_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-5x, 20px)}.___STotalPages_yus7k_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_yus7k_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_yus7k_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_yus7k_gg_._size_l_yus7k_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SPageInput_yus7k_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_yus7k_gg_._size_l_yus7k_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPageInput_yus7k_gg_:focus-within .___SPageInputAddon_yus7k_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_yus7k_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_yus7k_gg_,.___STotalPagesLabel_yus7k_gg_,.___STotalPages_yus7k_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SLabel_yus7k_gg_._size_l_yus7k_gg_,.___STotalPagesLabel_yus7k_gg_._size_l_yus7k_gg_,.___STotalPages_yus7k_gg_._size_l_yus7k_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}",
+    "yus7k_gg_"
+  ), {
+    __SPagination: "___SPagination_yus7k_gg_",
+    __SLabel: "___SLabel_yus7k_gg_",
+    _size_l: "_size_l_yus7k_gg_",
+    __STotalPages: "___STotalPages_yus7k_gg_",
+    __STotalPagesLabel: "___STotalPagesLabel_yus7k_gg_",
+    __SPageInput: "___SPageInput_yus7k_gg_",
+    __SPageInputAddon: "___SPageInputAddon_yus7k_gg_",
+    _withGap: "__withGap_yus7k_gg_",
+    __SNextPage: "___SNextPage_yus7k_gg_",
+    __SPrevPage: "___SPrevPage_yus7k_gg_",
+    __STotalLastPages: "___STotalLastPages_yus7k_gg_"
+  })
+), C = /* @__PURE__ */ function(_) {
+  k(r, _);
+  var u = I(r);
+  function r() {
+    var e;
+    x(this, r);
+    for (var l = arguments.length, g = new Array(l), f = 0; f < l; f++)
+      g[f] = arguments[f];
+    return e = u.call.apply(u, [this].concat(g)), s(c(e), "nextPageButtonRef", /* @__PURE__ */ n.createRef()), s(c(e), "prevPageButtonRef", /* @__PURE__ */ n.createRef()), s(c(e), "state", {
+      // Crutch, so as not to take out `dirtyCurrentPage` in props
+      dirtyCurrentPage: void 0
+    }), s(c(e), "pageInputAddonRef", /* @__PURE__ */ n.createRef()), s(c(e), "returnLostFocus", function() {
+      setTimeout(function() {
+        if (document.activeElement === document.body) {
+          var t = e.prevPageButtonRef.current, a = e.nextPageButtonRef.current;
+          t && !t.disabled ? t.focus() : a && !a.disabled && a.focus();
+        }
+      }, 0);
+    }), s(c(e), "handlePageChange", function(t) {
+      t = Number(t), !Number.isNaN(t) && (e.handlers.currentPage(t), e.setState({
+        dirtyCurrentPage: void 0
+      }), e.returnLostFocus());
+    }), s(c(e), "handlePageValueChange", function(t) {
+      var a = e.state.dirtyCurrentPage;
+      Number.isNaN(Number(t)) && (t = a), e.setState({
+        dirtyCurrentPage: t
+      });
+    }), s(c(e), "handlePageValueBlur", function() {
+      setTimeout(function() {
+        if (e.pageInputAddonRef.current !== document.activeElement) {
+          var t = e.asProps.currentPage;
+          e.setState({
+            dirtyCurrentPage: t
+          });
+        }
+      }, 0);
+    }), s(c(e), "getDirtyCurrentPage", function() {
+      var t = e.state.dirtyCurrentPage, a = e.asProps.totalPages, i = t > a ? a : t;
+      return i <= 0 ? 1 : i;
+    }), s(c(e), "handlePageInputIconClick", function() {
+      var t = e.getDirtyCurrentPage();
+      e.handlePageChange(t);
+    }), s(c(e), "handlePageInputKeyDown", function(t) {
+      if (t.key === "Enter") {
+        var a = e.getDirtyCurrentPage();
+        e.handlePageChange(a);
+      }
+    }), s(c(e), "getFirstPageProps", function() {
+      var t = e.asProps, a = t.currentPage, i = t.getI18nText, o = t.size, P = a <= 1;
+      return {
+        disabled: P,
+        onClick: function() {
+          return e.handlePageChange(1);
+        },
+        getI18nText: i,
+        size: o
+      };
+    }), s(c(e), "getPrevPageProps", function() {
+      var t = e.asProps, a = t.currentPage, i = t.getI18nText, o = t.size, P = a <= 1;
+      return {
+        currentPage: a,
+        disabled: P,
+        onClick: function() {
+          return e.handlePageChange(a - 1);
+        },
+        getI18nText: i,
+        ref: e.nextPageButtonRef,
+        size: o
+      };
+    }), s(c(e), "getNextPageProps", function() {
+      var t = e.asProps, a = t.currentPage, i = t.totalPages, o = t.getI18nText, P = t.size, p = !(a < i);
+      return {
+        currentPage: a,
+        disabled: p,
+        onClick: function() {
+          return e.handlePageChange(a + 1);
+        },
+        getI18nText: o,
+        ref: e.prevPageButtonRef,
+        size: P
+      };
+    }), s(c(e), "getPageInputProps", function() {
+      var t = e.asProps, a = t.getI18nText, i = t.locale, o = t.size;
+      return {
+        getI18nText: a,
+        locale: i,
+        size: o
+      };
+    }), s(c(e), "getPageInputAddonProps", function() {
+      return {
+        onClick: e.handlePageInputIconClick,
+        ref: e.pageInputAddonRef,
+        onBlur: e.handlePageValueBlur
+      };
+    }), s(c(e), "getPageInputValueProps", function() {
+      var t = e.state.dirtyCurrentPage, a = e.asProps, i = a.currentPage, o = a.totalPages, P = a.getI18nText, p = a.size;
+      return {
+        min: 1,
+        max: o,
+        disabled: o === 1,
+        value: t === void 0 ? i : t,
+        onBlur: e.handlePageValueBlur,
+        onChange: e.handlePageValueChange,
+        onKeyDown: e.handlePageInputKeyDown,
+        getI18nText: P,
+        size: p
+      };
+    }), s(c(e), "getTotalPagesProps", function() {
+      var t = e.asProps, a = t.currentPage, i = t.totalPages, o = t.getI18nText, P = t.locale, p = t.size, d = new Intl.NumberFormat(P, {
+        style: "decimal"
+      });
+      return {
+        totalPages: i,
+        children: d.format(i),
+        isLastOrSingle: a === i,
+        onClick: function() {
+          return e.handlePageChange(i);
+        },
+        getI18nText: o,
+        size: p
+      };
+    }), e;
+  }
+  return S(r, [{
+    key: "uncontrolledProps",
+    value: function() {
+      return {
+        totalPages: null,
+        currentPage: null
+      };
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function(l) {
+      l.currentPage !== void 0 && l.currentPage !== this.asProps.currentPage && this.setState({
+        dirtyCurrentPage: void 0
+      });
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var l = this.asProps, g, f = L, t = this.asProps, a = t.Children, i = t.children, o = t.getI18nText, P = t.currentPage, p = t.totalPages, d = p === void 0 ? 1 : p;
+      return g = v(this.asProps.styles), /* @__PURE__ */ n.createElement(f, g.cn("SPagination", m({}, h({
+        flexWrap: "wrap",
+        withGap: !i,
+        tag: "nav",
+        "aria-label": o("pagination")
+      }, l))), i ? /* @__PURE__ */ n.createElement(a, g.cn("Children", {})) : /* @__PURE__ */ n.createElement(n.Fragment, null, d === 1 ? null : /* @__PURE__ */ n.createElement(L, g.cn("Flex", {}), /* @__PURE__ */ n.createElement(y.FirstPage, null), /* @__PURE__ */ n.createElement(y.PrevPage, null), /* @__PURE__ */ n.createElement(y.NextPage, null)), /* @__PURE__ */ n.createElement(L, g.cn("Flex", {
+        alignItems: "center"
+      }), /* @__PURE__ */ n.createElement(y.PageInput, null), /* @__PURE__ */ n.createElement(y.TotalPages, null))), /* @__PURE__ */ n.createElement(j, g.cn("ScreenReaderOnly", {
+        "aria-live": "polite",
+        role: "status"
+      }), o("pageInputLabel"), " ", P));
+    }
+  }]), r;
+}(T);
+s(C, "displayName", "Pagination");
+s(C, "defaultProps", function() {
+  return {
+    defaultCurrentPage: 1,
+    defaultTotalPages: 1,
+    i18n: A,
+    locale: "en",
+    size: "m"
+  };
+});
+s(C, "style", J);
+s(C, "enhance", [H(A)]);
+var F = /* @__PURE__ */ function(_) {
+  k(r, _);
+  var u = I(r);
+  function r() {
+    return x(this, r), u.apply(this, arguments);
+  }
+  return S(r, [{
+    key: "render",
+    value: function() {
+      var l = this.asProps, g = this.asProps.getI18nText;
+      return /* @__PURE__ */ n.createElement(z, h({
+        "aria-label": g("firstPage")
+      }, l));
+    }
+  }]), r;
+}(T);
+s(F, "defaultProps", function(_) {
+  var u = _.getI18nText("firstPage");
+  return {
+    children: /* @__PURE__ */ n.createElement(z.Addon, {
+      tag: U,
+      title: u,
+      timeout: [250, 50],
+      __excludeProps: ["aria-label"]
+    }, /* @__PURE__ */ n.createElement(W, null))
+  };
+});
+var V = /* @__PURE__ */ function(_) {
+  k(r, _);
+  var u = I(r);
+  function r() {
+    return x(this, r), u.apply(this, arguments);
+  }
+  return S(r, [{
+    key: "render",
+    value: function() {
+      var l = this.asProps, g, f = z;
+      return g = v(this.asProps.styles), /* @__PURE__ */ n.createElement(f, g.cn("SPrevPage", m({}, h({}, l))));
+    }
+  }]), r;
+}(T);
+s(V, "defaultProps", function(_) {
+  return {
+    children: _.getI18nText("prevPageLabel")
+  };
+});
+var w = /* @__PURE__ */ function(_) {
+  k(r, _);
+  var u = I(r);
+  function r() {
+    return x(this, r), u.apply(this, arguments);
+  }
+  return S(r, [{
+    key: "render",
+    value: function() {
+      var l = this.asProps, g, f = z;
+      return g = v(this.asProps.styles), /* @__PURE__ */ n.createElement(f, g.cn("SNextPage", m({}, h({
+        use: "primary",
+        theme: "info"
+      }, l))));
+    }
+  }]), r;
+}(T);
+s(w, "defaultProps", function(_) {
+  return {
+    children: _.getI18nText("nextPageLabel")
+  };
+});
+var Q = /* @__PURE__ */ function(_) {
+  k(r, _);
+  var u = I(r);
+  function r() {
+    return x(this, r), u.apply(this, arguments);
+  }
+  return S(r, [{
+    key: "render",
+    value: function() {
+      var l = this.asProps, g, f = K, t = E, a = E, i = this.asProps, o = i.styles, P = i.getI18nText, p = i.totalPages, d = i.isLastOrSingle, b = i.children, B = D(i, M), R = B.size === "l" ? "300" : "200";
+      return g = v(o), /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(t, g.cn("STotalPagesLabel", {
+        size: R
+      }), P("totalPagesLabel")), d ? /* @__PURE__ */ n.createElement(a, g.cn("STotalLastPages", m({
+        size: R,
+        "aria-label": P("lastPage", {
+          lastPageNumber: p
+        })
+      }, B)), b) : /* @__PURE__ */ n.createElement(f, g.cn("STotalPages", m({}, h({
+        "aria-label": P("lastPage", {
+          lastPageNumber: p
+        })
+      }, l)))));
+    }
+  }]), r;
+}(T), X = function(u) {
+  var r = arguments[0], e, l = N.Value;
+  return e = v(u.styles), /* @__PURE__ */ n.createElement(l, e.cn("SPageInputValue", m({}, h({
+    onBlur: function() {
+      return !1;
+    }
+  }, r))));
+}, Y = function(u) {
+  var r = arguments[0], e, l = N.Addon;
+  return e = v(u.styles), /* @__PURE__ */ n.createElement(l, e.cn("SPageInputAddon", m({}, h({}, r))));
+}, $ = /* @__PURE__ */ function(_) {
+  k(r, _);
+  var u = I(r);
+  function r() {
+    return x(this, r), u.apply(this, arguments);
+  }
+  return S(r, [{
+    key: "render",
+    value: function() {
+      var l = this.asProps, g, f = N, t = E, a = this.asProps, i = a.Children, o = a.getI18nText, P = a.styles, p = a.uid, d = a.locale, b = a.size;
+      return g = v(P), /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(t, g.cn("SLabel", {
+        tag: "label",
+        htmlFor: "pagination-input-".concat(p),
+        size: b
+      }), o("pageInputLabel")), /* @__PURE__ */ n.createElement(f, g.cn("SPageInput", m({}, h({
+        controlsLength: i.origin ? void 0 : 2,
+        locale: d
+      }, l))), i.origin ? /* @__PURE__ */ n.createElement(i, g.cn("Children", {})) : /* @__PURE__ */ n.createElement(y.PageInput.Value, {
+        id: "pagination-input-".concat(p)
+      })));
+    }
+  }]), r;
+}(T);
+s($, "enhance", [q()]);
+var y = G(C, {
+  PrevPage: V,
+  NextPage: w,
+  FirstPage: F,
+  TotalPages: Q,
+  PageInput: [$, {
+    Value: X,
+    Addon: Y
+  }]
+});
+export {
+  y as default
+};

package/lib/esm/index.mjs

@@ -0,0 +1,4 @@
+import { default as o } from "./Pagination.mjs";
+export {
+  o as default
+};

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -0,0 +1,35 @@
+import r from "./de.json.mjs";
+import o from "./en.json.mjs";
+import m from "./es.json.mjs";
+import t from "./fr.json.mjs";
+import i from "./it.json.mjs";
+import p from "./ja.json.mjs";
+import f from "./ko.json.mjs";
+import e from "./nl.json.mjs";
+import s from "./pt.json.mjs";
+import a from "./ru.json.mjs";
+import l from "./tr.json.mjs";
+import v from "./vi.json.mjs";
+import d from "./zh.json.mjs";
+import n from "./pl.json.mjs";
+import z from "./sv.json.mjs";
+var D = {
+  de: r,
+  en: o,
+  es: m,
+  fr: t,
+  it: i,
+  ja: p,
+  ko: f,
+  nl: e,
+  pt: s,
+  ru: a,
+  tr: l,
+  vi: v,
+  zh: d,
+  pl: n,
+  sv: z
+};
+export {
+  D as localizedMessages
+};

package/lib/esm/translations/de.json.mjs

@@ -0,0 +1,19 @@
+const e = "Zurück", a = "Weiter", t = "Seite:", n = "von", g = "Paginierung", s = "Erste Seite", l = "Letzte Seite #{lastPageNumber}", o = {
+  prevPageLabel: e,
+  nextPageLabel: a,
+  pageInputLabel: t,
+  totalPagesLabel: n,
+  pagination: g,
+  firstPage: s,
+  lastPage: l
+};
+export {
+  o as default,
+  s as firstPage,
+  l as lastPage,
+  a as nextPageLabel,
+  t as pageInputLabel,
+  g as pagination,
+  e as prevPageLabel,
+  n as totalPagesLabel
+};

package/lib/esm/translations/en.json.mjs

@@ -0,0 +1,19 @@
+const a = "Prev", e = "Next", t = "Page:", g = "of", n = "Pagination", s = "First page", o = "Last page #{lastPageNumber}", l = {
+  prevPageLabel: a,
+  nextPageLabel: e,
+  pageInputLabel: t,
+  totalPagesLabel: g,
+  pagination: n,
+  firstPage: s,
+  lastPage: o
+};
+export {
+  l as default,
+  s as firstPage,
+  o as lastPage,
+  e as nextPageLabel,
+  t as pageInputLabel,
+  n as pagination,
+  a as prevPageLabel,
+  g as totalPagesLabel
+};

package/lib/esm/translations/es.json.mjs

@@ -0,0 +1,19 @@
+const a = "Anterior", e = "Siguiente", t = "Página:", n = "de", g = "Paginación", s = "Primera página", i = "Última página #{lastPageNumber}", l = {
+  prevPageLabel: a,
+  nextPageLabel: e,
+  pageInputLabel: t,
+  totalPagesLabel: n,
+  pagination: g,
+  firstPage: s,
+  lastPage: i
+};
+export {
+  l as default,
+  s as firstPage,
+  i as lastPage,
+  e as nextPageLabel,
+  t as pageInputLabel,
+  g as pagination,
+  a as prevPageLabel,
+  n as totalPagesLabel
+};

package/lib/esm/translations/fr.json.mjs

@@ -0,0 +1,19 @@
+const a = "Préc.", e = "Suivant", t = "Page :", n = "sur", g = "Pagination", s = "Première page", P = "Dernière page #{lastPageNumber}", l = {
+  prevPageLabel: a,
+  nextPageLabel: e,
+  pageInputLabel: t,
+  totalPagesLabel: n,
+  pagination: g,
+  firstPage: s,
+  lastPage: P
+};
+export {
+  l as default,
+  s as firstPage,
+  P as lastPage,
+  e as nextPageLabel,
+  t as pageInputLabel,
+  g as pagination,
+  a as prevPageLabel,
+  n as totalPagesLabel
+};

package/lib/esm/translations/it.json.mjs

@@ -0,0 +1,19 @@
+const a = "Prec.", e = "Avanti", t = "Pagina:", n = "di", g = "Numerazione delle pagine", l = "Prima pagina", i = "Ultima pagina #{lastPageNumber}", s = {
+  prevPageLabel: a,
+  nextPageLabel: e,
+  pageInputLabel: t,
+  totalPagesLabel: n,
+  pagination: g,
+  firstPage: l,
+  lastPage: i
+};
+export {
+  s as default,
+  l as firstPage,
+  i as lastPage,
+  e as nextPageLabel,
+  t as pageInputLabel,
+  g as pagination,
+  a as prevPageLabel,
+  n as totalPagesLabel
+};

package/lib/esm/translations/ja.json.mjs

@@ -0,0 +1,19 @@
+const a = "前へ", e = "次へ", t = "ページ：", n = "/", s = "ページ分割", g = "最初のページ", l = "最後のページ#{lastPageNumber}", o = {
+  prevPageLabel: a,
+  nextPageLabel: e,
+  pageInputLabel: t,
+  totalPagesLabel: n,
+  pagination: s,
+  firstPage: g,
+  lastPage: l
+};
+export {
+  o as default,
+  g as firstPage,
+  l as lastPage,
+  e as nextPageLabel,
+  t as pageInputLabel,
+  s as pagination,
+  a as prevPageLabel,
+  n as totalPagesLabel
+};

package/lib/esm/translations/ko.json.mjs

@@ -0,0 +1,19 @@
+const a = "이전", e = "다음", t = "페이지:", n = "/", s = "페이지 지정", g = "첫 페이지", l = "마지막 페이지 #{lastPageNumber}", o = {
+  prevPageLabel: a,
+  nextPageLabel: e,
+  pageInputLabel: t,
+  totalPagesLabel: n,
+  pagination: s,
+  firstPage: g,
+  lastPage: l
+};
+export {
+  o as default,
+  g as firstPage,
+  l as lastPage,
+  e as nextPageLabel,
+  t as pageInputLabel,
+  s as pagination,
+  a as prevPageLabel,
+  n as totalPagesLabel
+};

package/lib/esm/translations/nl.json.mjs

@@ -0,0 +1,19 @@
+const a = "Vorige", e = "Volgende", t = "Pagina:", n = "van", g = "Paginering", s = "Eerste pagina", l = "Laatste pagina #{lastPageNumber}", o = {
+  prevPageLabel: a,
+  nextPageLabel: e,
+  pageInputLabel: t,
+  totalPagesLabel: n,
+  pagination: g,
+  firstPage: s,
+  lastPage: l
+};
+export {
+  o as default,
+  s as firstPage,
+  l as lastPage,
+  e as nextPageLabel,
+  t as pageInputLabel,
+  g as pagination,
+  a as prevPageLabel,
+  n as totalPagesLabel
+};

package/lib/esm/translations/pl.json.mjs

@@ -0,0 +1,19 @@
+const a = "Wstecz", e = "Dalej", t = "Strona:", n = "z", s = "Stronicowanie", o = "Pierwsza strona", l = "Ostatnia strona #{lastPageNumber}", g = {
+  prevPageLabel: a,
+  nextPageLabel: e,
+  pageInputLabel: t,
+  totalPagesLabel: n,
+  pagination: s,
+  firstPage: o,
+  lastPage: l
+};
+export {
+  g as default,
+  o as firstPage,
+  l as lastPage,
+  e as nextPageLabel,
+  t as pageInputLabel,
+  s as pagination,
+  a as prevPageLabel,
+  n as totalPagesLabel
+};

package/lib/esm/translations/pt.json.mjs

@@ -0,0 +1,19 @@
+const a = "Anterior", e = "Próximo", t = "Página:", n = "de", g = "Paginação", o = "Primeira página", s = "Última página n.º {lastPageNumber}", i = {
+  prevPageLabel: a,
+  nextPageLabel: e,
+  pageInputLabel: t,
+  totalPagesLabel: n,
+  pagination: g,
+  firstPage: o,
+  lastPage: s
+};
+export {
+  i as default,
+  o as firstPage,
+  s as lastPage,
+  e as nextPageLabel,
+  t as pageInputLabel,
+  g as pagination,
+  a as prevPageLabel,
+  n as totalPagesLabel
+};

package/lib/esm/translations/ru.json.mjs

@@ -0,0 +1,13 @@
+const e = "Назад", a = "Далее", t = "Страница:", l = "из", n = {
+  prevPageLabel: e,
+  nextPageLabel: a,
+  pageInputLabel: t,
+  totalPagesLabel: l
+};
+export {
+  n as default,
+  a as nextPageLabel,
+  t as pageInputLabel,
+  e as prevPageLabel,
+  l as totalPagesLabel
+};

package/lib/esm/translations/sv.json.mjs

@@ -0,0 +1,19 @@
+const a = "Föreg.", e = "Nästa", t = "Sida:", s = "av", n = "Sidnumrering", g = "Första sidan", l = "Sista sidan #{lastPageNumber}", o = {
+  prevPageLabel: a,
+  nextPageLabel: e,
+  pageInputLabel: t,
+  totalPagesLabel: s,
+  pagination: n,
+  firstPage: g,
+  lastPage: l
+};
+export {
+  o as default,
+  g as firstPage,
+  l as lastPage,
+  e as nextPageLabel,
+  t as pageInputLabel,
+  n as pagination,
+  a as prevPageLabel,
+  s as totalPagesLabel
+};

package/lib/esm/translations/tr.json.mjs

@@ -0,0 +1,19 @@
+const a = "Önceki", e = "Sonraki", t = "Sayfa:", n = "-den", s = "Sayfa numaralandırma", l = "İlk sayfa", g = "Son sayfa #{lastPageNumber}", o = {
+  prevPageLabel: a,
+  nextPageLabel: e,
+  pageInputLabel: t,
+  totalPagesLabel: n,
+  pagination: s,
+  firstPage: l,
+  lastPage: g
+};
+export {
+  o as default,
+  l as firstPage,
+  g as lastPage,
+  e as nextPageLabel,
+  t as pageInputLabel,
+  s as pagination,
+  a as prevPageLabel,
+  n as totalPagesLabel
+};

package/lib/esm/translations/vi.json.mjs

@@ -0,0 +1,19 @@
+const a = "Trước", e = "Tiếp", t = "Trang:", n = "của", g = "Phân trang", s = "Trang đầu", l = "Trang cuối #{lastPageNumber}", o = {
+  prevPageLabel: a,
+  nextPageLabel: e,
+  pageInputLabel: t,
+  totalPagesLabel: n,
+  pagination: g,
+  firstPage: s,
+  lastPage: l
+};
+export {
+  o as default,
+  s as firstPage,
+  l as lastPage,
+  e as nextPageLabel,
+  t as pageInputLabel,
+  g as pagination,
+  a as prevPageLabel,
+  n as totalPagesLabel
+};

package/lib/esm/translations/zh.json.mjs

@@ -0,0 +1,19 @@
+const a = "上一页", e = "下一页", t = "页码：", n = "/", s = "分页", g = "第一页", l = "最后一页 #{lastPageNumber}", o = {
+  prevPageLabel: a,
+  nextPageLabel: e,
+  pageInputLabel: t,
+  totalPagesLabel: n,
+  pagination: s,
+  firstPage: g,
+  lastPage: l
+};
+export {
+  o as default,
+  g as firstPage,
+  l as lastPage,
+  e as nextPageLabel,
+  t as pageInputLabel,
+  s as pagination,
+  a as prevPageLabel,
+  n as totalPagesLabel
+};

package/package.json

@@ -1,25 +1,31 @@
 {
   "name": "@semcore/pagination",
   "description": "Semrush Pagination Component",
-  "version": "4.50.0-prerelease.9",
+  "version": "4.50.1-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
+  "exports": {
+    "require": "./lib/cjs/index.js",
+    "import": "./lib/esm/index.mjs",
+    "types": "./lib/types/index.d.ts"
+  },
   "dependencies": {
-    "@semcore/button": "5.42.0-prerelease.9",
-    "@semcore/flex-box": "5.41.0-prerelease.9",
-    "@semcore/icon": "4.58.0-prerelease.9",
-    "@semcore/input-number": "5.41.0-prerelease.9",
-    "@semcore/link": "5.44.0-prerelease.9",
-    "@semcore/tooltip": "6.48.0-prerelease.9",
-    "@semcore/typography": "5.52.0-prerelease.9",
-    "@semcore/utils": "4.47.1-prerelease.9"
+    "@semcore/input": "4.42.1-prerelease.0",
+    "@semcore/button": "5.42.1-prerelease.0",
+    "@semcore/flex-box": "5.41.1-prerelease.0",
+    "@semcore/icon": "4.60.1-prerelease.0",
+    "@semcore/input-number": "5.41.1-prerelease.0",
+    "@semcore/link": "5.44.1-prerelease.0",
+    "@semcore/tooltip": "6.49.1-prerelease.0",
+    "@semcore/typography": "5.52.1-prerelease.0",
+    "@semcore/utils": "4.48.1-prerelease.0"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.39.0-prerelease.9",
+    "@semcore/core": "^2.39.1-prerelease.0",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },
@@ -33,6 +39,6 @@
     "@semcore/testing-utils": "1.0.0"
   },
   "scripts": {
-    "build": "pnpm semcore-builder --source=js"
+    "build": "pnpm semcore-builder --source=js && pnpm vite build"
   }
 }

package/vite.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig, mergeConfig } from 'vite';
+
+import viteConfig from '../../commonVite.config';
+
+export default mergeConfig(
+  viteConfig,
+  defineConfig({
+    build: {
+      lib: {
+        entry: './src/index.js',
+      },
+      rollupOptions: {
+        external: ['react', 'react-dom', 'react/jsx-runtime', /@babel\/runtime\/*/, /@semcore\/*/],
+      },
+    },
+  }),
+);