@prom-ui/core 2.5.0 → 3.0.0-alpha.0

package/TextEmoji/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),i=require("@evo/emoji-text"),u=require("@prom-ui/core/Text");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function n(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=o(e),l=o(t),f=n(r),c=["children","size","type"],d={small:11,default:13,big:15,h1:24,h2:22,h3:20,h4:18,h5:16,h6:14},p=f.forwardRef((function(e,t){var r=e.children,o=e.size,n=void 0===o?d.default:o,p=e.type,s=void 0===p?"apple":p,b=l.default(e,c);return f.createElement(u.Text,a.default({ref:t},b),f.createElement(i.EmojiText,{size:d[b["text-size"]]||n,type:s},r))}));p.displayName="TextEmoji",exports.TextEmoji=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),i=require("@evo/emoji-text"),u=require("@prom-ui/core/Text");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function n(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var a=o(e),l=o(t),f=n(r),c=["children","size","type"],d={small:11,default:13,big:15,h1:24,h2:22,h3:20,h4:18,h5:16,h6:14},p=f.forwardRef(function(e,t){var r=e.children,o=e.size,n=void 0===o?d.default:o,p=e.type,s=void 0===p?"apple":p,b=l.default(e,c);return f.createElement(u.Text,a.default({ref:t},b),f.createElement(i.EmojiText,{size:d[b["text-size"]]||n,type:s},r))});p.displayName="TextEmoji",exports.TextEmoji=p;

package/TextEmoji/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),i=require("@evo/emoji-text"),u=require("@prom-ui/core/Text");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function n(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=o(e),l=o(t),f=n(r),c=["children","size","type"],d={small:11,default:13,big:15,h1:24,h2:22,h3:20,h4:18,h5:16,h6:14},p=f.forwardRef((function(e,t){var r=e.children,o=e.size,n=void 0===o?d.default:o,p=e.type,s=void 0===p?"apple":p,b=l.default(e,c);return f.createElement(u.Text,a.default({ref:t},b),f.createElement(i.EmojiText,{size:d[b["text-size"]]||n,type:s},r))}));p.displayName="TextEmoji",exports.TextEmoji=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),i=require("@evo/emoji-text"),u=require("@prom-ui/core/Text");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function n(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var a=o(e),l=o(t),f=n(r),c=["children","size","type"],d={small:11,default:13,big:15,h1:24,h2:22,h3:20,h4:18,h5:16,h6:14},p=f.forwardRef(function(e,t){var r=e.children,o=e.size,n=void 0===o?d.default:o,p=e.type,s=void 0===p?"apple":p,b=l.default(e,c);return f.createElement(u.Text,a.default({ref:t},b),f.createElement(i.EmojiText,{size:d[b["text-size"]]||n,type:s},r))});p.displayName="TextEmoji",exports.TextEmoji=p;

package/TextEmoji/index.d.ts

@@ -4,6 +4,14 @@ import type { TextProps } from '@prom-ui/core/Text';
 export type TextEmojiProps = React.ComponentPropsWithRef<'span'> & TextProps & {
     /** @ignore */
     size?: React.ComponentProps<typeof EmojiText>['size'];
+    /** Стиль рендерингу емодзі (`'apple'`, `'google'` тощо) */
     type?: React.ComponentProps<typeof EmojiText>['type'];
 };
+/**
+ * Текст з автоматичною заміною текстових емодзі (`:thumbsup:`) на зображення.
+ * Успадковує всі пропси `Text`.
+ * @example
+ * import { TextEmoji } from '@prom-ui/core/TextEmoji'
+ * <TextEmoji>Дякую :thumbsup:</TextEmoji>
+ */
 export declare const TextEmoji: React.FC<TextEmojiProps>;

package/TextEmoji/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/TextEmoji",
-  "version": "2.5.0",
+  "version": "3.0.0-alpha.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Tooltip/cjs/index.development.js

@@ -35,6 +35,14 @@ var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 
 var css = {"content":"Tooltip__content___M5WYU","arrow":"Tooltip__arrow___sHrj0","animation":"Tooltip__animation___DYqdH","root":"Tooltip__root___Xkx-7","white":"Tooltip__white___6gvS7","black":"Tooltip__black___e8sBo","enter":"Tooltip__enter___amIjy","enterActive":"Tooltip__enterActive___oLDm5","enterDone":"Tooltip__enterDone___aZSAB","exit":"Tooltip__exit___FtdvP","exitActive":"Tooltip__exitActive___Vnj23","exitDone":"Tooltip__exitDone___er4Mu"};
 
+/**
+ * Підказка (popover) на основі `react-popper-tooltip`. Підтримує click, hover, focus.
+ * @example
+ * import { Tooltip } from '@prom-ui/core/Tooltip'
+ * <Tooltip content='Підказка'>
+ *   <button>Наведи на мене</button>
+ * </Tooltip>
+ */
 var Tooltip = function Tooltip(_ref) {
   var children = _ref.children,
     content = _ref.content,

package/Tooltip/cjs/index.development.v2.js

@@ -35,6 +35,14 @@ var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 
 var css = {"content":"Tooltip__content___OAIu0","arrow":"Tooltip__arrow___zAGk6","animation":"Tooltip__animation___N9MJt","root":"Tooltip__root___Wl-Xm","white":"Tooltip__white___oB2Pd","black":"Tooltip__black___kSaUV","enter":"Tooltip__enter___t5jYJ","enterActive":"Tooltip__enterActive___A3Dwj","enterDone":"Tooltip__enterDone___-J0vk","exit":"Tooltip__exit___mHKey","exitActive":"Tooltip__exitActive___UibNa","exitDone":"Tooltip__exitDone___MIlrs"};
 
+/**
+ * Підказка (popover) на основі `react-popper-tooltip`. Підтримує click, hover, focus.
+ * @example
+ * import { Tooltip } from '@prom-ui/core/Tooltip'
+ * <Tooltip content='Підказка'>
+ *   <button>Наведи на мене</button>
+ * </Tooltip>
+ */
 var Tooltip = function Tooltip(_ref) {
   var children = _ref.children,
     content = _ref.content,

package/Tooltip/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("react"),i=require("clsx"),r=require("react-popper-tooltip"),o=require("react-transition-group"),n=require("@prom-ui/core/Portal");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(i){if("default"!==i){var r=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,r.get?r:{enumerable:!0,get:function(){return e[i]}})}})),t.default=e,Object.freeze(t)}var d=l(e),s=a(t),u=l(i),c={content:"M5WYU",arrow:"sHrj0",animation:"DYqdH",root:"Xkx-7",white:"_6gvS7",black:"e8sBo",enter:"amIjy",enterActive:"oLDm5",enterDone:"aZSAB",exit:"FtdvP",exitActive:"Vnj23",exitDone:"er4Mu"},v=function(e){var t=e.children,i=e.content,l=e.isVisible,a=e.onVisibleChange,v=e.classes,f=e.isRenderPortal,p=void 0===f||f,m=e.isCloseOnOutsideClick,g=void 0===m||m,b=e.isCloseOnTriggerHidden,w=void 0===b||b,y=e.isDefaultVisible,h=void 0!==y&&y,O=e.isFollowCursor,j=void 0!==O&&O,x=e.isInteractive,E=void 0!==x&&x,P=e.isShowArrow,C=void 0===P||P,T=e.delayHide,q=void 0===T?0:T,S=e.delayShow,A=void 0===S?0:S,D=e.trigger,H=void 0===D?"hover":D,N=e.placement,V=void 0===N?"auto":N,k=e.theme,R=void 0===k?"white":k,I=e.offset,z=void 0===I?[0,12]:I,F=e.padding,M=void 0===F?16:F,_=e.width,B=void 0===_?"auto":_,Y=e.zIndex,L=void 0===Y?5e3:Y,U=r.usePopperTooltip({trigger:H,placement:V,delayHide:q,delayShow:A,onVisibleChange:a,offset:z,defaultVisible:h,closeOnOutsideClick:g,closeOnTriggerHidden:w,visible:l,followCursor:j,interactive:E}),W=U.getArrowProps,X=U.getTooltipProps,Z=U.setTooltipRef,G=U.setTriggerRef,J=U.visible,K=s.useRef(null);return s.createElement(s.Fragment,null,s.cloneElement(t,{ref:G}),s.createElement(o.CSSTransition,{nodeRef:K,classNames:c,timeout:166,in:J,unmountOnExit:!0},s.createElement(n.Portal,{isActive:p},s.createElement("div",d.default({ref:function(e){K.current=e,Z(e)}},X({className:u.default(c.root,c[R],null==v?void 0:v.root),style:{width:B,zIndex:L}})),s.createElement("div",{className:u.default(c.animation,null==v?void 0:v.animation)},C&&s.createElement("div",W({className:u.default(c.arrow,null==v?void 0:v.arrow)})),s.createElement("div",{className:u.default(c.content,null==v?void 0:v.content),style:{padding:M}},i))))))};v.displayName="Tooltip",exports.Tooltip=v,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("react"),i=require("clsx"),r=require("react-popper-tooltip"),o=require("react-transition-group"),n=require("@prom-ui/core/Portal");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(i){if("default"!==i){var r=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,r.get?r:{enumerable:!0,get:function(){return e[i]}})}}),t.default=e,Object.freeze(t)}var d=l(e),s=a(t),u=l(i),c={content:"M5WYU",arrow:"sHrj0",animation:"DYqdH",root:"Xkx-7",white:"_6gvS7",black:"e8sBo",enter:"amIjy",enterActive:"oLDm5",enterDone:"aZSAB",exit:"FtdvP",exitActive:"Vnj23",exitDone:"er4Mu"},v=function(e){var t=e.children,i=e.content,l=e.isVisible,a=e.onVisibleChange,v=e.classes,f=e.isRenderPortal,p=void 0===f||f,m=e.isCloseOnOutsideClick,g=void 0===m||m,b=e.isCloseOnTriggerHidden,w=void 0===b||b,y=e.isDefaultVisible,h=void 0!==y&&y,O=e.isFollowCursor,j=void 0!==O&&O,x=e.isInteractive,E=void 0!==x&&x,P=e.isShowArrow,C=void 0===P||P,T=e.delayHide,q=void 0===T?0:T,S=e.delayShow,A=void 0===S?0:S,D=e.trigger,H=void 0===D?"hover":D,N=e.placement,V=void 0===N?"auto":N,k=e.theme,R=void 0===k?"white":k,I=e.offset,z=void 0===I?[0,12]:I,F=e.padding,M=void 0===F?16:F,_=e.width,B=void 0===_?"auto":_,Y=e.zIndex,L=void 0===Y?5e3:Y,U=r.usePopperTooltip({trigger:H,placement:V,delayHide:q,delayShow:A,onVisibleChange:a,offset:z,defaultVisible:h,closeOnOutsideClick:g,closeOnTriggerHidden:w,visible:l,followCursor:j,interactive:E}),W=U.getArrowProps,X=U.getTooltipProps,Z=U.setTooltipRef,G=U.setTriggerRef,J=U.visible,K=s.useRef(null);return s.createElement(s.Fragment,null,s.cloneElement(t,{ref:G}),s.createElement(o.CSSTransition,{nodeRef:K,classNames:c,timeout:166,in:J,unmountOnExit:!0},s.createElement(n.Portal,{isActive:p},s.createElement("div",d.default({ref:function(e){K.current=e,Z(e)}},X({className:u.default(c.root,c[R],null==v?void 0:v.root),style:{width:B,zIndex:L}})),s.createElement("div",{className:u.default(c.animation,null==v?void 0:v.animation)},C&&s.createElement("div",W({className:u.default(c.arrow,null==v?void 0:v.arrow)})),s.createElement("div",{className:u.default(c.content,null==v?void 0:v.content),style:{padding:M}},i))))))};v.displayName="Tooltip",exports.Tooltip=v,require("./style.production.css");

