@sberbusiness/triplex-next 1.49.0 → 1.51.0

package/components/Carousel/CarouselViewport.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselViewport.js","sources":["../../../src/components/Carousel/CarouselViewport.tsx"],"sourcesContent":["import React, { useContext, useRef, useCallback, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { ICarouselViewportProps } from \"./types\";\nimport { CarouselContext } from \"./CarouselContext\";\nimport { mergeRefs } from \"./utils\";\nimport { ORIENTATION_TRANSFORM } from \"./constants\";\nimport { ECarouselOrientation } from \"./enums\";\nimport styles from \"./styles/Carousel.module.less\";\n\nconst ORIENTATION_TO_TOUCH_KEY = {\n    [ECarouselOrientation.HORIZONTAL]: \"clientX\",\n    [ECarouselOrientation.VERTICAL]: \"clientY\",\n} as const;\n\nconst ORIENTATION_TO_CROSS_TOUCH_KEY = {\n    [ECarouselOrientation.HORIZONTAL]: \"clientY\",\n    [ECarouselOrientation.VERTICAL]: \"clientX\",\n} as const;\n\nexport const CarouselViewport = React.forwardRef<HTMLDivElement, ICarouselViewportProps>(\n    ({ children, className, style, onTouchStart, ...restProps }, ref) => {\n        const {\n            viewportPaddingStyle,\n            nextSlide,\n            prevSlide,\n            offsetRef,\n            maxOffsetRef,\n            orientationRef,\n            viewportRef,\n            trackRef,\n        } = useContext(CarouselContext);\n        const combinedRef = mergeRefs(ref, viewportRef);\n\n        const draggingRef = useRef(false);\n        const scrollingRef = useRef<boolean | null>(null);\n\n        const startCoordsRef = useRef({ clientX: 0, clientY: 0 });\n        const startOffsetRef = useRef(0);\n        const dragDistanceRef = useRef(0);\n\n        const touchMoveHandlerRef = useRef<typeof handleTouchMove | null>(null);\n        const touchEndHandlerRef = useRef<typeof handleTouchEnd | null>(null);\n\n        const clearTouchListeners = useCallback(() => {\n            if (touchMoveHandlerRef.current) {\n                window.removeEventListener(\"touchmove\", touchMoveHandlerRef.current);\n                touchMoveHandlerRef.current = null;\n            }\n            if (touchEndHandlerRef.current) {\n                window.removeEventListener(\"touchend\", touchEndHandlerRef.current);\n                window.removeEventListener(\"touchcancel\", touchEndHandlerRef.current);\n                touchEndHandlerRef.current = null;\n            }\n        }, []);\n\n        const handleTouchMove = useCallback((event: TouchEvent) => {\n            if (!draggingRef.current || !trackRef.current) return;\n\n            const touch = event.targetTouches[0];\n            if (!touch) return;\n\n            const orientation = orientationRef.current;\n            const touchKey = ORIENTATION_TO_TOUCH_KEY[orientation];\n            const crossKey = ORIENTATION_TO_CROSS_TOUCH_KEY[orientation];\n\n            const dragDistance = touch[touchKey] - startCoordsRef.current[touchKey];\n            const crossDistance = touch[crossKey] - startCoordsRef.current[crossKey];\n\n            if (scrollingRef.current === null) {\n                const absMain = Math.abs(dragDistance);\n                const absCross = Math.abs(crossDistance);\n\n                if (absMain > 5 || absCross > 5) {\n                    scrollingRef.current = absCross > absMain;\n                }\n            }\n\n            if (scrollingRef.current) {\n                return;\n            }\n\n            if (event.cancelable) {\n                event.preventDefault();\n            }\n\n            dragDistanceRef.current = dragDistance;\n            const maxOffset = maxOffsetRef.current;\n            const targetOffset = startOffsetRef.current - dragDistance;\n            let currentTranslate = -targetOffset;\n\n            if (targetOffset < 0) {\n                currentTranslate = -targetOffset / 3;\n            } else if (targetOffset > maxOffset) {\n                currentTranslate = -(maxOffset + (targetOffset - maxOffset) / 3);\n            }\n\n            trackRef.current.style.transform = ORIENTATION_TRANSFORM[orientation](currentTranslate);\n            trackRef.current.style.transition = \"none\";\n        }, []);\n\n        const handleTouchEnd = useCallback(\n            (event: TouchEvent) => {\n                if (!draggingRef.current) return;\n\n                draggingRef.current = false;\n\n                const scrolling = scrollingRef.current;\n                scrollingRef.current = null;\n\n                clearTouchListeners();\n\n                if (!trackRef.current) return;\n\n                trackRef.current.style.transition = \"\";\n\n                if (event.type === \"touchcancel\" || scrolling) {\n                    trackRef.current.style.transform = \"\";\n                    return;\n                }\n\n                const finalDrag = dragDistanceRef.current;\n                const threshold = 50;\n\n                if (finalDrag > threshold) {\n                    prevSlide();\n                } else if (finalDrag < -threshold) {\n                    nextSlide();\n                }\n\n                trackRef.current.style.transform = \"\";\n            },\n            [nextSlide, prevSlide, clearTouchListeners],\n        );\n\n        const handleTouchStart = useCallback<React.TouchEventHandler<HTMLDivElement>>(\n            (event) => {\n                const touch = event.targetTouches[0];\n                if (!touch) return;\n\n                draggingRef.current = true;\n                scrollingRef.current = null;\n\n                startCoordsRef.current = {\n                    clientX: touch.clientX,\n                    clientY: touch.clientY,\n                };\n\n                startOffsetRef.current = offsetRef.current;\n                dragDistanceRef.current = 0;\n\n                if (trackRef.current) {\n                    trackRef.current.style.transition = \"none\";\n                }\n\n                clearTouchListeners();\n\n                touchMoveHandlerRef.current = handleTouchMove;\n                touchEndHandlerRef.current = handleTouchEnd;\n\n                window.addEventListener(\"touchmove\", handleTouchMove, { passive: false });\n                window.addEventListener(\"touchend\", handleTouchEnd);\n                window.addEventListener(\"touchcancel\", handleTouchEnd);\n\n                onTouchStart?.(event);\n            },\n            [handleTouchMove, handleTouchEnd, clearTouchListeners, onTouchStart],\n        );\n\n        useEffect(() => {\n            return () => {\n                clearTouchListeners();\n            };\n        }, [clearTouchListeners]);\n\n        const runtimeStyle = {\n            \"--triplex-next-runtime-carousel-viewport-padding\": viewportPaddingStyle,\n        };\n\n        return (\n            <div\n                className={clsx(styles.viewPort, className)}\n                {...restProps}\n                onTouchStart={handleTouchStart}\n                style={{\n                    ...style,\n                    ...runtimeStyle,\n                }}\n                ref={combinedRef}\n            >\n                {children}\n            </div>\n        );\n    },\n);\n\nCarouselViewport.displayName = \"Carousel.Viewport\";\n"],"names":["React"],"mappings":";;;;;;;;AASA,MAAM,2BAA2B;AAAA,EAC7B,CAAC,qBAAqB,UAAU,GAAG;AAAA,EACnC,CAAC,qBAAqB,QAAQ,GAAG;AACrC;AAEA,MAAM,iCAAiC;AAAA,EACnC,CAAC,qBAAqB,UAAU,GAAG;AAAA,EACnC,CAAC,qBAAqB,QAAQ,GAAG;AACrC;AAEO,MAAM,mBAAmBA,eAAM;AAAA,EAClC,CAAC,EAAE,UAAU,WAAW,OAAO,cAAc,GAAG,UAAA,GAAa,QAAQ;AACjE,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,WAAW,eAAe;AAC9B,UAAM,cAAc,UAAU,KAAK,WAAW;AAE9C,UAAM,cAAc,OAAO,KAAK;AAChC,UAAM,eAAe,OAAuB,IAAI;AAEhD,UAAM,iBAAiB,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG;AACxD,UAAM,iBAAiB,OAAO,CAAC;AAC/B,UAAM,kBAAkB,OAAO,CAAC;AAEhC,UAAM,sBAAsB,OAAsC,IAAI;AACtE,UAAM,qBAAqB,OAAqC,IAAI;AAEpE,UAAM,sBAAsB,YAAY,MAAM;AAC1C,UAAI,oBAAoB,SAAS;AAC7B,eAAO,oBAAoB,aAAa,oBAAoB,OAAO;AACnE,4BAAoB,UAAU;AAAA,MAClC;AACA,UAAI,mBAAmB,SAAS;AAC5B,eAAO,oBAAoB,YAAY,mBAAmB,OAAO;AACjE,eAAO,oBAAoB,eAAe,mBAAmB,OAAO;AACpE,2BAAmB,UAAU;AAAA,MACjC;AAAA,IACJ,GAAG,CAAA,CAAE;AAEL,UAAM,kBAAkB,YAAY,CAAC,UAAsB;AACvD,UAAI,CAAC,YAAY,WAAW,CAAC,SAAS,QAAS;AAE/C,YAAM,QAAQ,MAAM,cAAc,CAAC;AACnC,UAAI,CAAC,MAAO;AAEZ,YAAM,cAAc,eAAe;AACnC,YAAM,WAAW,yBAAyB,WAAW;AACrD,YAAM,WAAW,+BAA+B,WAAW;AAE3D,YAAM,eAAe,MAAM,QAAQ,IAAI,eAAe,QAAQ,QAAQ;AACtE,YAAM,gBAAgB,MAAM,QAAQ,IAAI,eAAe,QAAQ,QAAQ;AAEvE,UAAI,aAAa,YAAY,MAAM;AAC/B,cAAM,UAAU,KAAK,IAAI,YAAY;AACrC,cAAM,WAAW,KAAK,IAAI,aAAa;AAEvC,YAAI,UAAU,KAAK,WAAW,GAAG;AAC7B,uBAAa,UAAU,WAAW;AAAA,QACtC;AAAA,MACJ;AAEA,UAAI,aAAa,SAAS;AACtB;AAAA,MACJ;AAEA,UAAI,MAAM,YAAY;AAClB,cAAM,eAAA;AAAA,MACV;AAEA,sBAAgB,UAAU;AAC1B,YAAM,YAAY,aAAa;AAC/B,YAAM,eAAe,eAAe,UAAU;AAC9C,UAAI,mBAAmB,CAAC;AAExB,UAAI,eAAe,GAAG;AAClB,2BAAmB,CAAC,eAAe;AAAA,MACvC,WAAW,eAAe,WAAW;AACjC,2BAAmB,EAAE,aAAa,eAAe,aAAa;AAAA,MAClE;AAEA,eAAS,QAAQ,MAAM,YAAY,sBAAsB,WAAW,EAAE,gBAAgB;AACtF,eAAS,QAAQ,MAAM,aAAa;AAAA,IACxC,GAAG,CAAA,CAAE;AAEL,UAAM,iBAAiB;AAAA,MACnB,CAAC,UAAsB;AACnB,YAAI,CAAC,YAAY,QAAS;AAE1B,oBAAY,UAAU;AAEtB,cAAM,YAAY,aAAa;AAC/B,qBAAa,UAAU;AAEvB,4BAAA;AAEA,YAAI,CAAC,SAAS,QAAS;AAEvB,iBAAS,QAAQ,MAAM,aAAa;AAEpC,YAAI,MAAM,SAAS,iBAAiB,WAAW;AAC3C,mBAAS,QAAQ,MAAM,YAAY;AACnC;AAAA,QACJ;AAEA,cAAM,YAAY,gBAAgB;AAClC,cAAM,YAAY;AAElB,YAAI,YAAY,WAAW;AACvB,oBAAA;AAAA,QACJ,WAAW,YAAY,CAAC,WAAW;AAC/B,oBAAA;AAAA,QACJ;AAEA,iBAAS,QAAQ,MAAM,YAAY;AAAA,MACvC;AAAA,MACA,CAAC,WAAW,WAAW,mBAAmB;AAAA,IAAA;AAG9C,UAAM,mBAAmB;AAAA,MACrB,CAAC,UAAU;AACP,cAAM,QAAQ,MAAM,cAAc,CAAC;AACnC,YAAI,CAAC,MAAO;AAEZ,oBAAY,UAAU;AACtB,qBAAa,UAAU;AAEvB,uBAAe,UAAU;AAAA,UACrB,SAAS,MAAM;AAAA,UACf,SAAS,MAAM;AAAA,QAAA;AAGnB,uBAAe,UAAU,UAAU;AACnC,wBAAgB,UAAU;AAE1B,YAAI,SAAS,SAAS;AAClB,mBAAS,QAAQ,MAAM,aAAa;AAAA,QACxC;AAEA,4BAAA;AAEA,4BAAoB,UAAU;AAC9B,2BAAmB,UAAU;AAE7B,eAAO,iBAAiB,aAAa,iBAAiB,EAAE,SAAS,OAAO;AACxE,eAAO,iBAAiB,YAAY,cAAc;AAClD,eAAO,iBAAiB,eAAe,cAAc;AAErD,qDAAe;AAAA,MACnB;AAAA,MACA,CAAC,iBAAiB,gBAAgB,qBAAqB,YAAY;AAAA,IAAA;AAGvE,cAAU,MAAM;AACZ,aAAO,MAAM;AACT,4BAAA;AAAA,MACJ;AAAA,IACJ,GAAG,CAAC,mBAAmB,CAAC;AAExB,UAAM,eAAe;AAAA,MACjB,oDAAoD;AAAA,IAAA;AAGxD,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,UAAU,SAAS;AAAA,QACzC,GAAG;AAAA,QACJ,cAAc;AAAA,QACd,OAAO;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,QAAA;AAAA,QAEP,KAAK;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,iBAAiB,cAAc;"}
+{"version":3,"file":"CarouselViewport.js","sources":["../../../src/components/Carousel/CarouselViewport.tsx"],"sourcesContent":["import React, { useContext, useRef, useCallback, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { ICarouselViewportProps } from \"./types\";\nimport { CarouselContext } from \"./CarouselContext\";\nimport { mergeRefs } from \"../../utils/refs\";\nimport { ORIENTATION_TRANSFORM } from \"./constants\";\nimport { EOrientation } from \"../../enums\";\nimport styles from \"./styles/Carousel.module.less\";\n\nconst ORIENTATION_TO_TOUCH_KEY = {\n    [EOrientation.HORIZONTAL]: \"clientX\",\n    [EOrientation.VERTICAL]: \"clientY\",\n} as const;\n\nconst ORIENTATION_TO_CROSS_TOUCH_KEY = {\n    [EOrientation.HORIZONTAL]: \"clientY\",\n    [EOrientation.VERTICAL]: \"clientX\",\n} as const;\n\nexport const CarouselViewport = React.forwardRef<HTMLDivElement, ICarouselViewportProps>(\n    ({ children, className, style, onTouchStart, ...restProps }, ref) => {\n        const {\n            viewportPaddingStyle,\n            nextSlide,\n            prevSlide,\n            offsetRef,\n            maxOffsetRef,\n            orientationRef,\n            viewportRef,\n            trackRef,\n        } = useContext(CarouselContext);\n        const combinedRef = mergeRefs(ref, viewportRef);\n\n        const draggingRef = useRef(false);\n        const scrollingRef = useRef<boolean | null>(null);\n\n        const startCoordsRef = useRef({ clientX: 0, clientY: 0 });\n        const startOffsetRef = useRef(0);\n        const dragDistanceRef = useRef(0);\n\n        const touchMoveHandlerRef = useRef<typeof handleTouchMove | null>(null);\n        const touchEndHandlerRef = useRef<typeof handleTouchEnd | null>(null);\n\n        const clearTouchListeners = useCallback(() => {\n            if (touchMoveHandlerRef.current) {\n                window.removeEventListener(\"touchmove\", touchMoveHandlerRef.current);\n                touchMoveHandlerRef.current = null;\n            }\n            if (touchEndHandlerRef.current) {\n                window.removeEventListener(\"touchend\", touchEndHandlerRef.current);\n                window.removeEventListener(\"touchcancel\", touchEndHandlerRef.current);\n                touchEndHandlerRef.current = null;\n            }\n        }, []);\n\n        const handleTouchMove = useCallback((event: TouchEvent) => {\n            if (!draggingRef.current || !trackRef.current) return;\n\n            const touch = event.targetTouches[0];\n            if (!touch) return;\n\n            const orientation = orientationRef.current;\n            const touchKey = ORIENTATION_TO_TOUCH_KEY[orientation];\n            const crossKey = ORIENTATION_TO_CROSS_TOUCH_KEY[orientation];\n\n            const dragDistance = touch[touchKey] - startCoordsRef.current[touchKey];\n            const crossDistance = touch[crossKey] - startCoordsRef.current[crossKey];\n\n            if (scrollingRef.current === null) {\n                const absMain = Math.abs(dragDistance);\n                const absCross = Math.abs(crossDistance);\n\n                if (absMain > 5 || absCross > 5) {\n                    scrollingRef.current = absCross > absMain;\n                }\n            }\n\n            if (scrollingRef.current) {\n                return;\n            }\n\n            if (event.cancelable) {\n                event.preventDefault();\n            }\n\n            dragDistanceRef.current = dragDistance;\n            const maxOffset = maxOffsetRef.current;\n            const targetOffset = startOffsetRef.current - dragDistance;\n            let currentTranslate = -targetOffset;\n\n            if (targetOffset < 0) {\n                currentTranslate = -targetOffset / 3;\n            } else if (targetOffset > maxOffset) {\n                currentTranslate = -(maxOffset + (targetOffset - maxOffset) / 3);\n            }\n\n            trackRef.current.style.transform = ORIENTATION_TRANSFORM[orientation](currentTranslate);\n            trackRef.current.style.transition = \"none\";\n        }, []);\n\n        const handleTouchEnd = useCallback(\n            (event: TouchEvent) => {\n                if (!draggingRef.current) return;\n\n                draggingRef.current = false;\n\n                const scrolling = scrollingRef.current;\n                scrollingRef.current = null;\n\n                clearTouchListeners();\n\n                if (!trackRef.current) return;\n\n                trackRef.current.style.transition = \"\";\n\n                if (event.type === \"touchcancel\" || scrolling) {\n                    trackRef.current.style.transform = \"\";\n                    return;\n                }\n\n                const finalDrag = dragDistanceRef.current;\n                const threshold = 50;\n\n                if (finalDrag > threshold) {\n                    prevSlide();\n                } else if (finalDrag < -threshold) {\n                    nextSlide();\n                }\n\n                trackRef.current.style.transform = \"\";\n            },\n            [nextSlide, prevSlide, clearTouchListeners],\n        );\n\n        const handleTouchStart = useCallback<React.TouchEventHandler<HTMLDivElement>>(\n            (event) => {\n                const touch = event.targetTouches[0];\n                if (!touch) return;\n\n                draggingRef.current = true;\n                scrollingRef.current = null;\n\n                startCoordsRef.current = {\n                    clientX: touch.clientX,\n                    clientY: touch.clientY,\n                };\n\n                startOffsetRef.current = offsetRef.current;\n                dragDistanceRef.current = 0;\n\n                if (trackRef.current) {\n                    trackRef.current.style.transition = \"none\";\n                }\n\n                clearTouchListeners();\n\n                touchMoveHandlerRef.current = handleTouchMove;\n                touchEndHandlerRef.current = handleTouchEnd;\n\n                window.addEventListener(\"touchmove\", handleTouchMove, { passive: false });\n                window.addEventListener(\"touchend\", handleTouchEnd);\n                window.addEventListener(\"touchcancel\", handleTouchEnd);\n\n                onTouchStart?.(event);\n            },\n            [handleTouchMove, handleTouchEnd, clearTouchListeners, onTouchStart],\n        );\n\n        useEffect(() => {\n            return () => {\n                clearTouchListeners();\n            };\n        }, [clearTouchListeners]);\n\n        const runtimeStyle = {\n            \"--triplex-next-runtime-carousel-viewport-padding\": viewportPaddingStyle,\n        };\n\n        return (\n            <div\n                className={clsx(styles.viewPort, className)}\n                {...restProps}\n                onTouchStart={handleTouchStart}\n                style={{\n                    ...style,\n                    ...runtimeStyle,\n                }}\n                ref={combinedRef}\n            >\n                {children}\n            </div>\n        );\n    },\n);\n\nCarouselViewport.displayName = \"Carousel.Viewport\";\n"],"names":["React"],"mappings":"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"}

