@sberbusiness/triplex-next 0.38.0 → 0.40.0

package/components/Carousel/CarouselIndicators.js

@@ -0,0 +1,157 @@
+import { jsx } from "react/jsx-runtime";
+import React, { useContext, useRef, useCallback, useEffect } from "react";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { CarouselContext } from "./CarouselContext.js";
+import { mergeRefs, useLatestRef } from "./utils.js";
+import { ECarouselOrientation, ECarouselScrollMode } from "./enums.js";
+import { ButtonBase } from "../Button/ButtonBase.js";
+import { s as styles } from "../../chunks/Carousel.module-DTaSq3Bq.js";
+const ORIENTATION_TO_NAVIGATION_KEYS = {
+  [ECarouselOrientation.HORIZONTAL]: ["ArrowRight", "ArrowLeft"],
+  [ECarouselOrientation.VERTICAL]: ["ArrowDown", "ArrowUp"]
+};
+const CarouselIndicators = React.forwardRef(
+  ({ className, onKeyDown, indicatorProps, renderIndicator, ...restProps }, ref) => {
+    const { currentIndex, orientation, scrollMode, activeIndices, goToSlide, orientationRef, currentIndexRef } = useContext(CarouselContext);
+    const containerRef = useRef(null);
+    const combinedRef = mergeRefs(ref, containerRef);
+    const buttonRefs = useRef(/* @__PURE__ */ new Map());
+    const indicatorRefsCache = useRef(/* @__PURE__ */ new Map());
+    const clickHandlersCache = useRef(/* @__PURE__ */ new Map());
+    const indicatorPropsRef = useLatestRef(indicatorProps);
+    const activeIndicesRef = useLatestRef(activeIndices);
+    const totalPages = activeIndices.length;
+    const getIndicatorRef = useCallback((slideIndex) => {
+      if (!indicatorRefsCache.current.has(slideIndex)) {
+        indicatorRefsCache.current.set(slideIndex, (node) => {
+          if (node) {
+            buttonRefs.current.set(slideIndex, node);
+          } else {
+            buttonRefs.current.delete(slideIndex);
+          }
+        });
+      }
+      return indicatorRefsCache.current.get(slideIndex);
+    }, []);
+    const getIndicatorClickHandler = useCallback(
+      (slideIndex) => {
+        if (!clickHandlersCache.current.has(slideIndex)) {
+          clickHandlersCache.current.set(slideIndex, (event) => {
+            var _a;
+            goToSlide(slideIndex);
+            const currentPropsInput = indicatorPropsRef.current;
+            if (!currentPropsInput) return;
+            const latestActiveIndices = activeIndicesRef.current;
+            const indexInArray = latestActiveIndices.indexOf(slideIndex);
+            if (indexInArray !== -1) {
+              const page = indexInArray + 1;
+              const selected = currentIndexRef.current === slideIndex;
+              const resolvedProps = typeof currentPropsInput === "function" ? currentPropsInput({ index: indexInArray, page, selected }) : currentPropsInput;
+              (_a = resolvedProps == null ? void 0 : resolvedProps.onClick) == null ? void 0 : _a.call(resolvedProps, event);
+            }
+          });
+        }
+        return clickHandlersCache.current.get(slideIndex);
+      },
+      [goToSlide]
+    );
+    const handleKeyDown = useCallback(
+      (event) => {
+        const [nextKey, prevKey] = ORIENTATION_TO_NAVIGATION_KEYS[orientationRef.current];
+        const nextKeyMatched = event.key === nextKey;
+        const prevKeyMatched = event.key === prevKey;
+        const homeKeyMatched = event.key === "Home";
+        const endKeyMatched = event.key === "End";
+        if (nextKeyMatched || prevKeyMatched || homeKeyMatched || endKeyMatched) {
+          const currentIndexInArray = activeIndices.indexOf(currentIndexRef.current);
+          if (currentIndexInArray !== -1) {
+            event.preventDefault();
+            let nextIndexInArray = currentIndexInArray;
+            if (nextKeyMatched) {
+              nextIndexInArray = (currentIndexInArray + 1) % totalPages;
+            } else if (prevKeyMatched) {
+              nextIndexInArray = (currentIndexInArray - 1 + totalPages) % totalPages;
+            } else if (homeKeyMatched) {
+              nextIndexInArray = 0;
+            } else if (endKeyMatched) {
+              nextIndexInArray = totalPages - 1;
+            }
+            const nextSlideIndex = activeIndices[nextIndexInArray];
+            goToSlide(nextSlideIndex);
+          }
+        }
+        onKeyDown == null ? void 0 : onKeyDown(event);
+      },
+      [activeIndices, totalPages, goToSlide, onKeyDown]
+    );
+    useEffect(() => {
+      const activeSet = new Set(activeIndices);
+      for (const key of indicatorRefsCache.current.keys()) {
+        if (!activeSet.has(key)) {
+          indicatorRefsCache.current.delete(key);
+          buttonRefs.current.delete(key);
+        }
+      }
+      for (const key of clickHandlersCache.current.keys()) {
+        if (!activeSet.has(key)) {
+          clickHandlersCache.current.delete(key);
+        }
+      }
+    }, [activeIndices]);
+    useEffect(() => {
+      const container = containerRef.current;
+      if (!(container == null ? void 0 : container.contains(document.activeElement))) return;
+      const rafId = requestAnimationFrame(() => {
+        const activeButton = buttonRefs.current.get(currentIndexRef.current);
+        activeButton == null ? void 0 : activeButton.focus();
+      });
+      return () => cancelAnimationFrame(rafId);
+    }, [currentIndex]);
+    if (scrollMode === ECarouselScrollMode.ITEM || totalPages < 1) return null;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ...restProps,
+        className: clsx(styles.indicators, className),
+        role: "tablist",
+        "aria-orientation": orientation,
+        onKeyDown: handleKeyDown,
+        ref: combinedRef,
+        children: activeIndices.map((slideIndex, index) => {
+          const selected = currentIndex === slideIndex;
+          const page = index + 1;
+          const resolvedIndicatorProps = typeof indicatorProps === "function" ? indicatorProps({ index, page, selected }) : indicatorProps;
+          const indicatorRef = getIndicatorRef(slideIndex);
+          const indicatorClickHandler = getIndicatorClickHandler(slideIndex);
+          const providedIndicatorProps = {
+            ...resolvedIndicatorProps,
+            className: clsx(
+              styles.indicator,
+              { [styles.active]: selected },
+              resolvedIndicatorProps == null ? void 0 : resolvedIndicatorProps.className
+            ),
+            role: "tab",
+            tabIndex: selected ? 0 : -1,
+            "aria-selected": selected,
+            onClick: indicatorClickHandler
+          };
+          if (renderIndicator) {
+            return /* @__PURE__ */ jsx(React.Fragment, { children: renderIndicator({
+              index,
+              page,
+              selected,
+              props: providedIndicatorProps,
+              ref: indicatorRef
+            }) }, slideIndex);
+          }
+          return /* @__PURE__ */ jsx(ButtonBase, { ...providedIndicatorProps, ref: indicatorRef }, slideIndex);
+        })
+      }
+    );
+  }
+);
+CarouselIndicators.displayName = "Carousel.Indicators";
+export {
+  CarouselIndicators
+};
+//# sourceMappingURL=CarouselIndicators.js.map