package/Tooltip/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("react"),i=require("clsx"),r=require("react-popper-tooltip"),o=require("react-transition-group"),n=require("@prom-ui/core/Portal");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(i){if("default"!==i){var r=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,r.get?r:{enumerable:!0,get:function(){return e[i]}})}})),t.default=e,Object.freeze(t)}var d=l(e),s=a(t),u=l(i),c={content:"OAIu0",arrow:"zAGk6",animation:"N9MJt",root:"Wl-Xm",white:"oB2Pd",black:"kSaUV",enter:"t5jYJ",enterActive:"A3Dwj",enterDone:"-J0vk",exit:"mHKey",exitActive:"UibNa",exitDone:"MIlrs"},v=function(e){var t=e.children,i=e.content,l=e.isVisible,a=e.onVisibleChange,v=e.classes,f=e.isRenderPortal,p=void 0===f||f,m=e.isCloseOnOutsideClick,g=void 0===m||m,b=e.isCloseOnTriggerHidden,w=void 0===b||b,y=e.isDefaultVisible,O=void 0!==y&&y,h=e.isFollowCursor,j=void 0!==h&&h,x=e.isInteractive,E=void 0!==x&&x,P=e.isShowArrow,C=void 0===P||P,T=e.delayHide,A=void 0===T?0:T,N=e.delayShow,k=void 0===N?0:N,q=e.trigger,S=void 0===q?"hover":q,V=e.placement,D=void 0===V?"auto":V,H=e.theme,I=void 0===H?"white":H,R=e.offset,z=void 0===R?[0,12]:R,J=e.padding,M=void 0===J?16:J,F=e.width,U=void 0===F?"auto":F,_=e.zIndex,B=void 0===_?5e3:_,G=r.usePopperTooltip({trigger:S,placement:D,delayHide:A,delayShow:k,onVisibleChange:a,offset:z,defaultVisible:O,closeOnOutsideClick:g,closeOnTriggerHidden:w,visible:l,followCursor:j,interactive:E}),K=G.getArrowProps,W=G.getTooltipProps,X=G.setTooltipRef,Y=G.setTriggerRef,L=G.visible,Q=s.useRef(null);return s.createElement(s.Fragment,null,s.cloneElement(t,{ref:Y}),s.createElement(o.CSSTransition,{nodeRef:Q,classNames:c,timeout:166,in:L,unmountOnExit:!0},s.createElement(n.Portal,{isActive:p},s.createElement("div",d.default({ref:function(e){Q.current=e,X(e)}},W({className:u.default(c.root,c[I],null==v?void 0:v.root),style:{width:U,zIndex:B}})),s.createElement("div",{className:u.default(c.animation,null==v?void 0:v.animation)},C&&s.createElement("div",K({className:u.default(c.arrow,null==v?void 0:v.arrow)})),s.createElement("div",{className:u.default(c.content,null==v?void 0:v.content),style:{padding:M}},i))))))};v.displayName="Tooltip",exports.Tooltip=v,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("react"),i=require("clsx"),r=require("react-popper-tooltip"),o=require("react-transition-group"),n=require("@prom-ui/core/Portal");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(i){if("default"!==i){var r=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,r.get?r:{enumerable:!0,get:function(){return e[i]}})}}),t.default=e,Object.freeze(t)}var d=l(e),s=a(t),u=l(i),c={content:"OAIu0",arrow:"zAGk6",animation:"N9MJt",root:"Wl-Xm",white:"oB2Pd",black:"kSaUV",enter:"t5jYJ",enterActive:"A3Dwj",enterDone:"-J0vk",exit:"mHKey",exitActive:"UibNa",exitDone:"MIlrs"},v=function(e){var t=e.children,i=e.content,l=e.isVisible,a=e.onVisibleChange,v=e.classes,f=e.isRenderPortal,p=void 0===f||f,m=e.isCloseOnOutsideClick,g=void 0===m||m,b=e.isCloseOnTriggerHidden,w=void 0===b||b,y=e.isDefaultVisible,O=void 0!==y&&y,h=e.isFollowCursor,j=void 0!==h&&h,x=e.isInteractive,E=void 0!==x&&x,P=e.isShowArrow,C=void 0===P||P,T=e.delayHide,A=void 0===T?0:T,N=e.delayShow,k=void 0===N?0:N,q=e.trigger,S=void 0===q?"hover":q,V=e.placement,D=void 0===V?"auto":V,H=e.theme,I=void 0===H?"white":H,R=e.offset,z=void 0===R?[0,12]:R,J=e.padding,M=void 0===J?16:J,F=e.width,U=void 0===F?"auto":F,_=e.zIndex,B=void 0===_?5e3:_,G=r.usePopperTooltip({trigger:S,placement:D,delayHide:A,delayShow:k,onVisibleChange:a,offset:z,defaultVisible:O,closeOnOutsideClick:g,closeOnTriggerHidden:w,visible:l,followCursor:j,interactive:E}),K=G.getArrowProps,W=G.getTooltipProps,X=G.setTooltipRef,Y=G.setTriggerRef,L=G.visible,Q=s.useRef(null);return s.createElement(s.Fragment,null,s.cloneElement(t,{ref:Y}),s.createElement(o.CSSTransition,{nodeRef:Q,classNames:c,timeout:166,in:L,unmountOnExit:!0},s.createElement(n.Portal,{isActive:p},s.createElement("div",d.default({ref:function(e){Q.current=e,X(e)}},W({className:u.default(c.root,c[I],null==v?void 0:v.root),style:{width:U,zIndex:B}})),s.createElement("div",{className:u.default(c.animation,null==v?void 0:v.animation)},C&&s.createElement("div",K({className:u.default(c.arrow,null==v?void 0:v.arrow)})),s.createElement("div",{className:u.default(c.content,null==v?void 0:v.content),style:{padding:M}},i))))))};v.displayName="Tooltip",exports.Tooltip=v,require("./style.production.v2.css");