package/components/Carousel/constants.js

@@ -1,7 +1,7 @@
-import { ECarouselOrientation } from "./enums.js";
+import { EOrientation } from "../../enums/EOrientation.js";
 const ORIENTATION_TRANSFORM = {
-  [ECarouselOrientation.HORIZONTAL]: (x) => `translateX(${x}px)`,
-  [ECarouselOrientation.VERTICAL]: (y) => `translateY(${y}px)`
+  [EOrientation.HORIZONTAL]: (x) => `translateX(${x}px)`,
+  [EOrientation.VERTICAL]: (y) => `translateY(${y}px)`
 };
 export {
   ORIENTATION_TRANSFORM

package/components/Carousel/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../src/components/Carousel/constants.ts"],"sourcesContent":["import { ECarouselOrientation } from \"./enums\";\n\nexport const ORIENTATION_TRANSFORM = {\n    [ECarouselOrientation.HORIZONTAL]: (x: number) => `translateX(${x}px)`,\n    [ECarouselOrientation.VERTICAL]: (y: number) => `translateY(${y}px)`,\n} as const;\n"],"names":[],"mappings":";AAEO,MAAM,wBAAwB;AAAA,EACjC,CAAC,qBAAqB,UAAU,GAAG,CAAC,MAAc,cAAc,CAAC;AAAA,EACjE,CAAC,qBAAqB,QAAQ,GAAG,CAAC,MAAc,cAAc,CAAC;AACnE;"}
+{"version":3,"file":"constants.js","sources":["../../../src/components/Carousel/constants.ts"],"sourcesContent":["import { EOrientation } from \"../../enums\";\n\nexport const ORIENTATION_TRANSFORM = {\n    [EOrientation.HORIZONTAL]: (x: number) => `translateX(${x}px)`,\n    [EOrientation.VERTICAL]: (y: number) => `translateY(${y}px)`,\n} as const;\n"],"names":[],"mappings":";AAEO,MAAM,wBAAwB;AAAA,EACjC,CAAC,aAAa,UAAU,GAAG,CAAC,MAAc,cAAc,CAAC;AAAA,EACzD,CAAC,aAAa,QAAQ,GAAG,CAAC,MAAc,cAAc,CAAC;AAC3D;"}