package/components/Carousel/CarouselIndicators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselIndicators.js","sources":["../../../src/components/Carousel/CarouselIndicators.tsx"],"sourcesContent":["import React, { useContext, useRef, useCallback, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { ICarouselIndicatorsProps, TCarouselIndicatorProps } from \"./types\";\nimport { CarouselContext } from \"./CarouselContext\";\nimport { mergeRefs, useLatestRef } from \"./utils\";\nimport { ECarouselScrollMode, ECarouselOrientation } from \"./enums\";\nimport { ButtonBase } from \"../Button/ButtonBase\";\nimport styles from \"./styles/Carousel.module.less\";\n\nconst ORIENTATION_TO_NAVIGATION_KEYS = {\n    [ECarouselOrientation.HORIZONTAL]: [\"ArrowRight\", \"ArrowLeft\"],\n    [ECarouselOrientation.VERTICAL]: [\"ArrowDown\", \"ArrowUp\"],\n} as const;\n\nexport const CarouselIndicators = React.forwardRef<HTMLDivElement, ICarouselIndicatorsProps>(\n    ({ className, onKeyDown, indicatorProps, renderIndicator, ...restProps }, ref) => {\n        const { currentIndex, orientation, scrollMode, activeIndices, goToSlide, orientationRef, currentIndexRef } =\n            useContext(CarouselContext);\n        const containerRef = useRef<HTMLDivElement | null>(null);\n        const combinedRef = mergeRefs(ref, containerRef);\n\n        const buttonRefs = useRef<Map<number, HTMLButtonElement>>(new Map());\n        const indicatorRefsCache = useRef<Map<number, React.RefCallback<HTMLButtonElement>>>(new Map());\n        const clickHandlersCache = useRef<Map<number, React.MouseEventHandler<HTMLButtonElement>>>(new Map());\n\n        // Храним актуальный indicatorProps в рефе для стабильных колбэков клика\n        const indicatorPropsRef = useLatestRef(indicatorProps);\n        // Защита от устаревшего замыкания activeIndices в кэшированных кликах\n        const activeIndicesRef = useLatestRef(activeIndices);\n\n        const totalPages = activeIndices.length;\n\n        const getIndicatorRef = useCallback((slideIndex: number) => {\n            if (!indicatorRefsCache.current.has(slideIndex)) {\n                indicatorRefsCache.current.set(slideIndex, (node) => {\n                    if (node) {\n                        buttonRefs.current.set(slideIndex, node);\n                    } else {\n                        buttonRefs.current.delete(slideIndex);\n                    }\n                });\n            }\n            // Безопасно: запись выше гарантирует наличие ключа в кэше.\n            return indicatorRefsCache.current.get(slideIndex)!;\n        }, []);\n\n        const getIndicatorClickHandler = useCallback(\n            (slideIndex: number) => {\n                if (!clickHandlersCache.current.has(slideIndex)) {\n                    clickHandlersCache.current.set(slideIndex, (event) => {\n                        goToSlide(slideIndex);\n\n                        const currentPropsInput = indicatorPropsRef.current;\n                        if (!currentPropsInput) return;\n\n                        const latestActiveIndices = activeIndicesRef.current;\n                        const indexInArray = latestActiveIndices.indexOf(slideIndex);\n\n                        if (indexInArray !== -1) {\n                            const page = indexInArray + 1;\n                            const selected = currentIndexRef.current === slideIndex;\n                            const resolvedProps =\n                                typeof currentPropsInput === \"function\"\n                                    ? currentPropsInput({ index: indexInArray, page, selected })\n                                    : currentPropsInput;\n\n                            resolvedProps?.onClick?.(event);\n                        }\n                    });\n                }\n                // Безопасно: запись выше гарантирует наличие ключа в кэше.\n                return clickHandlersCache.current.get(slideIndex)!;\n            },\n            [goToSlide],\n        );\n\n        const handleKeyDown = useCallback<React.KeyboardEventHandler<HTMLDivElement>>(\n            (event) => {\n                const [nextKey, prevKey] = ORIENTATION_TO_NAVIGATION_KEYS[orientationRef.current];\n                const nextKeyMatched = event.key === nextKey;\n                const prevKeyMatched = event.key === prevKey;\n                const homeKeyMatched = event.key === \"Home\";\n                const endKeyMatched = event.key === \"End\";\n\n                if (nextKeyMatched || prevKeyMatched || homeKeyMatched || endKeyMatched) {\n                    const currentIndexInArray = activeIndices.indexOf(currentIndexRef.current);\n\n                    if (currentIndexInArray !== -1) {\n                        event.preventDefault();\n\n                        let nextIndexInArray = currentIndexInArray;\n                        if (nextKeyMatched) {\n                            nextIndexInArray = (currentIndexInArray + 1) % totalPages;\n                        } else if (prevKeyMatched) {\n                            nextIndexInArray = (currentIndexInArray - 1 + totalPages) % totalPages;\n                        } else if (homeKeyMatched) {\n                            nextIndexInArray = 0;\n                        } else if (endKeyMatched) {\n                            nextIndexInArray = totalPages - 1;\n                        }\n\n                        const nextSlideIndex = activeIndices[nextIndexInArray];\n                        goToSlide(nextSlideIndex);\n                    }\n                }\n\n                onKeyDown?.(event);\n            },\n            [activeIndices, totalPages, goToSlide, onKeyDown],\n        );\n\n        useEffect(() => {\n            const activeSet = new Set(activeIndices);\n\n            for (const key of indicatorRefsCache.current.keys()) {\n                if (!activeSet.has(key)) {\n                    indicatorRefsCache.current.delete(key);\n                    buttonRefs.current.delete(key);\n                }\n            }\n            for (const key of clickHandlersCache.current.keys()) {\n                if (!activeSet.has(key)) {\n                    clickHandlersCache.current.delete(key);\n                }\n            }\n        }, [activeIndices]);\n\n        useEffect(() => {\n            const container = containerRef.current;\n            if (!container?.contains(document.activeElement)) return;\n\n            const rafId = requestAnimationFrame(() => {\n                const activeButton = buttonRefs.current.get(currentIndexRef.current);\n                activeButton?.focus();\n            });\n\n            return () => cancelAnimationFrame(rafId);\n        }, [currentIndex]);\n\n        if (scrollMode === ECarouselScrollMode.ITEM || totalPages < 1) return null;\n\n        return (\n            <div\n                {...restProps}\n                className={clsx(styles.indicators, className)}\n                role=\"tablist\"\n                aria-orientation={orientation}\n                onKeyDown={handleKeyDown}\n                ref={combinedRef}\n            >\n                {activeIndices.map((slideIndex, index) => {\n                    const selected = currentIndex === slideIndex;\n                    const page = index + 1;\n\n                    const resolvedIndicatorProps =\n                        typeof indicatorProps === \"function\"\n                            ? indicatorProps({ index, page, selected })\n                            : indicatorProps;\n\n                    const indicatorRef = getIndicatorRef(slideIndex);\n                    const indicatorClickHandler = getIndicatorClickHandler(slideIndex);\n\n                    const providedIndicatorProps: TCarouselIndicatorProps = {\n                        ...resolvedIndicatorProps,\n                        className: clsx(\n                            styles.indicator,\n                            { [styles.active]: selected },\n                            resolvedIndicatorProps?.className,\n                        ),\n                        role: \"tab\",\n                        tabIndex: selected ? 0 : -1,\n                        \"aria-selected\": selected,\n                        onClick: indicatorClickHandler,\n                    };\n\n                    if (renderIndicator) {\n                        return (\n                            <React.Fragment key={slideIndex}>\n                                {renderIndicator({\n                                    index,\n                                    page,\n                                    selected,\n                                    props: providedIndicatorProps,\n                                    ref: indicatorRef,\n                                })}\n                            </React.Fragment>\n                        );\n                    }\n\n                    return <ButtonBase key={slideIndex} {...providedIndicatorProps} ref={indicatorRef} />;\n                })}\n            </div>\n        );\n    },\n);\n\nCarouselIndicators.displayName = \"Carousel.Indicators\";\n"],"names":[],"mappings":"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"}