package/Tooltip/index.d.ts

@@ -2,29 +2,29 @@ import * as React from 'react';
 type TypeTrigger = 'click' | 'right-click' | 'hover' | 'focus';
 type TypePlacement = 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
 export type TooltipProps = {
-    /** Элемент триггера DOM */
+    /** DOM-елемент тригера */
     children: React.ReactElement<any, any>;
-    /** Содержимое тултипа */
+    /** Вміст тултипу */
     content: React.ReactNode;
     /**
-     * Событие или события, вызывающие всплывающую подсказку. <br>
+     * Подія або події, що викликають підказку. <br>
      * `'click' | 'right-click' | 'hover' | 'focus'` <br>
      */
     trigger?: TypeTrigger | TypeTrigger[];
     /**
-     * Предпочтительное размещение всплывающей подсказки.
+     * Бажане розміщення підказки.
      * `'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';`
      */
     placement?: TypePlacement;
     /** Тема */
     theme?: 'white' | 'black';
-    /** Внутренний отступ подсказки, принимаем значение как в CSS */
+    /** Внутрішній відступ підказки, приймає значення як у CSS */
     padding?: string | number;
-    /** Ширина подсказки, принимаем значение как в CSS. */
+    /** Ширина підказки, приймає значення як у CSS. */
     width?: string | number;
-    /** CSS-свойство z-index */
+    /** CSS-властивість z-index */
     zIndex?: string | number;
-    /** Дополнительные классы */
+    /** Додаткові класи */
     classes?: {
         root?: string;
         arrow?: string;
@@ -32,56 +32,63 @@ export type TooltipProps = {
         content?: string;
     };
     /**
-     * Если `true`, при наведении на всплывающую подсказку она останется открытой.
+     * Якщо `true`, при наведенні на підказку вона залишиться відкритою.
      * <br>
-     * Это полезно, если вы хотите, чтобы пользователи могли взаимодействовать
-     * с содержимым всплывающей подсказки (выбирать и копировать текст, щелкать ссылку и т. д.).
+     * Корисно, якщо потрібно дозволити користувачам взаємодіяти
+     * з вмістом підказки (виділяти і копіювати текст, клікати посилання тощо).
      * <br>
-     * В этом случае вы можете увеличить `delayHide` значение, чтобы дать пользователю больше времени на реакцию.
+     * У такому разі можна збільшити значення `delayHide`, щоб дати користувачу більше часу на реакцію.
      */
     isInteractive?: boolean;
-    /** Начальное состояние видимости всплывающей подсказки при инициализации компонента. */
+    /** Початковий стан видимості підказки при ініціалізації компонента. */
     isDefaultVisible?: boolean;
-    /** Рендер в конец `<body>` */
+    /** Рендер у кінець `<body>` */
     isRenderPortal?: boolean;
     /**
-     * Если `true`, закрывает всплывающую подсказку, <br>
-     * когда пользователь щелкает за пределами элемента триггера.
+     * Якщо `true`, закриває підказку, <br>
+     * коли користувач клікає за межами елемента тригера.
      */
     isCloseOnOutsideClick?: boolean;
-    /** Закрывать ли всплывающую подсказку, когда ее триггер выходит за границы. */
+    /** Закривати підказку, коли її тригер виходить за межі. */
     isCloseOnTriggerHidden?: boolean;
     /**
-     * Состояние видимости всплывающей подсказки. <br>
-     * Используйте этот реквизит, если хотите контролировать состояние всплывающей подсказки. <br>
-     * Обратите внимание, что `delayShow` и `delayHide` не используются, <br>
-     * если всплывающая подсказка управляется. <br>
-     * Вы должны применить задержку к своему внешнему состоянию.
+     * Стан видимості підказки. <br>
+     * Використовуйте цей проп, якщо хочете керувати станом підказки. <br>
+     * `delayShow` та `delayHide` не використовуються, якщо підказка керована — <br>
+     * затримку потрібно застосувати до зовнішнього стану.
      */
     isVisible?: boolean;
     /**
-     * Если `true`, всплывающая подсказка будет придерживаться позиции курсора.
+     * Якщо `true`, підказка слідує за позицією курсора.
      */
     isFollowCursor?: boolean;
     /**
-     * Если `false`, элемент стрелки не будет отображаться.
+     * Якщо `false`, елемент стрілки не відображатиметься.
      */
     isShowArrow?: boolean;
     /**
-     * Вызывается с состоянием всплывающей подсказки, <br>
-     * когда видимость всплывающей подсказки изменяется.
+     * Викликається зі станом підказки <br>
+     * при зміні її видимості.
      */
     onVisibleChange?: (visible: boolean) => void;
-    /** Задержка скрытия всплывающей подсказки `(мс)`. */
+    /** Затримка приховання підказки `(мс)`. */
     delayHide?: number;
-    /** Задержка показа всплывающей подсказки `(мс)`. */
+    /** Затримка показу підказки `(мс)`. */
     delayShow?: number;
     /**
-     * Всплывающая подсказка будет размещена на расстоянии 12 пикселей от элемента триггера
+     * Підказка буде розміщена на відстані 12 пікселів від елемента тригера
      * <br>
-     * (чтобы оставить достаточно места для элемента стрелки).
+     * (щоб залишити достатньо місця для елемента стрілки).
      */
     offset?: [number, number];
 };
+/**
+ * Підказка (popover) на основі `react-popper-tooltip`. Підтримує click, hover, focus.
+ * @example
+ * import { Tooltip } from '@prom-ui/core/Tooltip'
+ * <Tooltip content='Підказка'>
+ *   <button>Наведи на мене</button>
+ * </Tooltip>
+ */
 export declare const Tooltip: React.FC<TooltipProps>;
 export {};

package/Tooltip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Tooltip",
-  "version": "2.5.0",
+  "version": "3.0.0-alpha.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Tumbler/cjs/index.development.js

@@ -39,6 +39,12 @@ var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 var css = {"root":"Tumbler__root___17yYC","view":"Tumbler__view___w66K2","viewCircle":"Tumbler__viewCircle___xvJqd","input":"Tumbler__input___Kg91O","inputLoading":"Tumbler__inputLoading___y1iJD","spinner":"Tumbler__spinner___CNMl7","spinnerEnterActive":"Tumbler__spinnerEnterActive___C2P5b","spinnerEnterDone":"Tumbler__spinnerEnterDone___cgEXP","spinnerExitActive":"Tumbler__spinnerExitActive___k-mzv","spinnerExitDone":"Tumbler__spinnerExitDone___XD0-8"};
 
 var _excluded = ["className", "loading", "type"];
+/**
+ * Перемикач (toggle) з підтримкою стану завантаження.
+ * @example
+ * import { Tumbler } from '@prom-ui/core/Tumbler'
+ * <Tumbler checked={isOn} onChange={(e) => setOn(e.target.checked)} />
+ */
 var Tumbler = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$loading = _ref.loading,

package/Tumbler/cjs/index.development.v2.js

@@ -39,6 +39,12 @@ var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 var css = {"root":"Tumbler__root___tbqBR","view":"Tumbler__view___mdLlw","viewCircle":"Tumbler__viewCircle___2fnqc","input":"Tumbler__input___7lx3h","inputLoading":"Tumbler__inputLoading___KyFmD","spinner":"Tumbler__spinner___2VatE","spinnerEnterActive":"Tumbler__spinnerEnterActive___CL5Zt","spinnerEnterDone":"Tumbler__spinnerEnterDone___-3a-o","spinnerExitActive":"Tumbler__spinnerExitActive___MjHhx","spinnerExitDone":"Tumbler__spinnerExitDone___zzBA4"};
 
 var _excluded = ["className", "loading", "type"];
+/**
+ * Перемикач (toggle) з підтримкою стану завантаження.
+ * @example
+ * import { Tumbler } from '@prom-ui/core/Tumbler'
+ * <Tumbler checked={isOn} onChange={(e) => setOn(e.target.checked)} />
+ */
 var Tumbler = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$loading = _ref.loading,

package/Tumbler/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),n=require("react"),a=require("react-transition-group"),i=require("clsx"),u=require("@prom-ui/core/Spinner");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=l(e),s=l(t),f=l(r),d=c(n),m=l(i),p="_17yYC",b="w66K2",v="xvJqd",y="Kg91O",N="y1iJD",j="CNMl7",q="C2P5b",x="cgEXP",E="k-mzv",O="XD0-8",g=["className","loading","type"],P=d.forwardRef((function(e,t){var r=e.className,n=e.loading,i=void 0!==n&&n,l=e.type,c=void 0===l?"checkbox":l,P=f.default(e,g),h=d.useRef(null);return d.createElement("div",{className:m.default(p,r)},d.createElement("input",o.default({ref:t,className:m.default(y,s.default({},N,i)),type:c},P)),d.createElement("div",{className:b},d.createElement("div",{className:v},d.createElement(a.CSSTransition,{nodeRef:h,in:i,timeout:100,classNames:{enterActive:q,enterDone:x,exitActive:E,exitDone:O},unmountOnExit:!0},d.createElement(u.Spinner,{ref:h,className:j})))))}));P.displayName="Tumbler",exports.Tumbler=P,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),n=require("react"),a=require("react-transition-group"),i=require("clsx"),u=require("@prom-ui/core/Spinner");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var o=l(e),s=l(t),f=l(r),d=c(n),m=l(i),p="_17yYC",b="w66K2",v="xvJqd",y="Kg91O",N="y1iJD",j="CNMl7",q="C2P5b",x="cgEXP",E="k-mzv",O="XD0-8",g=["className","loading","type"],P=d.forwardRef(function(e,t){var r=e.className,n=e.loading,i=void 0!==n&&n,l=e.type,c=void 0===l?"checkbox":l,P=f.default(e,g),h=d.useRef(null);return d.createElement("div",{className:m.default(p,r)},d.createElement("input",o.default({ref:t,className:m.default(y,s.default({},N,i)),type:c},P)),d.createElement("div",{className:b},d.createElement("div",{className:v},d.createElement(a.CSSTransition,{nodeRef:h,in:i,timeout:100,classNames:{enterActive:q,enterDone:x,exitActive:E,exitDone:O},unmountOnExit:!0},d.createElement(u.Spinner,{ref:h,className:j})))))});P.displayName="Tumbler",exports.Tumbler=P,require("./style.production.css");

