@itcase/ui 1.9.19 → 1.9.21

package/dist/cjs/components/Pagination.js

@@ -85,25 +85,25 @@ const paginationAppearanceShape = {
         fillInputShape: 'rounded',
         fillInputShapeStrength: '2m',
         pageCountDropdownShape: 'rounded',
-        pageCountDropdownShapeStrength: '2m'
+        pageCountDropdownShapeStrength: '2m',
     },
     roundedL: {
         fillInputShape: 'rounded',
         fillInputShapeStrength: '1_5m',
         pageCountDropdownShape: 'rounded',
-        pageCountDropdownShapeStrength: '1_5m'
+        pageCountDropdownShapeStrength: '1_5m',
     },
     roundedM: {
         fillInputShape: 'rounded',
         fillInputShapeStrength: '1m',
         pageCountDropdownShape: 'rounded',
-        pageCountDropdownShapeStrength: '1m'
+        pageCountDropdownShapeStrength: '1m',
     },
     roundedS: {
         fillInputShape: 'rounded',
         fillInputShapeStrength: '0_5m',
         pageCountDropdownShape: 'rounded',
-        pageCountDropdownShapeStrength: '0_5m'
+        pageCountDropdownShapeStrength: '0_5m',
     },
 };
 

package/dist/cjs/components/Response.js