package/components/Carousel/enums.js

@@ -1,15 +1,9 @@
-var ECarouselOrientation = /* @__PURE__ */ ((ECarouselOrientation2) => {
-  ECarouselOrientation2["HORIZONTAL"] = "horizontal";
-  ECarouselOrientation2["VERTICAL"] = "vertical";
-  return ECarouselOrientation2;
-})(ECarouselOrientation || {});
 var ECarouselScrollMode = /* @__PURE__ */ ((ECarouselScrollMode2) => {
   ECarouselScrollMode2["ITEM"] = "item";
   ECarouselScrollMode2["PAGE"] = "page";
   return ECarouselScrollMode2;
 })(ECarouselScrollMode || {});
 export {
-  ECarouselOrientation,
   ECarouselScrollMode
 };
 //# sourceMappingURL=enums.js.map

package/components/Carousel/enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"enums.js","sources":["../../../src/components/Carousel/enums.ts"],"sourcesContent":["export enum ECarouselOrientation {\n    HORIZONTAL = \"horizontal\",\n    VERTICAL = \"vertical\",\n}\n\nexport enum ECarouselScrollMode {\n    ITEM = \"item\",\n    PAGE = \"page\",\n}\n"],"names":["ECarouselOrientation","ECarouselScrollMode"],"mappings":"AAAO,IAAK,yCAAAA,0BAAL;AACHA,wBAAA,YAAA,IAAa;AACbA,wBAAA,UAAA,IAAW;AAFH,SAAAA;AAAA,GAAA,wBAAA,CAAA,CAAA;AAKL,IAAK,wCAAAC,yBAAL;AACHA,uBAAA,MAAA,IAAO;AACPA,uBAAA,MAAA,IAAO;AAFC,SAAAA;AAAA,GAAA,uBAAA,CAAA,CAAA;"}
+{"version":3,"file":"enums.js","sources":["../../../src/components/Carousel/enums.ts"],"sourcesContent":["export enum ECarouselScrollMode {\n    ITEM = \"item\",\n    PAGE = \"page\",\n}\n"],"names":["ECarouselScrollMode"],"mappings":"AAAO,IAAK,wCAAAA,yBAAL;AACHA,uBAAA,MAAA,IAAO;AACPA,uBAAA,MAAA,IAAO;AAFC,SAAAA;AAAA,GAAA,uBAAA,CAAA,CAAA;"}