package/Tumbler/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),n=require("react"),a=require("react-transition-group"),i=require("clsx"),u=require("@prom-ui/core/Spinner");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=l(e),s=l(t),f=l(r),d=c(n),m=l(i),p="tbqBR",b="mdLlw",v="_2fnqc",y="_7lx3h",j="KyFmD",q="_2VatE",x="CL5Zt",E="_-3a-o",N="MjHhx",h="zzBA4",O=["className","loading","type"],g=d.forwardRef((function(e,t){var r=e.className,n=e.loading,i=void 0!==n&&n,l=e.type,c=void 0===l?"checkbox":l,g=f.default(e,O),_=d.useRef(null);return d.createElement("div",{className:m.default(p,r)},d.createElement("input",o.default({ref:t,className:m.default(y,s.default({},j,i)),type:c},g)),d.createElement("div",{className:b},d.createElement("div",{className:v},d.createElement(a.CSSTransition,{nodeRef:_,in:i,timeout:100,classNames:{enterActive:x,enterDone:E,exitActive:N,exitDone:h},unmountOnExit:!0},d.createElement(u.Spinner,{ref:_,className:q})))))}));g.displayName="Tumbler",exports.Tumbler=g,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),n=require("react"),a=require("react-transition-group"),i=require("clsx"),u=require("@prom-ui/core/Spinner");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var o=l(e),s=l(t),f=l(r),d=c(n),m=l(i),p="tbqBR",b="mdLlw",v="_2fnqc",y="_7lx3h",j="KyFmD",q="_2VatE",x="CL5Zt",E="_-3a-o",N="MjHhx",h="zzBA4",O=["className","loading","type"],g=d.forwardRef(function(e,t){var r=e.className,n=e.loading,i=void 0!==n&&n,l=e.type,c=void 0===l?"checkbox":l,g=f.default(e,O),_=d.useRef(null);return d.createElement("div",{className:m.default(p,r)},d.createElement("input",o.default({ref:t,className:m.default(y,s.default({},j,i)),type:c},g)),d.createElement("div",{className:b},d.createElement("div",{className:v},d.createElement(a.CSSTransition,{nodeRef:_,in:i,timeout:100,classNames:{enterActive:x,enterDone:E,exitActive:N,exitDone:h},unmountOnExit:!0},d.createElement(u.Spinner,{ref:_,className:q})))))});g.displayName="Tumbler",exports.Tumbler=g,require("./style.production.v2.css");

