@sberbusiness/triplex-next 0.1.9 → 0.11.0

package/README.md

@@ -1,5 +1,11 @@
 # Triplex-next
 
+### Версионирование
+
+- Разработка версии для React 18 ведется в ветке main. Релизы с версии 1.0.0 до 2.0.0(не включительно).
+- Разработка версии для React 17 ведется в ветке release-0. Релизы с версии 0.10.0 до 1.0.0(не включительно).
+
+
 ## 🚀 Установка
 
 ```bash
@@ -68,11 +74,11 @@ import '@sberbusiness/icons-next/styles/icons.css';
 ```
 src/
   components/
-    MyComponent/
-      MyComponent.tsx
-      MyComponent.module.css
+    ComponentName/
       index.ts
-      __tests__/MyComponent.test.tsx
+      ComponentName.tsx
+      styles/ComponentName.module.less
+      __tests__/ComponentName.test.tsx
 ```
 
 > Каждый компонент должен иметь собственный `index.ts`, чтобы поддерживать генерацию `exports` в `package.json`.
@@ -91,13 +97,13 @@ src/
 
 ## 🧱 Добавление нового компонента
 
-1. Создай папку:
+1. Создать каталог:
 
 ```bash
 src/components/Alert/
 ```
 
-2. Добавь файлы:
+2. Добавить файлы:
 
 ```
 Alert.tsx
@@ -105,7 +111,7 @@ styles/Alert.module.less
 index.ts         ← обязательный!
 ```
 
-3. Зарегистрируй в `src/index.ts`:
+3. Указать экспорт в `src/index.ts`:
 
 ```ts
 export * from './components/Alert';
@@ -114,7 +120,7 @@ export * from './components/Alert';
 ---
 ## 🧪 Тестирование
 