package/components/Carousel/index.js

@@ -1,8 +1,7 @@
 import { Carousel } from "./Carousel.js";
-import { ECarouselOrientation, ECarouselScrollMode } from "./enums.js";
+import { ECarouselScrollMode } from "./enums.js";
 export {
   Carousel,
-  ECarouselOrientation,
   ECarouselScrollMode
 };
 //# sourceMappingURL=index.js.map

package/components/Carousel/utils.js

@@ -1,4 +1,3 @@
-import { useRef, useLayoutEffect } from "react";
 const clean = (value) => {
   if (Number.isFinite(value) && value >= 0) {
     return value;
@@ -44,28 +43,7 @@ const resolveViewportPadding = (padding) => {
     style: "0px"
   };
 };
-function mergeRefs(...refs) {
-  return (node) => {
-    refs.forEach((ref) => {
-      if (ref === null) return;
-      if (typeof ref === "function") {
-        ref(node);
-      } else {
-        ref.current = node;
-      }
-    });
-  };
-}
-function useLatestRef(value) {
-  const ref = useRef(value);
-  useLayoutEffect(() => {
-    ref.current = value;
-  }, [value]);
-  return ref;
-}
 export {
-  mergeRefs,
-  resolveViewportPadding,
-  useLatestRef
+  resolveViewportPadding
 };
 //# sourceMappingURL=utils.js.map

package/components/Carousel/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/Carousel/utils.ts"],"sourcesContent":["import React, { useRef, useLayoutEffect } from \"react\";\nimport { TCarouselViewportPadding, ICarouselPaddingResult } from \"./types\";\n\n/** Очищает значение: отсекает NaN, Infinity и отрицательные числа, возвращая 0. */\nconst clean = (value: number): number => {\n    if (Number.isFinite(value) && value >= 0) {\n        return value;\n    }\n    return 0;\n};\n\n/** Вычисляет геометрию отступов Viewport и формирует оптимизированную CSS-строку. */\nexport const resolveViewportPadding = (padding: TCarouselViewportPadding | undefined): ICarouselPaddingResult => {\n    if (padding === undefined) {\n        return {\n            metrics: { top: 0, right: 0, bottom: 0, left: 0 },\n            style: \"0px\",\n        };\n    }\n\n    if (typeof padding === \"number\") {\n        const v = clean(padding);\n        return {\n            metrics: { top: v, right: v, bottom: v, left: v },\n            style: `${v}px`,\n        };\n    }\n\n    if (Array.isArray(padding)) {\n        const [t, r, b, l] = padding.map(clean);\n        switch (padding.length) {\n            case 2:\n                return {\n                    metrics: { top: t, right: r, bottom: t, left: r },\n                    style: `${t}px ${r}px`,\n                };\n            case 3:\n                return {\n                    metrics: { top: t, right: r, bottom: b, left: r },\n                    style: `${t}px ${r}px ${b}px`,\n                };\n            case 4:\n                return {\n                    metrics: { top: t, right: r, bottom: b, left: l },\n                    style: `${t}px ${r}px ${b}px ${l}px`,\n                };\n        }\n    }\n\n    return {\n        metrics: { top: 0, right: 0, bottom: 0, left: 0 },\n        style: \"0px\",\n    };\n};\n\n/** Объединяет несколько рефов в один чистый колбэк-реф. */\nexport function mergeRefs<T>(...refs: React.ForwardedRef<T>[]) {\n    return (node: T | null) => {\n        refs.forEach((ref) => {\n            if (ref === null) return;\n            if (typeof ref === \"function\") {\n                ref(node);\n            } else {\n                ref.current = node;\n            }\n        });\n    };\n}\n\n/** Возвращает стабильный реф, который всегда хранит самое актуальное значение. */\nexport function useLatestRef<T>(value: T) {\n    const ref = useRef(value);\n    useLayoutEffect(() => {\n        ref.current = value;\n    }, [value]);\n    return ref;\n}\n"],"names":[],"mappings":";AAIA,MAAM,QAAQ,CAAC,UAA0B;AACrC,MAAI,OAAO,SAAS,KAAK,KAAK,SAAS,GAAG;AACtC,WAAO;AAAA,EACX;AACA,SAAO;AACX;AAGO,MAAM,yBAAyB,CAAC,YAA0E;AAC7G,MAAI,YAAY,QAAW;AACvB,WAAO;AAAA,MACH,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAA;AAAA,MAC9C,OAAO;AAAA,IAAA;AAAA,EAEf;AAEA,MAAI,OAAO,YAAY,UAAU;AAC7B,UAAM,IAAI,MAAM,OAAO;AACvB,WAAO;AAAA,MACH,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAA;AAAA,MAC9C,OAAO,GAAG,CAAC;AAAA,IAAA;AAAA,EAEnB;AAEA,MAAI,MAAM,QAAQ,OAAO,GAAG;AACxB,UAAM,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,QAAQ,IAAI,KAAK;AACtC,YAAQ,QAAQ,QAAA;AAAA,MACZ,KAAK;AACD,eAAO;AAAA,UACH,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAA;AAAA,UAC9C,OAAO,GAAG,CAAC,MAAM,CAAC;AAAA,QAAA;AAAA,MAE1B,KAAK;AACD,eAAO;AAAA,UACH,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAA;AAAA,UAC9C,OAAO,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC;AAAA,QAAA;AAAA,MAEjC,KAAK;AACD,eAAO;AAAA,UACH,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAA;AAAA,UAC9C,OAAO,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;AAAA,QAAA;AAAA,IACpC;AAAA,EAEZ;AAEA,SAAO;AAAA,IACH,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAA;AAAA,IAC9C,OAAO;AAAA,EAAA;AAEf;AAGO,SAAS,aAAgB,MAA+B;AAC3D,SAAO,CAAC,SAAmB;AACvB,SAAK,QAAQ,CAAC,QAAQ;AAClB,UAAI,QAAQ,KAAM;AAClB,UAAI,OAAO,QAAQ,YAAY;AAC3B,YAAI,IAAI;AAAA,MACZ,OAAO;AACH,YAAI,UAAU;AAAA,MAClB;AAAA,IACJ,CAAC;AAAA,EACL;AACJ;AAGO,SAAS,aAAgB,OAAU;AACtC,QAAM,MAAM,OAAO,KAAK;AACxB,kBAAgB,MAAM;AAClB,QAAI,UAAU;AAAA,EAClB,GAAG,CAAC,KAAK,CAAC;AACV,SAAO;AACX;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/Carousel/utils.ts"],"sourcesContent":["import { TCarouselViewportPadding, ICarouselPaddingResult } from \"./types\";\n\n/** Очищает значение: отсекает NaN, Infinity и отрицательные числа, возвращая 0. */\nconst clean = (value: number): number => {\n    if (Number.isFinite(value) && value >= 0) {\n        return value;\n    }\n    return 0;\n};\n\n/** Вычисляет геометрию отступов Viewport и формирует оптимизированную CSS-строку. */\nexport const resolveViewportPadding = (padding: TCarouselViewportPadding | undefined): ICarouselPaddingResult => {\n    if (padding === undefined) {\n        return {\n            metrics: { top: 0, right: 0, bottom: 0, left: 0 },\n            style: \"0px\",\n        };\n    }\n\n    if (typeof padding === \"number\") {\n        const v = clean(padding);\n        return {\n            metrics: { top: v, right: v, bottom: v, left: v },\n            style: `${v}px`,\n        };\n    }\n\n    if (Array.isArray(padding)) {\n        const [t, r, b, l] = padding.map(clean);\n        switch (padding.length) {\n            case 2:\n                return {\n                    metrics: { top: t, right: r, bottom: t, left: r },\n                    style: `${t}px ${r}px`,\n                };\n            case 3:\n                return {\n                    metrics: { top: t, right: r, bottom: b, left: r },\n                    style: `${t}px ${r}px ${b}px`,\n                };\n            case 4:\n                return {\n                    metrics: { top: t, right: r, bottom: b, left: l },\n                    style: `${t}px ${r}px ${b}px ${l}px`,\n                };\n        }\n    }\n\n    return {\n        metrics: { top: 0, right: 0, bottom: 0, left: 0 },\n        style: \"0px\",\n    };\n};\n"],"names":[],"mappings":"AAGA,MAAM,QAAQ,CAAC,UAA0B;AACrC,MAAI,OAAO,SAAS,KAAK,KAAK,SAAS,GAAG;AACtC,WAAO;AAAA,EACX;AACA,SAAO;AACX;AAGO,MAAM,yBAAyB,CAAC,YAA0E;AAC7G,MAAI,YAAY,QAAW;AACvB,WAAO;AAAA,MACH,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAA;AAAA,MAC9C,OAAO;AAAA,IAAA;AAAA,EAEf;AAEA,MAAI,OAAO,YAAY,UAAU;AAC7B,UAAM,IAAI,MAAM,OAAO;AACvB,WAAO;AAAA,MACH,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAA;AAAA,MAC9C,OAAO,GAAG,CAAC;AAAA,IAAA;AAAA,EAEnB;AAEA,MAAI,MAAM,QAAQ,OAAO,GAAG;AACxB,UAAM,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,QAAQ,IAAI,KAAK;AACtC,YAAQ,QAAQ,QAAA;AAAA,MACZ,KAAK;AACD,eAAO;AAAA,UACH,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAA;AAAA,UAC9C,OAAO,GAAG,CAAC,MAAM,CAAC;AAAA,QAAA;AAAA,MAE1B,KAAK;AACD,eAAO;AAAA,UACH,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAA;AAAA,UAC9C,OAAO,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC;AAAA,QAAA;AAAA,MAEjC,KAAK;AACD,eAAO;AAAA,UACH,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAA;AAAA,UAC9C,OAAO,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;AAAA,QAAA;AAAA,IACpC;AAAA,EAEZ;AAEA,SAAO;AAAA,IACH,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAA;AAAA,IAC9C,OAAO;AAAA,EAAA;AAEf;"}