package/Tumbler/index.d.ts

@@ -1,8 +1,16 @@
 import * as React from 'react';
 export type TumblerProps = React.ComponentPropsWithRef<'input'> & {
+    /** Тип поля. `'radio'` — для використання як радіокнопки */
     type?: 'checkbox' | 'radio';
+    /** CSS-клас кореневого елемента */
     className?: string;
     /** Спиннер */
     loading?: boolean;
 };
+/**
+ * Перемикач (toggle) з підтримкою стану завантаження.
+ * @example
+ * import { Tumbler } from '@prom-ui/core/Tumbler'
+ * <Tumbler checked={isOn} onChange={(e) => setOn(e.target.checked)} />
+ */
 export declare const Tumbler: React.ForwardRefExoticComponent<Omit<TumblerProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/Tumbler/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Tumbler",
-  "version": "2.5.0",
+  "version": "3.0.0-alpha.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Viewport/cjs/index.development.js

@@ -64,6 +64,16 @@ var ViewportApp = function ViewportApp(_ref) {
     ref: ref
   }), fallback);
 };
+
+/**
+ * Відкладений рендер: показує `fallback` до потрапляння в зону видимості, потім рендерить `children`.
+ * Корисно для lazy-рендерингу важкого контенту нижче fold.
+ * @example
+ * import { Viewport } from '@prom-ui/core/Viewport'
+ * <Viewport fallback={<Skeleton />}>
+ *   <HeavyComponent />
+ * </Viewport>
+ */
 var Viewport = function Viewport(_ref2) {
   var _ref2$errorCatchName = _ref2.errorCatchName,
     errorCatchName = _ref2$errorCatchName === void 0 ? 'Viewport' : _ref2$errorCatchName,

package/Viewport/cjs/index.development.v2.js

@@ -64,6 +64,16 @@ var ViewportApp = function ViewportApp(_ref) {
     ref: ref
   }), fallback);
 };
+
+/**
+ * Відкладений рендер: показує `fallback` до потрапляння в зону видимості, потім рендерить `children`.
+ * Корисно для lazy-рендерингу важкого контенту нижче fold.
+ * @example
+ * import { Viewport } from '@prom-ui/core/Viewport'
+ * <Viewport fallback={<Skeleton />}>
+ *   <HeavyComponent />
+ * </Viewport>
+ */
 var Viewport = function Viewport(_ref2) {
   var _ref2$errorCatchName = _ref2.errorCatchName,
     errorCatchName = _ref2$errorCatchName === void 0 ? 'Viewport' : _ref2$errorCatchName,

package/Viewport/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),r=require("@babel/runtime/helpers/objectWithoutProperties"),t=require("react"),i=require("@prom-ui/core/ErrorCatch"),a=require("@prom-ui/core/useInView");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var u=n(e),c=n(r),l=o(t),f=["isActive","children","fallback","onChange","rootMargin"],d=["errorCatchName"],p=function(e){var r=e.isActive,t=void 0===r||r,i=e.children,n=e.fallback,o=e.onChange,d=e.rootMargin,p=void 0===d?"40% 0px":d,s=c.default(e,f),b=a.useInView({triggerOnce:!0,skip:!t,rootMargin:p,onChange:o}),v=b.ref,h=b.inView;return!t||h?i:l.createElement("div",u.default({style:{minHeight:1},"data-qaid":"viewport","data-testid":"viewport"},s,{ref:v}),n)},s=function(e){var r=e.errorCatchName,t=void 0===r?"Viewport":r,a=c.default(e,d);return l.createElement(i.ErrorCatch,{name:t},l.createElement(p,a))};s.displayName="Viewport",exports.Viewport=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),r=require("@babel/runtime/helpers/objectWithoutProperties"),t=require("react"),i=require("@prom-ui/core/ErrorCatch"),a=require("@prom-ui/core/useInView");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}var u=n(e),c=n(r),l=o(t),f=["isActive","children","fallback","onChange","rootMargin"],d=["errorCatchName"],p=function(e){var r=e.isActive,t=void 0===r||r,i=e.children,n=e.fallback,o=e.onChange,d=e.rootMargin,p=void 0===d?"40% 0px":d,s=c.default(e,f),b=a.useInView({triggerOnce:!0,skip:!t,rootMargin:p,onChange:o}),v=b.ref,h=b.inView;return!t||h?i:l.createElement("div",u.default({style:{minHeight:1},"data-qaid":"viewport","data-testid":"viewport"},s,{ref:v}),n)},s=function(e){var r=e.errorCatchName,t=void 0===r?"Viewport":r,a=c.default(e,d);return l.createElement(i.ErrorCatch,{name:t},l.createElement(p,a))};s.displayName="Viewport",exports.Viewport=s;

