@sberbusiness/triplex-next 1.34.0 → 1.35.0

package/components/ImageGalleryExtended/components/ImageGalleryExtendedSlide.js

@@ -1,20 +1,20 @@
-import { jsxs as c, jsx as s } from "react/jsx-runtime";
-import { c as t } from "../../../chunks/vendor-D5cfSbgz.js";
-import { s as a } from "../../../chunks/ImageGalleryExtendedMain.module-XdOAzDPn.js";
-const i = ({ item: l, withBlur: r, onClick: e }) => /* @__PURE__ */ c("div", { className: a.slide, children: [
-  r && /* @__PURE__ */ s("img", { src: l.src, alt: "", className: a.blur, "aria-hidden": "true" }),
-  e ? /* @__PURE__ */ s("button", { type: "button", className: a.imageButton, onClick: e, children: /* @__PURE__ */ s(
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-99iGzecs.js";
+const ImageGalleryExtendedSlide = ({ item, withBlur, onClick }) => /* @__PURE__ */ jsxs("div", { className: styles.slide, children: [
+  withBlur && /* @__PURE__ */ jsx("img", { src: item.src, alt: "", className: styles.blur, "aria-hidden": "true" }),
+  onClick ? /* @__PURE__ */ jsx("button", { type: "button", className: styles.imageButton, onClick, children: /* @__PURE__ */ jsx(
     "img",
     {
-      src: l.src,
-      alt: l.alt ?? "",
-      className: t(a.image, a.clickable),
+      src: item.src,
+      alt: item.alt ?? "",
+      className: clsx(styles.image, styles.clickable),
       loading: "lazy"
     }
-  ) }) : /* @__PURE__ */ s("img", { src: l.src, alt: l.alt ?? "", className: a.image, loading: "lazy" })
+  ) }) : /* @__PURE__ */ jsx("img", { src: item.src, alt: item.alt ?? "", className: styles.image, loading: "lazy" })
 ] });
-i.displayName = "ImageGalleryExtendedSlide";
+ImageGalleryExtendedSlide.displayName = "ImageGalleryExtendedSlide";
 export {
-  i as ImageGalleryExtendedSlide
+  ImageGalleryExtendedSlide
 };
 //# sourceMappingURL=ImageGalleryExtendedSlide.js.map

package/components/ImageGalleryExtended/components/ImageGalleryExtendedSlide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGalleryExtendedSlide.js","sources":["../../../../src/components/ImageGalleryExtended/components/ImageGalleryExtendedSlide.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { IImageGalleryItemProps } from \"../types\";\nimport styles from \"../styles/ImageGalleryExtendedMain.module.less\";\n\n/** Свойства одного слайда галереи. */\nexport interface IImageGalleryExtendedSlideProps {\n    /** Изображение слайда. */\n    item: IImageGalleryItemProps;\n    /** Показывать ли блюр-слой по краям. */\n    withBlur?: boolean;\n    /** Обработчик клика по изображению. */\n    onClick?: () => void;\n}\n\n/**\n * Один слайд крупного изображения: опциональный блюр-слой и само изображение.\n * Используется как самостоятельно (десктоп), так и внутри ленты свайпа (мобильный).\n */\nexport const ImageGalleryExtendedSlide: React.FC<IImageGalleryExtendedSlideProps> = ({ item, withBlur, onClick }) => (\n    <div className={styles.slide}>\n        {withBlur && <img src={item.src} alt=\"\" className={styles.blur} aria-hidden=\"true\" />}\n\n        {onClick ? (\n            <button type=\"button\" className={styles.imageButton} onClick={onClick}>\n                <img\n                    src={item.src}\n                    alt={item.alt ?? \"\"}\n                    className={clsx(styles.image, styles.clickable)}\n                    loading=\"lazy\"\n                />\n            </button>\n        ) : (\n            <img src={item.src} alt={item.alt ?? \"\"} className={styles.image} loading=\"lazy\" />\n        )}\n    </div>\n);\n\nImageGalleryExtendedSlide.displayName = \"ImageGalleryExtendedSlide\";\n"],"names":[],"mappings":";;;AAmBO,MAAM,4BAAuE,CAAC,EAAE,MAAM,UAAU,QAAA,MACnG,qBAAC,OAAA,EAAI,WAAW,OAAO,OAClB,UAAA;AAAA,EAAA,YAAY,oBAAC,OAAA,EAAI,KAAK,KAAK,KAAK,KAAI,IAAG,WAAW,OAAO,MAAM,eAAY,OAAA,CAAO;AAAA,EAElF,8BACI,UAAA,EAAO,MAAK,UAAS,WAAW,OAAO,aAAa,SACjD,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAK,KAAK;AAAA,MACV,KAAK,KAAK,OAAO;AAAA,MACjB,WAAW,KAAK,OAAO,OAAO,OAAO,SAAS;AAAA,MAC9C,SAAQ;AAAA,IAAA;AAAA,EAAA,EACZ,CACJ,IAEA,oBAAC,OAAA,EAAI,KAAK,KAAK,KAAK,KAAK,KAAK,OAAO,IAAI,WAAW,OAAO,OAAO,SAAQ,OAAA,CAAO;AAAA,EAAA,CAEzF;AAGJ,0BAA0B,cAAc;"}

package/components/ImageGalleryExtended/components/ImageGalleryExtendedSwipeTrack.js

@@ -1,89 +1,145 @@
-import { jsx as v } from "react/jsx-runtime";
-import { useContext as w, useState as E, useRef as g, useCallback as y } from "react";
-import { c as z } from "../../../chunks/vendor-D5cfSbgz.js";
-import { ImageGalleryExtendedContext as H } from "../ImageGalleryExtendedContext.js";
-import { ImageGalleryExtendedSlide as O } from "./ImageGalleryExtendedSlide.js";
-import { s as I } from "../../../chunks/ImageGalleryExtendedMain.module-XdOAzDPn.js";
-const $ = 50, C = 8, j = 0.35, K = ({
-  withBlur: N,
-  onImageClick: T
+import { jsx } from "react/jsx-runtime";
+import { useContext, useState, useRef, useCallback } from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
+import { ImageGalleryExtendedSlide } from "./ImageGalleryExtendedSlide.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-99iGzecs.js";
+const SWIPE_MIN_DISTANCE = 50;
+const DIRECTION_LOCK_PX = 8;
+const EDGE_RESISTANCE = 0.35;
+const ImageGalleryExtendedSwipeTrack = ({
+  withBlur,
+  onImageClick
 }) => {
-  const { items: u, selectedIndex: n, onPrev: k, onNext: X } = w(H), [G, d] = E(0), [c, S] = E(null), [M, a] = E(!1), l = g(null), s = g(null), h = g(null), i = n > 0, m = n < u.length - 1, R = [
-    ...i ? [{ item: u[n - 1], index: n - 1 }] : [],
-    { item: u[n], index: n },
-    ...m ? [{ item: u[n + 1], index: n + 1 }] : []
-  ], x = i ? 1 : 0, p = y(
-    (t) => {
-      const e = l.current;
-      if (!e)
+  const { items, selectedIndex, onPrev, onNext } = useContext(ImageGalleryExtendedContext);
+  const [dragX, setDragX] = useState(0);
+  const [committing, setCommitting] = useState(null);
+  const [animating, setAnimating] = useState(false);
+  const touchStartRef = useRef(null);
+  const isHorizontalRef = useRef(null);
+  const trackElRef = useRef(null);
+  const hasPrev = selectedIndex > 0;
+  const hasNext = selectedIndex < items.length - 1;
+  const slides = [
+    ...hasPrev ? [{ item: items[selectedIndex - 1], index: selectedIndex - 1 }] : [],
+    { item: items[selectedIndex], index: selectedIndex },
+    ...hasNext ? [{ item: items[selectedIndex + 1], index: selectedIndex + 1 }] : []
+  ];
+  const currentSlot = hasPrev ? 1 : 0;
+  const handleTouchMove = useCallback(
+    (event) => {
+      const start = touchStartRef.current;
+      if (!start) {
         return;
-      const r = t.touches[0].clientX - e.x, o = t.touches[0].clientY - e.y;
-      if (s.current === null) {
-        if (Math.abs(r) < C && Math.abs(o) < C)
+      }
+      const deltaX = event.touches[0].clientX - start.x;
+      const deltaY = event.touches[0].clientY - start.y;
+      if (isHorizontalRef.current === null) {
+        if (Math.abs(deltaX) < DIRECTION_LOCK_PX && Math.abs(deltaY) < DIRECTION_LOCK_PX) {
           return;
-        s.current = Math.abs(r) > Math.abs(o);
+        }
+        isHorizontalRef.current = Math.abs(deltaX) > Math.abs(deltaY);
       }
-      if (!s.current)
+      if (!isHorizontalRef.current) {
         return;
-      t.preventDefault();
-      const f = r > 0 && !i || r < 0 && !m;
-      d(f ? r * j : r);
+      }
+      event.preventDefault();
+      const atEdge = deltaX > 0 && !hasPrev || deltaX < 0 && !hasNext;
+      setDragX(atEdge ? deltaX * EDGE_RESISTANCE : deltaX);
     },
-    [i, m]
-  ), _ = y(
-    (t) => {
-      h.current && h.current.removeEventListener("touchmove", p), h.current = t, t && t.addEventListener("touchmove", p, { passive: !1 });
+    [hasPrev, hasNext]
+  );
+  const setTrackRef = useCallback(
+    (node) => {
+      if (trackElRef.current) {
+        trackElRef.current.removeEventListener("touchmove", handleTouchMove);
+      }
+      trackElRef.current = node;
+      if (node) {
+        node.addEventListener("touchmove", handleTouchMove, { passive: false });
+      }
     },
-    [p]
-  ), b = (t) => {
-    if (c)
+    [handleTouchMove]
+  );
+  const handleTouchStart = (event) => {
+    if (committing) {
       return;
-    const e = t.touches[0];
-    l.current = { x: e.clientX, y: e.clientY }, s.current = null, a(!1);
-  }, D = (t) => {
-    const e = l.current, r = s.current;
-    if (l.current = null, s.current = null, !e || !r)
+    }
+    const touch = event.touches[0];
+    touchStartRef.current = { x: touch.clientX, y: touch.clientY };
+    isHorizontalRef.current = null;
+    setAnimating(false);
+  };
+  const handleTouchEnd = (event) => {
+    const start = touchStartRef.current;
+    const isHorizontal = isHorizontalRef.current;
+    touchStartRef.current = null;
+    isHorizontalRef.current = null;
+    if (!start || !isHorizontal) {
       return;
-    const o = t.changedTouches[0].clientX - e.x, f = o < 0 && m, Y = o > 0 && i;
-    a(!0), Math.abs(o) >= $ && (f || Y) ? S(f ? "next" : "prev") : d(0);
-  }, P = () => {
-    l.current = null, s.current = null, d(0), a(!1);
-  }, A = (t) => {
-    if (t.propertyName === "transform") {
-      if (!c) {
-        a(!1);
-        return;
-      }
-      c === "next" ? X() : k(), S(null), d(0), a(!1);
     }
-  }, L = {
-    "--triplex-next-runtime-ImageGalleryExtended-Track_Shift": `${-(c === "next" ? x + 1 : c === "prev" ? x - 1 : x) * 100}%`,
-    "--triplex-next-runtime-ImageGalleryExtended-Track_Drag": c ? "0px" : `${G}px`
+    const deltaX = event.changedTouches[0].clientX - start.x;
+    const goNext = deltaX < 0 && hasNext;
+    const goPrev = deltaX > 0 && hasPrev;
+    setAnimating(true);
+    if (Math.abs(deltaX) >= SWIPE_MIN_DISTANCE && (goNext || goPrev)) {
+      setCommitting(goNext ? "next" : "prev");
+    } else {
+      setDragX(0);
+    }
+  };
+  const handleTouchCancel = () => {
+    touchStartRef.current = null;
+    isHorizontalRef.current = null;
+    setDragX(0);
+    setAnimating(false);
+  };
+  const handleTransitionEnd = (event) => {
+    if (event.propertyName !== "transform") {
+      return;
+    }
+    if (!committing) {
+      setAnimating(false);
+      return;
+    }
+    if (committing === "next") {
+      onNext();
+    } else {
+      onPrev();
+    }
+    setCommitting(null);
+    setDragX(0);
+    setAnimating(false);
+  };
+  const shift = committing === "next" ? currentSlot + 1 : committing === "prev" ? currentSlot - 1 : currentSlot;
+  const trackStyle = {
+    "--triplex-next-runtime-ImageGalleryExtended-Track_Shift": `${-shift * 100}%`,
+    "--triplex-next-runtime-ImageGalleryExtended-Track_Drag": committing ? "0px" : `${dragX}px`
   };
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ jsx(
     "div",
     {
-      ref: _,
-      className: z(I.track, { [I.animating]: M }),
-      style: L,
-      onTouchStart: b,
-      onTouchEnd: D,
-      onTouchCancel: P,
-      onTransitionEnd: A,
-      children: R.map(({ item: t, index: e }) => /* @__PURE__ */ v(
-        O,
+      ref: setTrackRef,
+      className: clsx(styles.track, { [styles.animating]: animating }),
+      style: trackStyle,
+      onTouchStart: handleTouchStart,
+      onTouchEnd: handleTouchEnd,
+      onTouchCancel: handleTouchCancel,
+      onTransitionEnd: handleTransitionEnd,
+      children: slides.map(({ item, index }) => /* @__PURE__ */ jsx(
+        ImageGalleryExtendedSlide,
         {
-          item: t,
-          withBlur: N,
-          onClick: T ? () => T(e) : void 0
+          item,
+          withBlur,
+          onClick: onImageClick ? () => onImageClick(index) : void 0
         },
-        t.id
+        item.id
       ))
     }
   );
 };
-K.displayName = "ImageGalleryExtendedSwipeTrack";
+ImageGalleryExtendedSwipeTrack.displayName = "ImageGalleryExtendedSwipeTrack";
 export {
-  K as ImageGalleryExtendedSwipeTrack
+  ImageGalleryExtendedSwipeTrack
 };
 //# sourceMappingURL=ImageGalleryExtendedSwipeTrack.js.map

package/components/ImageGalleryExtended/components/ImageGalleryExtendedSwipeTrack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGalleryExtendedSwipeTrack.js","sources":["../../../../src/components/ImageGalleryExtended/components/ImageGalleryExtendedSwipeTrack.tsx"],"sourcesContent":["import React, { useCallback, useContext, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { ImageGalleryExtendedContext } from \"../ImageGalleryExtendedContext\";\nimport { ImageGalleryExtendedSlide } from \"./ImageGalleryExtendedSlide\";\nimport styles from \"../styles/ImageGalleryExtendedMain.module.less\";\n\n/** Минимальная горизонтальная дистанция (px), при которой свайп засчитывается как переход. */\nconst SWIPE_MIN_DISTANCE = 50;\n/** Смещение (px), после которого направление жеста фиксируется как горизонтальное/вертикальное. */\nconst DIRECTION_LOCK_PX = 8;\n/** Коэффициент «резинки» при свайпе за пределы (на первом/последнем изображении). */\nconst EDGE_RESISTANCE = 0.35;\n\ntype SwipeDirection = \"prev\" | \"next\";\n\ninterface IImageGalleryExtendedTrackStyle extends React.CSSProperties {\n    \"--triplex-next-runtime-ImageGalleryExtended-Track_Shift\": string;\n    \"--triplex-next-runtime-ImageGalleryExtended-Track_Drag\": string;\n}\n\n/** Свойства ленты свайпа. */\nexport interface IImageGalleryExtendedSwipeTrackProps {\n    /** Показывать ли блюр-слой по краям изображений. */\n    withBlur?: boolean;\n    /** Обработчик клика по изображению. Получает индекс изображения. */\n    onImageClick?: (index: number) => void;\n}\n\n/**\n * Лента крупного изображения со свайпом на мобильном. Рендерит окно из соседних\n * слайдов (prev/current/next) и двигает их за пальцем: на отпускании либо доводит\n * к соседнему изображению и меняет активное, либо возвращает текущее на место.\n * Вертикальный жест отдаётся скроллу страницы, горизонтальный — навигации.\n */\nexport const ImageGalleryExtendedSwipeTrack: React.FC<IImageGalleryExtendedSwipeTrackProps> = ({\n    withBlur,\n    onImageClick,\n}) => {\n    const { items, selectedIndex, onPrev, onNext } = useContext(ImageGalleryExtendedContext);\n\n    // Сдвиг ленты за пальцем (px), направление доводки и флаг анимации перехода.\n    const [dragX, setDragX] = useState(0);\n    const [committing, setCommitting] = useState<SwipeDirection | null>(null);\n    const [animating, setAnimating] = useState(false);\n\n    const touchStartRef = useRef<{ x: number; y: number } | null>(null);\n    // null — направление ещё не зафиксировано; true — горизонталь (свайп), false — вертикаль (скролл).\n    const isHorizontalRef = useRef<boolean | null>(null);\n    const trackElRef = useRef<HTMLDivElement | null>(null);\n\n    const hasPrev = selectedIndex > 0;\n    const hasNext = selectedIndex < items.length - 1;\n\n    // Окно соседних слайдов и позиция текущего в нём.\n    const slides = [\n        ...(hasPrev ? [{ item: items[selectedIndex - 1], index: selectedIndex - 1 }] : []),\n        { item: items[selectedIndex], index: selectedIndex },\n        ...(hasNext ? [{ item: items[selectedIndex + 1], index: selectedIndex + 1 }] : []),\n    ];\n    const currentSlot = hasPrev ? 1 : 0;\n\n    // touchmove вешаем нативным non-passive слушателем: React регистрирует touch-события\n    // как passive, и preventDefault в onTouchMove не работает — страница скроллится при свайпе.\n    const handleTouchMove = useCallback(\n        (event: TouchEvent) => {\n            const start = touchStartRef.current;\n\n            if (!start) {\n                return;\n            }\n\n            const deltaX = event.touches[0].clientX - start.x;\n            const deltaY = event.touches[0].clientY - start.y;\n\n            // Пока направление не зафиксировано — ждём заметного смещения и решаем: свайп или скролл.\n            if (isHorizontalRef.current === null) {\n                if (Math.abs(deltaX) < DIRECTION_LOCK_PX && Math.abs(deltaY) < DIRECTION_LOCK_PX) {\n                    return;\n                }\n                isHorizontalRef.current = Math.abs(deltaX) > Math.abs(deltaY);\n            }\n\n            if (!isHorizontalRef.current) {\n                return;\n            }\n\n            // Свайп активен — гасим вертикальный скролл страницы.\n            event.preventDefault();\n\n            // На краю (нет соседнего изображения) добавляем сопротивление — эффект «резинки».\n            const atEdge = (deltaX > 0 && !hasPrev) || (deltaX < 0 && !hasNext);\n            setDragX(atEdge ? deltaX * EDGE_RESISTANCE : deltaX);\n        },\n        [hasPrev, hasNext],\n    );\n\n    // Callback-ref: перевешиваем нативный слушатель на актуальную ленту (в т.ч. при смене MobileView-ветки).\n    const setTrackRef = useCallback(\n        (node: HTMLDivElement | null) => {\n            if (trackElRef.current) {\n                trackElRef.current.removeEventListener(\"touchmove\", handleTouchMove);\n            }\n            trackElRef.current = node;\n            if (node) {\n                node.addEventListener(\"touchmove\", handleTouchMove, { passive: false });\n            }\n        },\n        [handleTouchMove],\n    );\n\n    const handleTouchStart = (event: React.TouchEvent) => {\n        if (committing) {\n            return;\n        }\n        const touch = event.touches[0];\n        touchStartRef.current = { x: touch.clientX, y: touch.clientY };\n        isHorizontalRef.current = null;\n        setAnimating(false);\n    };\n\n    const handleTouchEnd = (event: React.TouchEvent) => {\n        const start = touchStartRef.current;\n        const isHorizontal = isHorizontalRef.current;\n        touchStartRef.current = null;\n        isHorizontalRef.current = null;\n\n        if (!start || !isHorizontal) {\n            return;\n        }\n\n        const deltaX = event.changedTouches[0].clientX - start.x;\n        const goNext = deltaX < 0 && hasNext;\n        const goPrev = deltaX > 0 && hasPrev;\n\n        setAnimating(true);\n\n        if (Math.abs(deltaX) >= SWIPE_MIN_DISTANCE && (goNext || goPrev)) {\n            // Доводим ленту к соседнему слайду; активное изображение сменим по завершении анимации.\n            setCommitting(goNext ? \"next\" : \"prev\");\n        } else {\n            // Порог не пройден или край — возвращаем ленту на место.\n            setDragX(0);\n        }\n    };\n\n    // Браузер прервал жест (system gesture, входящий звонок и т.п.) — сбрасываем состояние,\n    // чтобы лента не залипла в промежуточном сдвиге до следующего касания.\n    const handleTouchCancel = () => {\n        touchStartRef.current = null;\n        isHorizontalRef.current = null;\n        setDragX(0);\n        setAnimating(false);\n    };\n\n    const handleTransitionEnd = (event: React.TransitionEvent) => {\n        if (event.propertyName !== \"transform\") {\n            return;\n        }\n\n        if (!committing) {\n            // Закончился возврат ленты — анимация больше не нужна.\n            setAnimating(false);\n            return;\n        }\n\n        // Лента доехала до соседа: меняем активное изображение и мгновенно пере-центрируем\n        // окно (соседний слайд становится текущим — визуально без скачка).\n        if (committing === \"next\") {\n            onNext();\n        } else {\n            onPrev();\n        }\n\n        setCommitting(null);\n        setDragX(0);\n        setAnimating(false);\n    };\n\n    // Базовое смещение центрирует текущий слайд; при доводке сдвигаемся к соседнему.\n    const shift = committing === \"next\" ? currentSlot + 1 : committing === \"prev\" ? currentSlot - 1 : currentSlot;\n    const trackStyle: IImageGalleryExtendedTrackStyle = {\n        \"--triplex-next-runtime-ImageGalleryExtended-Track_Shift\": `${-shift * 100}%`,\n        \"--triplex-next-runtime-ImageGalleryExtended-Track_Drag\": committing ? \"0px\" : `${dragX}px`,\n    };\n\n    return (\n        <div\n            ref={setTrackRef}\n            className={clsx(styles.track, { [styles.animating]: animating })}\n            style={trackStyle}\n            onTouchStart={handleTouchStart}\n            onTouchEnd={handleTouchEnd}\n            onTouchCancel={handleTouchCancel}\n            onTransitionEnd={handleTransitionEnd}\n        >\n            {slides.map(({ item, index }) => (\n                <ImageGalleryExtendedSlide\n                    key={item.id}\n                    item={item}\n                    withBlur={withBlur}\n                    onClick={onImageClick ? () => onImageClick(index) : undefined}\n                />\n            ))}\n        </div>\n    );\n};\n\nImageGalleryExtendedSwipeTrack.displayName = \"ImageGalleryExtendedSwipeTrack\";\n"],"names":[],"mappings":"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"}

package/components/ImageGalleryExtended/components/ImageGalleryExtendedThumb.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-D5cfSbgz.js";
-import { I as p } from "../../../chunks/ImageGalleryExtendedThumb-DyFhUrYf.js";
+import "../../../chunks/vendor-Bco_z_Yi.js";
+import { I } from "../../../chunks/ImageGalleryExtendedThumb-BqJ4CNqO.js";
 export {
-  p as ImageGalleryExtendedThumb
+  I as ImageGalleryExtendedThumb
 };
 //# sourceMappingURL=ImageGalleryExtendedThumb.js.map

package/components/ImageGalleryExtended/components/ImageGalleryExtendedThumb.js.map

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

package/components/ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js

@@ -1,40 +1,58 @@
-import { jsx as i } from "react/jsx-runtime";
-import R, { useContext as C, useRef as b, useImperativeHandle as E, useEffect as G } from "react";
-import { c as S } from "../../../chunks/vendor-D5cfSbgz.js";
-import { isKey as g } from "../../../utils/keyboard.js";
-import { scrollSmoothHorizontally as _ } from "../../../utils/scroll.js";
-import { ImageGalleryExtendedContext as k } from "../ImageGalleryExtendedContext.js";
-import { s as v, I as A } from "../../../chunks/ImageGalleryExtendedThumb-DyFhUrYf.js";
-const H = ({ item: c, isActive: n, ariaLabel: r, onSelect: s, ref: a }) => /* @__PURE__ */ i(A, { ref: a, item: c, isActive: n, "aria-label": r, onClick: s }), B = R.forwardRef(
-  ({ className: c, children: n, onKeyDown: r, ...s }, a) => {
-    const { items: T, selectedIndex: o, onSelect: u } = C(k), y = n ?? H, m = b(null), f = b([]);
-    E(a, () => m.current), G(() => {
-      const e = m.current, t = f.current[o];
-      if (!e || !t)
+import { jsx } from "react/jsx-runtime";
+import React__default, { useContext, useRef, useImperativeHandle, useEffect } from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { isKey } from "../../../utils/keyboard.js";
+import { scrollSmoothHorizontally } from "../../../utils/scroll.js";
+import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
+import { s as styles, I as ImageGalleryExtendedThumb } from "../../../chunks/ImageGalleryExtendedThumb-BqJ4CNqO.js";
+const renderDefaultThumb = ({ item, isActive, ariaLabel, onSelect, ref }) => /* @__PURE__ */ jsx(ImageGalleryExtendedThumb, { ref, item, isActive, "aria-label": ariaLabel, onClick: onSelect });
+const ImageGalleryExtendedThumbnails = React__default.forwardRef(
+  ({ className, children, onKeyDown, ...rest }, ref) => {
+    const { items, selectedIndex, onSelect } = useContext(ImageGalleryExtendedContext);
+    const renderThumb = children ?? renderDefaultThumb;
+    const carouselRef = useRef(null);
+    const thumbRefs = useRef([]);
+    useImperativeHandle(ref, () => carouselRef.current);
+    useEffect(() => {
+      const carousel = carouselRef.current;
+      const thumb = thumbRefs.current[selectedIndex];
+      if (!carousel || !thumb) {
         return;
-      const l = f.current.find((p) => p && p === document.activeElement);
-      l && l !== t && t.focus({ preventScroll: !0 });
-      const d = e.getBoundingClientRect(), h = t.getBoundingClientRect(), x = h.left + h.width / 2 - (d.left + d.width / 2);
-      _(e, Math.round(x));
-    }, [o]);
-    const I = (e) => {
-      const t = e.code || e.keyCode;
-      g(t, "ARROW_LEFT") ? (e.preventDefault(), u(o - 1)) : g(t, "ARROW_RIGHT") && (e.preventDefault(), u(o + 1)), r == null || r(e);
+      }
+      const focusedThumb = thumbRefs.current.find((thumbEl) => thumbEl && thumbEl === document.activeElement);
+      if (focusedThumb && focusedThumb !== thumb) {
+        thumb.focus({ preventScroll: true });
+      }
+      const carouselRect = carousel.getBoundingClientRect();
+      const thumbRect = thumb.getBoundingClientRect();
+      const offsetToCenter = thumbRect.left + thumbRect.width / 2 - (carouselRect.left + carouselRect.width / 2);
+      scrollSmoothHorizontally(carousel, Math.round(offsetToCenter));
+    }, [selectedIndex]);
+    const handleKeyDown = (event) => {
+      const key = event.code || event.keyCode;
+      if (isKey(key, "ARROW_LEFT")) {
+        event.preventDefault();
+        onSelect(selectedIndex - 1);
+      } else if (isKey(key, "ARROW_RIGHT")) {
+        event.preventDefault();
+        onSelect(selectedIndex + 1);
+      }
+      onKeyDown == null ? void 0 : onKeyDown(event);
     };
-    return /* @__PURE__ */ i("div", { ref: m, ...s, className: S(v.thumbnails, c), onKeyDown: I, children: T.map((e, t) => /* @__PURE__ */ i(R.Fragment, { children: y({
-      item: e,
-      index: t,
-      isActive: t === o,
-      ariaLabel: e.alt,
-      onSelect: () => u(t),
-      ref: (l) => {
-        f.current[t] = l;
+    return /* @__PURE__ */ jsx("div", { ref: carouselRef, ...rest, className: clsx(styles.thumbnails, className), onKeyDown: handleKeyDown, children: items.map((item, index) => /* @__PURE__ */ jsx(React__default.Fragment, { children: renderThumb({
+      item,
+      index,
+      isActive: index === selectedIndex,
+      ariaLabel: item.alt,
+      onSelect: () => onSelect(index),
+      ref: (instance) => {
+        thumbRefs.current[index] = instance;
       }
-    }) }, e.id)) });
+    }) }, item.id)) });
   }
 );
-B.displayName = "ImageGalleryExtendedThumbnails";
+ImageGalleryExtendedThumbnails.displayName = "ImageGalleryExtendedThumbnails";
 export {
-  B as ImageGalleryExtendedThumbnails
+  ImageGalleryExtendedThumbnails
 };
 //# sourceMappingURL=ImageGalleryExtendedThumbnails.js.map

package/components/ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGalleryExtendedThumbnails.js","sources":["../../../../src/components/ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.tsx"],"sourcesContent":["import React, { useContext, useEffect, useImperativeHandle, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { isKey } from \"../../../utils/keyboard\";\nimport { scrollSmoothHorizontally } from \"../../../utils/scroll\";\nimport { IImageGalleryItemProps } from \"../types\";\nimport { ImageGalleryExtendedContext } from \"../ImageGalleryExtendedContext\";\nimport { ImageGalleryExtendedThumb } from \"./ImageGalleryExtendedThumb\";\nimport styles from \"../styles/ImageGalleryExtendedThumbnails.module.less\";\n\n/** Состояние одной миниатюры, передаваемое в render-функцию `ImageGalleryExtended.Thumbnails`. */\nexport interface IImageGalleryThumbRenderState {\n    /** Изображение, миниатюру которого нужно отрисовать. */\n    item: IImageGalleryItemProps;\n    /** Индекс изображения. */\n    index: number;\n    /** Активна ли миниатюра. */\n    isActive: boolean;\n    /** Доступное имя миниатюры (`item.alt`). */\n    ariaLabel?: string;\n    /** Выбрать это изображение. */\n    onSelect: () => void;\n    /** Ref на корневой `<button>` миниатюры — нужен для автоцентровки активной. */\n    ref: React.Ref<HTMLButtonElement>;\n}\n\n/** Свойства ImageGalleryExtendedThumbnails. */\nexport interface IImageGalleryExtendedThumbnailsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /**\n     * Render-функция миниатюры. По умолчанию рисует `ImageGalleryExtended.Thumb`.\n     * Чтобы автоцентровка активной миниатюры работала, проброси `ref` на корневой `<button>`.\n     */\n    children?: (state: IImageGalleryThumbRenderState) => React.ReactNode;\n}\n\n/** Дефолтная отрисовка миниатюры — стандартная `ImageGalleryExtended.Thumb`. */\nconst renderDefaultThumb = ({ item, isActive, ariaLabel, onSelect, ref }: IImageGalleryThumbRenderState) => (\n    <ImageGalleryExtendedThumb ref={ref} item={item} isActive={isActive} aria-label={ariaLabel} onClick={onSelect} />\n);\n\n/**\n * Горизонтальная лента миниатюр с нативным скроллом и автоцентровкой активной миниатюры.\n * Данные берёт из контекста `ImageGalleryExtended`.\n */\nexport const ImageGalleryExtendedThumbnails = React.forwardRef<HTMLDivElement, IImageGalleryExtendedThumbnailsProps>(\n    ({ className, children, onKeyDown, ...rest }, ref) => {\n        const { items, selectedIndex, onSelect } = useContext(ImageGalleryExtendedContext);\n        const renderThumb = children ?? renderDefaultThumb;\n        const carouselRef = useRef<HTMLDivElement>(null);\n        const thumbRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\n        // carouselRef уже назначен к моменту, когда React запрашивает imperative handle.\n        useImperativeHandle(ref, () => carouselRef.current as HTMLDivElement);\n\n        useEffect(() => {\n            const carousel = carouselRef.current;\n            const thumb = thumbRefs.current[selectedIndex];\n\n            if (!carousel || !thumb) {\n                return;\n            }\n\n            // Если фокус остался на ранее выбранной миниатюре (клик мышью + навигация стрелками),\n            // переносим его на активную — иначе кольцо :focus-visible осталось бы на старой\n            // миниатюре одновременно с кольцом .active новой.\n            const focusedThumb = thumbRefs.current.find((thumbEl) => thumbEl && thumbEl === document.activeElement);\n            if (focusedThumb && focusedThumb !== thumb) {\n                thumb.focus({ preventScroll: true });\n            }\n\n            const carouselRect = carousel.getBoundingClientRect();\n            const thumbRect = thumb.getBoundingClientRect();\n\n            // Центрируем активную миниатюру в видимой области ленты. У краёв браузер\n            // сам ограничит scrollLeft, поэтому первая/последняя прижмутся к краю.\n            const offsetToCenter = thumbRect.left + thumbRect.width / 2 - (carouselRect.left + carouselRect.width / 2);\n\n            scrollSmoothHorizontally(carousel, Math.round(offsetToCenter));\n        }, [selectedIndex]);\n\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n            const key = event.code || event.keyCode;\n\n            if (isKey(key, \"ARROW_LEFT\")) {\n                event.preventDefault();\n                onSelect(selectedIndex - 1);\n            } else if (isKey(key, \"ARROW_RIGHT\")) {\n                event.preventDefault();\n                onSelect(selectedIndex + 1);\n            }\n\n            onKeyDown?.(event);\n        };\n\n        return (\n            <div ref={carouselRef} {...rest} className={clsx(styles.thumbnails, className)} onKeyDown={handleKeyDown}>\n                {items.map((item, index) => (\n                    <React.Fragment key={item.id}>\n                        {renderThumb({\n                            item,\n                            index,\n                            isActive: index === selectedIndex,\n                            ariaLabel: item.alt,\n                            onSelect: () => onSelect(index),\n                            ref: (instance) => {\n                                thumbRefs.current[index] = instance;\n                            },\n                        })}\n                    </React.Fragment>\n                ))}\n            </div>\n        );\n    },\n);\n\nImageGalleryExtendedThumbnails.displayName = \"ImageGalleryExtendedThumbnails\";\n"],"names":["React"],"mappings":";;;;;;;AAmCA,MAAM,qBAAqB,CAAC,EAAE,MAAM,UAAU,WAAW,UAAU,IAAA,MAC/D,oBAAC,6BAA0B,KAAU,MAAY,UAAoB,cAAY,WAAW,SAAS,UAAU;AAO5G,MAAM,iCAAiCA,eAAM;AAAA,EAChD,CAAC,EAAE,WAAW,UAAU,WAAW,GAAG,KAAA,GAAQ,QAAQ;AAClD,UAAM,EAAE,OAAO,eAAe,SAAA,IAAa,WAAW,2BAA2B;AACjF,UAAM,cAAc,YAAY;AAChC,UAAM,cAAc,OAAuB,IAAI;AAC/C,UAAM,YAAY,OAAwC,EAAE;AAG5D,wBAAoB,KAAK,MAAM,YAAY,OAAyB;AAEpE,cAAU,MAAM;AACZ,YAAM,WAAW,YAAY;AAC7B,YAAM,QAAQ,UAAU,QAAQ,aAAa;AAE7C,UAAI,CAAC,YAAY,CAAC,OAAO;AACrB;AAAA,MACJ;AAKA,YAAM,eAAe,UAAU,QAAQ,KAAK,CAAC,YAAY,WAAW,YAAY,SAAS,aAAa;AACtG,UAAI,gBAAgB,iBAAiB,OAAO;AACxC,cAAM,MAAM,EAAE,eAAe,KAAA,CAAM;AAAA,MACvC;AAEA,YAAM,eAAe,SAAS,sBAAA;AAC9B,YAAM,YAAY,MAAM,sBAAA;AAIxB,YAAM,iBAAiB,UAAU,OAAO,UAAU,QAAQ,KAAK,aAAa,OAAO,aAAa,QAAQ;AAExG,+BAAyB,UAAU,KAAK,MAAM,cAAc,CAAC;AAAA,IACjE,GAAG,CAAC,aAAa,CAAC;AAElB,UAAM,gBAAgB,CAAC,UAA+C;AAClE,YAAM,MAAM,MAAM,QAAQ,MAAM;AAEhC,UAAI,MAAM,KAAK,YAAY,GAAG;AAC1B,cAAM,eAAA;AACN,iBAAS,gBAAgB,CAAC;AAAA,MAC9B,WAAW,MAAM,KAAK,aAAa,GAAG;AAClC,cAAM,eAAA;AACN,iBAAS,gBAAgB,CAAC;AAAA,MAC9B;AAEA,6CAAY;AAAA,IAChB;AAEA,WACI,oBAAC,SAAI,KAAK,aAAc,GAAG,MAAM,WAAW,KAAK,OAAO,YAAY,SAAS,GAAG,WAAW,eACtF,UAAA,MAAM,IAAI,CAAC,MAAM,UACd,oBAACA,eAAM,UAAN,EACI,UAAA,YAAY;AAAA,MACT;AAAA,MACA;AAAA,MACA,UAAU,UAAU;AAAA,MACpB,WAAW,KAAK;AAAA,MAChB,UAAU,MAAM,SAAS,KAAK;AAAA,MAC9B,KAAK,CAAC,aAAa;AACf,kBAAU,QAAQ,KAAK,IAAI;AAAA,MAC/B;AAAA,IAAA,CACH,KAVgB,KAAK,EAW1B,CACH,EAAA,CACL;AAAA,EAER;AACJ;AAEA,+BAA+B,cAAc;"}

package/components/ImageGalleryExtended/components/index.js

@@ -1,15 +1,15 @@
-import { ImageGalleryExtendedMain as a } from "./ImageGalleryExtendedMain.js";
-import { ImageGalleryExtendedNav as o } from "./ImageGalleryExtendedNav.js";
-import { ImageGalleryExtendedArrow as t } from "./ImageGalleryExtendedArrow.js";
-import { ImageGalleryExtendedThumbnails as x } from "./ImageGalleryExtendedThumbnails.js";
-import { I } from "../../../chunks/ImageGalleryExtendedThumb-DyFhUrYf.js";
-import { ImageGalleryExtendedDots as g } from "./ImageGalleryExtendedDots.js";
+import { ImageGalleryExtendedMain } from "./ImageGalleryExtendedMain.js";
+import { ImageGalleryExtendedNav } from "./ImageGalleryExtendedNav.js";
+import { ImageGalleryExtendedArrow } from "./ImageGalleryExtendedArrow.js";
+import { ImageGalleryExtendedThumbnails } from "./ImageGalleryExtendedThumbnails.js";
+import { I } from "../../../chunks/ImageGalleryExtendedThumb-BqJ4CNqO.js";
+import { ImageGalleryExtendedDots } from "./ImageGalleryExtendedDots.js";
 export {
-  t as ImageGalleryExtendedArrow,
-  g as ImageGalleryExtendedDots,
-  a as ImageGalleryExtendedMain,
-  o as ImageGalleryExtendedNav,
+  ImageGalleryExtendedArrow,
+  ImageGalleryExtendedDots,
+  ImageGalleryExtendedMain,
+  ImageGalleryExtendedNav,
   I as ImageGalleryExtendedThumb,
-  x as ImageGalleryExtendedThumbnails
+  ImageGalleryExtendedThumbnails
 };
 //# sourceMappingURL=index.js.map

package/components/ImageGalleryExtended/components/index.js.map

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

package/components/ImageGalleryExtended/enums.js

@@ -1,5 +1,9 @@
-var t = /* @__PURE__ */ ((p) => (p.PREV = "prev", p.NEXT = "next", p))(t || {});
+var EImageGalleryArrowDirection = /* @__PURE__ */ ((EImageGalleryArrowDirection2) => {
+  EImageGalleryArrowDirection2["PREV"] = "prev";
+  EImageGalleryArrowDirection2["NEXT"] = "next";
+  return EImageGalleryArrowDirection2;
+})(EImageGalleryArrowDirection || {});
 export {
-  t as EImageGalleryArrowDirection
+  EImageGalleryArrowDirection
 };
 //# sourceMappingURL=enums.js.map

package/components/ImageGalleryExtended/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sources":["../../../src/components/ImageGalleryExtended/enums.ts"],"sourcesContent":["/** Направление стрелки переключения изображения в галерее. */\nexport enum EImageGalleryArrowDirection {\n    PREV = \"prev\",\n    NEXT = \"next\",\n}\n"],"names":["EImageGalleryArrowDirection"],"mappings":"AACO,IAAK,gDAAAA,iCAAL;AACHA,+BAAA,MAAA,IAAO;AACPA,+BAAA,MAAA,IAAO;AAFC,SAAAA;AAAA,GAAA,+BAAA,CAAA,CAAA;"}

package/components/ImageGalleryExtended/index.js

@@ -1,21 +1,21 @@
-import { ImageGalleryExtended as o } from "./ImageGalleryExtended.js";
-import { ImageGalleryExtendedContext as t } from "./ImageGalleryExtendedContext.js";
-import { ImageGalleryExtendedMain as l } from "./components/ImageGalleryExtendedMain.js";
-import { ImageGalleryExtendedNav as d } from "./components/ImageGalleryExtendedNav.js";
-import { ImageGalleryExtendedArrow as I } from "./components/ImageGalleryExtendedArrow.js";
-import { ImageGalleryExtendedThumbnails as g } from "./components/ImageGalleryExtendedThumbnails.js";
-import { I as y } from "../../chunks/ImageGalleryExtendedThumb-DyFhUrYf.js";
-import { ImageGalleryExtendedDots as G } from "./components/ImageGalleryExtendedDots.js";
-import { EImageGalleryArrowDirection as s } from "./enums.js";
+import { ImageGalleryExtended } from "./ImageGalleryExtended.js";
+import { ImageGalleryExtendedContext } from "./ImageGalleryExtendedContext.js";
+import { ImageGalleryExtendedMain } from "./components/ImageGalleryExtendedMain.js";
+import { ImageGalleryExtendedNav } from "./components/ImageGalleryExtendedNav.js";
+import { ImageGalleryExtendedArrow } from "./components/ImageGalleryExtendedArrow.js";
+import { ImageGalleryExtendedThumbnails } from "./components/ImageGalleryExtendedThumbnails.js";
+import { I } from "../../chunks/ImageGalleryExtendedThumb-BqJ4CNqO.js";
+import { ImageGalleryExtendedDots } from "./components/ImageGalleryExtendedDots.js";
+import { EImageGalleryArrowDirection } from "./enums.js";
 export {
-  s as EImageGalleryArrowDirection,
-  o as ImageGalleryExtended,
-  I as ImageGalleryExtendedArrow,
-  t as ImageGalleryExtendedContext,
-  G as ImageGalleryExtendedDots,
-  l as ImageGalleryExtendedMain,
-  d as ImageGalleryExtendedNav,
-  y as ImageGalleryExtendedThumb,
-  g as ImageGalleryExtendedThumbnails
+  EImageGalleryArrowDirection,
+  ImageGalleryExtended,
+  ImageGalleryExtendedArrow,
+  ImageGalleryExtendedContext,
+  ImageGalleryExtendedDots,
+  ImageGalleryExtendedMain,
+  ImageGalleryExtendedNav,
+  I as ImageGalleryExtendedThumb,
+  ImageGalleryExtendedThumbnails
 };
 //# sourceMappingURL=index.js.map

package/components/ImageGalleryExtended/index.js.map

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

package/components/ImageGalleryExtended/types.js.map

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

package/components/Island/Island.js

@@ -1,33 +1,36 @@
-import { jsx as p } from "react/jsx-runtime";
-import i from "react";
-import { c as d } from "../../chunks/vendor-D5cfSbgz.js";
-import { EIslandType as l } from "./enums.js";
-import { IslandBody as f } from "./components/IslandBody.js";
-import { IslandHeader as n } from "./components/IslandHeader.js";
-import { IslandFooter as c } from "./components/IslandFooter.js";
-import { s as o, m as y } from "../../chunks/utils-DeQzy52G.js";
-import { EComponentSize as I } from "../../enums/EComponentSize.js";
-import { createSizeToClassNameMap as T } from "../../utils/classNameMaps.js";
-const N = T(o), C = Object.assign(
-  i.forwardRef(
-    ({ type: a = l.TYPE_1, size: r = I.MD, className: s, children: m, ...e }, t) => /* @__PURE__ */ p(
-      "div",
-      {
-        className: d(o.island, y(a), N[r], s),
-        ref: t,
-        ...e,
-        children: m
-      }
-    )
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { EIslandType } from "./enums.js";
+import { IslandBody } from "./components/IslandBody.js";
+import { IslandHeader } from "./components/IslandHeader.js";
+import { IslandFooter } from "./components/IslandFooter.js";
+import { s as styles, m as mapTypeToClassName } from "../../chunks/utils-CnSKJ0I9.js";
+import { EComponentSize } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
+const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const Island = Object.assign(
+  React__default.forwardRef(
+    ({ type = EIslandType.TYPE_1, size = EComponentSize.MD, className, children, ...rest }, ref) => {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: clsx(styles.island, mapTypeToClassName(type), sizeToClassNameMap[size], className),
+          ref,
+          ...rest,
+          children
+        }
+      );
+    }
   ),
   {
-    Body: f,
-    Header: n,
-    Footer: c
+    Body: IslandBody,
+    Header: IslandHeader,
+    Footer: IslandFooter
   }
 );
-C.displayName = "Island";
+Island.displayName = "Island";
 export {
-  C as Island
+  Island
 };
 //# sourceMappingURL=Island.js.map

package/components/Island/Island.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Island.js","sources":["../../../src/components/Island/Island.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EIslandType } from \"./enums\";\nimport { IslandBody } from \"./components/IslandBody\";\nimport { IslandHeader } from \"./components/IslandHeader\";\nimport { IslandFooter } from \"./components/IslandFooter\";\nimport { mapTypeToClassName } from \"./utils\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/Island.module.less\";\n\nexport interface IIslandProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Тип компонента Island. Отличаются цвет и тень. */\n    type?: EIslandType;\n    /** Возможные размеры острова. */\n    size?: EComponentSize;\n}\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\nexport const Island = Object.assign(\n    React.forwardRef<HTMLDivElement, IIslandProps>(\n        ({ type = EIslandType.TYPE_1, size = EComponentSize.MD, className, children, ...rest }, ref) => {\n            return (\n                <div\n                    className={clsx(styles.island, mapTypeToClassName(type), sizeToClassNameMap[size], className)}\n                    ref={ref}\n                    {...rest}\n                >\n                    {children}\n                </div>\n            );\n        },\n    ),\n    {\n        Body: IslandBody,\n        Header: IslandHeader,\n        Footer: IslandFooter,\n    },\n);\n\nIsland.displayName = \"Island\";\n"],"names":["React"],"mappings":";;;;;;;;;;AAkBA,MAAM,qBAAqB,yBAAyB,MAAM;AAEnD,MAAM,SAAS,OAAO;AAAA,EACzBA,eAAM;AAAA,IACF,CAAC,EAAE,OAAO,YAAY,QAAQ,OAAO,eAAe,IAAI,WAAW,UAAU,GAAG,KAAA,GAAQ,QAAQ;AAC5F,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,KAAK,OAAO,QAAQ,mBAAmB,IAAI,GAAG,mBAAmB,IAAI,GAAG,SAAS;AAAA,UAC5F;AAAA,UACC,GAAG;AAAA,UAEH;AAAA,QAAA;AAAA,MAAA;AAAA,IAGb;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA;AAEhB;AAEA,OAAO,cAAc;"}

package/components/Island/components/IslandBody.js

@@ -1,12 +1,16 @@
-import { jsx as r } from "react/jsx-runtime";
-import t from "react";
-import { c as l } from "../../../chunks/vendor-D5cfSbgz.js";
-const n = "islandBody__6f13d7f0", f = {
-  islandBody: n
-}, m = t.forwardRef(
-  ({ children: o, className: s, ...d }, a) => /* @__PURE__ */ r("div", { className: l(f.islandBody, s), ref: a, ...d, children: o })
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+const islandBody = "islandBody__872c705a";
+const styles = {
+  islandBody
+};
+const IslandBody = React__default.forwardRef(
+  ({ children, className, ...rest }, ref) => {
+    return /* @__PURE__ */ jsx("div", { className: clsx(styles.islandBody, className), ref, ...rest, children });
+  }
 );
 export {
-  m as IslandBody
+  IslandBody
 };
 //# sourceMappingURL=IslandBody.js.map

package/components/Island/components/IslandBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IslandBody.js","sources":["../../../../src/components/Island/components/IslandBody.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandBody.module.less\";\n\nexport interface IIslandBodyProps extends React.HTMLProps<HTMLDivElement> {}\n\nexport const IslandBody = React.forwardRef<HTMLDivElement, IIslandBodyProps>(\n    ({ children, className, ...rest }, ref) => {\n        return (\n            <div className={clsx(styles.islandBody, className)} ref={ref} {...rest}>\n                {children}\n            </div>\n        );\n    },\n);\n"],"names":["React"],"mappings":";;;;;;;AAMO,MAAM,aAAaA,eAAM;AAAA,EAC5B,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAAQ;AACvC,WACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,YAAY,SAAS,GAAG,KAAW,GAAG,MAC7D,SAAA,CACL;AAAA,EAER;AACJ;"}