@sberbusiness/triplex-next 0.1.8 → 0.10.0

package/README.md

@@ -68,11 +68,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 +91,13 @@ src/
 
 ## 🧱 Добавление нового компонента
 
-1. Создай папку:
+1. Создать каталог:
 
 ```bash
 src/components/Alert/
 ```
 
-2. Добавь файлы:
+2. Добавить файлы:
 
 ```
 Alert.tsx
@@ -105,7 +105,7 @@ styles/Alert.module.less
 index.ts         ← обязательный!
 ```
 
-3. Зарегистрируй в `src/index.ts`:
+3. Указать экспорт в `src/index.ts`:
 
 ```ts
 export * from './components/Alert';
@@ -114,7 +114,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-BthiLiMe.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 x } from "../components/Alert/AlertProcess/AlertProcessContext.js";
+import { c as n } from "./vendor-BlJo2ILB.js";
+const y = "alertProcess__e42889aa", f = "withSpoiler__7be16e6e", u = "themeIcon__ef8e7a78", T = "alertTypeError__3add4cb4", B = "alertTypeInfo__6b856676", C = "alertTypeWarning__8cd89020", S = "alertTypeSystem__12ae0b5e", b = "alertTypeFeature__280bac7e", h = "alertProcessContentBlock__fb161cc5", I = "expandableContent__56e314d7", P = "expanded__0790181f", g = "closeButton__6cfe544d", k = "expandButton__81a2c6a5", e = {
+  alertProcess: y,
+  withSpoiler: f,
+  themeIcon: u,
+  alertTypeError: T,
+  alertTypeInfo: B,
+  alertTypeWarning: C,
+  alertTypeSystem: S,
+  alertTypeFeature: b,
+  alertProcessContentBlock: h,
+  expandableContent: I,
+  expanded: P,
+  closeButton: g,
+  expandButton: k
+}, v = ({ children: s, open: r, onOpen: o, ...l }) => {
+  const { setHasSpoiler: a } = d(x);
+  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-BthiLiMe.js.map

package/chunks/CalendarViewItem-CNP7C3l_.js

@@ -0,0 +1,101 @@
+import { jsx as f } from "react/jsx-runtime";
+import { c as V } 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__6cd85636", E = "calendarViewMonths__eb07b9d0", L = "calendarViewYears__df70e23b", R = "calendarViewDaysHeader__6665b64e", v = "calendarViewDaysBody__37d95aa5", H = "calendarViewItem__facec7dc", B = "current__f96ab340", S = "disabled__a6ef24b3", j = "calendarViewItemLabel__924acc05", O = "selected__001627e9", P = "basicMark__26aefeb3", g = "standardMark__c4e822f8", q = "attentionMark__a0acc308", z = "criticalMark__617f595b", G = "muted__f5c107c8", J = "marked__a98e8042", Q = "unitDay__c70bd879", U = "unitMonth__537b6d41", W = "unitYear__a076e4df", 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__ */ f(
+    "td",
+    {
+      className: V(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__ */ f(
+        "div",
+        {
+          className: V(
+            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-CNP7C3l_.js.map

package/chunks/Card.module-BxAU0ct3.js

@@ -0,0 +1,17 @@
+const n = "card__f1c746ba", d = "roundingMD__6baabf85", a = "roundingSM__6f241007", o = "general__a3d6048d", r = "secondary__75d0d1bb", t = "cardMedia__5df7df3b", c = "cardContent__4f854517", e = "paddingMD__8c742a5a", _ = "paddingSM__8ae18e47", s = "cardContentHeader__23639d5a", g = "cardContentFooter__340ff10d", i = {
+  card: n,
+  roundingMD: d,
+  roundingSM: a,
+  general: o,
+  secondary: r,
+  cardMedia: t,
+  cardContent: c,
+  paddingMD: e,
+  paddingSM: _,
+  cardContentHeader: s,
+  cardContentFooter: g
+};
+export {
+  i as c
+};
+//# sourceMappingURL=Card.module-BxAU0ct3.js.map

package/chunks/CheckboxTreeExtended.module-8H0Dgq8c.js

@@ -0,0 +1,11 @@
+const e = "checkboxTreeExtended__36ed92c2", c = "checkboxTreeExtendedNode__976931b5", o = "checkboxTreeExtendedNodeHeader__38f1965b", d = "checkboxTreeCheckboxLabel__f48c5680", r = "caretIconWrapper__66b5fa48", x = {
+  checkboxTreeExtended: e,
+  checkboxTreeExtendedNode: c,
+  checkboxTreeExtendedNodeHeader: o,
+  checkboxTreeCheckboxLabel: d,
+  caretIconWrapper: r
+};
+export {
+  x as s
+};
+//# sourceMappingURL=CheckboxTreeExtended.module-8H0Dgq8c.js.map

package/chunks/Chip-DaFItkIp.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__91bf7135", w = "chip__3e0bff02", I = "lg__12db40e5", B = "prefix__59d920b9", G = "postfix__de89adcc", g = "md__0f0e7a7b", z = "sm__fa23c58e", M = "disabled__7e17ffd4", S = "selected__7c61536e", j = "withPrefix__9e618f90", y = "withPostfix__fcedf22e", E = "content__b5ee7aa6", 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: f, disabled: t, postfix: o, prefix: c, selected: p, size: r = u.MD, onKeyDown: s, ...d }, 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]: !!p,
+            [e.withPostfix]: typeof o < "u",
+            [e.withPrefix]: typeof c < "u"
+          },
+          f
+        ),
+        role: "button",
+        tabIndex: t ? -1 : 0,
+        onKeyDown: h,
+        ...d,
+        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-DaFItkIp.js.map

package/chunks/Confirm.module-BaXVkVHJ.js

@@ -0,0 +1,15 @@
+const n = "confirm__4c4b3f9e", o = "isInLightBox__d998b307", i = "isInSideOverlaySM__a24e6ae1", t = "isInSideOverlayMD__f624126f", e = "isInSideOverlayLG__21b03166", s = "confirmCloseButton__ba517db4", r = "confirmContent__0e618286", c = "confirmControls__4ae2942d", l = "confirmContentTitle__67816588", f = {
+  confirm: n,
+  isInLightBox: o,
+  isInSideOverlaySM: i,
+  isInSideOverlayMD: t,
+  isInSideOverlayLG: e,
+  confirmCloseButton: s,
+  confirmContent: r,
+  confirmControls: c,
+  confirmContentTitle: l
+};
+export {
+  f as s
+};
+//# sourceMappingURL=Confirm.module-BaXVkVHJ.js.map

package/chunks/DropdownListItem-lbLsbKwC.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 p } from "../utils/keyboard.js";
+import { c as v } from "./vendor-BlJo2ILB.js";
+import { NotificationIcon as u } from "../components/NotificationIcon/NotificationIcon.js";
+const y = "dropdownDesktopList__2b899040", l = "sm__e28f530e", N = "dropdownDesktopListItem__c7458fb2", b = "dropdownDesktopListLoader__10e1dabe", g = "md__de5e800a", x = "lg__10747f84", O = "active__09138019", R = "selected__829b99ab", T = "notificationIcon__e3646d92", s = {
+  dropdownDesktopList: y,
+  sm: l,
+  dropdownDesktopListItem: N,
+  dropdownDesktopListLoader: b,
+  md: g,
+  lg: x,
+  active: O,
+  selected: R,
+  notificationIcon: T
+}, C = [p.SPACE, p.ENTER], K = k.forwardRef(
+  ({
+    active: e,
+    keyCodesForSelection: a = C,
+    children: d,
+    className: c,
+    onClick: n,
+    onSelect: o,
+    selected: r,
+    showNotificationIcon: m,
+    ..._
+  }, f) => {
+    const i = (t) => {
+      const { keyCode: D } = t;
+      a.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 },
+          c
+        ),
+        title: typeof d == "string" ? d : void 0,
+        role: "option",
+        "aria-selected": !!r,
+        ..._,
+        onClick: L,
+        ref: f,
+        children: [
+          d,
+          m && /* @__PURE__ */ E(u, { className: s.notificationIcon })
+        ]
+      }
+    );
+  }
+);
+K.displayName = "DropdownListItem";
+export {
+  K as D,
+  s
+};
+//# sourceMappingURL=DropdownListItem-lbLsbKwC.js.map

package/chunks/DropdownMobile.module-kHpY8q0l.js

@@ -0,0 +1,23 @@
+const o = "dropdownMobileWrapper__f1ca22bf", d = "dropdownMobileBackdrop__78d04b3a", e = "closing__137884a1", n = "opening__2448ef34", r = "opened__b589c8e7", t = "dropdownMobile__c686dbd2", i = "dropdownMobileHeader__a65bd0a8", p = "dropdownMobileHeaderContent__abfbf7ef", l = "dropdownMobileContent__d9191889", b = "dropdownMobileFooter__28aadf59", c = "dropdownMobileListItem__df761104", s = "selected__829b99ab", w = "dropdownMobileListLoader__a60cd8c9", _ = "dropdownMobileBodyOverflow__ae39bd21", a = "controlButtons__ce736208", M = "dropdownMobileLoader__15100f73", f = "notificationIcon__e3646d92", L = {
+  dropdownMobileWrapper: o,
+  dropdownMobileBackdrop: d,
+  closing: e,
+  opening: n,
+  opened: r,
+  dropdownMobile: t,
+  dropdownMobileHeader: i,
+  dropdownMobileHeaderContent: p,
+  dropdownMobileContent: l,
+  dropdownMobileFooter: b,
+  dropdownMobileListItem: c,
+  selected: s,
+  dropdownMobileListLoader: w,
+  dropdownMobileBodyOverflow: _,
+  controlButtons: a,
+  dropdownMobileLoader: M,
+  notificationIcon: f
+};
+export {
+  L as s
+};
+//# sourceMappingURL=DropdownMobile.module-kHpY8q0l.js.map

package/chunks/Footer.module-BZTAlpWH.js

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

package/chunks/FormFieldInput-BoG8X8Sc.js

@@ -0,0 +1,62 @@
+import { jsx as g } from "react/jsx-runtime";
+import z, { useContext as A, useRef as P, useEffect as m } 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__6371e117", W = "sm__bacd116b", j = "md__b5929af6", q = "lg__5a54550f", x = {
+  formFieldInput: T,
+  sm: W,
+  md: j,
+  lg: q
+}, w = M(x), L = z.forwardRef((c, d) => {
+  const { className: S, id: s, onAnimationStart: r, onBlur: n, onFocus: i, placeholder: u, value: o, ...b } = c, { render: f, ...B } = c, { focused: C, status: E, setFocused: p, setId: l, setValueExist: a, size: F } = A(R), I = k(x.formFieldInput, w[F], S), t = P(s || y("input_"));
+  m(() => {
+    l(t.current);
+  }, []), m(() => {
+    s && (t.current = s, l(t.current));
+  }, [s, l]), m(() => {
+    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(
+    {
+      ...B,
+      className: I,
+      id: t.current,
+      onAnimationStart: _,
+      onBlur: h,
+      onFocus: N,
+      /* Когда элемент не в фокусе, вместо placeholder показывается Label. */
+      placeholder: C ? u : " ",
+      size: F
+    },
+    d
+  ) : /* @__PURE__ */ g(
+    "input",
+    {
+      ...b,
+      className: I,
+      disabled: E === 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-BoG8X8Sc.js.map

package/chunks/HeaderLayoutSidebar.module-Bbxhh0aE.js

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

package/chunks/HeaderTabs.module-Bo3HPBP_.js

@@ -0,0 +1,9 @@
+const e = "headerTabs__71e6fd38", a = "headerTabsContent__6a0552cb", s = "headerTabsControls__77f4e084", t = {
+  headerTabs: e,
+  headerTabsContent: a,
+  headerTabsControls: s
+};
+export {
+  t as s
+};
+//# sourceMappingURL=HeaderTabs.module-Bo3HPBP_.js.map

package/chunks/HeaderTitle.module-r9kVKK-W.js

@@ -0,0 +1,11 @@
+const e = "headerTitle__ba10db7a", t = "headerTitleControls__0812c163", l = "headerTitleContent__4993f27d", o = {
+  headerTitle: e,
+  headerTitleControls: t,
+  "global-HeaderTitleControls": "global-HeaderTitleControls",
+  "global-HeaderTitleContent": "global-HeaderTitleContent",
+  headerTitleContent: l
+};
+export {
+  o as s
+};
+//# sourceMappingURL=HeaderTitle.module-r9kVKK-W.js.map

package/chunks/IslandAccordion.module-r5TKHc-1.js

@@ -0,0 +1,25 @@
+const e = "islandAccordion__1a85b6b5", t = "island__3c4c7b37", c = "item__45a3175e", o = "disabled__93b20980", s = "sm__48725048", _ = "md__56bad8ea", a = "lg__2bcccc1e", n = "header__9d65bc42", d = "type1__52cc542c", r = "opened__ea525556", p = "type2__8f25882d", i = "type3__e965527a", b = "footer__b8a21c2b", l = "body__ba36fd52", y = "caretWrapper__3994eb75", m = "caretIcon__37f9ea96", f = "step__e0f30194", W = "titleWrapper__63d09a4c", g = "remove__49962452", h = {
+  islandAccordion: e,
+  island: t,
+  item: c,
+  disabled: o,
+  sm: s,
+  md: _,
+  lg: a,
+  header: n,
+  type1: d,
+  opened: r,
+  type2: p,
+  type3: i,
+  footer: b,
+  body: l,
+  caretWrapper: y,
+  caretIcon: m,
+  step: f,
+  titleWrapper: W,
+  remove: g
+};
+export {
+  h as s
+};
+//# sourceMappingURL=IslandAccordion.module-r5TKHc-1.js.map

package/chunks/IslandWidgetFooter.module-DANV-WDZ.js

@@ -0,0 +1,9 @@
+const t = "islandWidgetFooter__55f812c2", o = "islandWidgetFooterContent__f8121699", e = "islandWidgetFooterControls__06ea9175", n = {
+  islandWidgetFooter: t,
+  islandWidgetFooterContent: o,
+  islandWidgetFooterControls: e
+};
+export {
+  n as s
+};
+//# sourceMappingURL=IslandWidgetFooter.module-DANV-WDZ.js.map

package/chunks/IslandWidgetHeader.module-D9N9d8U0.js

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

package/chunks/LightBoxContent-3M4bOnUh.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 R } from "../components/WindowResizeListener/WindowResizeListener.js";
+import { LoaderScreen as b } from "../components/LoaderScreen/LoaderScreen.js";
+const z = "lightBox__d1e230a4", A = "lightBoxBackdrop__ce3bee5d", L = "lightBoxSideOverlayActive__fe135ca9", W = "lightBoxTopOverlayActive__d695aae7", N = "lightBoxContent__c9cde960", E = "loadingContentOverlay__383d023a", k = "lightBoxContentResizeWrapper__114ed6f9", w = "tempElSafariBug__503d7fad", H = "bodyOverflowHidden__4a45830f", 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(R, { onResize: t, children: /* @__PURE__ */ y(
+    "div",
+    {
+      className: T(a, r.lightBoxContent),
+      style: d ? m : void 0,
+      ...f,
+      children: [
+        l,
+        s && /* @__PURE__ */ i(b, { 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-3M4bOnUh.js.map

package/chunks/LightBoxControls.module-C1sKSbiw.js

@@ -0,0 +1,16 @@
+const t = "lightBoxControls__c73d8174", o = "withKeyboardEvent__96c96cb3", l = "withoutKeyboardEvent__7ad49e29", e = "lightBoxPrev__ac50318f", i = "lightBoxNext__bf04a267", n = "lightBoxControlsDesktop__7e48f5fb", x = "lightBoxControlsMobile__0b3f2a66", h = "lightBoxClose__7eb9441d", s = "lightBoxPrevButton__5f0c5156", B = "lightBoxNextButton__85290bb6", 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-C1sKSbiw.js.map

package/chunks/LightBoxSideOverlayClose.module-H2K8IoVH.js

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