package/Viewport/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),r=require("@babel/runtime/helpers/objectWithoutProperties"),t=require("react"),i=require("@prom-ui/core/ErrorCatch"),a=require("@prom-ui/core/useInView");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var u=n(e),c=n(r),l=o(t),f=["isActive","children","fallback","onChange","rootMargin"],d=["errorCatchName"],p=function(e){var r=e.isActive,t=void 0===r||r,i=e.children,n=e.fallback,o=e.onChange,d=e.rootMargin,p=void 0===d?"40% 0px":d,s=c.default(e,f),b=a.useInView({triggerOnce:!0,skip:!t,rootMargin:p,onChange:o}),v=b.ref,h=b.inView;return!t||h?i:l.createElement("div",u.default({style:{minHeight:1},"data-qaid":"viewport","data-testid":"viewport"},s,{ref:v}),n)},s=function(e){var r=e.errorCatchName,t=void 0===r?"Viewport":r,a=c.default(e,d);return l.createElement(i.ErrorCatch,{name:t},l.createElement(p,a))};s.displayName="Viewport",exports.Viewport=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),r=require("@babel/runtime/helpers/objectWithoutProperties"),t=require("react"),i=require("@prom-ui/core/ErrorCatch"),a=require("@prom-ui/core/useInView");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}var u=n(e),c=n(r),l=o(t),f=["isActive","children","fallback","onChange","rootMargin"],d=["errorCatchName"],p=function(e){var r=e.isActive,t=void 0===r||r,i=e.children,n=e.fallback,o=e.onChange,d=e.rootMargin,p=void 0===d?"40% 0px":d,s=c.default(e,f),b=a.useInView({triggerOnce:!0,skip:!t,rootMargin:p,onChange:o}),v=b.ref,h=b.inView;return!t||h?i:l.createElement("div",u.default({style:{minHeight:1},"data-qaid":"viewport","data-testid":"viewport"},s,{ref:v}),n)},s=function(e){var r=e.errorCatchName,t=void 0===r?"Viewport":r,a=c.default(e,d);return l.createElement(i.ErrorCatch,{name:t},l.createElement(p,a))};s.displayName="Viewport",exports.Viewport=s;

package/Viewport/index.d.ts

@@ -1,15 +1,26 @@
 import * as React from 'react';
 import { type UseInViewOptions } from '@prom-ui/core/useInView';
 export type ViewportProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> & {
+    /** Якщо `false`, завантаження відбувається одразу, без очікування видимості */
     isActive?: boolean;
-    /** An alternate UI to render in place of the actual UI if it has not finished loading */
+    /** Альтернативний UI для відображення замість основного, поки він не завантажений */
     fallback: React.ReactNode;
+    /** Вміст, який рендериться після потрапляння компонента в зону видимості */
     children?: React.ReactNode;
-    /** Margin around the root. Can have values similar to the CSS margin property, e.g. `10px 20px 30px 40px` (top, right, bottom, left). */
+    /** Відступ навколо кореня. Приймає значення як у CSS margin, наприклад `10px 20px 30px 40px` (top, right, bottom, left). */
     rootMargin?: UseInViewOptions['rootMargin'];
-    /** Call this function whenever the in view state changes */
+    /** Викликається при зміні стану видимості елемента */
     onChange?: UseInViewOptions['onChange'];
-    /** Component display name */
+    /** Назва компонента для відображення */
     errorCatchName?: string;
 };
+/**
+ * Відкладений рендер: показує `fallback` до потрапляння в зону видимості, потім рендерить `children`.
+ * Корисно для lazy-рендерингу важкого контенту нижче fold.
+ * @example
+ * import { Viewport } from '@prom-ui/core/Viewport'
+ * <Viewport fallback={<Skeleton />}>
+ *   <HeavyComponent />
+ * </Viewport>
+ */
 export declare const Viewport: React.FC<ViewportProps>;