package/components/Carousel/CarouselItem.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import React, { useContext, useRef, useCallback } from "react";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { CarouselContext } from "./CarouselContext.js";
+import { mergeRefs } from "./utils.js";
+import { s as styles } from "../../chunks/Carousel.module-DTaSq3Bq.js";
+const CarouselItem = React.forwardRef(
+  ({ children, className, index, ...restProps }, ref) => {
+    const { slideRefs } = useContext(CarouselContext);
+    const lastRegisteredIndexRef = useRef(null);
+    const registerItemRef = useCallback(
+      (node) => {
+        if (node) {
+          if (lastRegisteredIndexRef.current !== null && lastRegisteredIndexRef.current !== index) {
+            slideRefs.current.delete(lastRegisteredIndexRef.current);
+          }
+          slideRefs.current.set(index, node);
+          lastRegisteredIndexRef.current = index;
+        } else if (lastRegisteredIndexRef.current !== null) {
+          slideRefs.current.delete(lastRegisteredIndexRef.current);
+          lastRegisteredIndexRef.current = null;
+        }
+      },
+      [index]
+    );
+    const combinedRef = mergeRefs(ref, registerItemRef);
+    return /* @__PURE__ */ jsx("div", { className: clsx(styles.slide, className), role: "group", ...restProps, ref: combinedRef, children });
+  }
+);
+CarouselItem.displayName = "Carousel.Item";
+export {
+  CarouselItem
+};
+//# sourceMappingURL=CarouselItem.js.map