-Проект использует [Vitest](https://vitest.dev/) для юнит-тестирования и [Testing Library](https://testing-library.com/docs/react-testing-library/intro/) для тестирования компонентов.
+Проект использует [Vitest](https://vitest.dev/) для unit-тестирования и [Testing Library](https://testing-library.com/docs/react-testing-library/intro/) для тестирования компонентов.
 
 Chromatic для визуального тестирования Storybook-компонентов.
 

package/chunks/AlertProcessSpoiler-NTQfGBrX.js

@@ -0,0 +1,39 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { useContext as d, useEffect as i } from "react";
+import { CaretdownStrokeSrvIcon16 as _ } from "@sberbusiness/icons-next";
+import { ButtonIcon as m } from "../components/Button/ButtonIcon.js";
+import { AlertProcessContext as f } from "../components/Alert/AlertProcess/AlertProcessContext.js";
+import { c as n } from "./vendor-BlJo2ILB.js";
+const x = "alertProcess__c14b45e6", y = "withSpoiler__9766e447", u = "themeIcon__76a46a9f", T = "alertTypeError__229a769f", b = "alertTypeInfo__ab2b19c1", B = "alertTypeWarning__fe57216a", C = "alertTypeSystem__1888f887", S = "alertTypeFeature__dff4c78b", h = "alertProcessContentBlock__f8b417f4", I = "expandableContent__2b3e167e", P = "expanded__92cd719c", g = "closeButton__bfeb6b35", k = "expandButton__88ae4daa", e = {
+  alertProcess: x,
+  withSpoiler: y,
+  themeIcon: u,
+  alertTypeError: T,
+  alertTypeInfo: b,
+  alertTypeWarning: B,
+  alertTypeSystem: C,
+  alertTypeFeature: S,
+  alertProcessContentBlock: h,
+  expandableContent: I,
+  expanded: P,
+  closeButton: g,
+  expandButton: k
+}, v = ({ children: s, open: r, onOpen: o, ...l }) => {
+  const { setHasSpoiler: a } = d(f);
+  i(() => (a(!0), () => {
+    a(!1);
+  }), [a]);
+  const c = () => {
+    o == null || o(!r);
+  };
+  return /* @__PURE__ */ p("div", { className: e.spoiler, children: [
+    /* @__PURE__ */ t("div", { className: n(e.expandableContent, { [e.expanded]: r }), ...l, children: s }),
+    /* @__PURE__ */ t("div", { className: n(e.expandButton, { [e.expanded]: r }), children: /* @__PURE__ */ t(m, { onClick: c, children: /* @__PURE__ */ t(_, { paletteIndex: 5 }) }) })
+  ] });
+};
+v.displayName = "AlertProcessSpoiler";
+export {
+  v as A,
+  e as s
+};
+//# sourceMappingURL=AlertProcessSpoiler-NTQfGBrX.js.map

package/chunks/CalendarViewItem-2IOAiJCi.js

@@ -0,0 +1,101 @@
+import { jsx as V } from "react/jsx-runtime";
+import { c as f } from "./vendor-BlJo2ILB.js";
+import { useContext as N, useRef as T, useEffect as Y } from "react";
+import { ECalendarDateMarkType as r } from "../components/Calendar/enums.js";
+import { CalendarViewContext as x } from "../components/Calendar/CalendarViewContext.js";
+import { isKey as w } from "../utils/keyboard.js";
+const A = "calendarViewDays__01a84b1f", E = "calendarViewMonths__a7bb362f", L = "calendarViewYears__7ba24333", R = "calendarViewDaysHeader__d963d582", v = "calendarViewDaysBody__340e5383", H = "calendarViewItem__17debcd5", B = "current__de5266c9", S = "disabled__4afc2199", j = "calendarViewItemLabel__dd03e212", O = "selected__10d2fe7c", P = "basicMark__f749ecd0", g = "standardMark__c4c5d33a", q = "attentionMark__243ba78f", z = "criticalMark__87695887", G = "muted__eeb16cb5", J = "marked__096b0ffa", Q = "unitDay__477b668c", U = "unitMonth__47aa1143", W = "unitYear__ecaad2d6", a = {
+  calendarViewDays: A,
+  calendarViewMonths: E,
+  calendarViewYears: L,
+  calendarViewDaysHeader: R,
+  calendarViewDaysBody: v,
+  calendarViewItem: H,
+  current: B,
+  disabled: S,
+  calendarViewItemLabel: j,
+  selected: O,
+  basicMark: P,
+  standardMark: g,
+  attentionMark: q,
+  criticalMark: z,
+  muted: G,
+  marked: J,
+  unitDay: Q,
+  unitMonth: U,
+  unitYear: W
+}, X = {
+  [r.BASIC]: a.basicMark,
+  [r.STANDARD]: a.standardMark,
+  [r.ATTENTION]: a.attentionMark,
+  [r.CRITICAL]: a.criticalMark
+}, Z = {
+  day: a.unitDay,
+  month: a.unitMonth,
+  year: a.unitYear
+}, ra = ({
+  children: k,
+  className: y,
+  date: o,
+  unit: b,
+  tabbable: c,
+  active: l,
+  disabled: _,
+  muted: I,
+  markType: n,
+  onFocus: d,
+  onBlur: s,
+  onKeyDown: i,
+  onDateSelect: m,
+  ...C
+}) => {
+  const { viewItemFocusedRef: t } = N(x), u = T(null);
+  Y(() => {
+    var e;
+    c && t.current && ((e = u.current) == null || e.focus());
+  }, [c, t]);
+  const D = (e) => {
+    t.current = !0, d == null || d(e);
+  }, h = (e) => {
+    t.current = !1, s == null || s(e);
+  }, p = (e) => {
+    const M = e.code || e.keyCode;
+    (w(M, "ENTER") || w(M, "SPACE")) && (e.preventDefault(), m(o)), i == null || i(e);
+  };
+  return /* @__PURE__ */ V(
+    "td",
+    {
+      className: f(a.calendarViewItem, { [a.disabled]: _ }, y),
+      tabIndex: c ? 0 : -1,
+      "aria-selected": l ? !0 : void 0,
+      onFocus: D,
+      onBlur: h,
+      onKeyDown: p,
+      ...C,
+      ref: u,
+      children: /* @__PURE__ */ V(
+        "div",
+        {
+          className: f(
+            a.calendarViewItemLabel,
+            Z[b],
+            {
+              [a.disabled]: _,
+              [a.marked]: n !== void 0,
+              [a.muted]: !!I,
+              [a.selected]: l
+            },
+            n !== void 0 ? X[n] : void 0
+          ),
+          onClick: () => m(o),
+          children: k
+        }
+      )
+    }
+  );
+};
+export {
+  ra as C,
+  a as s
+};
+//# sourceMappingURL=CalendarViewItem-2IOAiJCi.js.map

package/chunks/Card.module-CTH4ur-u.js

@@ -0,0 +1,17 @@
+const n = "card__a28de46a", d = "roundingMD__5acdb557", a = "roundingSM__cc5963e6", e = "general__d5ba70a2", c = "secondary__cfb521df", o = "cardMedia__b0ef5aee", r = "cardContent__f93144d5", t = "paddingMD__23446fe9", _ = "paddingSM__c84419fd", s = "cardContentHeader__c3e4182f", g = "cardContentFooter__39f52b5f", i = {
+  card: n,
+  roundingMD: d,
+  roundingSM: a,
+  general: e,
+  secondary: c,
+  cardMedia: o,
+  cardContent: r,
+  paddingMD: t,
+  paddingSM: _,
+  cardContentHeader: s,
+  cardContentFooter: g
+};
+export {
+  i as c
+};
+//# sourceMappingURL=Card.module-CTH4ur-u.js.map

package/chunks/CheckboxTreeExtended.module-DKqKzsOD.js

@@ -0,0 +1,11 @@
+const e = "checkboxTreeExtended__4d6235df", c = "checkboxTreeExtendedNode__a2166ca8", o = "checkboxTreeExtendedNodeHeader__0e8d5523", d = "checkboxTreeCheckboxLabel__faa81f56", r = "caretIconWrapper__556cff39", x = {
+  checkboxTreeExtended: e,
+  checkboxTreeExtendedNode: c,
+  checkboxTreeExtendedNodeHeader: o,
+  checkboxTreeCheckboxLabel: d,
+  caretIconWrapper: r
+};
+export {
+  x as s
+};
+//# sourceMappingURL=CheckboxTreeExtended.module-DKqKzsOD.js.map

package/chunks/Chip-BtHrgIed.js

@@ -0,0 +1,90 @@
+import { jsxs as _, jsx as a } from "react/jsx-runtime";
+import x, { useCallback as b } from "react";
+import { c as n } from "./vendor-BlJo2ILB.js";
+import { EComponentSize as u } from "../enums/EComponentSize.js";
+import { createSizeToClassNameMap as P } from "../utils/classNameMaps.js";
+import { isKey as C } from "../utils/keyboard.js";
+const N = "chipGroupItem__6b144c3f", w = "chip__4d733ccb", I = "lg__1dd6051d", B = "prefix__581e9875", G = "postfix__3fecf110", g = "md__23719da1", z = "sm__98efab8a", M = "disabled__22bbe546", S = "selected__072928a0", j = "withPrefix__88eafd2c", y = "withPostfix__d621ae0d", E = "content__36e54add", e = {
+  chipGroupItem: N,
+  chip: w,
+  lg: I,
+  prefix: B,
+  postfix: G,
+  md: g,
+  sm: z,
+  disabled: M,
+  selected: S,
+  withPrefix: j,
+  withPostfix: y,
+  content: E
+}, R = P(e), T = x.forwardRef(
+  ({ children: l, className: p, disabled: t, postfix: o, prefix: c, selected: d, size: r = u.MD, onKeyDown: s, ...f }, m) => {
+    const h = b(
+      (i) => {
+        C(i.code, "SPACE") && i.preventDefault(), s == null || s(i);
+      },
+      [s]
+    );
+    return /* @__PURE__ */ _(
+      "span",
+      {
+        className: n(
+          e.chip,
+          e.chipGroupItem,
+          R[r],
+          {
+            [e.disabled]: !!t,
+            [e.selected]: !!d,
+            [e.withPostfix]: typeof o < "u",
+            [e.withPrefix]: typeof c < "u"
+          },
+          p
+        ),
+        role: "button",
+        tabIndex: t ? -1 : 0,
+        onKeyDown: h,
+        ...f,
+        ref: m,
+        children: [
+          c ? /* @__PURE__ */ a(
+            "span",
+            {
+              className: n(
+                e.prefix,
+                "hoverable",
+                // Для иконок.
+                {
+                  disabled: !!t
+                  // Для иконок.
+                }
+              ),
+              children: c
+            }
+          ) : null,
+          /* @__PURE__ */ a("span", { className: e.content, children: l }),
+          o ? /* @__PURE__ */ a(
+            "span",
+            {
+              className: n(
+                e.postfix,
+                "hoverable",
+                // Для иконок.
+                {
+                  disabled: !!t
+                  // Для иконок.
+                }
+              ),
+              children: o
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+T.displayName = "Chip";
+export {
+  T as C,
+  e as s
+};
+//# sourceMappingURL=Chip-BtHrgIed.js.map

package/chunks/Confirm.module-DSBC6Yw1.js

@@ -0,0 +1,15 @@
+const n = "confirm__03c47103", o = "isInLightBox__597c6083", i = "isInSideOverlaySM__fd26f295", t = "isInSideOverlayMD__15e7cbea", e = "isInSideOverlayLG__af1b085b", s = "confirmCloseButton__df4c07ab", c = "confirmContent__12639ad5", r = "confirmControls__c0fd6bc0", f = "confirmContentTitle__40b9d1d9", l = {
+  confirm: n,
+  isInLightBox: o,
+  isInSideOverlaySM: i,
+  isInSideOverlayMD: t,
+  isInSideOverlayLG: e,
+  confirmCloseButton: s,
+  confirmContent: c,
+  confirmControls: r,
+  confirmContentTitle: f
+};
+export {
+  l as s
+};
+//# sourceMappingURL=Confirm.module-DSBC6Yw1.js.map

package/chunks/DropdownListItem-CiE3zUVn.js

@@ -0,0 +1,63 @@
+import { jsxs as w, jsx as E } from "react/jsx-runtime";
+import k, { useEffect as I } from "react";
+import { EVENT_KEY_CODES as a } from "../utils/keyboard.js";
+import { c as v } from "./vendor-BlJo2ILB.js";
+import { NotificationIcon as b } from "../components/NotificationIcon/NotificationIcon.js";
+const u = "dropdownDesktopList__958118d1", y = "sm__bac1797a", l = "dropdownDesktopListItem__4c4d6028", N = "dropdownDesktopListLoader__b04d4deb", g = "md__6ca360b9", x = "lg__83a6c800", O = "active__16bf08ab", R = "selected__b05f9456", T = "notificationIcon__426bed3a", s = {
+  dropdownDesktopList: u,
+  sm: y,
+  dropdownDesktopListItem: l,
+  dropdownDesktopListLoader: N,
+  md: g,
+  lg: x,
+  active: O,
+  selected: R,
+  notificationIcon: T
+}, C = [a.SPACE, a.ENTER], K = k.forwardRef(
+  ({
+    active: e,
+    keyCodesForSelection: c = C,
+    children: d,
+    className: p,
+    onClick: n,
+    onSelect: o,
+    selected: r,
+    showNotificationIcon: m,
+    ..._
+  }, f) => {
+    const i = (t) => {
+      const { keyCode: D } = t;
+      c.includes(D) && (t.preventDefault(), o == null || o());
+    }, L = (t) => {
+      o == null || o(), n == null || n(t);
+    };
+    return I(() => (e ? document.addEventListener("keydown", i) : document.removeEventListener("keydown", i), () => {
+      document.removeEventListener("keydown", i);
+    }), [e]), /* @__PURE__ */ w(
+      "div",
+      {
+        className: v(
+          s.dropdownDesktopListItem,
+          { [s.active]: !!e, [s.selected]: !!r },
+          p
+        ),
+        title: typeof d == "string" ? d : void 0,
+        role: "option",
+        "aria-selected": !!r,
+        ..._,
+        onClick: L,
+        ref: f,
+        children: [
+          d,
+          m && /* @__PURE__ */ E(b, { className: s.notificationIcon })
+        ]
+      }
+    );
+  }
+);
+K.displayName = "DropdownListItem";
+export {
+  K as D,
+  s
+};
+//# sourceMappingURL=DropdownListItem-CiE3zUVn.js.map

package/chunks/DropdownMobile.module-wrANtbau.js

@@ -0,0 +1,23 @@
+const o = "dropdownMobileWrapper__afa67371", d = "dropdownMobileBackdrop__5d762ff6", e = "closing__fca23d32", n = "opening__3e3801f2", r = "opened__0ecd061e", t = "dropdownMobile__7016a4de", i = "dropdownMobileHeader__c07891e2", p = "dropdownMobileHeaderContent__ec222574", l = "dropdownMobileContent__cd46c89b", c = "dropdownMobileFooter__d984ff16", b = "dropdownMobileListItem__8d86c025", s = "selected__b05f9456", w = "dropdownMobileListLoader__030ba484", _ = "dropdownMobileBodyOverflow__3e82fe79", M = "controlButtons__b5b037d4", a = "dropdownMobileLoader__c609b3f5", f = "notificationIcon__426bed3a", L = {
+  dropdownMobileWrapper: o,
+  dropdownMobileBackdrop: d,
+  closing: e,
+  opening: n,
+  opened: r,
+  dropdownMobile: t,
+  dropdownMobileHeader: i,
+  dropdownMobileHeaderContent: p,
+  dropdownMobileContent: l,
+  dropdownMobileFooter: c,
+  dropdownMobileListItem: b,
+  selected: s,
+  dropdownMobileListLoader: w,
+  dropdownMobileBodyOverflow: _,
+  controlButtons: M,
+  dropdownMobileLoader: a,
+  notificationIcon: f
+};
+export {
+  L as s
+};
+//# sourceMappingURL=DropdownMobile.module-wrANtbau.js.map

package/chunks/Footer.module-Dcht4j1M.js

@@ -0,0 +1,9 @@
+const o = "footerDescription__b5b5403f", t = "footerDescriptionContent__1d68d4a0", e = "footerDescriptionControls__519ae8c1", n = {
+  footerDescription: o,
+  footerDescriptionContent: t,
+  footerDescriptionControls: e
+};
+export {
+  n as s
+};
+//# sourceMappingURL=Footer.module-Dcht4j1M.js.map

package/chunks/FormFieldInput-DO7mZKjJ.js

@@ -0,0 +1,62 @@
+import { jsx as g } from "react/jsx-runtime";
+import z, { useContext as A, useRef as P, useEffect as c } from "react";
+import { FormFieldContext as R } from "../components/FormField/FormFieldContext.js";
+import { c as k, a as y } from "./vendor-BlJo2ILB.js";
+import { EFormFieldStatus as D } from "../components/FormField/enums.js";
+import { createSizeToClassNameMap as M } from "../utils/classNameMaps.js";
+const T = "formFieldInput__8041c3f2", W = "sm__77bfab83", j = "md__2e01d4c7", q = "lg__53c102ea", x = {
+  formFieldInput: T,
+  sm: W,
+  md: j,
+  lg: q
+}, w = M(x), L = z.forwardRef((m, d) => {
+  const { className: S, id: s, onAnimationStart: r, onBlur: n, onFocus: i, placeholder: u, value: o, ...B } = m, { render: f, ...C } = m, { focused: E, status: b, setFocused: p, setId: l, setValueExist: a, size: F } = A(R), I = k(x.formFieldInput, w[F], S), t = P(s || y("input_"));
+  c(() => {
+    l(t.current);
+  }, []), c(() => {
+    s && (t.current = s, l(t.current));
+  }, [s, l]), c(() => {
+    a(!!o);
+  }, [a, o]);
+  const h = (e) => {
+    p(!1), n == null || n(e);
+  }, N = (e) => {
+    p(!0), i == null || i(e);
+  }, _ = (e) => {
+    e.animationName.startsWith("autofill-applied-hook") ? a(!0) : e.animationName.startsWith("autofill-cancelled-hook") && (o || a(!1)), r == null || r(e);
+  };
+  return f ? f(
+    {
+      ...C,
+      className: I,
+      id: t.current,
+      onAnimationStart: _,
+      onBlur: h,
+      onFocus: N,
+      /* Когда элемент не в фокусе, вместо placeholder показывается Label. */
+      placeholder: E ? u : " ",
+      size: F
+    },
+    d
+  ) : /* @__PURE__ */ g(
+    "input",
+    {
+      ...B,
+      className: I,
+      disabled: b === D.DISABLED,
+      id: t.current,
+      onAnimationStart: _,
+      onFocus: N,
+      onBlur: h,
+      value: o,
+      placeholder: u,
+      ref: d
+    }
+  );
+});
+L.displayName = "FormFieldInput";
+export {
+  L as F,
+  x as s
+};
+//# sourceMappingURL=FormFieldInput-DO7mZKjJ.js.map

package/chunks/HeaderLayoutSidebar.module-Bk1s4R6K.js

@@ -0,0 +1,9 @@
+const e = "headerLayoutSidebar__b6f5ed85", a = "headerLayoutSidebarContent__d78d0981", d = "headerLayoutSidebarSidebar__d24bd553", r = {
+  headerLayoutSidebar: e,
+  headerLayoutSidebarContent: a,
+  headerLayoutSidebarSidebar: d
+};
+export {
+  r as s
+};
+//# sourceMappingURL=HeaderLayoutSidebar.module-Bk1s4R6K.js.map

package/chunks/HeaderTabs.module-DQtcQlY-.js

@@ -0,0 +1,9 @@
+const e = "headerTabs__b8e7bd6c", a = "headerTabsContent__51b37788", s = "headerTabsControls__0c9c3aab", t = {
+  headerTabs: e,
+  headerTabsContent: a,
+  headerTabsControls: s
+};
+export {
+  t as s
+};
+//# sourceMappingURL=HeaderTabs.module-DQtcQlY-.js.map

package/chunks/HeaderTitle.module-Db-ProSl.js

@@ -0,0 +1,11 @@
+const e = "headerTitle__7eb946c8", t = "headerTitleControls__49291cae", l = "headerTitleContent__7a2702b8", o = {
+  headerTitle: e,
+  headerTitleControls: t,
+  "global-HeaderTitleControls": "global-HeaderTitleControls",
+  "global-HeaderTitleContent": "global-HeaderTitleContent",
+  headerTitleContent: l
+};
+export {
+  o as s
+};
+//# sourceMappingURL=HeaderTitle.module-Db-ProSl.js.map

package/chunks/IslandAccordion.module-Bzf6LSEv.js

@@ -0,0 +1,25 @@
+const e = "islandAccordion__be3adc48", t = "island__55788819", c = "item__36b6da9f", o = "disabled__ef65ecfc", s = "sm__0b851cda", a = "md__16e2bd11", _ = "lg__987210e1", d = "header__55b3cd28", n = "type1__a3a84c24", r = "opened__3fdadbf4", p = "type2__f5dc3b24", i = "type3__c710a4e9", f = "footer__1c446e11", l = "body__ff7fa63a", b = "caretWrapper__024f9abc", y = "caretIcon__850d55ae", m = "step__11abad83", W = "titleWrapper__588cff87", g = "remove__6686234f", h = {
+  islandAccordion: e,
+  island: t,
+  item: c,
+  disabled: o,
+  sm: s,
+  md: a,
+  lg: _,
+  header: d,
+  type1: n,
+  opened: r,
+  type2: p,
+  type3: i,
+  footer: f,
+  body: l,
+  caretWrapper: b,
+  caretIcon: y,
+  step: m,
+  titleWrapper: W,
+  remove: g
+};
+export {
+  h as s
+};
+//# sourceMappingURL=IslandAccordion.module-Bzf6LSEv.js.map

package/chunks/IslandWidgetFooter.module-BAka54Z0.js

@@ -0,0 +1,9 @@
+const t = "islandWidgetFooter__8166e19a", o = "islandWidgetFooterContent__62c75d6c", e = "islandWidgetFooterControls__607e069c", n = {
+  islandWidgetFooter: t,
+  islandWidgetFooterContent: o,
+  islandWidgetFooterControls: e
+};
+export {
+  n as s
+};
+//# sourceMappingURL=IslandWidgetFooter.module-BAka54Z0.js.map

package/chunks/IslandWidgetHeader.module-D0IG5uT2.js

@@ -0,0 +1,9 @@
+const e = "islandWidgetHeader__ae9c1b48", d = "islandWidgetHeaderContent__eb0a6532", i = "islandWidgetHeaderDescription__9a6f43d3", t = {
+  islandWidgetHeader: e,
+  islandWidgetHeaderContent: d,
+  islandWidgetHeaderDescription: i
+};
+export {
+  t as s
+};
+//# sourceMappingURL=IslandWidgetHeader.module-D0IG5uT2.js.map

package/chunks/LightBoxContent-CdWfZopQ.js

@@ -0,0 +1,56 @@
+import { jsx as i, jsxs as y } from "react/jsx-runtime";
+import { useState as v, useRef as _, useCallback as u, useLayoutEffect as C, useEffect as O } from "react";
+import { u as S, c as T } from "./vendor-BlJo2ILB.js";
+import { WindowResizeListener as b } from "../components/WindowResizeListener/WindowResizeListener.js";
+import { LoaderScreen as R } from "../components/LoaderScreen/LoaderScreen.js";
+const z = "lightBox__14a96284", A = "lightBoxBackdrop__4c040b42", L = "lightBoxSideOverlayActive__59a5d69a", W = "lightBoxTopOverlayActive__bc9ef155", N = "lightBoxContent__45a14187", E = "loadingContentOverlay__89732805", k = "lightBoxContentResizeWrapper__46d35602", w = "tempElSafariBug__cb982fb6", H = "bodyOverflowHidden__e2267623", r = {
+  lightBox: z,
+  lightBoxBackdrop: A,
+  lightBoxSideOverlayActive: L,
+  lightBoxTopOverlayActive: W,
+  lightBoxContent: N,
+  loadingContentOverlay: E,
+  lightBoxContentResizeWrapper: k,
+  tempElSafariBug: w,
+  bodyOverflowHidden: H
+}, j = (p) => {
+  const { children: l, className: a, isLoading: s, loadingTitle: c, ...f } = p, [d, B] = v(0), e = _(null), o = u(() => {
+    let n = 0;
+    const g = document.querySelector('[data-lightbox-component="controls"]');
+    g && (n += g.offsetHeight), B((h) => Math.abs(h - n) > 1 ? n : h);
+  }, []), t = u(() => {
+    e.current && clearTimeout(e.current), e.current = setTimeout(o, 100);
+  }, [o]);
+  C(() => (o(), () => {
+    e.current && clearTimeout(e.current);
+  }), []), O(() => {
+    t();
+  }, [l, a, s, c, t]);
+  const { ref: x } = S({
+    handleWidth: !0,
+    onResize: t,
+    refreshMode: "debounce",
+    refreshRate: 100
+  }), m = {
+    paddingTop: d
+  };
+  return /* @__PURE__ */ i(b, { onResize: t, children: /* @__PURE__ */ y(
+    "div",
+    {
+      className: T(a, r.lightBoxContent),
+      style: d ? m : void 0,
+      ...f,
+      children: [
+        l,
+        s && /* @__PURE__ */ i(R, { className: r.loadingContentOverlay, type: "middle", children: c }),
+        /* @__PURE__ */ i("div", { className: r.lightBoxContentResizeWrapper, ref: x })
+      ]
+    }
+  ) });
+};
+j.displayName = "LightBoxContent";
+export {
+  j as L,
+  r as s
+};
+//# sourceMappingURL=LightBoxContent-CdWfZopQ.js.map

package/chunks/LightBoxControls.module-B_wOBHqj.js

@@ -0,0 +1,16 @@
+const t = "lightBoxControls__dbcea31d", o = "withKeyboardEvent__d13fc4af", l = "withoutKeyboardEvent__0b799dcf", e = "lightBoxPrev__1627c743", i = "lightBoxNext__8cb20deb", n = "lightBoxControlsDesktop__de709b7b", x = "lightBoxControlsMobile__a275ab0f", h = "lightBoxClose__f031780f", s = "lightBoxPrevButton__6dcc9f09", B = "lightBoxNextButton__54d560e2", g = {
+  lightBoxControls: t,
+  withKeyboardEvent: o,
+  withoutKeyboardEvent: l,
+  lightBoxPrev: e,
+  lightBoxNext: i,
+  lightBoxControlsDesktop: n,
+  lightBoxControlsMobile: x,
+  lightBoxClose: h,
+  lightBoxPrevButton: s,
+  lightBoxNextButton: B
+};
+export {
+  g as s
+};
+//# sourceMappingURL=LightBoxControls.module-B_wOBHqj.js.map

package/chunks/LightBoxSideOverlayClose.module-LYfcE0NM.js

@@ -0,0 +1,8 @@
+const e = "lightBoxSideOverlayCloseDesktop__4bc4621e", l = "lightBoxSideOverlayCloseMobile__138bcf1a", o = {
+  lightBoxSideOverlayCloseDesktop: e,
+  lightBoxSideOverlayCloseMobile: l
+};
+export {
+  o as s
+};
+//# sourceMappingURL=LightBoxSideOverlayClose.module-LYfcE0NM.js.map