package/Viewport/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Viewport",
-  "version": "2.5.0",
+  "version": "3.0.0-alpha.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/evokit/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@babel/runtime/helpers/typeof"),t=require("@babel/runtime/helpers/slicedToArray");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(r),f=n(t),o=function(e){var r="ek-",t="__",n="_",f="_",o=function(e){return e};"object"===i.default(e)&&null!==e&&("string"==typeof e.b&&(r=e.b),"string"==typeof e.e&&(t=e.e),"string"==typeof e.m&&(n=e.m),"string"==typeof e.v&&(f=e.v),"object"===i.default(e.css)&&null!==e.css&&(o=function(r){return e.css[r]}));var a=function(e,r,t){return t?e+n+r+f+t:e+n+r};return function(e,n){if("string"!=typeof e)throw new Error('The argument "name" is not a string');var f=function(e,n){return n?r+e+t+n:r+e}(e,n);return function(e,r){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n="",u=function(e){var r=o(e);r&&(n&&(n+=" "),n+=r)};u(f);var l=function(e,r){if(-1!==r.indexOf(" ")){var n=r.split(" ");if(n.length>1&&Object.prototype.hasOwnProperty.call(t,e))for(var i=0;i<n.length;i++){var o=t[e],l=o[i];if(l)if(Array.isArray(l))for(var c=0;c<l.length;c++){var s=l[c],v=o.indexOf(s);(0===c||-1!==v&&!n[v])&&u(a(f,s,n[i]))}else u(a(f,l,n[i]))}}else u(a(f,e,r))};if("object"===i.default(e))for(var c in e)if(Object.prototype.hasOwnProperty.call(e,c)){var s=e[c];if("string"==typeof s||"number"==typeof s)l(c,""+s);else if("boolean"==typeof s)s&&u(a(f,c));else if("object"===i.default(s)){var v=void 0;if(Array.isArray(s))for(v=0;v<s.length;v++)"string"!=typeof s[v]&&"number"!=typeof s[v]||l(c,""+s[v]);else for(v in s)s[v]&&l(c,""+v)}}if(r)if("string"==typeof r)n&&(n+=" "),n+=r;else if(Array.isArray(r))for(var y=0;y<r.length;y++)n&&(n+=" "),n+=r[y];return n}}};o();exports.createBlock=function(){var r,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"div",i=arguments.length>1?arguments[1]:void 0,a=arguments.length>2?arguments[2]:void 0,u=arguments.length>3?arguments[3]:void 0,l=arguments.length>4?arguments[4]:void 0,c=i.replace(/__/,"-"),s="".concat(c,"-as"),v=(r=[],(t=function(e){e.forEach((function(e){Array.isArray(e)?t(e):-1===r.indexOf(e)&&r.push(e)}))})(a),r),y=function(e){return e.reduce((function(e,r){if(Array.isArray(r)&&r.length>0){var t=f.default(r,2),n=t[0],i=t[1];e[n]=i}return e}),{})}(a),p=v.map((function(e){return"".concat(c,"-").concat(e)})),d=o(u)(i),g=e.forwardRef((function(r,t){var i=n,f={},o={};if(l)for(var a in l)if(a!==s){var u=p.indexOf(a);-1!==u?o[v[u]]=l[a]:f[a]=l[a]}else i=l[a];for(var c in r)if(void 0!==r[c])if(c!==s){var g=p.indexOf(c);-1!==g?o[v[g]]=r[c]:f[c]=r[c]}else i=r[c];return f.ref=t,f.className=d(o,r.className,y),e.createElement(i,f)}));return g.displayName=i,g};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@babel/runtime/helpers/typeof"),t=require("@babel/runtime/helpers/slicedToArray");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(r),f=n(t),o=function(e){var r="ek-",t="__",n="_",f="_",o=function(e){return e};"object"===i.default(e)&&null!==e&&("string"==typeof e.b&&(r=e.b),"string"==typeof e.e&&(t=e.e),"string"==typeof e.m&&(n=e.m),"string"==typeof e.v&&(f=e.v),"object"===i.default(e.css)&&null!==e.css&&(o=function(r){return e.css[r]}));var a=function(e,r,t){return t?e+n+r+f+t:e+n+r};return function(e,n){if("string"!=typeof e)throw new Error('The argument "name" is not a string');var f=function(e,n){return n?r+e+t+n:r+e}(e,n);return function(e,r){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n="",u=function(e){var r=o(e);r&&(n&&(n+=" "),n+=r)};u(f);var l=function(e,r){if(-1!==r.indexOf(" ")){var n=r.split(" ");if(n.length>1&&Object.prototype.hasOwnProperty.call(t,e))for(var i=0;i<n.length;i++){var o=t[e],l=o[i];if(l)if(Array.isArray(l))for(var c=0;c<l.length;c++){var s=l[c],v=o.indexOf(s);(0===c||-1!==v&&!n[v])&&u(a(f,s,n[i]))}else u(a(f,l,n[i]))}}else u(a(f,e,r))};if("object"===i.default(e))for(var c in e)if(Object.prototype.hasOwnProperty.call(e,c)){var s=e[c];if("string"==typeof s||"number"==typeof s)l(c,""+s);else if("boolean"==typeof s)s&&u(a(f,c));else if("object"===i.default(s)){var v=void 0;if(Array.isArray(s))for(v=0;v<s.length;v++)"string"!=typeof s[v]&&"number"!=typeof s[v]||l(c,""+s[v]);else for(v in s)s[v]&&l(c,""+v)}}if(r)if("string"==typeof r)n&&(n+=" "),n+=r;else if(Array.isArray(r))for(var y=0;y<r.length;y++)n&&(n+=" "),n+=r[y];return n}}};o();exports.createBlock=function(){var r,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"div",i=arguments.length>1?arguments[1]:void 0,a=arguments.length>2?arguments[2]:void 0,u=arguments.length>3?arguments[3]:void 0,l=arguments.length>4?arguments[4]:void 0,c=i.replace(/__/,"-"),s="".concat(c,"-as"),v=(r=[],(t=function(e){e.forEach(function(e){Array.isArray(e)?t(e):-1===r.indexOf(e)&&r.push(e)})})(a),r),y=function(e){return e.reduce(function(e,r){if(Array.isArray(r)&&r.length>0){var t=f.default(r,2),n=t[0],i=t[1];e[n]=i}return e},{})}(a),p=v.map(function(e){return"".concat(c,"-").concat(e)}),d=o(u)(i),g=e.forwardRef(function(r,t){var i=n,f={},o={};if(l)for(var a in l)if(a!==s){var u=p.indexOf(a);-1!==u?o[v[u]]=l[a]:f[a]=l[a]}else i=l[a];for(var c in r)if(void 0!==r[c])if(c!==s){var g=p.indexOf(c);-1!==g?o[v[g]]=r[c]:f[c]=r[c]}else i=r[c];return f.ref=t,f.className=d(o,r.className,y),e.createElement(i,f)});return g.displayName=i,g};

package/evokit/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@babel/runtime/helpers/typeof"),t=require("@babel/runtime/helpers/slicedToArray");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(r),f=n(t),o=function(e){var r="ek-",t="__",n="_",f="_",o=function(e){return e};"object"===i.default(e)&&null!==e&&("string"==typeof e.b&&(r=e.b),"string"==typeof e.e&&(t=e.e),"string"==typeof e.m&&(n=e.m),"string"==typeof e.v&&(f=e.v),"object"===i.default(e.css)&&null!==e.css&&(o=function(r){return e.css[r]}));var a=function(e,r,t){return t?e+n+r+f+t:e+n+r};return function(e,n){if("string"!=typeof e)throw new Error('The argument "name" is not a string');var f=function(e,n){return n?r+e+t+n:r+e}(e,n);return function(e,r){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n="",u=function(e){var r=o(e);r&&(n&&(n+=" "),n+=r)};u(f);var l=function(e,r){if(-1!==r.indexOf(" ")){var n=r.split(" ");if(n.length>1&&Object.prototype.hasOwnProperty.call(t,e))for(var i=0;i<n.length;i++){var o=t[e],l=o[i];if(l)if(Array.isArray(l))for(var c=0;c<l.length;c++){var s=l[c],v=o.indexOf(s);(0===c||-1!==v&&!n[v])&&u(a(f,s,n[i]))}else u(a(f,l,n[i]))}}else u(a(f,e,r))};if("object"===i.default(e))for(var c in e)if(Object.prototype.hasOwnProperty.call(e,c)){var s=e[c];if("string"==typeof s||"number"==typeof s)l(c,""+s);else if("boolean"==typeof s)s&&u(a(f,c));else if("object"===i.default(s)){var v=void 0;if(Array.isArray(s))for(v=0;v<s.length;v++)"string"!=typeof s[v]&&"number"!=typeof s[v]||l(c,""+s[v]);else for(v in s)s[v]&&l(c,""+v)}}if(r)if("string"==typeof r)n&&(n+=" "),n+=r;else if(Array.isArray(r))for(var y=0;y<r.length;y++)n&&(n+=" "),n+=r[y];return n}}};o();exports.createBlock=function(){var r,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"div",i=arguments.length>1?arguments[1]:void 0,a=arguments.length>2?arguments[2]:void 0,u=arguments.length>3?arguments[3]:void 0,l=arguments.length>4?arguments[4]:void 0,c=i.replace(/__/,"-"),s="".concat(c,"-as"),v=(r=[],(t=function(e){e.forEach((function(e){Array.isArray(e)?t(e):-1===r.indexOf(e)&&r.push(e)}))})(a),r),y=function(e){return e.reduce((function(e,r){if(Array.isArray(r)&&r.length>0){var t=f.default(r,2),n=t[0],i=t[1];e[n]=i}return e}),{})}(a),p=v.map((function(e){return"".concat(c,"-").concat(e)})),d=o(u)(i),g=e.forwardRef((function(r,t){var i=n,f={},o={};if(l)for(var a in l)if(a!==s){var u=p.indexOf(a);-1!==u?o[v[u]]=l[a]:f[a]=l[a]}else i=l[a];for(var c in r)if(void 0!==r[c])if(c!==s){var g=p.indexOf(c);-1!==g?o[v[g]]=r[c]:f[c]=r[c]}else i=r[c];return f.ref=t,f.className=d(o,r.className,y),e.createElement(i,f)}));return g.displayName=i,g};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@babel/runtime/helpers/typeof"),t=require("@babel/runtime/helpers/slicedToArray");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(r),f=n(t),o=function(e){var r="ek-",t="__",n="_",f="_",o=function(e){return e};"object"===i.default(e)&&null!==e&&("string"==typeof e.b&&(r=e.b),"string"==typeof e.e&&(t=e.e),"string"==typeof e.m&&(n=e.m),"string"==typeof e.v&&(f=e.v),"object"===i.default(e.css)&&null!==e.css&&(o=function(r){return e.css[r]}));var a=function(e,r,t){return t?e+n+r+f+t:e+n+r};return function(e,n){if("string"!=typeof e)throw new Error('The argument "name" is not a string');var f=function(e,n){return n?r+e+t+n:r+e}(e,n);return function(e,r){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n="",u=function(e){var r=o(e);r&&(n&&(n+=" "),n+=r)};u(f);var l=function(e,r){if(-1!==r.indexOf(" ")){var n=r.split(" ");if(n.length>1&&Object.prototype.hasOwnProperty.call(t,e))for(var i=0;i<n.length;i++){var o=t[e],l=o[i];if(l)if(Array.isArray(l))for(var c=0;c<l.length;c++){var s=l[c],v=o.indexOf(s);(0===c||-1!==v&&!n[v])&&u(a(f,s,n[i]))}else u(a(f,l,n[i]))}}else u(a(f,e,r))};if("object"===i.default(e))for(var c in e)if(Object.prototype.hasOwnProperty.call(e,c)){var s=e[c];if("string"==typeof s||"number"==typeof s)l(c,""+s);else if("boolean"==typeof s)s&&u(a(f,c));else if("object"===i.default(s)){var v=void 0;if(Array.isArray(s))for(v=0;v<s.length;v++)"string"!=typeof s[v]&&"number"!=typeof s[v]||l(c,""+s[v]);else for(v in s)s[v]&&l(c,""+v)}}if(r)if("string"==typeof r)n&&(n+=" "),n+=r;else if(Array.isArray(r))for(var y=0;y<r.length;y++)n&&(n+=" "),n+=r[y];return n}}};o();exports.createBlock=function(){var r,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"div",i=arguments.length>1?arguments[1]:void 0,a=arguments.length>2?arguments[2]:void 0,u=arguments.length>3?arguments[3]:void 0,l=arguments.length>4?arguments[4]:void 0,c=i.replace(/__/,"-"),s="".concat(c,"-as"),v=(r=[],(t=function(e){e.forEach(function(e){Array.isArray(e)?t(e):-1===r.indexOf(e)&&r.push(e)})})(a),r),y=function(e){return e.reduce(function(e,r){if(Array.isArray(r)&&r.length>0){var t=f.default(r,2),n=t[0],i=t[1];e[n]=i}return e},{})}(a),p=v.map(function(e){return"".concat(c,"-").concat(e)}),d=o(u)(i),g=e.forwardRef(function(r,t){var i=n,f={},o={};if(l)for(var a in l)if(a!==s){var u=p.indexOf(a);-1!==u?o[v[u]]=l[a]:f[a]=l[a]}else i=l[a];for(var c in r)if(void 0!==r[c])if(c!==s){var g=p.indexOf(c);-1!==g?o[v[g]]=r[c]:f[c]=r[c]}else i=r[c];return f.ref=t,f.className=d(o,r.className,y),e.createElement(i,f)});return g.displayName=i,g};