package/components/Carousel/CarouselItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselItem.js","sources":["../../../src/components/Carousel/CarouselItem.tsx"],"sourcesContent":["import React, { useContext, useRef, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { ICarouselItemProps } from \"./types\";\nimport { CarouselContext } from \"./CarouselContext\";\nimport { mergeRefs } from \"./utils\";\nimport styles from \"./styles/Carousel.module.less\";\n\nexport const CarouselItem = React.forwardRef<HTMLDivElement, ICarouselItemProps>(\n    ({ children, className, index, ...restProps }, ref) => {\n        const { slideRefs } = useContext(CarouselContext);\n\n        const lastRegisteredIndexRef = useRef<number | null>(null);\n\n        const registerItemRef = useCallback(\n            (node: HTMLDivElement | null) => {\n                if (node) {\n                    if (lastRegisteredIndexRef.current !== null && lastRegisteredIndexRef.current !== index) {\n                        slideRefs.current.delete(lastRegisteredIndexRef.current);\n                    }\n                    slideRefs.current.set(index, node);\n                    lastRegisteredIndexRef.current = index;\n                } else if (lastRegisteredIndexRef.current !== null) {\n                    slideRefs.current.delete(lastRegisteredIndexRef.current);\n                    lastRegisteredIndexRef.current = null;\n                }\n            },\n            [index],\n        );\n\n        const combinedRef = mergeRefs(ref, registerItemRef);\n\n        return (\n            <div className={clsx(styles.slide, className)} role=\"group\" {...restProps} ref={combinedRef}>\n                {children}\n            </div>\n        );\n    },\n);\n\nCarouselItem.displayName = \"Carousel.Item\";\n"],"names":[],"mappings":";;;;;;AAOO,MAAM,eAAe,MAAM;AAAA,EAC9B,CAAC,EAAE,UAAU,WAAW,OAAO,GAAG,UAAA,GAAa,QAAQ;AACnD,UAAM,EAAE,UAAA,IAAc,WAAW,eAAe;AAEhD,UAAM,yBAAyB,OAAsB,IAAI;AAEzD,UAAM,kBAAkB;AAAA,MACpB,CAAC,SAAgC;AAC7B,YAAI,MAAM;AACN,cAAI,uBAAuB,YAAY,QAAQ,uBAAuB,YAAY,OAAO;AACrF,sBAAU,QAAQ,OAAO,uBAAuB,OAAO;AAAA,UAC3D;AACA,oBAAU,QAAQ,IAAI,OAAO,IAAI;AACjC,iCAAuB,UAAU;AAAA,QACrC,WAAW,uBAAuB,YAAY,MAAM;AAChD,oBAAU,QAAQ,OAAO,uBAAuB,OAAO;AACvD,iCAAuB,UAAU;AAAA,QACrC;AAAA,MACJ;AAAA,MACA,CAAC,KAAK;AAAA,IAAA;AAGV,UAAM,cAAc,UAAU,KAAK,eAAe;AAElD,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,OAAO,SAAS,GAAG,MAAK,SAAS,GAAG,WAAW,KAAK,aAC3E,UACL;AAAA,EAER;AACJ;AAEA,aAAa,cAAc;"}