package/components/CarouselExtended/CarouselExtended.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useRef, useCallback, useEffect } from "react";
 import { scrollSmoothHorizontally } from "../../utils/scroll.js";
 import { i as isEqual } from "../../chunks/vendor-CUIykw0y.js";
-const carouselExtended = "carouselExtended__b4dc9be6";
+const carouselExtended = "carouselExtended__5bcc24bb";
 const styles = {
   carouselExtended
 };

package/components/Checkbox/Checkbox.js

@@ -9,15 +9,15 @@ import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const label = "label__334ab03b";
-const sm = "sm__329cccc8";
-const nonempty = "nonempty__41473fb6";
-const md = "md__38906a43";
-const lg = "lg__a0f51ed5";
-const disabled = "disabled__ffc26351";
-const checkbox = "checkbox__8695fc4f";
-const checkboxIcon = "checkboxIcon__5c2de8f9";
-const checkmarkIcon = "checkmarkIcon__d416ebef";
+const label = "label__12041ce7";
+const sm = "sm__48ddb6a3";
+const nonempty = "nonempty__8e68d77e";
+const md = "md__5e477986";
+const lg = "lg__058a54e6";
+const disabled = "disabled__5db707bf";
+const checkbox = "checkbox__d7a5f190";
+const checkboxIcon = "checkboxIcon__f08cefb5";
+const checkmarkIcon = "checkmarkIcon__8df7c8b3";
 const styles = {
   label,
   sm,
@@ -53,7 +53,7 @@ const Checkbox = React__default.forwardRef((props, ref) => {
     labelAttributes == null ? void 0 : labelAttributes.className
   );
   const CheckmarkIcon = bulk ? CheckboxbulkStrokeSrvIcon24 : CheckboxtickStrokeSrvIcon24;
-  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: labelClassName, "data-tx": "1.49.0", children: [
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: labelClassName, "data-tx": "1.51.0", children: [
     /* @__PURE__ */ jsx("input", { type: "checkbox", className: styles.checkbox, disabled: disabled2, ...inputAttributes, ref }),
     /* @__PURE__ */ jsx("span", { className: styles.checkboxIcon }),
     /* @__PURE__ */ jsx(CheckmarkIcon, { className: styles.checkmarkIcon, paletteIndex: 7 }),

package/components/Checkbox/CheckboxXGroup.js

@@ -1,17 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const checkboxXGroup = "checkboxXGroup__5d3f3aab";
-const label = "label__334ab03b";
+const checkboxXGroup = "checkboxXGroup__627ea975";
+const label = "label__12041ce7";
 const styles = {
   checkboxXGroup,
-  "indent-12": "indent-12__102014ed",
+  "indent-12": "indent-12__151edd71",
   label,
-  "indent-16": "indent-16__ddc2021c",
-  "indent-20": "indent-20__d0a8f480",
-  "indent-24": "indent-24__8f379eb5",
-  "indent-28": "indent-28__a6c02e8b",
-  "indent-32": "indent-32__63edcd43"
+  "indent-16": "indent-16__b5f7ad04",
+  "indent-20": "indent-20__e5457bf5",
+  "indent-24": "indent-24__2bc736b3",
+  "indent-28": "indent-28__7835c839",
+  "indent-32": "indent-32__395c9f8f"
 };
 const CheckboxXGroup = React__default.forwardRef((props, ref) => {
   const { children, className, indent = 12, ...rest } = props;

package/components/Checkbox/CheckboxYGroup.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const checkboxYGroup = "checkboxYGroup__5695a0ad";
+const checkboxYGroup = "checkboxYGroup__7a0c01b4";
 const styles = {
   checkboxYGroup
 };

package/components/CheckboxTreeExtended/CheckboxTreeExtended.js

@@ -8,7 +8,7 @@ import { useMobileView } from "../MobileView/useMobileView.js";
 import { CheckboxTreeExtendedContext } from "./CheckboxTreeExtendedContext.js";
 import { CheckboxTreeExtendedCheckbox } from "./components/CheckboxTreeExtendedCheckbox.js";
 import { CheckboxTreeExtendedNode } from "./components/CheckboxTreeExtendedNode.js";
-import { s as styles } from "../../chunks/CheckboxTreeExtended.module-DJVBzjDr.js";
+import { s as styles } from "../../chunks/CheckboxTreeExtended.module-C4HfTGgw.js";
 const CheckboxTreeExtended = Object.assign(
   React__default.forwardRef(
     ({ className, size = EComponentSize.MD, ...rest }, ref) => {

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedArrow.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
 import { CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
-import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-DJVBzjDr.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-C4HfTGgw.js";
 const CheckboxTreeExtendedArrow = ({ active, opened, toggle }) => {
   const arrowNode = useRef(null);
   const prevActive = useRef(active);

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.js

@@ -3,7 +3,7 @@ import { useRef, useContext, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { Checkbox } from "../../Checkbox/Checkbox.js";
 import { CheckboxTreeExtendedContext } from "../CheckboxTreeExtendedContext.js";
-import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-DJVBzjDr.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-C4HfTGgw.js";
 const CheckboxTreeExtendedCheckbox = ({
   active,
   className,

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js

@@ -6,7 +6,7 @@ import { CollapsibleTreeExtended } from "../../CollapsibleTreeExtended/Collapsib
 import { CheckboxTreeExtendedContext } from "../CheckboxTreeExtendedContext.js";
 import { isStaticCheckboxTreeExtended } from "../isStaticCheckboxTreeExtended.js";
 import "./CheckboxTreeExtendedArrow.js";
-import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-DJVBzjDr.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-C4HfTGgw.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const CheckboxTreeExtendedNode = ({
   children,

package/components/Chip/Chip.js

@@ -7,7 +7,7 @@ import "../../utils/keyboard.js";
 import "../Badge/Badge.js";
 import "../IconWrapper/IconWrapper.js";
 import "./enums.js";
-import { C } from "../../chunks/Chip-B2MSyUum.js";
+import { C } from "../../chunks/Chip-Cmdhh831.js";
 export {
   C as Chip
 };

package/components/Chip/ChipClearButton.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { CrossStrokeSrvIcon24, CrossStrokeSrvIcon20, CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
-const chipClearButton = "chipClearButton__0d5b4112";
+const chipClearButton = "chipClearButton__01766831";
 const styles = {
   chipClearButton
 };

package/components/Chip/ChipDatePicker/ChipDatePicker.js

@@ -7,7 +7,7 @@ import { DatePickerExtended } from "../../DatePickerExtended/DatePickerExtended.
 import { ChipDatePickerTarget } from "./ChipDatePickerTarget.js";
 import { inputDateFormat } from "../../DateField/constants.js";
 import { DropdownMobileMaskedInput } from "../../Dropdown/mobile/DropdownMobileMaskedInput.js";
-import { s as styles } from "../../../chunks/Chip-B2MSyUum.js";
+import { s as styles } from "../../../chunks/Chip-Cmdhh831.js";
 const ChipDatePicker = React__default.forwardRef((props, ref) => {
   const {
     size,

package/components/Chip/ChipDatePicker/ChipDatePickerTarget.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { C as Chip } from "../../../chunks/Chip-B2MSyUum.js";
+import { C as Chip } from "../../../chunks/Chip-Cmdhh831.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { DatePickerExtendedContext } from "../../DatePickerExtended/DatePickerExtendedContext.js";

package/components/Chip/ChipDropdownArrow.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { CaretdownStrokeSrvIcon24, CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const chipDropdownArrow = "chipDropdownArrow__0a1bf687";
-const rotated = "rotated__e4a3b86f";
+const chipDropdownArrow = "chipDropdownArrow__355ec9ac";
+const rotated = "rotated__c980574e";
 const styles = {
   chipDropdownArrow,
   rotated

package/components/Chip/ChipIcon.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { C as Chip } from "../../chunks/Chip-B2MSyUum.js";
+import { C as Chip } from "../../chunks/Chip-Cmdhh831.js";
 const ChipIcon = React__default.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsx(Chip, { ...rest, prefix: children, postfix: /* @__PURE__ */ jsx("span", {}), ref }));
 ChipIcon.displayName = "ChipIcon";
 export {

package/components/Chip/ChipMonthYearPicker/ChipMonthYearPicker.js

@@ -11,7 +11,7 @@ import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import { ECalendarPickType } from "../../Calendar/enums.js";
-import { s as styles } from "../../../chunks/Chip-B2MSyUum.js";
+import { s as styles } from "../../../chunks/Chip-Cmdhh831.js";
 const ChipMonthYearPicker = React__default.forwardRef((props, ref) => {
   const {
     className,

package/components/Chip/ChipMonthYearPicker/ChipMonthYearPickerTarget.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { C as Chip } from "../../../chunks/Chip-B2MSyUum.js";
+import { C as Chip } from "../../../chunks/Chip-Cmdhh831.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { DatePickerExtendedContext } from "../../DatePickerExtended/DatePickerExtendedContext.js";

package/components/Chip/ChipMultiselect.js

@@ -3,7 +3,7 @@ import React__default, { useCallback } from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { MultiselectField } from "../MultiselectField/MultiselectField.js";
 import { isKey } from "../../utils/keyboard.js";
-import { s as styles, C as Chip } from "../../chunks/Chip-B2MSyUum.js";
+import { s as styles, C as Chip } from "../../chunks/Chip-Cmdhh831.js";
 import { ChipClearButton } from "./ChipClearButton.js";
 import { ChipDropdownArrow } from "./ChipDropdownArrow.js";
 const ChipMultiselect = React__default.forwardRef(

package/components/Chip/ChipOptions.js

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { OptionsStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { isKey } from "../../utils/keyboard.js";
-import { C as Chip } from "../../chunks/Chip-B2MSyUum.js";
+import { C as Chip } from "../../chunks/Chip-Cmdhh831.js";
 import { ChipClearButton } from "./ChipClearButton.js";
-const chipOptionsContent = "chipOptionsContent__70169c2c";
+const chipOptionsContent = "chipOptionsContent__76a00f99";
 const styles = {
   chipOptionsContent
 };

package/components/Chip/ChipSelect/ChipSelect.js

@@ -6,7 +6,7 @@ import "../../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
 import "../../SelectExtendedField/components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdownDefault } from "../../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
 import { ChipSelectTarget } from "./ChipSelectTarget.js";
-import { s as styles } from "../../../chunks/Chip-B2MSyUum.js";
+import { s as styles } from "../../../chunks/Chip-Cmdhh831.js";
 const ChipSelect = React__default.forwardRef(
   ({
     className,

package/components/Chip/ChipSelect/ChipSelectTarget.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useCallback } from "react";
-import { C as Chip } from "../../../chunks/Chip-B2MSyUum.js";
+import { C as Chip } from "../../../chunks/Chip-Cmdhh831.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { isKey } from "../../../utils/keyboard.js";

package/components/Chip/ChipSort.js

@@ -9,7 +9,7 @@ import "../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
 import "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdownDefault } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
 import { isKey } from "../../utils/keyboard.js";
-import { s as styles } from "../../chunks/Chip-B2MSyUum.js";
+import { s as styles } from "../../chunks/Chip-Cmdhh831.js";
 const ICON_PALETTE_INDEX_DEFAULT = 5;
 const ICON_PALETTE_INDEX_SELECTED = 6;
 const ChipSort = React__default.forwardRef(

package/components/Chip/ChipSuggest/ChipSuggest.js

@@ -6,7 +6,7 @@ import "../../Suggest/SuggestContext.js";
 import { Suggest } from "../../Suggest/Suggest.js";
 import { ChipSuggestDropdown } from "./ChipSuggestDropdown.js";
 import { setForwardedRef } from "../../../helpers/setForwardedRef.js";
-import { s as styles } from "../../../chunks/Chip-B2MSyUum.js";
+import { s as styles } from "../../../chunks/Chip-Cmdhh831.js";
 const ChipSuggestBase = ({
   className,
   type,

package/components/Chip/ChipSuggest/ChipSuggestDropdown.js

@@ -6,7 +6,7 @@ import { useSuggestContext } from "../../Suggest/SuggestContext.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import { D as DropdownListItem } from "../../../chunks/DropdownListItem-DjQdo1YB.js";
+import { D as DropdownListItem } from "../../../chunks/DropdownListItem-CGEa4kss.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/Chip/ChipSuggest/ChipSuggestTarget.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useCallback } from "react";
 import { useSuggestContext } from "../../Suggest/SuggestContext.js";
 import "../../Suggest/Suggest.js";
-import { C as Chip } from "../../../chunks/Chip-B2MSyUum.js";
+import { C as Chip } from "../../../chunks/Chip-Cmdhh831.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { isKey } from "../../../utils/keyboard.js";

package/components/Chip/ChipSuggest/desktop/ChipSuggestDesktopDropdownField.js

@@ -18,7 +18,7 @@ import { ETooltipSize } from "../../../Tooltip/enums.js";
 import { LoaderSmall } from "../../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../../Loader/LoaderSmall/enum.js";
 import "../../../Loader/LoaderMiddle/LoaderMiddle.js";
-const chipSuggestInputWrapper = "chipSuggestInputWrapper__e6c4aeaa";
+const chipSuggestInputWrapper = "chipSuggestInputWrapper__5e1eb9ab";
 const styles = {
   chipSuggestInputWrapper
 };

package/components/Chip/index.js

@@ -1,5 +1,5 @@
 import { EChipType } from "./enums.js";
-import { C } from "../../chunks/Chip-B2MSyUum.js";
+import { C } from "../../chunks/Chip-Cmdhh831.js";
 import { ChipDatePicker } from "./ChipDatePicker/ChipDatePicker.js";
 import { ChipDatePickerTarget } from "./ChipDatePicker/ChipDatePickerTarget.js";
 import { ChipClearButton } from "./ChipClearButton.js";

package/components/ChipGroup/ChipGroup.js

@@ -3,12 +3,12 @@ import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const chipGroup = "chipGroup__83f31ffe";
-const oneLine = "oneLine__e9120e94";
-const multiLine = "multiLine__8cc7bcb9";
-const lg = "lg__1b2e724d";
-const md = "md__98ec4dff";
-const sm = "sm__4c2cc5ba";
+const chipGroup = "chipGroup__df2f8976";
+const oneLine = "oneLine__37523d57";
+const multiLine = "multiLine__2a01bdc4";
+const lg = "lg__28327d46";
+const md = "md__6d2cd494";
+const sm = "sm__22ddd9b1";
 const styles = {
   chipGroup,
   oneLine,
@@ -31,7 +31,7 @@ const ChipGroup = React__default.forwardRef(
         ),
         ...rest,
         ref,
-        "data-tx": "1.49.0",
+        "data-tx": "1.51.0",
         children
       }
     );