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

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

@@ -35,6 +35,14 @@ var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 var css = {"root":"Rating__root___aJlm0"};
 
 var _excluded = ["value", "percent", "size", "theme", "className"];
+/**
+ * Відображає рейтинг у вигляді 5 зірок (лише для читання).
+ * Заливка зірок визначається через `value` (0–5) або `percent` (0–100).
+ * @example
+ * import { Rating } from '@prom-ui/core/Rating'
+ * <Rating value={4} />
+ * <Rating percent={75} theme='yellow-500' />
+ */
 var Rating = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var _ref$value = _ref.value,
     value = _ref$value === void 0 ? 0 : _ref$value,

package/Rating/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"),a=require("clsx");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function L(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 a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=C(e),o=C(t),c=L(r),n=C(a),i="AYAsy",u=["value","percent","size","theme","className"],s=c.forwardRef((function(e,t){var r=e.value,a=void 0===r?0:r,C=e.percent,L=void 0===C?0:C,s=e.size,f=void 0===s?18:s,d=e.theme,p=void 0===d?"violet-500":d,v=e.className,b=o.default(e,u),m=Math.round(L>0?L:a/5*100),h=c.useId(),y=f;"small"===f?y=14:"default"===f?y=18:"big"===f&&(y=22);var g="yellow-500"===p?"var(--pds-color-light-".concat(p,")"):"var(--".concat(p,")");return c.createElement("svg",l.default({className:n.default(i,v),height:y},b,{ref:t,viewBox:"0 0 120 24",tabIndex:-1,focusable:!1}),c.createElement("defs",null,c.createElement("linearGradient",{id:h},c.createElement("stop",{offset:"".concat(m,"%"),stopColor:g}),c.createElement("stop",{offset:"".concat(m,"%"),stopColor:"var(--black-400)"}))),c.createElement("path",{fill:"url(#".concat(h,")"),d:"M 17.138 22 C 16.863 22 16.588 21.931 16.335 21.792 L 12 19.405 L 7.665 21.792 C 7.102 22.1 6.428 22.063 5.902 21.692 C 5.359 21.308 5.09 20.658 5.199 19.994 L 6.037 14.877 L 2.4939999999999998 11.26 C 2.036 10.792 1.883 10.113 2.092 9.488 C 2.2960000000000003 8.878 2.8120000000000003 8.438 3.439 8.343 L 8.297 7.604 L 10.479 2.974 C 10.763 2.374 11.345 2 12 2 C 12.654 2 13.237 2.374 13.52 2.974 L 15.703 7.604 L 20.561 8.343 C 21.187 8.438 21.704 8.878 21.908 9.488 C 22.117 10.113 21.964 10.792 21.508 11.258 L 17.963 14.877 L 18.802 19.995 C 18.91 20.658 18.641 21.308 18.098 21.692 C 17.809 21.896 17.475 22 17.138 22 Z M 41.138 22 C 40.863 22 40.588 21.931 40.335 21.792 L 36 19.405 L 31.665 21.792 C 31.102 22.1 30.428 22.063 29.902 21.692 C 29.359 21.308 29.09 20.658 29.199 19.994 L 30.037 14.877 L 26.494 11.26 C 26.036 10.792 25.883 10.113 26.092 9.488 C 26.296 8.878 26.812 8.438 27.439 8.343 L 32.297 7.604 L 34.479 2.974 C 34.763 2.374 35.345 2 36 2 C 36.654 2 37.237 2.374 37.52 2.974 L 39.703 7.604 L 44.561 8.343 C 45.187 8.438 45.704 8.878 45.908 9.488 C 46.117 10.113 45.964 10.792 45.508 11.258 L 41.963 14.877 L 42.802 19.995 C 42.91 20.658 42.641 21.308 42.098 21.692 C 41.809 21.896 41.475 22 41.138 22 Z M 65.138 22 C 64.863 22 64.588 21.931 64.335 21.792 L 60 19.405 L 55.665 21.792 C 55.102 22.1 54.428 22.063 53.902 21.692 C 53.359 21.308 53.09 20.658 53.199 19.994 L 54.037 14.877 L 50.494 11.26 C 50.036 10.792 49.883 10.113 50.092 9.488 C 50.296 8.878 50.812 8.438 51.439 8.343 L 56.297 7.604 L 58.479 2.974 C 58.763 2.374 59.345 2 60 2 C 60.654 2 61.237 2.374 61.52 2.974 L 63.703 7.604 L 68.561 8.343 C 69.187 8.438 69.704 8.878 69.908 9.488 C 70.117 10.113 69.964 10.792 69.508 11.258 L 65.963 14.877 L 66.802 19.995 C 66.91 20.658 66.641 21.308 66.098 21.692 C 65.809 21.896 65.475 22 65.138 22 Z M 89.138 22 C 88.863 22 88.588 21.931 88.335 21.792 L 84 19.405 L 79.665 21.792 C 79.102 22.1 78.428 22.063 77.902 21.692 C 77.359 21.308 77.09 20.658 77.199 19.994 L 78.037 14.877 L 74.494 11.26 C 74.036 10.792 73.883 10.113 74.092 9.488 C 74.296 8.878 74.812 8.438 75.439 8.343 L 80.297 7.604 L 82.479 2.974 C 82.763 2.374 83.345 2 84 2 C 84.654 2 85.237 2.374 85.52 2.974 L 87.703 7.604 L 92.561 8.343 C 93.187 8.438 93.704 8.878 93.908 9.488 C 94.117 10.113 93.964 10.792 93.508 11.258 L 89.963 14.877 L 90.802 19.995 C 90.91 20.658 90.641 21.308 90.098 21.692 C 89.809 21.896 89.475 22 89.138 22 Z M 113.138 22 C 112.863 22 112.588 21.931 112.335 21.792 L 108 19.405 L 103.665 21.792 C 103.102 22.1 102.428 22.063 101.902 21.692 C 101.359 21.308 101.09 20.658 101.199 19.994 L 102.037 14.877 L 98.494 11.26 C 98.036 10.792 97.883 10.113 98.092 9.488 C 98.296 8.878 98.812 8.438 99.439 8.343 L 104.297 7.604 L 106.479 2.974 C 106.763 2.374 107.345 2 108 2 C 108.654 2 109.237 2.374 109.52 2.974 L 111.703 7.604 L 116.561 8.343 C 117.187 8.438 117.704 8.878 117.908 9.488 C 118.117 10.113 117.964 10.792 117.508 11.258 L 113.963 14.877 L 114.802 19.995 C 114.91 20.658 114.641 21.308 114.098 21.692 C 113.809 21.896 113.475 22 113.138 22 Z"}))}));s.displayName="Rating",exports.Rating=s,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),a=require("clsx");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function L(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 a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var l=C(e),o=C(t),c=L(r),n=C(a),i="AYAsy",u=["value","percent","size","theme","className"],s=c.forwardRef(function(e,t){var r=e.value,a=void 0===r?0:r,C=e.percent,L=void 0===C?0:C,s=e.size,f=void 0===s?18:s,d=e.theme,p=void 0===d?"violet-500":d,v=e.className,b=o.default(e,u),m=Math.round(L>0?L:a/5*100),h=c.useId(),y=f;"small"===f?y=14:"default"===f?y=18:"big"===f&&(y=22);var g="yellow-500"===p?"var(--pds-color-light-".concat(p,")"):"var(--".concat(p,")");return c.createElement("svg",l.default({className:n.default(i,v),height:y},b,{ref:t,viewBox:"0 0 120 24",tabIndex:-1,focusable:!1}),c.createElement("defs",null,c.createElement("linearGradient",{id:h},c.createElement("stop",{offset:"".concat(m,"%"),stopColor:g}),c.createElement("stop",{offset:"".concat(m,"%"),stopColor:"var(--black-400)"}))),c.createElement("path",{fill:"url(#".concat(h,")"),d:"M 17.138 22 C 16.863 22 16.588 21.931 16.335 21.792 L 12 19.405 L 7.665 21.792 C 7.102 22.1 6.428 22.063 5.902 21.692 C 5.359 21.308 5.09 20.658 5.199 19.994 L 6.037 14.877 L 2.4939999999999998 11.26 C 2.036 10.792 1.883 10.113 2.092 9.488 C 2.2960000000000003 8.878 2.8120000000000003 8.438 3.439 8.343 L 8.297 7.604 L 10.479 2.974 C 10.763 2.374 11.345 2 12 2 C 12.654 2 13.237 2.374 13.52 2.974 L 15.703 7.604 L 20.561 8.343 C 21.187 8.438 21.704 8.878 21.908 9.488 C 22.117 10.113 21.964 10.792 21.508 11.258 L 17.963 14.877 L 18.802 19.995 C 18.91 20.658 18.641 21.308 18.098 21.692 C 17.809 21.896 17.475 22 17.138 22 Z M 41.138 22 C 40.863 22 40.588 21.931 40.335 21.792 L 36 19.405 L 31.665 21.792 C 31.102 22.1 30.428 22.063 29.902 21.692 C 29.359 21.308 29.09 20.658 29.199 19.994 L 30.037 14.877 L 26.494 11.26 C 26.036 10.792 25.883 10.113 26.092 9.488 C 26.296 8.878 26.812 8.438 27.439 8.343 L 32.297 7.604 L 34.479 2.974 C 34.763 2.374 35.345 2 36 2 C 36.654 2 37.237 2.374 37.52 2.974 L 39.703 7.604 L 44.561 8.343 C 45.187 8.438 45.704 8.878 45.908 9.488 C 46.117 10.113 45.964 10.792 45.508 11.258 L 41.963 14.877 L 42.802 19.995 C 42.91 20.658 42.641 21.308 42.098 21.692 C 41.809 21.896 41.475 22 41.138 22 Z M 65.138 22 C 64.863 22 64.588 21.931 64.335 21.792 L 60 19.405 L 55.665 21.792 C 55.102 22.1 54.428 22.063 53.902 21.692 C 53.359 21.308 53.09 20.658 53.199 19.994 L 54.037 14.877 L 50.494 11.26 C 50.036 10.792 49.883 10.113 50.092 9.488 C 50.296 8.878 50.812 8.438 51.439 8.343 L 56.297 7.604 L 58.479 2.974 C 58.763 2.374 59.345 2 60 2 C 60.654 2 61.237 2.374 61.52 2.974 L 63.703 7.604 L 68.561 8.343 C 69.187 8.438 69.704 8.878 69.908 9.488 C 70.117 10.113 69.964 10.792 69.508 11.258 L 65.963 14.877 L 66.802 19.995 C 66.91 20.658 66.641 21.308 66.098 21.692 C 65.809 21.896 65.475 22 65.138 22 Z M 89.138 22 C 88.863 22 88.588 21.931 88.335 21.792 L 84 19.405 L 79.665 21.792 C 79.102 22.1 78.428 22.063 77.902 21.692 C 77.359 21.308 77.09 20.658 77.199 19.994 L 78.037 14.877 L 74.494 11.26 C 74.036 10.792 73.883 10.113 74.092 9.488 C 74.296 8.878 74.812 8.438 75.439 8.343 L 80.297 7.604 L 82.479 2.974 C 82.763 2.374 83.345 2 84 2 C 84.654 2 85.237 2.374 85.52 2.974 L 87.703 7.604 L 92.561 8.343 C 93.187 8.438 93.704 8.878 93.908 9.488 C 94.117 10.113 93.964 10.792 93.508 11.258 L 89.963 14.877 L 90.802 19.995 C 90.91 20.658 90.641 21.308 90.098 21.692 C 89.809 21.896 89.475 22 89.138 22 Z M 113.138 22 C 112.863 22 112.588 21.931 112.335 21.792 L 108 19.405 L 103.665 21.792 C 103.102 22.1 102.428 22.063 101.902 21.692 C 101.359 21.308 101.09 20.658 101.199 19.994 L 102.037 14.877 L 98.494 11.26 C 98.036 10.792 97.883 10.113 98.092 9.488 C 98.296 8.878 98.812 8.438 99.439 8.343 L 104.297 7.604 L 106.479 2.974 C 106.763 2.374 107.345 2 108 2 C 108.654 2 109.237 2.374 109.52 2.974 L 111.703 7.604 L 116.561 8.343 C 117.187 8.438 117.704 8.878 117.908 9.488 C 118.117 10.113 117.964 10.792 117.508 11.258 L 113.963 14.877 L 114.802 19.995 C 114.91 20.658 114.641 21.308 114.098 21.692 C 113.809 21.896 113.475 22 113.138 22 Z"}))});s.displayName="Rating",exports.Rating=s,require("./style.production.css");

package/Rating/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"),a=require("clsx");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(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 a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var L=C(e),o=C(t),c=l(r),n=C(a),i="aJlm0",u=["value","percent","size","theme","className"],s=c.forwardRef((function(e,t){var r=e.value,a=void 0===r?0:r,C=e.percent,l=void 0===C?0:C,s=e.size,f=void 0===s?18:s,d=e.theme,p=void 0===d?"violet-500":d,v=e.className,b=o.default(e,u),m=Math.round(l>0?l:a/5*100),h=c.useId(),g=f;"small"===f?g=14:"default"===f?g=18:"big"===f&&(g=22);var j="yellow-500"===p?"var(--pds-color-light-".concat(p,")"):"var(--".concat(p,")");return c.createElement("svg",L.default({className:n.default(i,v),height:g},b,{ref:t,viewBox:"0 0 120 24",tabIndex:-1,focusable:!1}),c.createElement("defs",null,c.createElement("linearGradient",{id:h},c.createElement("stop",{offset:"".concat(m,"%"),stopColor:j}),c.createElement("stop",{offset:"".concat(m,"%"),stopColor:"var(--black-400)"}))),c.createElement("path",{fill:"url(#".concat(h,")"),d:"M 17.138 22 C 16.863 22 16.588 21.931 16.335 21.792 L 12 19.405 L 7.665 21.792 C 7.102 22.1 6.428 22.063 5.902 21.692 C 5.359 21.308 5.09 20.658 5.199 19.994 L 6.037 14.877 L 2.4939999999999998 11.26 C 2.036 10.792 1.883 10.113 2.092 9.488 C 2.2960000000000003 8.878 2.8120000000000003 8.438 3.439 8.343 L 8.297 7.604 L 10.479 2.974 C 10.763 2.374 11.345 2 12 2 C 12.654 2 13.237 2.374 13.52 2.974 L 15.703 7.604 L 20.561 8.343 C 21.187 8.438 21.704 8.878 21.908 9.488 C 22.117 10.113 21.964 10.792 21.508 11.258 L 17.963 14.877 L 18.802 19.995 C 18.91 20.658 18.641 21.308 18.098 21.692 C 17.809 21.896 17.475 22 17.138 22 Z M 41.138 22 C 40.863 22 40.588 21.931 40.335 21.792 L 36 19.405 L 31.665 21.792 C 31.102 22.1 30.428 22.063 29.902 21.692 C 29.359 21.308 29.09 20.658 29.199 19.994 L 30.037 14.877 L 26.494 11.26 C 26.036 10.792 25.883 10.113 26.092 9.488 C 26.296 8.878 26.812 8.438 27.439 8.343 L 32.297 7.604 L 34.479 2.974 C 34.763 2.374 35.345 2 36 2 C 36.654 2 37.237 2.374 37.52 2.974 L 39.703 7.604 L 44.561 8.343 C 45.187 8.438 45.704 8.878 45.908 9.488 C 46.117 10.113 45.964 10.792 45.508 11.258 L 41.963 14.877 L 42.802 19.995 C 42.91 20.658 42.641 21.308 42.098 21.692 C 41.809 21.896 41.475 22 41.138 22 Z M 65.138 22 C 64.863 22 64.588 21.931 64.335 21.792 L 60 19.405 L 55.665 21.792 C 55.102 22.1 54.428 22.063 53.902 21.692 C 53.359 21.308 53.09 20.658 53.199 19.994 L 54.037 14.877 L 50.494 11.26 C 50.036 10.792 49.883 10.113 50.092 9.488 C 50.296 8.878 50.812 8.438 51.439 8.343 L 56.297 7.604 L 58.479 2.974 C 58.763 2.374 59.345 2 60 2 C 60.654 2 61.237 2.374 61.52 2.974 L 63.703 7.604 L 68.561 8.343 C 69.187 8.438 69.704 8.878 69.908 9.488 C 70.117 10.113 69.964 10.792 69.508 11.258 L 65.963 14.877 L 66.802 19.995 C 66.91 20.658 66.641 21.308 66.098 21.692 C 65.809 21.896 65.475 22 65.138 22 Z M 89.138 22 C 88.863 22 88.588 21.931 88.335 21.792 L 84 19.405 L 79.665 21.792 C 79.102 22.1 78.428 22.063 77.902 21.692 C 77.359 21.308 77.09 20.658 77.199 19.994 L 78.037 14.877 L 74.494 11.26 C 74.036 10.792 73.883 10.113 74.092 9.488 C 74.296 8.878 74.812 8.438 75.439 8.343 L 80.297 7.604 L 82.479 2.974 C 82.763 2.374 83.345 2 84 2 C 84.654 2 85.237 2.374 85.52 2.974 L 87.703 7.604 L 92.561 8.343 C 93.187 8.438 93.704 8.878 93.908 9.488 C 94.117 10.113 93.964 10.792 93.508 11.258 L 89.963 14.877 L 90.802 19.995 C 90.91 20.658 90.641 21.308 90.098 21.692 C 89.809 21.896 89.475 22 89.138 22 Z M 113.138 22 C 112.863 22 112.588 21.931 112.335 21.792 L 108 19.405 L 103.665 21.792 C 103.102 22.1 102.428 22.063 101.902 21.692 C 101.359 21.308 101.09 20.658 101.199 19.994 L 102.037 14.877 L 98.494 11.26 C 98.036 10.792 97.883 10.113 98.092 9.488 C 98.296 8.878 98.812 8.438 99.439 8.343 L 104.297 7.604 L 106.479 2.974 C 106.763 2.374 107.345 2 108 2 C 108.654 2 109.237 2.374 109.52 2.974 L 111.703 7.604 L 116.561 8.343 C 117.187 8.438 117.704 8.878 117.908 9.488 C 118.117 10.113 117.964 10.792 117.508 11.258 L 113.963 14.877 L 114.802 19.995 C 114.91 20.658 114.641 21.308 114.098 21.692 C 113.809 21.896 113.475 22 113.138 22 Z"}))}));s.displayName="Rating",exports.Rating=s,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/objectWithoutProperties"),r=require("react"),a=require("clsx");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(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 a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var L=C(e),o=C(t),c=l(r),n=C(a),i="aJlm0",u=["value","percent","size","theme","className"],s=c.forwardRef(function(e,t){var r=e.value,a=void 0===r?0:r,C=e.percent,l=void 0===C?0:C,s=e.size,f=void 0===s?18:s,d=e.theme,p=void 0===d?"violet-500":d,v=e.className,b=o.default(e,u),m=Math.round(l>0?l:a/5*100),h=c.useId(),g=f;"small"===f?g=14:"default"===f?g=18:"big"===f&&(g=22);var j="yellow-500"===p?"var(--pds-color-light-".concat(p,")"):"var(--".concat(p,")");return c.createElement("svg",L.default({className:n.default(i,v),height:g},b,{ref:t,viewBox:"0 0 120 24",tabIndex:-1,focusable:!1}),c.createElement("defs",null,c.createElement("linearGradient",{id:h},c.createElement("stop",{offset:"".concat(m,"%"),stopColor:j}),c.createElement("stop",{offset:"".concat(m,"%"),stopColor:"var(--black-400)"}))),c.createElement("path",{fill:"url(#".concat(h,")"),d:"M 17.138 22 C 16.863 22 16.588 21.931 16.335 21.792 L 12 19.405 L 7.665 21.792 C 7.102 22.1 6.428 22.063 5.902 21.692 C 5.359 21.308 5.09 20.658 5.199 19.994 L 6.037 14.877 L 2.4939999999999998 11.26 C 2.036 10.792 1.883 10.113 2.092 9.488 C 2.2960000000000003 8.878 2.8120000000000003 8.438 3.439 8.343 L 8.297 7.604 L 10.479 2.974 C 10.763 2.374 11.345 2 12 2 C 12.654 2 13.237 2.374 13.52 2.974 L 15.703 7.604 L 20.561 8.343 C 21.187 8.438 21.704 8.878 21.908 9.488 C 22.117 10.113 21.964 10.792 21.508 11.258 L 17.963 14.877 L 18.802 19.995 C 18.91 20.658 18.641 21.308 18.098 21.692 C 17.809 21.896 17.475 22 17.138 22 Z M 41.138 22 C 40.863 22 40.588 21.931 40.335 21.792 L 36 19.405 L 31.665 21.792 C 31.102 22.1 30.428 22.063 29.902 21.692 C 29.359 21.308 29.09 20.658 29.199 19.994 L 30.037 14.877 L 26.494 11.26 C 26.036 10.792 25.883 10.113 26.092 9.488 C 26.296 8.878 26.812 8.438 27.439 8.343 L 32.297 7.604 L 34.479 2.974 C 34.763 2.374 35.345 2 36 2 C 36.654 2 37.237 2.374 37.52 2.974 L 39.703 7.604 L 44.561 8.343 C 45.187 8.438 45.704 8.878 45.908 9.488 C 46.117 10.113 45.964 10.792 45.508 11.258 L 41.963 14.877 L 42.802 19.995 C 42.91 20.658 42.641 21.308 42.098 21.692 C 41.809 21.896 41.475 22 41.138 22 Z M 65.138 22 C 64.863 22 64.588 21.931 64.335 21.792 L 60 19.405 L 55.665 21.792 C 55.102 22.1 54.428 22.063 53.902 21.692 C 53.359 21.308 53.09 20.658 53.199 19.994 L 54.037 14.877 L 50.494 11.26 C 50.036 10.792 49.883 10.113 50.092 9.488 C 50.296 8.878 50.812 8.438 51.439 8.343 L 56.297 7.604 L 58.479 2.974 C 58.763 2.374 59.345 2 60 2 C 60.654 2 61.237 2.374 61.52 2.974 L 63.703 7.604 L 68.561 8.343 C 69.187 8.438 69.704 8.878 69.908 9.488 C 70.117 10.113 69.964 10.792 69.508 11.258 L 65.963 14.877 L 66.802 19.995 C 66.91 20.658 66.641 21.308 66.098 21.692 C 65.809 21.896 65.475 22 65.138 22 Z M 89.138 22 C 88.863 22 88.588 21.931 88.335 21.792 L 84 19.405 L 79.665 21.792 C 79.102 22.1 78.428 22.063 77.902 21.692 C 77.359 21.308 77.09 20.658 77.199 19.994 L 78.037 14.877 L 74.494 11.26 C 74.036 10.792 73.883 10.113 74.092 9.488 C 74.296 8.878 74.812 8.438 75.439 8.343 L 80.297 7.604 L 82.479 2.974 C 82.763 2.374 83.345 2 84 2 C 84.654 2 85.237 2.374 85.52 2.974 L 87.703 7.604 L 92.561 8.343 C 93.187 8.438 93.704 8.878 93.908 9.488 C 94.117 10.113 93.964 10.792 93.508 11.258 L 89.963 14.877 L 90.802 19.995 C 90.91 20.658 90.641 21.308 90.098 21.692 C 89.809 21.896 89.475 22 89.138 22 Z M 113.138 22 C 112.863 22 112.588 21.931 112.335 21.792 L 108 19.405 L 103.665 21.792 C 103.102 22.1 102.428 22.063 101.902 21.692 C 101.359 21.308 101.09 20.658 101.199 19.994 L 102.037 14.877 L 98.494 11.26 C 98.036 10.792 97.883 10.113 98.092 9.488 C 98.296 8.878 98.812 8.438 99.439 8.343 L 104.297 7.604 L 106.479 2.974 C 106.763 2.374 107.345 2 108 2 C 108.654 2 109.237 2.374 109.52 2.974 L 111.703 7.604 L 116.561 8.343 C 117.187 8.438 117.704 8.878 117.908 9.488 C 118.117 10.113 117.964 10.792 117.508 11.258 L 113.963 14.877 L 114.802 19.995 C 114.91 20.658 114.641 21.308 114.098 21.692 C 113.809 21.896 113.475 22 113.138 22 Z"}))});s.displayName="Rating",exports.Rating=s,require("./style.production.v2.css");

package/Rating/index.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
 export type RatingProps = React.ComponentPropsWithRef<'svg'> & {
-    /** Значение рейтинга, от 0 до 5 */
+    /** Значення рейтингу від 0 до 5 */
     value?: 0 | 1 | 2 | 3 | 4 | 5;
-    /** Значение рейтинга в процентах от `0` до `100` */
+    /** Значення рейтингу у відсотках від `0` до `100` */
     percent?: number;
-    /** Размер */
+    /** Розмір */
     size?: React.ComponentPropsWithRef<'svg'>['height'];
-    /** Цвет звезд */
+    /** Колір зірок */
     theme?: 'violet-500' | 'yellow-500';
     /**
      * @ignore
@@ -14,4 +14,12 @@ export type RatingProps = React.ComponentPropsWithRef<'svg'> & {
      * */
     fr?: string | number;
 };
+/**
+ * Відображає рейтинг у вигляді 5 зірок (лише для читання).
+ * Заливка зірок визначається через `value` (0–5) або `percent` (0–100).
+ * @example
+ * import { Rating } from '@prom-ui/core/Rating'
+ * <Rating value={4} />
+ * <Rating percent={75} theme='yellow-500' />
+ */
 export declare const Rating: React.ForwardRefExoticComponent<Omit<RatingProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/Rating/package.json

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

package/RatingSelect/cjs/index.development.js

@@ -40,6 +40,13 @@ var css = {"root":"RatingSelect__root___8RSGF","label":"RatingSelect__label___FF
 
 var _excluded = ["value", "name", "onChange", "onHover", "size", "disabled"];
 var ITEMS_LIST = [1, 2, 3, 4, 5];
+/**
+ * Інтерактивний вибір рейтингу від 1 до 5 зірок.
+ * Повторний клік на вже вибрану зірку скидає значення до `undefined`.
+ * @example
+ * import { RatingSelect } from '@prom-ui/core/RatingSelect'
+ * <RatingSelect value={3} onChange={(val) => console.log(val)} />
+ */
 var RatingSelect = function RatingSelect(_ref) {
   var value = _ref.value,
     name = _ref.name,

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

@@ -40,6 +40,13 @@ var css = {"root":"RatingSelect__root___V-LdE","label":"RatingSelect__label___sg
 
 var _excluded = ["value", "name", "onChange", "onHover", "size", "disabled"];
 var ITEMS_LIST = [1, 2, 3, 4, 5];
+/**
+ * Інтерактивний вибір рейтингу від 1 до 5 зірок.
+ * Повторний клік на вже вибрану зірку скидає значення до `undefined`.
+ * @example
+ * import { RatingSelect } from '@prom-ui/core/RatingSelect'
+ * <RatingSelect value={3} onChange={(val) => console.log(val)} />
+ */
 var RatingSelect = function RatingSelect(_ref) {
   var value = _ref.value,
     name = _ref.name,

package/RatingSelect/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),n=require("@babel/runtime/helpers/objectWithoutProperties"),a=require("react"),r=require("clsx"),i=require("@prom-ui/core/useIsMounted"),u=require("@prom-ui/icons/StarFill");function c(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 t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=c(e),s=c(t),d=c(n),f=o(a),p=c(r),b="_8RSGF",m="FF3m3",v="_1Zpyt",_="_25gdX",y="DscdS",g=["value","name","onChange","onHover","size","disabled"],q=[1,2,3,4,5],h=function(e){var t=e.value,n=e.name,a=e.onChange,r=e.onHover,c=e.size,o=void 0===c?18:c,h=e.disabled,S=d.default(e,g),j=i.useIsMounted(),E=f.useId(),O=f.useState(t),F=s.default(O,2),k=F[0],M=F[1],N=f.useState(!0),P=s.default(N,2),z=P[0],C=P[1],x=n||E;f.useEffect((function(){j&&"function"==typeof a&&a(k)}),[k]),f.useEffect((function(){t!==k&&M(t)}),[t]);return f.createElement("div",{className:p.default(b,l.default({},y,z)),style:{fontSize:o},onMouseLeave:function(){"function"==typeof r&&r(void 0)},"data-qaid":S["data-qaid"]||"rating_select","data-testid":S["data-testid"]||"rating_select"},q.map((function(e){var t="".concat(x,"-").concat(e);return f.createElement("input",{key:e,id:t,className:_,type:"radio",name:x,value:e,checked:k===e,onChange:function(){return function(e){C(!1),M(e)}(e)},disabled:h,"data-qaid":"rating_select_input_".concat(e),"data-testid":"rating_select_input_".concat(e)})})),q.map((function(e){var t="".concat(x,"-").concat(e);return f.createElement("label",{key:e,className:m,htmlFor:t,onClick:function(t){return function(e,t){C(!1),h||k!==e||(null==t||t.preventDefault(),M(void 0))}(e,t)},onMouseEnter:function(){return function(e){z||C(!0),"function"==typeof r&&r(e)}(e)},"data-qaid":"rating_select_label_".concat(e),"data-testid":"rating_select_label_".concat(e)},f.createElement(u.SvgStarFill,{className:v,focusable:!1,"aria-hidden":!0}))})))};h.displayName="RatingSelect",exports.RatingSelect=h,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),n=require("@babel/runtime/helpers/objectWithoutProperties"),a=require("react"),r=require("clsx"),i=require("@prom-ui/core/useIsMounted"),u=require("@prom-ui/icons/StarFill");function c(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 t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var l=c(e),s=c(t),d=c(n),f=o(a),p=c(r),b="_8RSGF",m="FF3m3",v="_1Zpyt",_="_25gdX",y="DscdS",g=["value","name","onChange","onHover","size","disabled"],q=[1,2,3,4,5],h=function(e){var t=e.value,n=e.name,a=e.onChange,r=e.onHover,c=e.size,o=void 0===c?18:c,h=e.disabled,S=d.default(e,g),j=i.useIsMounted(),E=f.useId(),O=f.useState(t),F=s.default(O,2),k=F[0],M=F[1],N=f.useState(!0),P=s.default(N,2),z=P[0],C=P[1],x=n||E;f.useEffect(function(){j&&"function"==typeof a&&a(k)},[k]),f.useEffect(function(){t!==k&&M(t)},[t]);return f.createElement("div",{className:p.default(b,l.default({},y,z)),style:{fontSize:o},onMouseLeave:function(){"function"==typeof r&&r(void 0)},"data-qaid":S["data-qaid"]||"rating_select","data-testid":S["data-testid"]||"rating_select"},q.map(function(e){var t="".concat(x,"-").concat(e);return f.createElement("input",{key:e,id:t,className:_,type:"radio",name:x,value:e,checked:k===e,onChange:function(){return function(e){C(!1),M(e)}(e)},disabled:h,"data-qaid":"rating_select_input_".concat(e),"data-testid":"rating_select_input_".concat(e)})}),q.map(function(e){var t="".concat(x,"-").concat(e);return f.createElement("label",{key:e,className:m,htmlFor:t,onClick:function(t){return function(e,t){C(!1),h||k!==e||(null==t||t.preventDefault(),M(void 0))}(e,t)},onMouseEnter:function(){return function(e){z||C(!0),"function"==typeof r&&r(e)}(e)},"data-qaid":"rating_select_label_".concat(e),"data-testid":"rating_select_label_".concat(e)},f.createElement(u.SvgStarFill,{className:v,focusable:!1,"aria-hidden":!0}))}))};h.displayName="RatingSelect",exports.RatingSelect=h,require("./style.production.css");

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),n=require("@babel/runtime/helpers/objectWithoutProperties"),a=require("react"),r=require("clsx"),i=require("@prom-ui/core/useIsMounted"),u=require("@prom-ui/icons/StarFill");function c(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 t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=c(e),s=c(t),d=c(n),f=o(a),p=c(r),b="V-LdE",m="sgjOY",v="FTT2B",y="DxUIq",g="LD2kV",_=["value","name","onChange","onHover","size","disabled"],q=[1,2,3,4,5],h=function(e){var t=e.value,n=e.name,a=e.onChange,r=e.onHover,c=e.size,o=void 0===c?18:c,h=e.disabled,j=d.default(e,_),E=i.useIsMounted(),O=f.useId(),S=f.useState(t),k=s.default(S,2),M=k[0],N=k[1],P=f.useState(!0),x=s.default(P,2),z=x[0],C=x[1],D=n||O;f.useEffect((function(){E&&"function"==typeof a&&a(M)}),[M]),f.useEffect((function(){t!==M&&N(t)}),[t]);return f.createElement("div",{className:p.default(b,l.default({},g,z)),style:{fontSize:o},onMouseLeave:function(){"function"==typeof r&&r(void 0)},"data-qaid":j["data-qaid"]||"rating_select","data-testid":j["data-testid"]||"rating_select"},q.map((function(e){var t="".concat(D,"-").concat(e);return f.createElement("input",{key:e,id:t,className:y,type:"radio",name:D,value:e,checked:M===e,onChange:function(){return function(e){C(!1),N(e)}(e)},disabled:h,"data-qaid":"rating_select_input_".concat(e),"data-testid":"rating_select_input_".concat(e)})})),q.map((function(e){var t="".concat(D,"-").concat(e);return f.createElement("label",{key:e,className:m,htmlFor:t,onClick:function(t){return function(e,t){C(!1),h||M!==e||(null==t||t.preventDefault(),N(void 0))}(e,t)},onMouseEnter:function(){return function(e){z||C(!0),"function"==typeof r&&r(e)}(e)},"data-qaid":"rating_select_label_".concat(e),"data-testid":"rating_select_label_".concat(e)},f.createElement(u.SvgStarFill,{className:v,focusable:!1,"aria-hidden":!0}))})))};h.displayName="RatingSelect",exports.RatingSelect=h,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),n=require("@babel/runtime/helpers/objectWithoutProperties"),a=require("react"),r=require("clsx"),i=require("@prom-ui/core/useIsMounted"),u=require("@prom-ui/icons/StarFill");function c(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 t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var l=c(e),s=c(t),d=c(n),f=o(a),p=c(r),b="V-LdE",m="sgjOY",v="FTT2B",y="DxUIq",g="LD2kV",_=["value","name","onChange","onHover","size","disabled"],q=[1,2,3,4,5],h=function(e){var t=e.value,n=e.name,a=e.onChange,r=e.onHover,c=e.size,o=void 0===c?18:c,h=e.disabled,j=d.default(e,_),E=i.useIsMounted(),O=f.useId(),S=f.useState(t),k=s.default(S,2),M=k[0],N=k[1],P=f.useState(!0),x=s.default(P,2),z=x[0],C=x[1],D=n||O;f.useEffect(function(){E&&"function"==typeof a&&a(M)},[M]),f.useEffect(function(){t!==M&&N(t)},[t]);return f.createElement("div",{className:p.default(b,l.default({},g,z)),style:{fontSize:o},onMouseLeave:function(){"function"==typeof r&&r(void 0)},"data-qaid":j["data-qaid"]||"rating_select","data-testid":j["data-testid"]||"rating_select"},q.map(function(e){var t="".concat(D,"-").concat(e);return f.createElement("input",{key:e,id:t,className:y,type:"radio",name:D,value:e,checked:M===e,onChange:function(){return function(e){C(!1),N(e)}(e)},disabled:h,"data-qaid":"rating_select_input_".concat(e),"data-testid":"rating_select_input_".concat(e)})}),q.map(function(e){var t="".concat(D,"-").concat(e);return f.createElement("label",{key:e,className:m,htmlFor:t,onClick:function(t){return function(e,t){C(!1),h||M!==e||(null==t||t.preventDefault(),N(void 0))}(e,t)},onMouseEnter:function(){return function(e){z||C(!0),"function"==typeof r&&r(e)}(e)},"data-qaid":"rating_select_label_".concat(e),"data-testid":"rating_select_label_".concat(e)},f.createElement(u.SvgStarFill,{className:v,focusable:!1,"aria-hidden":!0}))}))};h.displayName="RatingSelect",exports.RatingSelect=h,require("./style.production.v2.css");

package/RatingSelect/index.d.ts

@@ -1,22 +1,29 @@
 import * as React from 'react';
 declare const ITEMS_LIST: readonly [1, 2, 3, 4, 5];
 export type RatingSelectProps = {
-    /** Значение рейтинга, от 1 до 5 */
+    /** Значення рейтингу від 1 до 5 */
     value?: (typeof ITEMS_LIST)[number];
-    /** Имя элемента ввода для использования в форме при отправке данных */
+    /** Ім'я поля вводу для відправки в формі */
     name?: string;
-    /** Функция обратного вызова, которая вызывается при изменении значения рейтинга */
+    /** Функція зворотного виклику при зміні значення рейтингу */
     onChange?: (value?: RatingSelectProps['value']) => void;
-    /** Функция обратного вызова, которая вызывается при наведении курсора на элементы рейтинга */
+    /** Функція зворотного виклику при наведенні курсора на елементи рейтингу */
     onHover?: (value?: RatingSelectProps['value']) => void;
-    /** Свойство определяет, должен ли быть компонент рейтинга отключен (неактивным) */
+    /** Визначає, чи має компонент рейтингу бути відключеним */
     disabled?: boolean;
-    /** Hазмер компонента рейтинга */
+    /** Розмір компонента рейтингу */
     size?: string | number;
     /** @ignore */
     'data-qaid'?: string;
     /** @ignore */
     'data-testid'?: string;
 };
+/**
+ * Інтерактивний вибір рейтингу від 1 до 5 зірок.
+ * Повторний клік на вже вибрану зірку скидає значення до `undefined`.
+ * @example
+ * import { RatingSelect } from '@prom-ui/core/RatingSelect'
+ * <RatingSelect value={3} onChange={(val) => console.log(val)} />
+ */
 export declare const RatingSelect: React.FC<RatingSelectProps>;
 export {};

package/RatingSelect/package.json

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

package/Scroll/cjs/index.development.js

@@ -6,10 +6,33 @@ var evokit = require('@prom-ui/core/evokit');
 
 var css = {"ek-scroll":"Scroll__ek-scroll___m6Vr5","ek-scroll__item":"Scroll__ek-scroll__item___bfetG","ek-scroll__item_blackhole_width-fit-content":"Scroll__ek-scroll__item_blackhole_width-fit-content___k-fNo","ek-scroll__item_blackhole_width-max-content":"Scroll__ek-scroll__item_blackhole_width-max-content___s8gGl","ek-scroll_padding_xxs":"Scroll__ek-scroll_padding_xxs___9vZpV","ek-scroll_padding_xs":"Scroll__ek-scroll_padding_xs___L5kMA","ek-scroll_padding_s":"Scroll__ek-scroll_padding_s___Nr3Ig","ek-scroll_padding_m":"Scroll__ek-scroll_padding_m___hcRCz","ek-scroll_padding_l":"Scroll__ek-scroll_padding_l___SKeiS","ek-scroll_padding_xl":"Scroll__ek-scroll_padding_xl___MG4J-","ek-scroll_padding_xxl":"Scroll__ek-scroll_padding_xxl___m8ou2","ek-scroll_padding_3xl":"Scroll__ek-scroll_padding_3xl___xy72W","ek-scroll_padding_4xl":"Scroll__ek-scroll_padding_4xl___gzW-I","ek-scroll_padding_5xl":"Scroll__ek-scroll_padding_5xl___JErmt","ek-scroll_column_1":"Scroll__ek-scroll_column_1___n5mTi","ek-scroll_column_2":"Scroll__ek-scroll_column_2___GqdmF","ek-scroll_column_3":"Scroll__ek-scroll_column_3___DKZCp","ek-scroll_column_4":"Scroll__ek-scroll_column_4___-Nf-L","ek-scroll_column_5":"Scroll__ek-scroll_column_5___OxDq-","ek-scroll_column_6":"Scroll__ek-scroll_column_6___wP8Pu","ek-scroll_column_7":"Scroll__ek-scroll_column_7___-ZDSB","ek-scroll_column_8":"Scroll__ek-scroll_column_8___PnnsU","ek-scroll_column_9":"Scroll__ek-scroll_column_9___DDqgb","ek-scroll_column_10":"Scroll__ek-scroll_column_10___Hh-uZ","ek-scroll_gap_xxs":"Scroll__ek-scroll_gap_xxs___15vfK","ek-scroll_gap_xs":"Scroll__ek-scroll_gap_xs___Kvr2J","ek-scroll_gap_s":"Scroll__ek-scroll_gap_s___71-or","ek-scroll_gap_m":"Scroll__ek-scroll_gap_m___glUvB","ek-scroll_gap_l":"Scroll__ek-scroll_gap_l___pQC7Z","ek-scroll_gap_xl":"Scroll__ek-scroll_gap_xl___L1iAD","ek-scroll_gap_xxl":"Scroll__ek-scroll_gap_xxl___wVNm-","ek-scroll_gap_3xl":"Scroll__ek-scroll_gap_3xl___4tQXK","ek-scroll_gap_4xl":"Scroll__ek-scroll_gap_4xl___1-5dw","ek-scroll_gap_5xl":"Scroll__ek-scroll_gap_5xl___ym2qM","ek-scroll_bar_none":"Scroll__ek-scroll_bar_none___c1gVV","ek-scroll_bar_auto":"Scroll__ek-scroll_bar_auto___-TbaH","ek-scroll_align_normal":"Scroll__ek-scroll_align_normal___zoDjM","ek-scroll_align_start":"Scroll__ek-scroll_align_start___4mACC","ek-scroll_align_center":"Scroll__ek-scroll_align_center___3PWHW","ek-scroll_align_end":"Scroll__ek-scroll_align_end___AwLLA","ek-scroll_snap-type_none":"Scroll__ek-scroll_snap-type_none___oG6uA","ek-scroll_snap-type_mandatory":"Scroll__ek-scroll_snap-type_mandatory___cHUdH","ek-scroll_snap-type_proximity":"Scroll__ek-scroll_snap-type_proximity___-yfBi","ek-scroll_snap-align_none":"Scroll__ek-scroll_snap-align_none___oaQQp","ek-scroll_snap-align_start":"Scroll__ek-scroll_snap-align_start___OOKij","ek-scroll_snap-align_end":"Scroll__ek-scroll_snap-align_end___P1oSD","ek-scroll_snap-align_center":"Scroll__ek-scroll_snap-align_center___wFIuW"};
 
+/**
+ * Елемент горизонтального скрол-контейнера. Використовується як `<Scroll.Item>`.
+ *
+ * Не підтримує медіа-суфікси.
+ *
+ * @example
+ * <Scroll.Item>Картка 1</Scroll.Item>
+ */
 var ScrollItem = evokit.createBlock('li', 'scroll__item', ['blackhole'], {
   css: css
 });
 ScrollItem.displayName = 'ScrollItem';
+
+/**
+ * Горизонтальний скрол-контейнер зі snap-точками.
+ *
+ * Не підтримує медіа-суфікси.
+ *
+ * @example
+ * import { Scroll } from '@prom-ui/core/Scroll';
+ *
+ * <Scroll scroll-column={3} scroll-gap='m' scroll-bar='none'>
+ *     <Scroll.Item>Картка 1</Scroll.Item>
+ *     <Scroll.Item>Картка 2</Scroll.Item>
+ *     <Scroll.Item>Картка 3</Scroll.Item>
+ * </Scroll>
+ */
 var Scroll = evokit.createBlock('ul', 'scroll', ['align', 'bar', 'column', 'gap', 'padding', 'snap-type', 'snap-align'], {
   css: css
 }, {

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

@@ -6,10 +6,33 @@ var evokit = require('@prom-ui/core/evokit');
 
 var css = {"ek-scroll":"Scroll__ek-scroll___NXXzp","ek-scroll__item":"Scroll__ek-scroll__item___UI2VC","ek-scroll__item_blackhole_width-fit-content":"Scroll__ek-scroll__item_blackhole_width-fit-content___YaPDT","ek-scroll__item_blackhole_width-max-content":"Scroll__ek-scroll__item_blackhole_width-max-content___zz-b1","ek-scroll_padding_xxs":"Scroll__ek-scroll_padding_xxs___VKmZq","ek-scroll_padding_xs":"Scroll__ek-scroll_padding_xs___Sykio","ek-scroll_padding_s":"Scroll__ek-scroll_padding_s___qbVl4","ek-scroll_padding_m":"Scroll__ek-scroll_padding_m___X5XbZ","ek-scroll_padding_l":"Scroll__ek-scroll_padding_l___XT-PI","ek-scroll_padding_xl":"Scroll__ek-scroll_padding_xl___OC1ZW","ek-scroll_padding_xxl":"Scroll__ek-scroll_padding_xxl___lgDpl","ek-scroll_padding_3xl":"Scroll__ek-scroll_padding_3xl___UNWNQ","ek-scroll_padding_4xl":"Scroll__ek-scroll_padding_4xl___7DEQQ","ek-scroll_padding_5xl":"Scroll__ek-scroll_padding_5xl___mnZOp","ek-scroll_column_1":"Scroll__ek-scroll_column_1___tLCus","ek-scroll_column_2":"Scroll__ek-scroll_column_2___AhNGB","ek-scroll_column_3":"Scroll__ek-scroll_column_3___PY0Dw","ek-scroll_column_4":"Scroll__ek-scroll_column_4___5ELtp","ek-scroll_column_5":"Scroll__ek-scroll_column_5___vAB6d","ek-scroll_column_6":"Scroll__ek-scroll_column_6___bZgnq","ek-scroll_column_7":"Scroll__ek-scroll_column_7___eMuxb","ek-scroll_column_8":"Scroll__ek-scroll_column_8___ROvji","ek-scroll_column_9":"Scroll__ek-scroll_column_9___WuWqZ","ek-scroll_column_10":"Scroll__ek-scroll_column_10___tjrEA","ek-scroll_gap_xxs":"Scroll__ek-scroll_gap_xxs___9hFaq","ek-scroll_gap_xs":"Scroll__ek-scroll_gap_xs___U3T9w","ek-scroll_gap_s":"Scroll__ek-scroll_gap_s___EJwCI","ek-scroll_gap_m":"Scroll__ek-scroll_gap_m___pTbeM","ek-scroll_gap_l":"Scroll__ek-scroll_gap_l___wPxOa","ek-scroll_gap_xl":"Scroll__ek-scroll_gap_xl___prXTQ","ek-scroll_gap_xxl":"Scroll__ek-scroll_gap_xxl___iM4JL","ek-scroll_gap_3xl":"Scroll__ek-scroll_gap_3xl___h8P-N","ek-scroll_gap_4xl":"Scroll__ek-scroll_gap_4xl___n9c6E","ek-scroll_gap_5xl":"Scroll__ek-scroll_gap_5xl___OhoiE","ek-scroll_bar_none":"Scroll__ek-scroll_bar_none___VVtXF","ek-scroll_bar_auto":"Scroll__ek-scroll_bar_auto___nSXCP","ek-scroll_align_normal":"Scroll__ek-scroll_align_normal___TuK6f","ek-scroll_align_start":"Scroll__ek-scroll_align_start___OqCgm","ek-scroll_align_center":"Scroll__ek-scroll_align_center___6uONj","ek-scroll_align_end":"Scroll__ek-scroll_align_end___p5DjP","ek-scroll_snap-type_none":"Scroll__ek-scroll_snap-type_none___7nMDb","ek-scroll_snap-type_mandatory":"Scroll__ek-scroll_snap-type_mandatory___aB-sY","ek-scroll_snap-type_proximity":"Scroll__ek-scroll_snap-type_proximity___Ual5L","ek-scroll_snap-align_none":"Scroll__ek-scroll_snap-align_none___VUmsD","ek-scroll_snap-align_start":"Scroll__ek-scroll_snap-align_start___3FczU","ek-scroll_snap-align_end":"Scroll__ek-scroll_snap-align_end___JKEDD","ek-scroll_snap-align_center":"Scroll__ek-scroll_snap-align_center___ctT2q"};
 
+/**
+ * Елемент горизонтального скрол-контейнера. Використовується як `<Scroll.Item>`.
+ *
+ * Не підтримує медіа-суфікси.
+ *
+ * @example
+ * <Scroll.Item>Картка 1</Scroll.Item>
+ */
 var ScrollItem = evokit.createBlock('li', 'scroll__item', ['blackhole'], {
   css: css
 });
 ScrollItem.displayName = 'ScrollItem';
+
+/**
+ * Горизонтальний скрол-контейнер зі snap-точками.
+ *
+ * Не підтримує медіа-суфікси.
+ *
+ * @example
+ * import { Scroll } from '@prom-ui/core/Scroll';
+ *
+ * <Scroll scroll-column={3} scroll-gap='m' scroll-bar='none'>
+ *     <Scroll.Item>Картка 1</Scroll.Item>
+ *     <Scroll.Item>Картка 2</Scroll.Item>
+ *     <Scroll.Item>Картка 3</Scroll.Item>
+ * </Scroll>
+ */
 var Scroll = evokit.createBlock('ul', 'scroll', ['align', 'bar', 'column', 'gap', 'padding', 'snap-type', 'snap-align'], {
   css: css
 }, {

package/Scroll/index.d.ts

@@ -1,24 +1,84 @@
 import { type EvokitProp } from '@prom-ui/core/evokit';
 export type ScrollProps = {
-    /** Скрыть/показать полосу прокрутки */
+    /**
+     * Відображення смуги прокрутки.
+     * @example 'none'
+     * @example 'auto'
+     */
     'scroll-bar'?: EvokitProp<'none' | 'auto'>;
-    /** Выравнивание ячеек по горизонтальной оси */
+    /**
+     * Вирівнювання комірок по горизонтальній осі.
+     * @example 'start'
+     * @example 'center'
+     */
     'scroll-align'?: EvokitProp<'start' | 'center' | 'end' | 'normal'>;
-    /** Количество видимых ячеек */
+    /**
+     * Кількість видимих комірок у рядку.
+     * @example 3
+     * @example 5
+     */
     'scroll-column'?: EvokitProp<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10>;
-    /** Отступ между ячейками */
+    /**
+     * Відступ між комірками (`gap`).
+     * Розміри: xxs | xs | s | m | l | xl | xxl | 3xl | 4xl | 5xl
+     * @example 's'
+     * @example 'm'
+     */
     'scroll-gap'?: EvokitProp<'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
-    /** Внутренний отступ контейнера по бокам */
+    /**
+     * Внутрішній відступ контейнера зліва та справа (`padding-inline`).
+     * Розміри: xxs | xs | s | m | l | xl | xxl | 3xl | 4xl | 5xl
+     * @example 's'
+     * @example 'm'
+     */
     'scroll-padding'?: EvokitProp<'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
-    /** Устанавливает, насколько строго точки привязки применяются к контейнеру прокрутки */
+    /**
+     * Строгість прив'язки прокрутки (`scroll-snap-type`). Дефолт: `'proximity'`.
+     * @example 'mandatory'
+     * @example 'proximity'
+     * @example 'none'
+     */
     'scroll-snap-type'?: EvokitProp<'none' | 'mandatory' | 'proximity'>;
-    /** Указывает положение привязки блока как выравнивание его области привязки */
+    /**
+     * Положення прив'язки комірок (`scroll-snap-align`). Дефолт: `'start'`.
+     * @example 'start'
+     * @example 'center'
+     */
     'scroll-snap-align'?: EvokitProp<'none' | 'start' | 'end' | 'center'>;
 };
 export type ScrollItemProps = {
+    /**
+     * Додаткові CSS-модифікатори.
+     * - `'width-fit-content'` — `width: fit-content` (ширина за мінімально необхідним вмістом)
+     * - `'width-max-content'` — `width: max-content` (ширина за максимальним вмістом без переносу)
+     * @example 'width-fit-content'
+     * @example ['width-fit-content', 'width-max-content']
+     */
     'scroll-item-blackhole'?: EvokitProp<'width-fit-content' | 'width-max-content'>;
 };
+/**
+ * Елемент горизонтального скрол-контейнера. Використовується як `<Scroll.Item>`.
+ *
+ * Не підтримує медіа-суфікси.
+ *
+ * @example
+ * <Scroll.Item>Картка 1</Scroll.Item>
+ */
 declare const ScrollItem: import("@prom-ui/core/evokit").CreateBlock<"li", "scroll__item", ScrollItemProps>;
+/**
+ * Горизонтальний скрол-контейнер зі snap-точками.
+ *
+ * Не підтримує медіа-суфікси.
+ *
+ * @example
+ * import { Scroll } from '@prom-ui/core/Scroll';
+ *
+ * <Scroll scroll-column={3} scroll-gap='m' scroll-bar='none'>
+ *     <Scroll.Item>Картка 1</Scroll.Item>
+ *     <Scroll.Item>Картка 2</Scroll.Item>
+ *     <Scroll.Item>Картка 3</Scroll.Item>
+ * </Scroll>
+ */
 export declare const Scroll: import("@prom-ui/core/evokit").CreateBlock<"ul", "scroll", ScrollProps> & {
     Item: typeof ScrollItem;
 };

package/Scroll/package.json

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

package/ScrollControls/ScrollControlsButton.d.ts

@@ -6,6 +6,8 @@ export type ScrollControlsButtonProps = {
     onClickNext?: React.MouseEventHandler<HTMLButtonElement>;
     onClickPrev?: React.MouseEventHandler<HTMLButtonElement>;
     zIndex?: number;
+    /** Кількість пікселів прокрутки за один клік. За замовчуванням — `clientWidth`. */
+    step?: number;
     scrollRef: React.RefObject<HTMLElement | null>;
 };
 export declare const ScrollControlsButton: React.FC<ScrollControlsButtonProps>;

package/ScrollControls/cjs/index.development.js

@@ -59,6 +59,7 @@ var ScrollControlsButton = function ScrollControlsButton(_ref) {
     onClickNext = _ref.onClickNext,
     onClickPrev = _ref.onClickPrev,
     zIndex = _ref.zIndex,
+    step = _ref.step,
     children = _ref.children;
   var _useBodyStoreTTag = BodyProvider.useBodyStoreTTag(),
     t = _useBodyStoreTTag.t;
@@ -87,7 +88,7 @@ var ScrollControlsButton = function ScrollControlsButton(_ref) {
     var _scrollRef$current2 = scrollRef.current,
       scrollLeft = _scrollRef$current2.scrollLeft,
       clientWidth = _scrollRef$current2.clientWidth;
-    var offset = clientWidth * direction;
+    var offset = (step !== null && step !== void 0 ? step : clientWidth) * direction;
     requestAnimationFrame(function () {
       var nextScrollLeft = scrollLeft + offset;
       updateControlsVisible(nextScrollLeft);
@@ -120,9 +121,12 @@ var ScrollControlsButton = function ScrollControlsButton(_ref) {
       requestAnimationFrame(function () {
         updateControlsVisible();
       });
-      scrollRef.current.addEventListener('scroll', handleOnScroll);
+      scrollRef.current.addEventListener('scroll', handleOnScroll, {
+        passive: true
+      });
     }
     return function () {
+      clearTimeout(updateControlsTimer.current || 0);
       if (scrollRef.current && isActive) {
         scrollRef.current.removeEventListener('scroll', handleOnScroll);
       }
@@ -177,7 +181,17 @@ var ScrollControlsButton = function ScrollControlsButton(_ref) {
 };
 ScrollControlsButton.displayName = 'ScrollControlsButton';
 
-var _excluded = ["children", "className", "hideOnDisabled", "isActive", "onClickNext", "onClickPrev", "showOnHover", "zIndex"];
+var _excluded = ["children", "className", "hideOnDisabled", "isActive", "onClickNext", "onClickPrev", "showOnHover", "step", "zIndex"];
+/**
+ * Обгортає прокручуваний контент і додає кнопки «вперед» / «назад».
+ * Зазвичай використовується разом з компонентом `<Scroll>`.
+ * @example
+ * import { ScrollControls } from '@prom-ui/core/ScrollControls'
+ * import { Scroll } from '@prom-ui/core/Scroll'
+ * <ScrollControls>
+ *   <Scroll>...</Scroll>
+ * </ScrollControls>
+ */
 var ScrollControls = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -189,6 +203,7 @@ var ScrollControls = /*#__PURE__*/React__namespace.forwardRef(function (_ref, re
     onClickPrev = _ref.onClickPrev,
     _ref$showOnHover = _ref.showOnHover,
     showOnHover = _ref$showOnHover === void 0 ? false : _ref$showOnHover,
+    step = _ref.step,
     zIndex = _ref.zIndex,
     props = _objectWithoutProperties__default.default(_ref, _excluded);
   var scrollRef = useForwardRef.useForwardRef(ref, null);
@@ -202,6 +217,7 @@ var ScrollControls = /*#__PURE__*/React__namespace.forwardRef(function (_ref, re
     isActive: isActive,
     onClickNext: onClickNext,
     onClickPrev: onClickPrev,
+    step: step,
     zIndex: zIndex
   }, children));
 });

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

@@ -59,6 +59,7 @@ var ScrollControlsButton = function ScrollControlsButton(_ref) {
     onClickNext = _ref.onClickNext,
     onClickPrev = _ref.onClickPrev,
     zIndex = _ref.zIndex,
+    step = _ref.step,
     children = _ref.children;
   var _useBodyStoreTTag = BodyProvider.useBodyStoreTTag(),
     t = _useBodyStoreTTag.t;
@@ -87,7 +88,7 @@ var ScrollControlsButton = function ScrollControlsButton(_ref) {
     var _scrollRef$current2 = scrollRef.current,
       scrollLeft = _scrollRef$current2.scrollLeft,
       clientWidth = _scrollRef$current2.clientWidth;
-    var offset = clientWidth * direction;
+    var offset = (step !== null && step !== void 0 ? step : clientWidth) * direction;
     requestAnimationFrame(function () {
       var nextScrollLeft = scrollLeft + offset;
       updateControlsVisible(nextScrollLeft);
@@ -120,9 +121,12 @@ var ScrollControlsButton = function ScrollControlsButton(_ref) {
       requestAnimationFrame(function () {
         updateControlsVisible();
       });
-      scrollRef.current.addEventListener('scroll', handleOnScroll);
+      scrollRef.current.addEventListener('scroll', handleOnScroll, {
+        passive: true
+      });
     }
     return function () {
+      clearTimeout(updateControlsTimer.current || 0);
       if (scrollRef.current && isActive) {
         scrollRef.current.removeEventListener('scroll', handleOnScroll);
       }
@@ -177,7 +181,17 @@ var ScrollControlsButton = function ScrollControlsButton(_ref) {
 };
 ScrollControlsButton.displayName = 'ScrollControlsButton';
 
-var _excluded = ["children", "className", "hideOnDisabled", "isActive", "onClickNext", "onClickPrev", "showOnHover", "zIndex"];
+var _excluded = ["children", "className", "hideOnDisabled", "isActive", "onClickNext", "onClickPrev", "showOnHover", "step", "zIndex"];
+/**
+ * Обгортає прокручуваний контент і додає кнопки «вперед» / «назад».
+ * Зазвичай використовується разом з компонентом `<Scroll>`.
+ * @example
+ * import { ScrollControls } from '@prom-ui/core/ScrollControls'
+ * import { Scroll } from '@prom-ui/core/Scroll'
+ * <ScrollControls>
+ *   <Scroll>...</Scroll>
+ * </ScrollControls>
+ */
 var ScrollControls = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -189,6 +203,7 @@ var ScrollControls = /*#__PURE__*/React__namespace.forwardRef(function (_ref, re
     onClickPrev = _ref.onClickPrev,
     _ref$showOnHover = _ref.showOnHover,
     showOnHover = _ref$showOnHover === void 0 ? false : _ref$showOnHover,
+    step = _ref.step,
     zIndex = _ref.zIndex,
     props = _objectWithoutProperties__default.default(_ref, _excluded);
   var scrollRef = useForwardRef.useForwardRef(ref, null);
@@ -202,6 +217,7 @@ var ScrollControls = /*#__PURE__*/React__namespace.forwardRef(function (_ref, re
     isActive: isActive,
     onClickNext: onClickNext,
     onClickPrev: onClickPrev,
+    step: step,
     zIndex: zIndex
   }, children));
 });

package/ScrollControls/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"),o=require("clsx"),l=require("@prom-ui/core/useForwardRef"),i=require("@babel/runtime/helpers/taggedTemplateLiteral"),u=require("@babel/runtime/helpers/slicedToArray"),c=require("@prom-ui/core/Button"),a=require("@prom-ui/core/Icon"),s=require("@prom-ui/core/BodyProvider"),d=require("@prom-ui/icons/Left"),f=require("@prom-ui/icons/Right");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 v,p,h=b(e),x=b(t),y=b(r),q=m(n),N=b(o),g=b(i),O=b(u),C="mOlOq",E="_3uXYG _8-zJW",k="L0VTc _8-zJW",w="_8BNAe",z="_1GCww",I="lzBzL",P="StbVV",j=function(e){var t=e.scrollRef,r=e.hideOnDisabled,o=void 0!==r&&r,l=e.isActive,i=void 0===l||l,u=e.onClickNext,b=e.onClickPrev,m=e.zIndex,h=e.children,y=s.useBodyStoreTTag().t,C=n.useRef(null),P=n.useState({prev:!1,next:!1}),j=O.default(P,2),L=j[0],A=j[1],B=function(e){if(t.current){var r=t.current,n=r.scrollLeft,o=r.scrollWidth,l=r.clientWidth,i=(Number.isInteger(e)?e:n)||0;A({prev:i>1,next:i<o-l-1})}},R=function(e){if(t.current){var r=t.current,n=r.scrollLeft,o=r.clientWidth*e;requestAnimationFrame((function(){var e=n+o;B(e),t.current&&t.current.scrollTo({left:e,behavior:"smooth"})}))}},S=function(){clearTimeout(C.current||0),C.current=setTimeout(B,100)};return n.useEffect((function(){return t.current&&i&&(requestAnimationFrame((function(){B()})),t.current.addEventListener("scroll",S)),function(){t.current&&i&&t.current.removeEventListener("scroll",S)}}),[i,h]),i&&(L.prev||L.next)?q.default.createElement(q.default.Fragment,null,q.default.createElement("div",{className:N.default(E,x.default({},w,!L.prev)),style:{zIndex:m}},q.default.createElement(c.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:o?z:void 0,onClick:function(e){"function"==typeof b&&b(e),R(-1)},disabled:!L.prev,title:y(v||(v=g.default(["Назад"])))},q.default.createElement(a.Icon,{className:I,"icon-events":"none","icon-as":d.SvgLeft}))),q.default.createElement("div",{className:N.default(k,x.default({},w,!L.next)),style:{zIndex:m}},q.default.createElement(c.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:o?z:void 0,onClick:function(e){"function"==typeof u&&u(e),R(1)},disabled:!L.next,title:y(p||(p=g.default(["Далее"])))},q.default.createElement(a.Icon,{className:I,"icon-events":"none","icon-as":f.SvgRight})))):null};j.displayName="ScrollControlsButton";var L=["children","className","hideOnDisabled","isActive","onClickNext","onClickPrev","showOnHover","zIndex"],A=q.forwardRef((function(e,t){var r=e.children,n=e.className,o=e.hideOnDisabled,i=void 0===o||o,u=e.isActive,c=void 0===u||u,a=e.onClickNext,s=e.onClickPrev,d=e.showOnHover,f=void 0!==d&&d,b=e.zIndex,m=y.default(e,L),v=l.useForwardRef(t,null);return q.createElement("div",h.default({className:N.default(C,n,x.default({},P,f))},m),q.cloneElement(r,{ref:v}),q.createElement(j,{scrollRef:v,hideOnDisabled:i,isActive:c,onClickNext:a,onClickPrev:s,zIndex:b},r))}));A.displayName="ScrollControls",exports.ScrollControls=A,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"),l=require("clsx"),o=require("@prom-ui/core/useForwardRef"),i=require("@babel/runtime/helpers/taggedTemplateLiteral"),u=require("@babel/runtime/helpers/slicedToArray"),c=require("@prom-ui/core/Button"),a=require("@prom-ui/core/Icon"),s=require("@prom-ui/core/BodyProvider"),d=require("@prom-ui/icons/Left"),f=require("@prom-ui/icons/Right");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(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 v,p,h=m(e),x=m(t),y=m(r),q=b(n),N=m(l),g=m(i),O=m(u),C="mOlOq",E="_3uXYG _8-zJW",k="L0VTc _8-zJW",w="_8BNAe",z="_1GCww",I="lzBzL",P="StbVV",j=function(e){var t=e.scrollRef,r=e.hideOnDisabled,l=void 0!==r&&r,o=e.isActive,i=void 0===o||o,u=e.onClickNext,m=e.onClickPrev,b=e.zIndex,h=e.step,y=e.children,C=s.useBodyStoreTTag().t,P=n.useRef(null),j=n.useState({prev:!1,next:!1}),L=O.default(j,2),T=L[0],A=L[1],B=function(e){if(t.current){var r=t.current,n=r.scrollLeft,l=r.scrollWidth,o=r.clientWidth,i=(Number.isInteger(e)?e:n)||0;A({prev:i>1,next:i<l-o-1})}},R=function(e){if(t.current){var r=t.current,n=r.scrollLeft,l=r.clientWidth,o=(null!=h?h:l)*e;requestAnimationFrame(function(){var e=n+o;B(e),t.current&&t.current.scrollTo({left:e,behavior:"smooth"})})}},S=function(){clearTimeout(P.current||0),P.current=setTimeout(B,100)};return n.useEffect(function(){return t.current&&i&&(requestAnimationFrame(function(){B()}),t.current.addEventListener("scroll",S,{passive:!0})),function(){clearTimeout(P.current||0),t.current&&i&&t.current.removeEventListener("scroll",S)}},[i,y]),i&&(T.prev||T.next)?q.default.createElement(q.default.Fragment,null,q.default.createElement("div",{className:N.default(E,x.default({},w,!T.prev)),style:{zIndex:b}},q.default.createElement(c.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:l?z:void 0,onClick:function(e){"function"==typeof m&&m(e),R(-1)},disabled:!T.prev,title:C(v||(v=g.default(["Назад"])))},q.default.createElement(a.Icon,{className:I,"icon-events":"none","icon-as":d.SvgLeft}))),q.default.createElement("div",{className:N.default(k,x.default({},w,!T.next)),style:{zIndex:b}},q.default.createElement(c.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:l?z:void 0,onClick:function(e){"function"==typeof u&&u(e),R(1)},disabled:!T.next,title:C(p||(p=g.default(["Далее"])))},q.default.createElement(a.Icon,{className:I,"icon-events":"none","icon-as":f.SvgRight})))):null};j.displayName="ScrollControlsButton";var L=["children","className","hideOnDisabled","isActive","onClickNext","onClickPrev","showOnHover","step","zIndex"],T=q.forwardRef(function(e,t){var r=e.children,n=e.className,l=e.hideOnDisabled,i=void 0===l||l,u=e.isActive,c=void 0===u||u,a=e.onClickNext,s=e.onClickPrev,d=e.showOnHover,f=void 0!==d&&d,m=e.step,b=e.zIndex,v=y.default(e,L),p=o.useForwardRef(t,null);return q.createElement("div",h.default({className:N.default(C,n,x.default({},P,f))},v),q.cloneElement(r,{ref:p}),q.createElement(j,{scrollRef:p,hideOnDisabled:i,isActive:c,onClickNext:a,onClickPrev:s,step:m,zIndex:b},r))});T.displayName="ScrollControls",exports.ScrollControls=T,require("./style.production.css");

package/ScrollControls/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"),o=require("clsx"),l=require("@prom-ui/core/useForwardRef"),i=require("@babel/runtime/helpers/taggedTemplateLiteral"),u=require("@babel/runtime/helpers/slicedToArray"),c=require("@prom-ui/core/Button"),a=require("@prom-ui/core/Icon"),d=require("@prom-ui/core/BodyProvider"),s=require("@prom-ui/icons/Left"),f=require("@prom-ui/icons/Right");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 v,p,h=b(e),x=b(t),y=b(r),g=m(n),q=b(o),N=b(i),C=b(u),E="_5xFyd",k="PY-Co _1fL6b",O="u2XoF _1fL6b",P="AZbdb",w="zw-fa",I="z7X7-",j="PVtmJ",z=function(e){var t=e.scrollRef,r=e.hideOnDisabled,o=void 0!==r&&r,l=e.isActive,i=void 0===l||l,u=e.onClickNext,b=e.onClickPrev,m=e.zIndex,h=e.children,y=d.useBodyStoreTTag().t,E=n.useRef(null),j=n.useState({prev:!1,next:!1}),z=C.default(j,2),L=z[0],A=z[1],R=function(e){if(t.current){var r=t.current,n=r.scrollLeft,o=r.scrollWidth,l=r.clientWidth,i=(Number.isInteger(e)?e:n)||0;A({prev:i>1,next:i<o-l-1})}},F=function(e){if(t.current){var r=t.current,n=r.scrollLeft,o=r.clientWidth*e;requestAnimationFrame((function(){var e=n+o;R(e),t.current&&t.current.scrollTo({left:e,behavior:"smooth"})}))}},S=function(){clearTimeout(E.current||0),E.current=setTimeout(R,100)};return n.useEffect((function(){return t.current&&i&&(requestAnimationFrame((function(){R()})),t.current.addEventListener("scroll",S)),function(){t.current&&i&&t.current.removeEventListener("scroll",S)}}),[i,h]),i&&(L.prev||L.next)?g.default.createElement(g.default.Fragment,null,g.default.createElement("div",{className:q.default(k,x.default({},P,!L.prev)),style:{zIndex:m}},g.default.createElement(c.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:o?w:void 0,onClick:function(e){"function"==typeof b&&b(e),F(-1)},disabled:!L.prev,title:y(v||(v=N.default(["Назад"])))},g.default.createElement(a.Icon,{className:I,"icon-events":"none","icon-as":s.SvgLeft}))),g.default.createElement("div",{className:q.default(O,x.default({},P,!L.next)),style:{zIndex:m}},g.default.createElement(c.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:o?w:void 0,onClick:function(e){"function"==typeof u&&u(e),F(1)},disabled:!L.next,title:y(p||(p=N.default(["Далее"])))},g.default.createElement(a.Icon,{className:I,"icon-events":"none","icon-as":f.SvgRight})))):null};z.displayName="ScrollControlsButton";var L=["children","className","hideOnDisabled","isActive","onClickNext","onClickPrev","showOnHover","zIndex"],A=g.forwardRef((function(e,t){var r=e.children,n=e.className,o=e.hideOnDisabled,i=void 0===o||o,u=e.isActive,c=void 0===u||u,a=e.onClickNext,d=e.onClickPrev,s=e.showOnHover,f=void 0!==s&&s,b=e.zIndex,m=y.default(e,L),v=l.useForwardRef(t,null);return g.createElement("div",h.default({className:q.default(E,n,x.default({},j,f))},m),g.cloneElement(r,{ref:v}),g.createElement(z,{scrollRef:v,hideOnDisabled:i,isActive:c,onClickNext:a,onClickPrev:d,zIndex:b},r))}));A.displayName="ScrollControls",exports.ScrollControls=A,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"),o=require("clsx"),l=require("@prom-ui/core/useForwardRef"),i=require("@babel/runtime/helpers/taggedTemplateLiteral"),u=require("@babel/runtime/helpers/slicedToArray"),c=require("@prom-ui/core/Button"),a=require("@prom-ui/core/Icon"),s=require("@prom-ui/core/BodyProvider"),d=require("@prom-ui/icons/Left"),f=require("@prom-ui/icons/Right");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 v,p,h=b(e),x=b(t),y=b(r),g=m(n),q=b(o),N=b(i),C=b(u),E="_5xFyd",k="PY-Co _1fL6b",O="u2XoF _1fL6b",P="AZbdb",w="zw-fa",I="z7X7-",j="PVtmJ",z=function(e){var t=e.scrollRef,r=e.hideOnDisabled,o=void 0!==r&&r,l=e.isActive,i=void 0===l||l,u=e.onClickNext,b=e.onClickPrev,m=e.zIndex,h=e.step,y=e.children,E=s.useBodyStoreTTag().t,j=n.useRef(null),z=n.useState({prev:!1,next:!1}),L=C.default(z,2),A=L[0],R=L[1],T=function(e){if(t.current){var r=t.current,n=r.scrollLeft,o=r.scrollWidth,l=r.clientWidth,i=(Number.isInteger(e)?e:n)||0;R({prev:i>1,next:i<o-l-1})}},F=function(e){if(t.current){var r=t.current,n=r.scrollLeft,o=r.clientWidth,l=(null!=h?h:o)*e;requestAnimationFrame(function(){var e=n+l;T(e),t.current&&t.current.scrollTo({left:e,behavior:"smooth"})})}},S=function(){clearTimeout(j.current||0),j.current=setTimeout(T,100)};return n.useEffect(function(){return t.current&&i&&(requestAnimationFrame(function(){T()}),t.current.addEventListener("scroll",S,{passive:!0})),function(){clearTimeout(j.current||0),t.current&&i&&t.current.removeEventListener("scroll",S)}},[i,y]),i&&(A.prev||A.next)?g.default.createElement(g.default.Fragment,null,g.default.createElement("div",{className:q.default(k,x.default({},P,!A.prev)),style:{zIndex:m}},g.default.createElement(c.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:o?w:void 0,onClick:function(e){"function"==typeof b&&b(e),F(-1)},disabled:!A.prev,title:E(v||(v=N.default(["Назад"])))},g.default.createElement(a.Icon,{className:I,"icon-events":"none","icon-as":d.SvgLeft}))),g.default.createElement("div",{className:q.default(O,x.default({},P,!A.next)),style:{zIndex:m}},g.default.createElement(c.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:o?w:void 0,onClick:function(e){"function"==typeof u&&u(e),F(1)},disabled:!A.next,title:E(p||(p=N.default(["Далее"])))},g.default.createElement(a.Icon,{className:I,"icon-events":"none","icon-as":f.SvgRight})))):null};z.displayName="ScrollControlsButton";var L=["children","className","hideOnDisabled","isActive","onClickNext","onClickPrev","showOnHover","step","zIndex"],A=g.forwardRef(function(e,t){var r=e.children,n=e.className,o=e.hideOnDisabled,i=void 0===o||o,u=e.isActive,c=void 0===u||u,a=e.onClickNext,s=e.onClickPrev,d=e.showOnHover,f=void 0!==d&&d,b=e.step,m=e.zIndex,v=y.default(e,L),p=l.useForwardRef(t,null);return g.createElement("div",h.default({className:q.default(E,n,x.default({},j,f))},v),g.cloneElement(r,{ref:p}),g.createElement(z,{scrollRef:p,hideOnDisabled:i,isActive:c,onClickNext:a,onClickPrev:s,step:b,zIndex:m},r))});A.displayName="ScrollControls",exports.ScrollControls=A,require("./style.production.v2.css");