package/components/Carousel/CarouselTrack.js

@@ -0,0 +1,36 @@
+import { jsx } from "react/jsx-runtime";
+import React, { useContext } from "react";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { CarouselContext } from "./CarouselContext.js";
+import { mergeRefs } from "./utils.js";
+import { ORIENTATION_TRANSFORM } from "./constants.js";
+import { s as styles } from "../../chunks/Carousel.module-DTaSq3Bq.js";
+const CarouselTrack = React.forwardRef(
+  ({ children, className, style, ...restProps }, ref) => {
+    const { gap, orientation, offset, trackRef } = useContext(CarouselContext);
+    const combinedRef = mergeRefs(ref, trackRef);
+    const runtimeStyle = {
+      "--triplex-next-runtime-carousel-transform": ORIENTATION_TRANSFORM[orientation](-offset),
+      "--triplex-next-runtime-carousel-gap": `${gap}px`
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx(styles.track, className),
+        role: "presentation",
+        ...restProps,
+        style: {
+          ...style,
+          ...runtimeStyle
+        },
+        ref: combinedRef,
+        children
+      }
+    );
+  }
+);
+CarouselTrack.displayName = "Carousel.Track";
+export {
+  CarouselTrack
+};
+//# sourceMappingURL=CarouselTrack.js.map

