@cloud-ru/uikit-product-site-section 0.23.3 → 0.23.5

package/dist/cjs/helperComponents/CardSocial/CardSocial.js

@@ -0,0 +1,34 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardSocial = CardSocial;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const uikit_product_site_cards_1 = require("@sbercloud/uikit-product-site-cards");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const card_1 = require("@snack-uikit/card");
+const typography_1 = require("@snack-uikit/typography");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+const utils_1 = require("./utils");
+function CardSocial(_a) {
+    var { title, description, icon, href, target = '_blank', onClick, disabled = false, className, layoutType, 'data-test-id': dataTestId = 'card-social' } = _a, rest = __rest(_a, ["title", "description", "icon", "href", "target", "onClick", "disabled", "className", "layoutType", 'data-test-id']);
+    const { anchorRef, handleCardKeyDown, handleCardClick, handleLinkClick } = (0, uikit_product_site_cards_1.useCardInteractions)({
+        href,
+        onClick,
+        disabled,
+    });
+    return ((0, jsx_runtime_1.jsx)(card_1.Card, Object.assign({}, (0, uikit_product_utils_1.extractSupportProps)(rest), { size: 'm', className: (0, classnames_1.default)(styles_module_scss_1.default.card, className), disabled: disabled, onClick: handleCardClick, onKeyDown: handleCardKeyDown, "data-test-id": dataTestId, children: (0, jsx_runtime_1.jsxs)("div", { "data-layout-type": layoutType, className: styles_module_scss_1.default.wrapper, children: [icon && (0, jsx_runtime_1.jsx)(uikit_product_site_cards_1.Icon, { size: 'l', "data-test-id": `${dataTestId}__icon`, icon: icon }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.content, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, { tag: 'h3', family: 'sans', purpose: 'title', size: (0, utils_1.getTypographySize)(layoutType), className: styles_module_scss_1.default.title, "data-test-id": `${dataTestId}__title`, children: (0, jsx_runtime_1.jsx)("a", { tabIndex: -1, ref: anchorRef, href: href, target: target, onClick: handleLinkClick, "data-test-id": `${dataTestId}__title-link`, children: title }) }), description && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { tag: 'h3', family: 'sans', purpose: 'body', size: (0, utils_1.getTypographySize)(layoutType), className: styles_module_scss_1.default.description, "data-test-id": `${dataTestId}__description`, children: description }))] })] }) })));
+}

package/dist/cjs/helperComponents/CardSocial/index.d.ts

@@ -0,0 +1 @@
+export * from './CardSocial';

package/dist/cjs/helperComponents/CardSocial/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./CardSocial"), exports);

package/dist/cjs/helperComponents/CardSocial/styles.module.css

@@ -0,0 +1,42 @@
+.card{
+  position:relative;
+}
+
+.wrapper{
+  display:flex;
+  flex-direction:row;
+  align-items:flex-start;
+  gap:16px;
+}
+.wrapper[data-layout-type=mobile], .wrapper[data-layout-type=tablet]{
+  flex-direction:column;
+  gap:12px;
+}
+
+.content{
+  display:flex;
+  flex-direction:column;
+  align-items:flex-start;
+  gap:4px;
+  width:100%;
+}
+
+.title{
+  color:var(--sys-neutral-text-main, #41424e);
+}
+.title a{
+  color:inherit;
+  text-decoration:none;
+}
+.title a::before{
+  content:"";
+  position:absolute;
+  top:0;
+  left:0;
+  right:0;
+  bottom:0;
+}
+
+.description{
+  color:var(--sys-neutral-text-support, #656774);
+}

package/dist/cjs/helperComponents/CardSocial/utils.d.ts

@@ -0,0 +1,3 @@
+import { LayoutType } from '@sbercloud/uikit-product-utils';
+import { TypographyProps } from '@snack-uikit/typography';
+export declare const getTypographySize: (layoutType: LayoutType) => TypographyProps["size"];

package/dist/cjs/helperComponents/CardSocial/utils.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTypographySize = void 0;
+const getTypographySize = (layoutType) => {
+    switch (layoutType) {
+        case 'tablet':
+        case 'mobile':
+            return 'm';
+        default:
+            return 'l';
+    }
+};
+exports.getTypographySize = getTypographySize;

package/dist/cjs/helperComponents/Expert/Expert.d.ts

@@ -0,0 +1,5 @@
+import { ExpertDetails } from '../../components/SectionExpertsCarousel/types';
+export type ExpertProps = ExpertDetails & {
+    className?: string;
+};
+export declare function Expert({ image, name, surname, jobTitle, className }: ExpertProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/Expert/Expert.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Expert = Expert;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const typography_1 = require("@snack-uikit/typography");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function Expert({ image, name, surname, jobTitle, className }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.expert, className), children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.imageWrapper, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.imageBackground }), (0, jsx_runtime_1.jsx)("img", { src: image, alt: 'expert', className: styles_module_scss_1.default.image })] }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.personalDetails, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography.SansTitleL, { className: styles_module_scss_1.default.detailsColor, children: name }), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansTitleL, { className: styles_module_scss_1.default.detailsColor, children: surname })] }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.jobTitle, children: (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyM, { className: styles_module_scss_1.default.detailsColor, children: jobTitle }) })] }));
+}

package/dist/cjs/helperComponents/Expert/index.d.ts

@@ -0,0 +1 @@
+export * from './Expert';

package/dist/cjs/helperComponents/Expert/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Expert"), exports);

package/dist/cjs/helperComponents/Expert/styles.module.css

@@ -0,0 +1,38 @@
+.expert{
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-1m, 8px);
+  overflow:hidden;
+}
+
+.imageWrapper{
+  display:flex;
+  justify-content:center;
+  position:relative;
+}
+
+.imageBackground{
+  position:absolute;
+  width:100%;
+  height:100%;
+  background-color:var(--sys-neutral-accent-default, #787b8a);
+  opacity:0.08;
+}
+
+.personalDetails,
+.jobTitle{
+  display:flex;
+  flex-direction:column;
+}
+
+.detailsColor{
+  color:var(--sys-neutral-text-main, #41424e);
+}
+
+.image{
+  position:relative;
+  height:290px;
+  -o-object-fit:cover;
+     object-fit:cover;
+  pointer-events:none;
+}

package/dist/cjs/helperComponents/PromoList/PromoList.d.ts

@@ -0,0 +1,6 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+export type PromoListProps = {
+    title: string;
+    items: string[];
+};
+export declare function PromoList({ title, items, layoutType }: WithLayoutType<PromoListProps>): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/PromoList/PromoList.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PromoList = PromoList;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const uikit_product_site_rich_text_1 = require("@sbercloud/uikit-product-site-rich-text");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function PromoList({ title, items, layoutType }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.promoList, "data-layout-type": layoutType, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.title, "data-layout-type": layoutType, "data-test-id": 'promo-list__card_title', children: (0, jsx_runtime_1.jsx)(uikit_product_site_rich_text_1.RichText, { richText: title }) }), (0, jsx_runtime_1.jsx)("ul", { className: styles_module_scss_1.default.list, children: items.map(item => ((0, jsx_runtime_1.jsxs)("li", { className: styles_module_scss_1.default.listItem, children: [(0, jsx_runtime_1.jsx)(uikit_product_icons_1.DecorCheckedSVG, { className: styles_module_scss_1.default.listItemIcon }), (0, jsx_runtime_1.jsx)(uikit_product_site_rich_text_1.RichText, { richText: item })] }, item))) })] }));
+}

package/dist/cjs/helperComponents/PromoList/index.d.ts

@@ -0,0 +1 @@
+export * from './PromoList';

package/dist/cjs/helperComponents/PromoList/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PromoList"), exports);

package/dist/cjs/helperComponents/PromoList/styles.module.css

@@ -0,0 +1,53 @@
+.promoList{
+  display:flex;
+  flex-direction:column;
+  gap:16px;
+  color:var(--sys-invert-neutral-text-main, #e6e8ef);
+  position:relative;
+  max-width:480px;
+}
+.promoList[data-layout-type=mobile]{
+  max-width:100%;
+}
+
+.title{
+  font-family:var(--sans-headline-s-font-family, SB Sans Interface);
+  font-weight:var(--sans-headline-s-font-weight, Semibold);
+  line-height:var(--sans-headline-s-line-height, 32px);
+  font-size:var(--sans-headline-s-font-size, 24px);
+  letter-spacing:var(--sans-headline-s-letter-spacing, -0.5px);
+  paragraph-spacing:var(--sans-headline-s-paragraph-spacing, 13.2px);
+}
+.title[data-layout-type=tablet], .title[data-layout-type=mobile]{
+  font-family:var(--sans-title-l-font-family, SB Sans Interface);
+  font-weight:var(--sans-title-l-font-weight, Semibold);
+  line-height:var(--sans-title-l-line-height, 28px);
+  font-size:var(--sans-title-l-font-size, 20px);
+  letter-spacing:var(--sans-title-l-letter-spacing, 0.15px);
+  paragraph-spacing:var(--sans-title-l-paragraph-spacing, 11px);
+}
+
+.list{
+  list-style:none;
+  padding:0;
+  margin:0;
+  display:flex;
+  flex-direction:column;
+  gap:16px;
+}
+
+.listItem{
+  font-family:var(--sans-body-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-m-font-weight, Regular);
+  line-height:var(--sans-body-m-line-height, 20px);
+  font-size:var(--sans-body-m-font-size, 14px);
+  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
+  display:flex;
+  gap:8px;
+}
+
+.listItemIcon{
+  color:var(--sys-invert-neutral-accent-default, #cfd2dc);
+  flex-shrink:0;
+}

package/dist/cjs/helperComponents/SectionButton/SectionButton.d.ts

@@ -0,0 +1,2 @@
+import { SectionButtonProps } from './types';
+export declare function SectionButton(button: SectionButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/SectionButton/SectionButton.js

@@ -0,0 +1,28 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionButton = SectionButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const button_1 = require("@snack-uikit/button");
+const link_1 = require("@snack-uikit/link");
+function SectionButton(button) {
+    const { type } = button, buttonProps = __rest(button, ["type"]);
+    if (button.href) {
+        return (0, jsx_runtime_1.jsx)(link_1.Link, Object.assign({}, buttonProps, { text: button.label, size: 'l', insideText: true }), button.label);
+    }
+    if (type === 'outline') {
+        return (0, jsx_runtime_1.jsx)(button_1.ButtonOutline, Object.assign({ size: 'l', appearance: 'neutral', icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.ArrowLinksSVG, {}) }, buttonProps), button.label);
+    }
+    return (0, jsx_runtime_1.jsx)(button_1.ButtonFilled, Object.assign({ size: 'l' }, buttonProps), button.label);
+}

package/dist/cjs/helperComponents/SectionButton/index.d.ts

@@ -0,0 +1 @@
+export * from './SectionButton';

package/dist/cjs/helperComponents/SectionButton/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SectionButton"), exports);

package/dist/cjs/helperComponents/SectionButton/types.d.ts

@@ -0,0 +1,8 @@
+import { ButtonFilledProps } from '@snack-uikit/button';
+export type SectionButtonProps = {
+    label: string;
+    href?: string;
+    target?: ButtonFilledProps['target'];
+    onClick?: ButtonFilledProps['onClick'];
+    type?: 'brand' | 'outline';
+};

package/dist/cjs/helperComponents/SectionButton/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/helperComponents/SectionCarousel/SectionCarousel.d.ts

@@ -0,0 +1,2 @@
+import { SectionCarouselProps } from './types';
+export declare function SectionCarousel({ id, title, titleTag, subtitle, subtitleTag, titleSectionSize, description, children, itemMinWidth, maxItemsPerPage, backgroundColor, className, layoutType, gap, moreButton, autoSwipe, infiniteScroll, ...rest }: SectionCarouselProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/SectionCarousel/SectionCarousel.js

@@ -0,0 +1,61 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionCarousel = SectionCarousel;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lodash_debounce_1 = __importDefault(require("lodash.debounce"));
+const react_1 = require("react");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const carousel_1 = require("@snack-uikit/carousel");
+const components_1 = require("../../components");
+const constants_1 = require("../../constants");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+const utils_1 = require("./utils");
+const MOBILE_LAYOUTS = ['tablet', 'mobile'];
+function SectionCarousel(_a) {
+    var { id, title, titleTag, subtitle, subtitleTag, titleSectionSize, description, children, itemMinWidth, maxItemsPerPage, backgroundColor = constants_1.SECTION_COLORS.NeutralBackground1Level, className, layoutType, gap, moreButton, autoSwipe = 9, infiniteScroll = true } = _a, rest = __rest(_a, ["id", "title", "titleTag", "subtitle", "subtitleTag", "titleSectionSize", "description", "children", "itemMinWidth", "maxItemsPerPage", "backgroundColor", "className", "layoutType", "gap", "moreButton", "autoSwipe", "infiniteScroll"]);
+    const [currentPage, setCurrentPage] = (0, react_1.useState)(0);
+    const [itemsPerPageAmount, setItemsPerPageAmount] = (0, react_1.useState)(0);
+    const wrapperRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const node = wrapperRef.current;
+        if (!node) {
+            return;
+        }
+        const calculateAmountOfItems = () => {
+            var _a;
+            const wrapperWidth = (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
+            if (!wrapperWidth) {
+                return;
+            }
+            setItemsPerPageAmount((0, utils_1.calculateAmountOfItemsPerPage)({
+                wrapperWidth,
+                itemMinWidth,
+                maxItemsPerPage,
+            }));
+        };
+        const observer = new ResizeObserver((0, lodash_debounce_1.default)(calculateAmountOfItems, 100));
+        observer.observe(node);
+        return () => observer.disconnect();
+    }, [itemMinWidth, maxItemsPerPage]);
+    const showArrows = (0, react_1.useMemo)(() => {
+        if (MOBILE_LAYOUTS.includes(layoutType)) {
+            return false;
+        }
+        return children.length > itemsPerPageAmount;
+    }, [children.length, itemsPerPageAmount, layoutType]);
+    return ((0, jsx_runtime_1.jsx)(components_1.SectionBasic, Object.assign({ id: id, layoutType: layoutType, className: className, "data-section-background": backgroundColor, title: title, titleTag: titleTag, subtitle: subtitle, subtitleTag: subtitleTag, titleSectionSize: titleSectionSize, description: description, backgroundColor: backgroundColor, moreButton: moreButton }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: (0, jsx_runtime_1.jsx)("div", { ref: wrapperRef, className: styles_module_scss_1.default.sectionCarousel, "data-layout-type": layoutType, children: itemsPerPageAmount > 0 && ((0, jsx_runtime_1.jsx)(carousel_1.Carousel, { state: { page: currentPage, onChange: setCurrentPage }, arrows: showArrows, controlsVisibility: 'always', showItems: itemsPerPageAmount, pagination: children.length > itemsPerPageAmount, swipe: children.length > itemsPerPageAmount, gap: gap, autoSwipe: infiniteScroll ? autoSwipe : undefined, infiniteScroll: infiniteScroll, children: children })) }) })));
+}

package/dist/cjs/helperComponents/SectionCarousel/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SectionCarousel';
+export { type SectionCarouselProps, type LimitedSectionCarouselProps } from './types';

package/dist/cjs/helperComponents/SectionCarousel/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SectionCarousel"), exports);

package/dist/cjs/helperComponents/SectionCarousel/styles.module.css

@@ -0,0 +1,5 @@
+.sectionCarousel{
+  width:100%;
+  display:flex;
+  flex-direction:column;
+}

package/dist/cjs/helperComponents/SectionCarousel/types.d.ts

@@ -0,0 +1,32 @@
+import { ReactElement } from 'react';
+import { WithLayoutType, WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { CarouselProps } from '@snack-uikit/carousel';
+import { SectionBasicProps } from '../../components';
+import { SectionColor } from '../../types';
+import { SectionTitleProps } from '../SectionTitle';
+type CarouselSlideConfig = {
+    /** Массив повторяющихся айтмов, из которых состоят слайды карусели */
+    children: ReactElement[];
+    /** Минимальная ширина айтема */
+    itemMinWidth: number;
+    /** Максимальное количество айтемов на слайде */
+    maxItemsPerPage: number;
+};
+export type SectionCarouselProps = WithSupportProps<WithLayoutType<SectionTitleProps & CarouselSlideConfig & {
+    /** id секции */
+    id?: string;
+    /** Цвет фона */
+    backgroundColor?: SectionColor;
+    /** CSS - класснейм */
+    className?: string;
+    /**
+     * Автоматическое переключение слайдов в секундах
+     * @default 9
+     */
+    autoSwipe?: number;
+} & Pick<CarouselProps, 'gap' | 'autoSwipe' | 'infiniteScroll'> & Pick<SectionBasicProps, 'moreButton'>>>;
+export type LimitedSectionCarouselProps<T extends object> = Omit<SectionCarouselProps, keyof CarouselSlideConfig> & {
+    /** Массив айтемов */
+    items: T[];
+};
+export {};

package/dist/cjs/helperComponents/SectionCarousel/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/helperComponents/SectionCarousel/utils.d.ts

@@ -0,0 +1,6 @@
+import { SectionCarouselProps } from './types';
+type Props = Pick<SectionCarouselProps, 'itemMinWidth' | 'maxItemsPerPage'> & {
+    wrapperWidth: number;
+};
+export declare const calculateAmountOfItemsPerPage: ({ wrapperWidth, itemMinWidth, maxItemsPerPage }: Props) => number;
+export {};

package/dist/cjs/helperComponents/SectionCarousel/utils.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateAmountOfItemsPerPage = void 0;
+const calculateAmountOfItemsPerPage = ({ wrapperWidth, itemMinWidth, maxItemsPerPage }) => {
+    const amount = Math.floor(wrapperWidth / itemMinWidth);
+    return amount > maxItemsPerPage ? maxItemsPerPage : amount;
+};
+exports.calculateAmountOfItemsPerPage = calculateAmountOfItemsPerPage;

package/dist/cjs/helperComponents/SectionCatalogFooter/SectionCatalogFooter.d.ts

@@ -0,0 +1,12 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { ButtonFunctionProps } from '@snack-uikit/button';
+type FooterItem = {
+    label: string;
+    href?: string;
+    onClick?: ButtonFunctionProps['onClick'];
+};
+export type SectionCatalogFooterProps = WithLayoutType<{
+    items: FooterItem[];
+}>;
+export declare function SectionCatalogFooter({ items, layoutType }: SectionCatalogFooterProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/cjs/helperComponents/SectionCatalogFooter/SectionCatalogFooter.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionCatalogFooter = SectionCatalogFooter;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const button_1 = require("@snack-uikit/button");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function SectionCatalogFooter({ items, layoutType }) {
+    if (items.length === 0) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.footer, "data-layout-type": layoutType, children: items.map(({ label, onClick, href }) => ((0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { label: label, size: 'm', onClick: onClick, href: href, icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.ChevronRightSVG, {}) }, label))) }));
+}

package/dist/cjs/helperComponents/SectionCatalogFooter/index.d.ts

@@ -0,0 +1 @@
+export * from './SectionCatalogFooter';

package/dist/cjs/helperComponents/SectionCatalogFooter/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SectionCatalogFooter"), exports);

package/dist/cjs/helperComponents/SectionCatalogFooter/styles.module.css

@@ -0,0 +1,8 @@
+.footer{
+  display:flex;
+  flex-direction:column;
+  padding-left:8px;
+}
+.footer[data-layout-type=tablet], .footer[data-layout-type=mobile]{
+  padding-left:0;
+}

package/dist/cjs/helperComponents/SectionTitle/SectionTitle.d.ts

@@ -0,0 +1,22 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { Link, PickLinkProps } from '@snack-uikit/link';
+import { SectionTag, Size } from './types';
+export type SectionTitleProps = WithLayoutType<{
+    /** Название секции */
+    title?: string;
+    /** Подзаголовок секции */
+    subtitle?: string;
+    /** Ссылка в названии */
+    titleLink?: PickLinkProps<typeof Link, 'href' | 'onClick' | 'target' | 'appearance' | 'textMode'>;
+    /** Описание секции */
+    description?: string;
+    /** Размер шрифтов заголовка и подзаголовка */
+    titleSectionSize?: Size;
+    /** Тег заголовка */
+    titleTag?: SectionTag;
+    /** Тег подзаголовка */
+    subtitleTag?: SectionTag;
+    /** Выравнивание текста */
+    titleAlign?: 'left' | 'center';
+}>;
+export declare function SectionTitle({ title, subtitle, titleLink, description, titleSectionSize, titleTag, subtitleTag, layoutType, titleAlign, }: SectionTitleProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/SectionTitle/SectionTitle.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionTitle = SectionTitle;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uikit_product_site_rich_text_1 = require("@sbercloud/uikit-product-site-rich-text");
+const link_1 = require("@snack-uikit/link");
+const typography_1 = require("@snack-uikit/typography");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+const utils_1 = require("./utils");
+function SectionTitle({ title, subtitle, titleLink, description, titleSectionSize = 'm', titleTag = 'h2', subtitleTag = 'h3', layoutType, titleAlign = 'left', }) {
+    const titleProps = (0, react_1.useMemo)(() => (0, utils_1.getTitleTypographyProps)({ titleSectionSize, layoutType }), [layoutType, titleSectionSize]);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (title || description) && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.sectionTitle, "data-align": titleAlign, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.titlesWrapper, "data-align": titleAlign, children: [title && ((0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({ family: 'sans' }, titleProps, { tag: titleTag, className: styles_module_scss_1.default.title, children: titleLink ? (0, jsx_runtime_1.jsx)(link_1.Link, Object.assign({}, titleLink, titleProps, { text: title })) : (0, jsx_runtime_1.jsx)(uikit_product_site_rich_text_1.RichText, { richText: title }) }))), subtitle && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { family: 'sans', purpose: 'label', size: 'l', tag: subtitleTag, className: styles_module_scss_1.default.subtitle, children: (0, jsx_runtime_1.jsx)(uikit_product_site_rich_text_1.RichText, { richText: subtitle }) }))] }), description && ((0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyL, { className: styles_module_scss_1.default.description, children: (0, jsx_runtime_1.jsx)(uikit_product_site_rich_text_1.RichText, { richText: description }) }))] })) }));
+}