@@ -294,7 +294,7 @@ const RESPONSE_MESSAGES = {
         primaryButtonLabel: 'ОК',
     },
     nothingFound: {
-        appearance: 'refresh ghost',
+        appearance: 'nothingFound ghost',
         title: 'Ничего не найдено',
         desc: 'Нет данных по заданным параметрам',
         // code: '500',

package/dist/cjs/components/Swiper.js

@@ -4,9 +4,12 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var react = require('swiper/react');
+var Group = require('../../Group_cjs_CFzdSMKV.js');
+var Text = require('../../Text_cjs_DG2eMKBi.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
 var Icon = require('../../Icon_cjs_BgGtdviU.js');
+require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
@@ -23,13 +26,11 @@ require('lodash/maxBy');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 require('../../Link_cjs_qKXVfU8e.js');
-require('../../Text_cjs_DG2eMKBi.js');
 
 function Swiper(props) {
-    const { id, className, direction, title, titleAfter, titleSize, titleTextColor, titleWeight, setNextBtnDisabled, setPrevBtnDisabled, activeSlideIndex = 0, allowTouchMove, autoHeight, breakpoints, forwardedRef, // https://github.com/vercel/next.js/issues/4957
-    freeMode, items, keyboard, loop, modules, mousewheel, nextButton, normalizeSlideIndex, pagination, prevButton, preventClicks, preventClicksPropagation, set, simulateTouch, slidesPerView, spaceBetween, speed, swiperClass, swiperSlideClass, isChangeOnClickSlide, isInit, isNavigation = false, isScrollbar, onSlideNextTransitionEnd, onSlidePrevTransitionEnd, onSwiper, onUpdate, children, } = props;
+    const { id, className, direction, minZoom = 1, maxZoom = 5, title, titleAfter, titleSize, titleTextColor, titleWeight, activeSlideIndex = 0, allowTouchMove, autoHeight, breakpoints, forwardedRef, // https://github.com/vercel/next.js/issues/4957
+    freeMode, items, keyboard, loop, modules, mousewheel, nextButton, normalizeSlideIndex, pagination, prevButton, preventClicks, preventClicksPropagation, simulateTouch, slidesPerView, spaceBetween, speed, swiperClass, swiperSlideClass, isChangeOnClickSlide, isInit, isNavigation = false, isScrollbar, isShowOriginalLink = false, isZoomEnabled = false, setNextBtnDisabled, setPrevBtnDisabled, onSlideNextTransitionEnd, onSlidePrevTransitionEnd, onSwiper, onUpdate, children, } = props;
     const swiperRef = React.useRef(null);
     const isMountedRef = React.useRef(false);
     const [nextEl, nextRef] = useSwiperRef();
@@ -56,6 +57,13 @@ function Swiper(props) {
             setNextBtnDisabled(swiper.isEnd);
         }
     }, [isLoop, setPrevBtnDisabled, setNextBtnDisabled]);
+    const onClickShowOriginalButton = React.useCallback(() => {
+        const swiperInstance = swiperRef.current?.swiper;
+        const imgElement = swiperInstance?.slides[swiperInstance.activeIndex]?.querySelector('img');
+        if (imgElement?.src) {
+            window.open(imgElement.src, '_blank');
+        }
+    }, [swiperRef]);
     // @ts-expect-error
     React.useImperativeHandle(forwardedRef, () => swiperRef.current, []);
     React.useEffect(() => {
@@ -73,8 +81,13 @@ function Swiper(props) {
     const { alignClass, alignDirectionClass, fillClass, shapeClass } = propsGenerator;
     // @ts-expect-error
     const { styles: style } = useStyles.useStyles(props);
-    return (jsxRuntime.jsxs("div", { id: id, className: clsx('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass && `fill_${fillClass}`, shapeClass && `swiper_shape_${shapeClass}`, className, set && `swiper-block_set_${set}`), style: style, children: [(title || (prevButton && nextButton)) && (jsxRuntime.jsxs("div", { className: "swiper-block__wrapper", children: [title && (jsxRuntime.jsx(Icon.Title, { className: "swiper-block__title", size: titleSize, textColor: titleTextColor, textWeight: titleWeight, children: title })), titleAfter, prevButton && nextButton && (jsxRuntime.jsxs("div", { className: "swiper-block__navigation", children: [jsxRuntime.jsx("div", { className: "swiper-block__prev swiper-button", ref: prevRef, children: prevButton }), jsxRuntime.jsx("div", { className: "swiper-block__next swiper-button", ref: nextRef, children: nextButton })] }))] })), jsxRuntime.jsx(react.Swiper, { className: clsx('swiper-block__swiper', swiperClass), ref: swiperRef, direction: direction, allowTouchMove: allowTouchMove, autoHeight: autoHeight ?? false, breakpoints: breakpoints, centeredSlides: true, freeMode: freeMode, init: isInit ?? true, keyboard: keyboard, loop: isLoop, modules: modules, mousewheel: mousewheel, navigation: isNavigation ? { nextEl, prevEl } : false, normalizeSlideIndex: normalizeSlideIndex, pagination: pagination, preventClicks: preventClicks, preventClicksPropagation: preventClicksPropagation, scrollbar: isScrollbar, simulateTouch: simulateTouch, slidesPerView: slidesPerView, spaceBetween: spaceBetween, speed: speed ?? 500, onInit: onInitSwiper, onSlideChange: onSlideChange, onSlideNextTransitionEnd: onSlideNextTransitionEnd, onSlidePrevTransitionEnd: onSlidePrevTransitionEnd, onSwiper: onSwiper, onTransitionStart: onTransitionStart, onUpdate: onUpdate, children: children ||
-                    items?.map((item, i) => (jsxRuntime.jsx(react.SwiperSlide, { className: clsx('swiper-block__item', swiperSlideClass, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`), children: item }, `swiper-slide_${i}`))) })] }));
+    return (jsxRuntime.jsxs("div", { id: id, className: clsx('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass && `fill_${fillClass}`, shapeClass && `swiper_shape_${shapeClass}`, className), style: style, children: [(title || (prevButton && nextButton)) && (jsxRuntime.jsxs("div", { className: "swiper-block__wrapper", children: [title && (jsxRuntime.jsx(Icon.Title, { className: "swiper-block__title", size: titleSize, textColor: titleTextColor, textWeight: titleWeight, children: title })), titleAfter, prevButton && nextButton && (jsxRuntime.jsxs("div", { className: "swiper-block__navigation", children: [jsxRuntime.jsx("div", { className: "swiper-block__prev swiper-button", ref: prevRef, children: prevButton }), jsxRuntime.jsx("div", { className: "swiper-block__next swiper-button", ref: nextRef, children: nextButton })] }))] })), jsxRuntime.jsx(react.Swiper, { className: clsx('swiper-block__swiper', swiperClass), ref: swiperRef, direction: direction, allowTouchMove: allowTouchMove, autoHeight: autoHeight ?? false, breakpoints: breakpoints, centeredSlides: true, freeMode: freeMode, init: isInit ?? true, keyboard: keyboard, loop: isLoop, modules: modules, mousewheel: mousewheel, navigation: isNavigation ? { nextEl, prevEl } : false, normalizeSlideIndex: normalizeSlideIndex, pagination: pagination, preventClicks: preventClicks, preventClicksPropagation: preventClicksPropagation, scrollbar: isScrollbar, simulateTouch: simulateTouch, slidesPerView: slidesPerView, spaceBetween: spaceBetween, speed: speed ?? 500, zoom: {
+                    minRatio: minZoom,
+                    maxRatio: maxZoom,
+                    enabled: isZoomEnabled,
+                    toggle: true,
+                }, onInit: onInitSwiper, onSlideChange: onSlideChange, onSlideNextTransitionEnd: onSlideNextTransitionEnd, onSlidePrevTransitionEnd: onSlidePrevTransitionEnd, onSwiper: onSwiper, onTransitionStart: onTransitionStart, onUpdate: onUpdate, children: children ||
+                    items?.map((item, i) => (jsxRuntime.jsx(react.SwiperSlide, { className: clsx('swiper-block__item', isZoomEnabled && 'swiper-block__item_zooming', swiperSlideClass, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`), children: isZoomEnabled ? (jsxRuntime.jsx("div", { className: "swiper-zoom-container", children: item })) : (item) }, `swiper-slide_${i}`))) }), isShowOriginalLink && (jsxRuntime.jsx(Group.Group, { width: "fill", fill: "surfacePrimary", padding: "1m 0", children: jsxRuntime.jsx(Text.Text, { size: "m", textColor: "surfaceTextPrimary", onClick: onClickShowOriginalButton, children: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043E\u0440\u0438\u0433\u0438\u043D\u0430\u043B" }) }))] }));
 }
 // https://github.com/nolimits4web/swiper/issues/3855#issuecomment-1050694342
 const useSwiperRef = () => {

package/dist/components/Pagination.js

@@ -83,25 +83,25 @@ const paginationAppearanceShape = {
         fillInputShape: 'rounded',
         fillInputShapeStrength: '2m',
         pageCountDropdownShape: 'rounded',
-        pageCountDropdownShapeStrength: '2m'
+        pageCountDropdownShapeStrength: '2m',
     },
     roundedL: {
         fillInputShape: 'rounded',
         fillInputShapeStrength: '1_5m',
         pageCountDropdownShape: 'rounded',
-        pageCountDropdownShapeStrength: '1_5m'
+        pageCountDropdownShapeStrength: '1_5m',
     },
     roundedM: {
         fillInputShape: 'rounded',
         fillInputShapeStrength: '1m',
         pageCountDropdownShape: 'rounded',
-        pageCountDropdownShapeStrength: '1m'
+        pageCountDropdownShapeStrength: '1m',
     },
     roundedS: {
         fillInputShape: 'rounded',
         fillInputShapeStrength: '0_5m',
         pageCountDropdownShape: 'rounded',
-        pageCountDropdownShapeStrength: '0_5m'
+        pageCountDropdownShapeStrength: '0_5m',
     },
 };
 

package/dist/components/Response.js

@@ -292,7 +292,7 @@ const RESPONSE_MESSAGES = {
         primaryButtonLabel: 'ОК',
     },
     nothingFound: {
-        appearance: 'refresh ghost',
+        appearance: 'nothingFound ghost',
         title: 'Ничего не найдено',
         desc: 'Нет данных по заданным параметрам',
         // code: '500',

package/dist/components/Swiper.js

@@ -2,9 +2,12 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useCallback, useImperativeHandle, useEffect, useState } from 'react';
 import clsx from 'clsx';
 import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
+import { G as Group } from '../Group_es_BwTj-yH-.js';
+import { T as Text } from '../Text_es_CU9KR5AE.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { b as Title } from '../Icon_es_CtZHchZc.js';
+import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -21,13 +24,11 @@ import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../Link_es_P2b6ya7P.js';
-import '../Text_es_CU9KR5AE.js';
 
 function Swiper(props) {
-    const { id, className, direction, title, titleAfter, titleSize, titleTextColor, titleWeight, setNextBtnDisabled, setPrevBtnDisabled, activeSlideIndex = 0, allowTouchMove, autoHeight, breakpoints, forwardedRef, // https://github.com/vercel/next.js/issues/4957
-    freeMode, items, keyboard, loop, modules, mousewheel, nextButton, normalizeSlideIndex, pagination, prevButton, preventClicks, preventClicksPropagation, set, simulateTouch, slidesPerView, spaceBetween, speed, swiperClass, swiperSlideClass, isChangeOnClickSlide, isInit, isNavigation = false, isScrollbar, onSlideNextTransitionEnd, onSlidePrevTransitionEnd, onSwiper, onUpdate, children, } = props;
+    const { id, className, direction, minZoom = 1, maxZoom = 5, title, titleAfter, titleSize, titleTextColor, titleWeight, activeSlideIndex = 0, allowTouchMove, autoHeight, breakpoints, forwardedRef, // https://github.com/vercel/next.js/issues/4957
+    freeMode, items, keyboard, loop, modules, mousewheel, nextButton, normalizeSlideIndex, pagination, prevButton, preventClicks, preventClicksPropagation, simulateTouch, slidesPerView, spaceBetween, speed, swiperClass, swiperSlideClass, isChangeOnClickSlide, isInit, isNavigation = false, isScrollbar, isShowOriginalLink = false, isZoomEnabled = false, setNextBtnDisabled, setPrevBtnDisabled, onSlideNextTransitionEnd, onSlidePrevTransitionEnd, onSwiper, onUpdate, children, } = props;
     const swiperRef = useRef(null);
     const isMountedRef = useRef(false);
     const [nextEl, nextRef] = useSwiperRef();
@@ -54,6 +55,13 @@ function Swiper(props) {
             setNextBtnDisabled(swiper.isEnd);
         }
     }, [isLoop, setPrevBtnDisabled, setNextBtnDisabled]);
+    const onClickShowOriginalButton = useCallback(() => {
+        const swiperInstance = swiperRef.current?.swiper;
+        const imgElement = swiperInstance?.slides[swiperInstance.activeIndex]?.querySelector('img');
+        if (imgElement?.src) {
+            window.open(imgElement.src, '_blank');
+        }
+    }, [swiperRef]);
     // @ts-expect-error
     useImperativeHandle(forwardedRef, () => swiperRef.current, []);
     useEffect(() => {
@@ -71,8 +79,13 @@ function Swiper(props) {
     const { alignClass, alignDirectionClass, fillClass, shapeClass } = propsGenerator;
     // @ts-expect-error
     const { styles: style } = useStyles(props);
-    return (jsxs("div", { id: id, className: clsx('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass && `fill_${fillClass}`, shapeClass && `swiper_shape_${shapeClass}`, className, set && `swiper-block_set_${set}`), style: style, children: [(title || (prevButton && nextButton)) && (jsxs("div", { className: "swiper-block__wrapper", children: [title && (jsx(Title, { className: "swiper-block__title", size: titleSize, textColor: titleTextColor, textWeight: titleWeight, children: title })), titleAfter, prevButton && nextButton && (jsxs("div", { className: "swiper-block__navigation", children: [jsx("div", { className: "swiper-block__prev swiper-button", ref: prevRef, children: prevButton }), jsx("div", { className: "swiper-block__next swiper-button", ref: nextRef, children: nextButton })] }))] })), jsx(Swiper$1, { className: clsx('swiper-block__swiper', swiperClass), ref: swiperRef, direction: direction, allowTouchMove: allowTouchMove, autoHeight: autoHeight ?? false, breakpoints: breakpoints, centeredSlides: true, freeMode: freeMode, init: isInit ?? true, keyboard: keyboard, loop: isLoop, modules: modules, mousewheel: mousewheel, navigation: isNavigation ? { nextEl, prevEl } : false, normalizeSlideIndex: normalizeSlideIndex, pagination: pagination, preventClicks: preventClicks, preventClicksPropagation: preventClicksPropagation, scrollbar: isScrollbar, simulateTouch: simulateTouch, slidesPerView: slidesPerView, spaceBetween: spaceBetween, speed: speed ?? 500, onInit: onInitSwiper, onSlideChange: onSlideChange, onSlideNextTransitionEnd: onSlideNextTransitionEnd, onSlidePrevTransitionEnd: onSlidePrevTransitionEnd, onSwiper: onSwiper, onTransitionStart: onTransitionStart, onUpdate: onUpdate, children: children ||
-                    items?.map((item, i) => (jsx(SwiperSlide, { className: clsx('swiper-block__item', swiperSlideClass, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`), children: item }, `swiper-slide_${i}`))) })] }));
+    return (jsxs("div", { id: id, className: clsx('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass && `fill_${fillClass}`, shapeClass && `swiper_shape_${shapeClass}`, className), style: style, children: [(title || (prevButton && nextButton)) && (jsxs("div", { className: "swiper-block__wrapper", children: [title && (jsx(Title, { className: "swiper-block__title", size: titleSize, textColor: titleTextColor, textWeight: titleWeight, children: title })), titleAfter, prevButton && nextButton && (jsxs("div", { className: "swiper-block__navigation", children: [jsx("div", { className: "swiper-block__prev swiper-button", ref: prevRef, children: prevButton }), jsx("div", { className: "swiper-block__next swiper-button", ref: nextRef, children: nextButton })] }))] })), jsx(Swiper$1, { className: clsx('swiper-block__swiper', swiperClass), ref: swiperRef, direction: direction, allowTouchMove: allowTouchMove, autoHeight: autoHeight ?? false, breakpoints: breakpoints, centeredSlides: true, freeMode: freeMode, init: isInit ?? true, keyboard: keyboard, loop: isLoop, modules: modules, mousewheel: mousewheel, navigation: isNavigation ? { nextEl, prevEl } : false, normalizeSlideIndex: normalizeSlideIndex, pagination: pagination, preventClicks: preventClicks, preventClicksPropagation: preventClicksPropagation, scrollbar: isScrollbar, simulateTouch: simulateTouch, slidesPerView: slidesPerView, spaceBetween: spaceBetween, speed: speed ?? 500, zoom: {
+                    minRatio: minZoom,
+                    maxRatio: maxZoom,
+                    enabled: isZoomEnabled,
+                    toggle: true,
+                }, onInit: onInitSwiper, onSlideChange: onSlideChange, onSlideNextTransitionEnd: onSlideNextTransitionEnd, onSlidePrevTransitionEnd: onSlidePrevTransitionEnd, onSwiper: onSwiper, onTransitionStart: onTransitionStart, onUpdate: onUpdate, children: children ||
+                    items?.map((item, i) => (jsx(SwiperSlide, { className: clsx('swiper-block__item', isZoomEnabled && 'swiper-block__item_zooming', swiperSlideClass, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`), children: isZoomEnabled ? (jsx("div", { className: "swiper-zoom-container", children: item })) : (item) }, `swiper-slide_${i}`))) }), isShowOriginalLink && (jsx(Group, { width: "fill", fill: "surfacePrimary", padding: "1m 0", children: jsx(Text, { size: "m", textColor: "surfaceTextPrimary", onClick: onClickShowOriginalButton, children: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043E\u0440\u0438\u0433\u0438\u043D\u0430\u043B" }) }))] }));
 }
 // https://github.com/nolimits4web/swiper/issues/3855#issuecomment-1050694342
 const useSwiperRef = () => {

package/dist/css/styles/bundles.css

@@ -61875,9 +61875,9 @@ h2.react-datepicker__current-month {
   --dropdown-item-size-l-padding: 8px 12px;
   --dropdown-item-size-l-gap: 12px;
 
-  /* Size M */
+  /* Size S */
   --dropdown-item-size-s-padding: 6px 8px;
-  --dropdown-item-size-s-gap: 0px;
+  --dropdown-item-size-s-gap: 8px;
 
   /* Size XS */
   --dropdown-item-size-xs-padding: 4px 8px;
@@ -79816,7 +79816,7 @@ div.label {
   }
 }
 :root {
-  --modal-max-width: 500px;
+  --modal-max-width: 800px;
 
   --modal-xl-gap: 24px;
   --modal-xl-header-padding: 24px 24px 0 24px;
@@ -98954,6 +98954,14 @@ div.swiper-block {
     }
   }
 }
+.swiper-zoom-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.swiper-slide-zoomed {
+  cursor: grab;
+}
 div.swiper-pagination {
   display: flex;
   &-horizontal {

package/dist/snippets/Chips.snippets.json

@@ -0,0 +1,14 @@
+{
+    "Chips": {
+        "prefix": "chips",
+        "body": [
+            "<Chips",
+            "  appearance=\"${1|accent,surface,accentMuted,danger,dangerMuted,disabled,error,errorMuted,info,infoMuted,primary,primaryMuted,secondary,secondaryMuted,success,successMuted,surfaceMuted,warning,warningMuted|}${2|Primary,Secondary,Tertiary|} ${3|sizeXXL,sizeXL,sizeL,sizeM,sizeS,sizeXS,sizeXXS|} ${4|solid,outlined,full,ghost|} ${5|rounded,circular,roundedS,roundedM,roundedL,roundedXL|}\"",
+            "  label={}",
+            "  isActive={}",
+            "  onClick={}",
+            "/>"
+        ],
+        "description": "ITCase-UI Chips Component"
+    }
+}

package/dist/snippets/Divider.snippets.json

@@ -0,0 +1,9 @@
+{
+    "Divider": {
+        "prefix": "divider",
+        "body": [
+            "<Divider appearance=\"${1|surface,accent,error,success,warning|}${2|Primary,Secondary,Tertiary,Quaternary|} ${3|sizeL,sizeM,sizeS|}\" width=\"fill\" />"
+        ],
+        "description": "ITCase-UI Divider Component"
+    }
+}

package/dist/snippets/Drawer.snippets.json

@@ -0,0 +1,16 @@
+{
+    "Drawer": {
+        "prefix": "drawer",
+        "body": [
+            "<Drawer",
+            "  appearance=\"surface${1|Primary,Secondary,Tertiary,Quaternary|} sizeH3\"",
+            "  title=\"Title\"",
+            "  isOpen={}",
+            "  onClickClose={}",
+            ">",
+            "  $2",
+            "</Drawer>"
+        ],
+        "description": "ITCase-UI Drawer Component"
+    }
+}

package/dist/snippets/Group.snippets.json

@@ -0,0 +1,11 @@
+{
+    "Group": {
+        "prefix": "group",
+        "body": [
+            "<Group width=\"${1|fill,auto}\" direction=\"${2|horizontal,vertical,row-reverse,column-reverse|}\">",
+            "  $3",
+            "</Group>"
+        ],
+        "description": "ITCase-UI Group Component"
+    }
+}

package/dist/snippets/Icon.snippets.json

@@ -0,0 +1,13 @@
+{
+    "Icon": {
+        "prefix": "icon",
+        "body": [
+            "<Icon",
+            "  appearance=\"${1|accent,surface,danger,disabled,error,info,primary,secondary,success,warning|}${2|Primary,Secondary,Tertiary,Quaternary|} ${3|size12_12,size14_12,size14_14,size16_12,size16_14,size16_16,size20_12,size20_14,size20_16,size20_20,size24_12,size24_14,size24_16,size24_20,size24_24,size32_12,size32_14,size32_16,size32_20,size32_24,size32_32,size40_12,size40_14,size40_16,size40_20,size40_24,size40_32,size40_40|} ${4|solid,outlined,full,ghost|} ${5|rounded,circular,roundedXL,roundedL,roundedM,roundedS|}\"",
+            "  SvgImage={$6}",
+            "  onClick={}",
+            "/>"
+        ],
+        "description": "ITCase-UI Icon Component"
+    }
+}

package/dist/snippets/Modal.snippets.json

@@ -0,0 +1,16 @@
+{
+    "Modal": {
+        "prefix": "modal",
+        "body": [
+            "<Modal",
+            "  appearance=\"surfacePrimary ${1|sizeXL,sizeL,sizeM,sizeS|} ${2|solid,outlined,full,ghost|} ${3|rounded,circular,roundedXL,roundedL,roundedM,roundedS|}\"",
+            "  title=\"${4:Title}\"",
+            "  isOpen={}",
+            "  onCloseModal={}",
+            ">",
+            "  $5",
+            "</Modal>"
+        ],
+        "description": "ITCase-UI Modal Component"
+    }
+}

package/dist/snippets/Pagination.snippets.json

@@ -0,0 +1,16 @@
+{
+    "Pagination": {
+        "prefix": "pagination",
+        "body": [
+            "<Pagination",
+            "  appearance=\"${1|accent,surface|}${2|Primary,Secondary|} ${3|sizeXXL,sizeXL,sizeL,sizeM,sizeS,sizeXS|} ${4|solid,outlined,full,ghost|} ${5|rounded,circular,roundedXL,roundedL,roundedM,roundedS|}\"",
+            "  allItemsCount={}",
+            "  pageNumber={}",
+            "  perPageCount={}",
+            "  isPageCount={true}",
+            "  onChangePage={}",
+            "/>"
+        ],
+        "description": "ITCase-UI Pagination Component"
+    }
+}

package/dist/snippets/Select.snippets.json

@@ -0,0 +1,15 @@
+{
+    "Select": {
+        "prefix": "select",
+        "body": [
+            "<Select",
+            "  appearance=\"${1|default,disabled,error,require,success|}Primary ${2|sizeXL,sizeL,sizeM,sizeS,sizeXS,sizeXXS|} ${3|solid,outlined,full,ghost|} ${4|rounded,roundedXL,roundedL,roundedM,roundedS|}\"",
+            "  options={}",
+            "  placeholder=\"${5:Placeholder}\"",
+            "  value={}",
+            "  onChange={}",
+            "/>"
+        ],
+        "description": "ITCase-UI Select Component"
+    }
+}

package/dist/snippets/Text.snippets.json

@@ -0,0 +1,11 @@
+{
+    "Text": {
+        "prefix": "text",
+        "body": [
+            "<Text size=\"${1|xxs,xs,s,m,l,xl,xxl|}\" textColor=\"${2|surface,accent,special,extra,error,warning,success,info,danger,disabled|}${3|TextPrimary,TextSecondary,TextTertiary,TextQuaternary|}\">",
+            "  $4",
+            "</Text>"
+        ],
+        "description": "ITCase-UI Text Component"
+    }
+}

package/dist/snippets/Title.snippets.json

@@ -0,0 +1,11 @@
+{
+    "Title": {
+        "prefix": "title",
+        "body": [
+            "<Title size=\"${1|h1,h2,h3,h4,h5,h6|}\" textColor=\"${2|surface,accent,special,extra,error,warning,success,info,danger,disabled|}${3|TextPrimary,TextSecondary,TextTertiary,TextQuaternary|}\">",
+            "  $4",
+            "</Title>"
+        ],
+        "description": "ITCase-UI Title Component"
+    }
+}

package/dist/types/components/Pagination/appearance/paginationSize.d.ts

@@ -3,7 +3,7 @@ declare const paginationAppearanceSize: {
         size: string;
         labelTextSize: string;
         textSize: string;
-        builderIcon: string;
+        builderIcon: any;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;
@@ -23,7 +23,7 @@ declare const paginationAppearanceSize: {
         size: string;
         labelTextSize: string;
         textSize: string;
-        builderIcon: string;
+        builderIcon: any;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;
@@ -42,7 +42,7 @@ declare const paginationAppearanceSize: {
         size: string;
         labelTextSize: string;
         textSize: string;
-        builderIcon: string;
+        builderIcon: any;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;
@@ -61,7 +61,7 @@ declare const paginationAppearanceSize: {
         labelTextSize: string;
         textSize: string;
         beforeSize: string;
-        builderIcon: string;
+        builderIcon: any;
         iconAfterFillSize: string;
         nextIcon: string;
         pageCountDescTextSize: string;

package/dist/types/components/Swiper/Swiper.interface.d.ts

@@ -24,6 +24,8 @@ export interface SwiperProps extends StyleAttributes {
     items?: ReactNode[];
     keyboard?: boolean;
     loop?: boolean;
+    maxZoom?: number;
+    minZoom?: number;
     modules?: SwiperModule[];
     mousewheel?: boolean;
     nextButton?: ReactNode;
@@ -49,11 +51,11 @@ export interface SwiperProps extends StyleAttributes {
     isInit?: boolean;
     isNavigation?: boolean;
     isScrollbar?: boolean;
+    isZoomEnabled?: boolean;
     onSlideNextTransitionEnd?: (swiper: SwiperClass) => void;
     onSlidePrevTransitionEnd?: (swiper: SwiperClass) => void;
     onSwiper?: (swiper: SwiperClass) => void;
     onUpdate?: (swiper: SwiperClass) => void;
-    set?: string;
     setNextBtnDisabled?: (isDisabled: boolean) => void;
     setPrevBtnDisabled?: (isDisabled: boolean) => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.9.19",
+  "version": "1.9.21",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -102,11 +102,11 @@
   "dependencies": {
     "@emotion/is-prop-valid": "^1.4.0",
     "@itcase/common": "^1.2.34",
-    "@itcase/icons": "^1.2.23",
-    "@itcase/storybook-config": "^1.2.28",
-    "@itcase/tokens-am": "^1.1.35",
-    "@itcase/tokens-baikal": "^1.1.35",
-    "@itcase/tokens-palette": "^1.1.35",
+    "@itcase/icons": "^1.2.27",
+    "@itcase/storybook-config": "^1.2.29",
+    "@itcase/tokens-am": "^1.1.37",
+    "@itcase/tokens-baikal": "^1.1.37",
+    "@itcase/tokens-palette": "^1.1.37",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "framer-motion": "^12.23.24",
@@ -117,7 +117,7 @@
     "rc-slider": "^11.1.9",
     "react": "^18.3.1",
     "react-dadata": "^2.27.4",
-    "react-datepicker": "^8.9.0",
+    "react-datepicker": "^8.10.0",
     "react-dom": "^18.3.1",
     "react-indiana-drag-scroll": "^3.0.3-alpha",
     "react-inlinesvg": "^4.2.0",
@@ -139,7 +139,7 @@
     "@babel/preset-react": "^7.28.5",
     "@commitlint/cli": "^20.1.0",
     "@commitlint/config-conventional": "^20.0.0",
-    "@itcase/config": "^1.0.68",
+    "@itcase/config": "^1.0.70",
     "@itcase/lint": "^1.1.69",
     "@itcase/types": "^1.1.0",
     "@rollup/plugin-alias": "^6.0.0",
@@ -151,10 +151,10 @@
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.3.0",
     "@semantic-release/changelog": "^6.0.3",
-    "@semantic-release/release-notes-generator": "14.1.0",
     "@semantic-release/git": "^10.0.1",
+    "@semantic-release/release-notes-generator": "14.1.0",
     "@types/js-cookie": "^3.0.6",
-    "@types/lodash": "^4.17.20",
+    "@types/lodash": "^4.17.21",
     "@types/luxon": "^3.7.1",
     "@types/react": "^19",
     "@types/react-datepicker": "^7.0.0",
@@ -170,12 +170,12 @@
     "prettier": "^3.6.2",
     "rollup": "^4.53.3",
     "rollup-plugin-copy": "^3.5.0",
-    "rollup-plugin-dts": "^6.2.3",
+    "rollup-plugin-dts": "^6.3.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3",
     "semantic-release": "^24.2.9",
-    "storybook": "^10.0.8",
-    "stylelint": "^16.25.0",
+    "storybook": "^10.1.0",
+    "stylelint": "^16.26.0",
     "typescript": "^5.9.3"
   }
 }