package/components/Carousel/CarouselTrack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselTrack.js","sources":["../../../src/components/Carousel/CarouselTrack.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { ICarouselTrackProps } from \"./types\";\nimport { CarouselContext } from \"./CarouselContext\";\nimport { mergeRefs } from \"./utils\";\nimport { ORIENTATION_TRANSFORM } from \"./constants\";\nimport styles from \"./styles/Carousel.module.less\";\n\nexport const CarouselTrack = React.forwardRef<HTMLDivElement, ICarouselTrackProps>(\n    ({ children, className, style, ...restProps }, ref) => {\n        const { gap, orientation, offset, trackRef } = useContext(CarouselContext);\n        const combinedRef = mergeRefs(ref, trackRef);\n\n        const runtimeStyle = {\n            \"--triplex-next-runtime-carousel-transform\": ORIENTATION_TRANSFORM[orientation](-offset),\n            \"--triplex-next-runtime-carousel-gap\": `${gap}px`,\n        };\n\n        return (\n            <div\n                className={clsx(styles.track, className)}\n                role=\"presentation\"\n                {...restProps}\n                style={{\n                    ...style,\n                    ...runtimeStyle,\n                }}\n                ref={combinedRef}\n            >\n                {children}\n            </div>\n        );\n    },\n);\n\nCarouselTrack.displayName = \"Carousel.Track\";\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,gBAAgB,MAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,WAAW,OAAO,GAAG,UAAA,GAAa,QAAQ;AACnD,UAAM,EAAE,KAAK,aAAa,QAAQ,SAAA,IAAa,WAAW,eAAe;AACzE,UAAM,cAAc,UAAU,KAAK,QAAQ;AAE3C,UAAM,eAAe;AAAA,MACjB,6CAA6C,sBAAsB,WAAW,EAAE,CAAC,MAAM;AAAA,MACvF,uCAAuC,GAAG,GAAG;AAAA,IAAA;AAGjD,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,OAAO,SAAS;AAAA,QACvC,MAAK;AAAA,QACJ,GAAG;AAAA,QACJ,OAAO;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,QAAA;AAAA,QAEP,KAAK;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,cAAc,cAAc;"}

package/components/Carousel/CarouselViewport.js

@@ -0,0 +1,159 @@
+import { jsx } from "react/jsx-runtime";
+import React, { useContext, useRef, useCallback, useEffect } from "react";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+import { CarouselContext } from "./CarouselContext.js";
+import { mergeRefs } from "./utils.js";
+import { ORIENTATION_TRANSFORM } from "./constants.js";
+import { ECarouselOrientation } from "./enums.js";
+import { s as styles } from "../../chunks/Carousel.module-DTaSq3Bq.js";
+const ORIENTATION_TO_TOUCH_KEY = {
+  [ECarouselOrientation.HORIZONTAL]: "clientX",
+  [ECarouselOrientation.VERTICAL]: "clientY"
+};
+const ORIENTATION_TO_CROSS_TOUCH_KEY = {
+  [ECarouselOrientation.HORIZONTAL]: "clientY",
+  [ECarouselOrientation.VERTICAL]: "clientX"
+};
+const CarouselViewport = React.forwardRef(
+  ({ children, className, style, onTouchStart, ...restProps }, ref) => {
+    const {
+      viewportPaddingStyle,
+      nextSlide,
+      prevSlide,
+      offsetRef,
+      maxOffsetRef,
+      orientationRef,
+      viewportRef,
+      trackRef
+    } = useContext(CarouselContext);
+    const combinedRef = mergeRefs(ref, viewportRef);
+    const draggingRef = useRef(false);
+    const scrollingRef = useRef(null);
+    const startCoordsRef = useRef({ clientX: 0, clientY: 0 });
+    const startOffsetRef = useRef(0);
+    const dragDistanceRef = useRef(0);
+    const touchMoveHandlerRef = useRef(null);
+    const touchEndHandlerRef = useRef(null);
+    const clearTouchListeners = useCallback(() => {
+      if (touchMoveHandlerRef.current) {
+        window.removeEventListener("touchmove", touchMoveHandlerRef.current);
+        touchMoveHandlerRef.current = null;
+      }
+      if (touchEndHandlerRef.current) {
+        window.removeEventListener("touchend", touchEndHandlerRef.current);
+        window.removeEventListener("touchcancel", touchEndHandlerRef.current);
+        touchEndHandlerRef.current = null;
+      }
+    }, []);
+    const handleTouchMove = useCallback((event) => {
+      if (!draggingRef.current || !trackRef.current) return;
+      const touch = event.targetTouches[0];
+      if (!touch) return;
+      const orientation = orientationRef.current;
+      const touchKey = ORIENTATION_TO_TOUCH_KEY[orientation];
+      const crossKey = ORIENTATION_TO_CROSS_TOUCH_KEY[orientation];
+      const dragDistance = touch[touchKey] - startCoordsRef.current[touchKey];
+      const crossDistance = touch[crossKey] - startCoordsRef.current[crossKey];
+      if (scrollingRef.current === null) {
+        const absMain = Math.abs(dragDistance);
+        const absCross = Math.abs(crossDistance);
+        if (absMain > 5 || absCross > 5) {
+          scrollingRef.current = absCross > absMain;
+        }
+      }
+      if (scrollingRef.current) {
+        return;
+      }
+      if (event.cancelable) {
+        event.preventDefault();
+      }
+      dragDistanceRef.current = dragDistance;
+      const maxOffset = maxOffsetRef.current;
+      const targetOffset = startOffsetRef.current - dragDistance;
+      let currentTranslate = -targetOffset;
+      if (targetOffset < 0) {
+        currentTranslate = -targetOffset / 3;
+      } else if (targetOffset > maxOffset) {
+        currentTranslate = -(maxOffset + (targetOffset - maxOffset) / 3);
+      }
+      trackRef.current.style.transform = ORIENTATION_TRANSFORM[orientation](currentTranslate);
+      trackRef.current.style.transition = "none";
+    }, []);
+    const handleTouchEnd = useCallback(
+      (event) => {
+        if (!draggingRef.current) return;
+        draggingRef.current = false;
+        const scrolling = scrollingRef.current;
+        scrollingRef.current = null;
+        clearTouchListeners();
+        if (!trackRef.current) return;
+        trackRef.current.style.transition = "";
+        if (event.type === "touchcancel" || scrolling) {
+          trackRef.current.style.transform = "";
+          return;
+        }
+        const finalDrag = dragDistanceRef.current;
+        const threshold = 50;
+        if (finalDrag > threshold) {
+          prevSlide();
+        } else if (finalDrag < -threshold) {
+          nextSlide();
+        }
+        trackRef.current.style.transform = "";
+      },
+      [nextSlide, prevSlide, clearTouchListeners]
+    );
+    const handleTouchStart = useCallback(
+      (event) => {
+        const touch = event.targetTouches[0];
+        if (!touch) return;
+        draggingRef.current = true;
+        scrollingRef.current = null;
+        startCoordsRef.current = {
+          clientX: touch.clientX,
+          clientY: touch.clientY
+        };
+        startOffsetRef.current = offsetRef.current;
+        dragDistanceRef.current = 0;
+        if (trackRef.current) {
+          trackRef.current.style.transition = "none";
+        }
+        clearTouchListeners();
+        touchMoveHandlerRef.current = handleTouchMove;
+        touchEndHandlerRef.current = handleTouchEnd;
+        window.addEventListener("touchmove", handleTouchMove, { passive: false });
+        window.addEventListener("touchend", handleTouchEnd);
+        window.addEventListener("touchcancel", handleTouchEnd);
+        onTouchStart == null ? void 0 : onTouchStart(event);
+      },
+      [handleTouchMove, handleTouchEnd, clearTouchListeners, onTouchStart]
+    );
+    useEffect(() => {
+      return () => {
+        clearTouchListeners();
+      };
+    }, [clearTouchListeners]);
+    const runtimeStyle = {
+      "--triplex-next-runtime-carousel-viewport-padding": viewportPaddingStyle
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx(styles.viewPort, className),
+        ...restProps,
+        onTouchStart: handleTouchStart,
+        style: {
+          ...style,
+          ...runtimeStyle
+        },
+        ref: combinedRef,
+        children
+      }
+    );
+  }
+);
+CarouselViewport.displayName = "Carousel.Viewport";
+export {
+  CarouselViewport
+};
+//# sourceMappingURL=CarouselViewport.js.map

package/components/Carousel/CarouselViewport.js.map

@@ -0,0 +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":[],"mappings":"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"}

package/components/Carousel/constants.js

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

package/components/Carousel/constants.js.map

@@ -0,0 +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;"}

package/components/Carousel/enums.js

@@ -0,0 +1,15 @@
+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

@@ -0,0 +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;"}

package/components/Carousel/index.js

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

package/components/Carousel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/components/Carousel/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/Carousel/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/Carousel/utils.js

@@ -0,0 +1,71 @@
+import { useRef, useLayoutEffect } from "react";
+const clean = (value) => {
+  if (Number.isFinite(value) && value >= 0) {
+    return value;
+  }
+  return 0;
+};
+const resolveViewportPadding = (padding) => {
+  if (padding === void 0) {
+    return {
+      metrics: { top: 0, right: 0, bottom: 0, left: 0 },
+      style: "0px"
+    };
+  }
+  if (typeof padding === "number") {
+    const v = clean(padding);
+    return {
+      metrics: { top: v, right: v, bottom: v, left: v },
+      style: `${v}px`
+    };
+  }
+  if (Array.isArray(padding)) {
+    const [t, r, b, l] = padding.map(clean);
+    switch (padding.length) {
+      case 2:
+        return {
+          metrics: { top: t, right: r, bottom: t, left: r },
+          style: `${t}px ${r}px`
+        };
+      case 3:
+        return {
+          metrics: { top: t, right: r, bottom: b, left: r },
+          style: `${t}px ${r}px ${b}px`
+        };
+      case 4:
+        return {
+          metrics: { top: t, right: r, bottom: b, left: l },
+          style: `${t}px ${r}px ${b}px ${l}px`
+        };
+    }
+  }
+  return {
+    metrics: { top: 0, right: 0, bottom: 0, left: 0 },
+    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
+};
+//# sourceMappingURL=utils.js.map

package/components/Carousel/utils.js.map

@@ -0,0 +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;"}

package/components/CarouselExtended/CarouselExtended.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useState, useRef, useCallback, useEffect } from "react";
 import { l as lodashExports, c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { scrollSmoothHorizontally } from "../../utils/scroll.js";
-const carouselExtended = "carouselExtended__eb440d19";
+const carouselExtended = "carouselExtended__b6d8a953";
 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__b3221664";
-const sm = "sm__da4e6b46";
-const nonempty = "nonempty__07bd04d5";
-const md = "md__b87d1ce4";
-const lg = "lg__db4422a0";
-const disabled = "disabled__f49c34de";
-const checkbox = "checkbox__2bd3601f";
-const checkboxIcon = "checkboxIcon__d2cd69e3";
-const checkmarkIcon = "checkmarkIcon__161a7a89";
+const label = "label__3f4f474a";
+const sm = "sm__eaf9e7e9";
+const nonempty = "nonempty__c5ddb6f0";
+const md = "md__942d07e2";
+const lg = "lg__9050e4cc";
+const disabled = "disabled__4442bf26";
+const checkbox = "checkbox__5ad7c634";
+const checkboxIcon = "checkboxIcon__bddbb3c4";
+const checkmarkIcon = "checkmarkIcon__076e54aa";
 const styles = {
   label,
   sm,
@@ -57,7 +57,7 @@ const Checkbox = React.forwardRef((props, ref) => {
     const className2 = styles.checkmarkIcon;
     return bulk ? /* @__PURE__ */ jsx(CheckboxbulkStrokeSrvIcon24, { className: className2, paletteIndex: 7 }) : /* @__PURE__ */ jsx(CheckboxtickStrokeSrvIcon24, { className: className2, paletteIndex: 7 });
   };
-  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "0.38.0", children: [
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "0.40.0", children: [
     /* @__PURE__ */ jsx("input", { type: "checkbox", className: classNames, disabled: disabled2, ...inputAttributes, ref }),
     /* @__PURE__ */ jsx("span", { className: styles.checkboxIcon }),
     renderCheckmarkIcon(),