package/evokit/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/evokit",
-  "version": "2.5.0",
+  "version": "3.0.0-alpha.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@prom-ui/core",
     "author": "e.marchenko",
-    "version": "2.5.0",
+    "version": "3.0.0-alpha.0",
     "description": "core ui blocks",
     "scripts": {
         "lint": "eslint ./src",
@@ -15,9 +15,8 @@
         "build": "npm run build-development && npm run build-production",
         "postbuild": "npm run ts-types && npm run ts-check && npm run test-dist",
         "prepublishOnly": "npm run build",
-        "update-locale": "mkdir -p ./src/BodyProvider/locale && npm run update-locale-uk && npm run update-locale-ro && npm run update-locale-kk",
+        "update-locale": "mkdir -p ./src/BodyProvider/locale && npm run update-locale-uk && npm run update-locale-kk",
         "update-locale-uk": "ttag po2json ../../i18n/uk.po > ./src/BodyProvider/locale/uk.json",
-        "update-locale-ro": "ttag po2json ../../i18n/ro.po > ./src/BodyProvider/locale/ro.json",
         "update-locale-kk": "ttag po2json ../../i18n/kk.po > ./src/BodyProvider/locale/kk.json"
     },
     "repository": {
@@ -37,18 +36,6 @@
         "@n8tb1t/use-scroll-position": "^2.0.3",
         "@rooks/use-outside-click-ref": "^3.6.0",
         "clsx": "^2.0.0",
-        "evokit": "^3.2.5",
-        "evokit-body": "^3.2.0",
-        "evokit-box": "^3.4.0",
-        "evokit-button": "^3.0.2",
-        "evokit-flex": "^3.2.1",
-        "evokit-grid": "^3.3.0",
-        "evokit-image": "^3.2.0",
-        "evokit-line": "^3.1.0",
-        "evokit-link": "^3.3.0",
-        "evokit-list": "^3.3.0",
-        "evokit-picture": "^3.2.0",
-        "evokit-text": "^3.3.0",
         "qrcode.react": "^3.1.0",
         "react-easy-swipe": "^0.0.22",
         "react-intersection-observer": "^9.16.0",
@@ -64,5 +51,5 @@
         "react": ">=18.0.0",
         "react-dom": ">=18.0.0"
     },
-    "gitHead": "bc1083ff3cb70b2c33c4c8ac941e64a08e72d8ce"
+    "gitHead": "f86158ba35da9b3167dbb9ba1f31653acb8cbf8f"
 }

package/useBrowserLayoutEffect/cjs/index.development.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('react');
 
 /**
- * Хук `useBrowserLayoutEffect` устраняет ошибку рендера на сервере.
+ * Хук `useBrowserLayoutEffect` усуває помилку рендеру на сервері.
  */
 var useBrowserLayoutEffect = typeof window !== 'undefined' ? react.useLayoutEffect : react.useEffect;
 

package/useBrowserLayoutEffect/cjs/index.development.v2.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('react');
 
 /**
- * Хук `useBrowserLayoutEffect` устраняет ошибку рендера на сервере.
+ * Хук `useBrowserLayoutEffect` усуває помилку рендеру на сервері.
  */
 var useBrowserLayoutEffect = typeof window !== 'undefined' ? react.useLayoutEffect : react.useEffect;
 

package/useBrowserLayoutEffect/index.d.ts

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
 /**
- * Хук `useBrowserLayoutEffect` устраняет ошибку рендера на сервере.
+ * Хук `useBrowserLayoutEffect` усуває помилку рендеру на сервері.
  */
 export declare const useBrowserLayoutEffect: typeof useEffect;

package/useBrowserLayoutEffect/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useBrowserLayoutEffect",
-  "version": "2.5.0",
+  "version": "3.0.0-alpha.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [