@sberbusiness/triplex-next 0.19.1 → 0.21.0

package/README.md

@@ -92,6 +92,9 @@ src/
 | `npm run build` | Сборка компонентов и `style.css` в `dist/` |
 | `npm run storybook` | Локальный просмотр компонентов |
 | `npm run storybook:build` | Сборка Storybook в `storybook-static/` |
+| `npm run test-visual` | Визуальные регрессионные тесты (Storybook должен быть запущен) |
+| `npm run test-visual:update` | Обновить baseline-скриншоты |
+| `npm run test-visual:ci` | Запустить Storybook + визуальные тесты (для CI) |
 
 ---
 
@@ -122,36 +125,71 @@ export * from './components/Alert';
 
 Проект использует [Vitest](https://vitest.dev/) для unit-тестирования и [Testing Library](https://testing-library.com/docs/react-testing-library/intro/) для тестирования компонентов.
 
-Chromatic для визуального тестирования Storybook-компонентов.
+### Визуальное регрессионное тестирование
 
-🧪 Как работает
-	•	При каждом пуше в ветки main или release-*, Chromatic запускает визуальные тесты.
-	•	Chromatic делает скриншоты всех stories, сравнивает с предыдущими, и показывает отличия (если есть).
-	•	✅ Если изменений нет — билд считается успешным.
-	•	🔍 Если есть изменения — нужен review и approval в интерфейсе Chromatic.
+Для визуального тестирования используется [`@storybook/test-runner`](https://github.com/storybookjs/test-runner) + [`jest-image-snapshot`](https://github.com/americanexpress/jest-image-snapshot).
 
-⸻
+Скриншоты снимаются на двух viewport'ах: **XS** (575px) и **XL** (1200px). Baseline-скриншоты хранятся в папке `__screenshots__/` и коммитятся в git. Diff-изображения при падении сохраняются в `__screenshots__/__diff__/` и игнорируются git'ом.
 
-🔔 Уведомления
-	•	Chromatic отправляет нотификации в Telegram (через Webhook), если:
-	•	билд прошёл ✅
-	•	или есть изменения/ошибки ❗
+> **Важно:** baseline-скриншоты создаются и обновляются **только через CI** (Linux). Локальные скриншоты на macOS несовместимы из-за разного рендеринга шрифтов.
 
-⸻
+#### CI воркфлоу
 
-🚀 Как одобрить изменения
-	1.	Перейди в свой Chromatic проект
-	2.	Найди последний билд в списке.
-	3.	Нажми Review changes
-	4.	Просмотри отличия → Approve (если всё ок)
+| Воркфлоу | Триггер | Что делает |
+|---|---|---|
+| `visual-test.yml` | Каждый PR | Прогоняет тесты, загружает диффы как артефакты при падении |
+| `visual-update.yml` | Ручной запуск (`workflow_dispatch`) | Пересоздаёт baselines и коммитит их в ветку |
 
+#### Как обновить baseline-скриншоты
+
+1. Запушить ветку с изменениями
+2. В GitHub → Actions → **Update Visual Snapshots** → Run workflow → выбрать ветку
+3. Воркфлоу пересоздаст скриншоты и сделает коммит в ту же ветку
+
+#### Как отлаживать локально
+
+Для отладки конкретного компонента — временно сузить glob в `.storybook/main.ts`:
+
+```ts
+// Временно, только для отладки:
+stories: ["../stories/Badge/**/*.stories.@(ts|tsx|mdx)"],
+
+// Вернуть обратно после отладки:
+stories: ["../stories/**/*.stories.@(ts|tsx|mdx)", "../stories/**/*.mdx"],
+```
+
+Затем запустить:
+```bash
+npm run storybook         # в одном терминале
+npm run test-visual       # в другом
+```
+
+#### Как исключить story из тестирования
+
+```ts
+// Конкретную story
+export const MyStory: Story = {
+    parameters: {
+        testRunner: { skip: true },
+    },
+};
+
+// Все stories компонента (в default export / meta)
+const meta: Meta<typeof Button> = {
+    component: Button,
+    parameters: {
+        testRunner: { skip: true },
+    },
+};
+```
 
 ### Как запустить тесты локально
 
 ```bash
-npm run test-e2e         # Запуск e2e тестов
-npm run test-unit         # Запуск unit тестов
-npm run test-unit:watch   # Запуск unit тестов в режиме наблюдения
-npm run test-unit:coverage # Запуск unit тестов и генерация отчёта о покрытии
-npm run chromatic # Запуск скриншот тестов. В директории должен быть файл .env.local с ключем CHROMATIC_PROJECT_TOKEN=***
-```
+npm run test-e2e              # Запуск e2e тестов
+npm run test-unit             # Запуск unit тестов
+npm run test-unit:watch       # Запуск unit тестов в режиме наблюдения
+npm run test-unit:coverage    # Запуск unit тестов с отчётом о покрытии
+npm run test-visual:update    # Создать/обновить baseline визуальных тестов
+npm run test-visual           # Запуск визуальных регрессионных тестов
+```

package/chunks/{AlertProcessSpoiler-CApu9sgV.js → AlertProcessSpoiler-DxZ8QVn2.js}

@@ -2,11 +2,11 @@ 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-DE8Zvm0w.js";
-const y = "alertProcess__66f8cf87", f = "withSpoiler__9203047d", u = "themeIcon__78aac451", T = "alertTypeError__84200a9b", b = "alertTypeInfo__e5219a12", B = "alertTypeWarning__9549aae2", C = "alertTypeSystem__065e4ce3", S = "alertTypeFeature__33beea51", h = "alertProcessContentBlock__00ecb968", I = "expandableContent__3760d66d", P = "expanded__5be12b1f", g = "closeButton__363f2d81", k = "expandButton__b53b8647", e = {
-  alertProcess: y,
-  withSpoiler: f,
+import { AlertProcessContext as f } from "../components/Alert/AlertProcess/AlertProcessContext.js";
+import { c as n } from "./vendor-DaOifQgP.js";
+const x = "alertProcess__eb01ee0b", y = "withSpoiler__d669f82d", u = "themeIcon__1994a235", T = "alertTypeError__f07ed65b", b = "alertTypeInfo__9b400ecf", B = "alertTypeWarning__9c26edfc", C = "alertTypeSystem__7abbacdc", S = "alertTypeFeature__bf7deb76", h = "alertProcessContentBlock__d5a0b085", I = "expandableContent__1e8a07ca", P = "expanded__5c506e7b", g = "closeButton__a3180f95", k = "expandButton__fac0bcf8", e = {
+  alertProcess: x,
+  withSpoiler: y,
   themeIcon: u,
   alertTypeError: T,
   alertTypeInfo: b,
@@ -18,17 +18,17 @@ const y = "alertProcess__66f8cf87", f = "withSpoiler__9203047d", u = "themeIcon_
   expanded: P,
   closeButton: g,
   expandButton: k
-}, v = ({ children: s, open: r, onOpen: o, ...l }) => {
-  const { setHasSpoiler: a } = d(x);
+}, v = ({ children: s, open: r, onOpen: o, ...c }) => {
+  const { setHasSpoiler: a } = d(f);
   i(() => (a(!0), () => {
     a(!1);
   }), [a]);
-  const c = () => {
+  const l = () => {
     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 }) }) })
+    /* @__PURE__ */ t("div", { className: n(e.expandableContent, { [e.expanded]: r }), ...c, children: s }),
+    /* @__PURE__ */ t("div", { className: n(e.expandButton, { [e.expanded]: r }), children: /* @__PURE__ */ t(m, { onClick: l, children: /* @__PURE__ */ t(_, { paletteIndex: 5 }) }) })
   ] });
 };
 v.displayName = "AlertProcessSpoiler";
@@ -36,4 +36,4 @@ export {
   v as A,
   e as s
 };
-//# sourceMappingURL=AlertProcessSpoiler-CApu9sgV.js.map
+//# sourceMappingURL=AlertProcessSpoiler-DxZ8QVn2.js.map

package/chunks/{CalendarViewItem-CCClPe6W.js → CalendarViewItem-D879SDC1.js}

@@ -1,10 +1,10 @@
-import { jsx as M } from "react/jsx-runtime";
-import { c as V } from "./vendor-DE8Zvm0w.js";
+import { jsx as V } from "react/jsx-runtime";
+import { c as f } from "./vendor-DaOifQgP.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__3b15225c", E = "calendarViewMonths__79f3619e", L = "calendarViewYears__910df0f3", R = "calendarViewDaysHeader__a7af3815", v = "calendarViewDaysBody__3867ab03", H = "calendarViewItem__c06dd838", B = "current__95df3180", S = "disabled__e6b9b26f", j = "calendarViewItemLabel__4d62f2cf", O = "selected__1377eed9", P = "basicMark__bdbb7f31", g = "standardMark__6053e968", q = "attentionMark__adbd11aa", z = "criticalMark__91e3f4f2", G = "muted__70705d7e", J = "marked__4bc0c85f", Q = "unitDay__cef7e082", U = "unitMonth__a13e9723", W = "unitYear__dd59fc22", a = {
+const A = "calendarViewDays__95662bfe", E = "calendarViewMonths__80394253", L = "calendarViewYears__c3e3908a", R = "calendarViewDaysHeader__1b807aea", v = "calendarViewDaysBody__6fc3928a", H = "calendarViewItem__4609563c", B = "current__2aa66dc8", S = "disabled__17fdac19", j = "calendarViewItemLabel__c9db2a8a", O = "selected__debf4220", P = "basicMark__779e6266", g = "standardMark__73b5f3c8", q = "attentionMark__91452e21", z = "criticalMark__6cc7433d", G = "muted__e56f1203", J = "marked__1d8b681b", Q = "unitDay__d137f6d1", U = "unitMonth__28919af3", W = "unitYear__decdcde5", a = {
   calendarViewDays: A,
   calendarViewMonths: E,
   calendarViewYears: L,
@@ -37,55 +37,55 @@ const A = "calendarViewDays__3b15225c", E = "calendarViewMonths__79f3619e", L =
   children: k,
   className: y,
   date: o,
-  unit: b,
-  tabbable: n,
+  unit: I,
+  tabbable: c,
   active: l,
   disabled: _,
-  muted: I,
-  markType: c,
+  muted: b,
+  markType: n,
   onFocus: d,
   onBlur: s,
   onKeyDown: i,
   onDateSelect: m,
   ...C
 }) => {
-  const { viewItemFocusedRef: t } = N(x), f = T(null);
+  const { viewItemFocusedRef: t } = N(x), u = T(null);
   Y(() => {
     var e;
-    n && t.current && ((e = f.current) == null || e.focus());
-  }, [n, t]);
+    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 u = e.code || e.keyCode;
-    (w(u, "ENTER") || w(u, "SPACE")) && (e.preventDefault(), m(o)), i == null || i(e);
+    const M = e.code || e.keyCode;
+    (w(M, "ENTER") || w(M, "SPACE")) && (e.preventDefault(), m(o)), i == null || i(e);
   };
-  return /* @__PURE__ */ M(
+  return /* @__PURE__ */ V(
     "td",
     {
-      className: V(a.calendarViewItem, { [a.disabled]: _ }, y),
-      tabIndex: n ? 0 : -1,
+      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: f,
-      children: /* @__PURE__ */ M(
+      ref: u,
+      children: /* @__PURE__ */ V(
         "div",
         {
-          className: V(
+          className: f(
             a.calendarViewItemLabel,
-            Z[b],
+            Z[I],
             {
               [a.disabled]: _,
-              [a.marked]: c !== void 0,
-              [a.muted]: !!I,
+              [a.marked]: n !== void 0,
+              [a.muted]: !!b,
               [a.selected]: l
             },
-            c !== void 0 ? X[c] : void 0
+            n !== void 0 ? X[n] : void 0
           ),
           onClick: () => m(o),
           children: k
@@ -98,4 +98,4 @@ export {
   ra as C,
   a as s
 };
-//# sourceMappingURL=CalendarViewItem-CCClPe6W.js.map
+//# sourceMappingURL=CalendarViewItem-D879SDC1.js.map

package/chunks/Card.module--O3Bx82B.js

@@ -0,0 +1,17 @@
+const n = "card__1e1c30b8", d = "roundingMD__2d27090a", a = "roundingSM__cb6989c1", c = "general__63617c89", o = "secondary__68c71ab9", e = "cardMedia__27f54d83", r = "cardContent__895a3701", t = "paddingMD__07fd2e7d", _ = "paddingSM__165718e2", s = "cardContentHeader__8297947b", g = "cardContentFooter__3111d66a", i = {
+  card: n,
+  roundingMD: d,
+  roundingSM: a,
+  general: c,
+  secondary: o,
+  cardMedia: e,
+  cardContent: r,
+  paddingMD: t,
+  paddingSM: _,
+  cardContentHeader: s,
+  cardContentFooter: g
+};
+export {
+  i as c
+};
+//# sourceMappingURL=Card.module--O3Bx82B.js.map

package/chunks/CheckboxTreeExtended.module-Cw3yb-cF.js

@@ -0,0 +1,15 @@
+const e = "checkboxTreeExtended__1192e498", c = "checkboxTreeExtendedNode__55b60643", o = "sm__77055849", d = "md__b600851f", x = "lg__d4938ef6", r = "checkboxTreeExtendedNodeHeader__7448cd25", b = "checkboxTreeCheckboxLabel__5646919c", t = "caretIconWrapper__7c7a1009", n = "checkboxTreeCheckbox__99c89b85", h = {
+  checkboxTreeExtended: e,
+  checkboxTreeExtendedNode: c,
+  sm: o,
+  md: d,
+  lg: x,
+  checkboxTreeExtendedNodeHeader: r,
+  checkboxTreeCheckboxLabel: b,
+  caretIconWrapper: t,
+  checkboxTreeCheckbox: n
+};
+export {
+  h as s
+};
+//# sourceMappingURL=CheckboxTreeExtended.module-Cw3yb-cF.js.map

package/chunks/{Chip-D-F5Ccch.js → Chip-M9mPbBOt.js}

@@ -1,10 +1,10 @@
 import { jsxs as _, jsx as a } from "react/jsx-runtime";
-import x, { useCallback as b } from "react";
-import { c as n } from "./vendor-DE8Zvm0w.js";
+import b, { useCallback as x } from "react";
+import { c as n } from "./vendor-DaOifQgP.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__e5e43050", w = "chip__58567ce2", I = "lg__63bb957a", B = "prefix__5006d653", G = "postfix__28b41aad", g = "md__fc843bae", z = "sm__d05fea60", M = "disabled__89b4d227", S = "selected__ca1b75da", j = "withPrefix__ff55f83d", y = "withPostfix__f945cf48", E = "content__f41e0c7d", e = {
+const N = "chipGroupItem__c21511b3", w = "chip__68df64ef", I = "lg__6e69225b", B = "prefix__bec9861e", G = "postfix__03b5bb92", g = "md__f6c0afbe", z = "sm__474e78e3", M = "disabled__5441047b", S = "selected__3d9c6219", j = "withPrefix__ab21b6cb", y = "withPostfix__418c971e", E = "content__7be50c42", e = {
   chipGroupItem: N,
   chip: w,
   lg: I,
@@ -17,9 +17,9 @@ const N = "chipGroupItem__e5e43050", w = "chip__58567ce2", I = "lg__63bb957a", B
   withPrefix: j,
   withPostfix: y,
   content: E
-}, R = P(e), T = x.forwardRef(
-  ({ children: l, className: p, disabled: t, postfix: o, prefix: c, selected: r, size: f = u.MD, onKeyDown: s, ...d }, m) => {
-    const h = b(
+}, R = P(e), T = b.forwardRef(
+  ({ children: l, className: p, disabled: t, postfix: o, prefix: c, selected: r, size: f = u.MD, onKeyDown: s, ...m }, d) => {
+    const h = x(
       (i) => {
         C(i.code, "SPACE") && i.preventDefault(), s == null || s(i);
       },
@@ -43,8 +43,8 @@ const N = "chipGroupItem__e5e43050", w = "chip__58567ce2", I = "lg__63bb957a", B
         role: "button",
         tabIndex: t ? -1 : 0,
         onKeyDown: h,
-        ...d,
-        ref: m,
+        ...m,
+        ref: d,
         children: [
           c ? /* @__PURE__ */ a(
             "span",
@@ -87,4 +87,4 @@ export {
   T as C,
   e as s
 };
-//# sourceMappingURL=Chip-D-F5Ccch.js.map
+//# sourceMappingURL=Chip-M9mPbBOt.js.map

package/chunks/Confirm.module-DtBiR4Fo.js

@@ -0,0 +1,15 @@
+const n = "confirm__2a28e68e", o = "isInLightBox__33345ed9", i = "isInSideOverlaySM__981d47aa", t = "isInSideOverlayMD__8bb7819d", e = "isInSideOverlayLG__b8fa93a9", s = "confirmCloseButton__fb3ad920", r = "confirmContent__d4ae8cf0", c = "confirmControls__8424606e", f = "confirmContentTitle__22e096fb", l = {
+  confirm: n,
+  isInLightBox: o,
+  isInSideOverlaySM: i,
+  isInSideOverlayMD: t,
+  isInSideOverlayLG: e,
+  confirmCloseButton: s,
+  confirmContent: r,
+  confirmControls: c,
+  confirmContentTitle: f
+};
+export {
+  l as s
+};
+//# sourceMappingURL=Confirm.module-DtBiR4Fo.js.map

package/chunks/{DropdownListItem-B89w0ZP6.js → DropdownListItem-BdLTF7q1.js}

@@ -1,30 +1,30 @@
 import { jsxs as E, jsx as k } from "react/jsx-runtime";
 import I, { useEffect as v } from "react";
-import { EVENT_KEY_CODES as c } from "../utils/keyboard.js";
-import { c as u } from "./vendor-DE8Zvm0w.js";
-import { EComponentSize as y } from "../enums/EComponentSize.js";
-import { Badge as l } from "../components/Badge/Badge.js";
-const N = "dropdownDesktopList__5b976066", g = "notificationIcon__caf93c7c", x = "sm__5629ee1c", C = "dropdownDesktopListItem__dbd2cfa5", O = "dropdownDesktopListLoader__a5a52c4c", R = "md__89866aed", T = "lg__54699d0d", b = "active__0142a98c", K = "selected__eb8f8ecd", s = {
-  dropdownDesktopList: N,
-  notificationIcon: g,
-  sm: x,
-  dropdownDesktopListItem: C,
-  dropdownDesktopListLoader: O,
-  md: R,
-  lg: T,
-  active: b,
+import { c as b } from "./vendor-DaOifQgP.js";
+import { EComponentSize as u } from "../enums/EComponentSize.js";
+import { EVENT_KEY_CODES as a } from "../utils/keyboard.js";
+import { Badge as y } from "../components/Badge/Badge.js";
+const l = "dropdownDesktopList__c94eb151", N = "notificationIcon__ac0d91a1", g = "sm__3186abdd", x = "dropdownDesktopListItem__da0ff8b3", C = "dropdownDesktopListLoader__5271eca9", O = "md__f42cb32e", R = "lg__abba6909", T = "active__337cbbc9", K = "selected__e67a7505", s = {
+  dropdownDesktopList: l,
+  notificationIcon: N,
+  sm: g,
+  dropdownDesktopListItem: x,
+  dropdownDesktopListLoader: C,
+  md: O,
+  lg: R,
+  active: T,
   selected: K
-}, j = [c.SPACE, c.ENTER], A = I.forwardRef(
+}, j = [a.SPACE, a.ENTER], A = I.forwardRef(
   ({
     active: e,
     keyCodesForSelection: p = j,
     children: d,
-    className: a,
+    className: c,
     onClick: n,
     onSelect: o,
     selected: r,
     showNotificationIcon: m,
-    size: _ = y.MD,
+    size: _ = u.MD,
     ...f
   }, D) => {
     const i = (t) => {
@@ -38,10 +38,10 @@ const N = "dropdownDesktopList__5b976066", g = "notificationIcon__caf93c7c", x =
     }), [e]), /* @__PURE__ */ E(
       "div",
       {
-        className: u(
+        className: b(
           s.dropdownDesktopListItem,
           { [s.active]: !!e, [s.selected]: !!r },
-          a
+          c
         ),
         title: typeof d == "string" ? d : void 0,
         role: "option",
@@ -51,7 +51,7 @@ const N = "dropdownDesktopList__5b976066", g = "notificationIcon__caf93c7c", x =
         ref: D,
         children: [
           d,
-          m && /* @__PURE__ */ k(l.Dot, { size: _, className: s.notificationIcon })
+          m && /* @__PURE__ */ k(y.Dot, { size: _, className: s.notificationIcon })
         ]
       }
     );
@@ -62,4 +62,4 @@ export {
   A as D,
   s
 };
-//# sourceMappingURL=DropdownListItem-B89w0ZP6.js.map
+//# sourceMappingURL=DropdownListItem-BdLTF7q1.js.map

package/chunks/DropdownMobile.module-PpB3KA4H.js

@@ -0,0 +1,23 @@
+const o = "dropdownMobileWrapper__628bf443", e = "dropdownMobileBackdrop__01aebfa8", d = "closing__551d0400", n = "opening__ae09a874", r = "opened__6b02aaf7", t = "dropdownMobile__a227f051", i = "dropdownMobileHeader__217cd8cf", p = "dropdownMobileHeaderContent__269d462f", c = "dropdownMobileContent__b0bb33b9", l = "dropdownMobileFooter__9520cc79", b = "dropdownMobileListItem__ba53f125", s = "selected__e67a7505", w = "dropdownMobileBodyOverflow__f04c61a5", a = "controlButtons__e1313266", _ = "dropdownMobileLoader__b9f8979c", M = "dropdownMobileListLoader__cececafb", f = "notificationIcon__ac0d91a1", L = {
+  dropdownMobileWrapper: o,
+  dropdownMobileBackdrop: e,
+  closing: d,
+  opening: n,
+  opened: r,
+  dropdownMobile: t,
+  dropdownMobileHeader: i,
+  dropdownMobileHeaderContent: p,
+  dropdownMobileContent: c,
+  dropdownMobileFooter: l,
+  dropdownMobileListItem: b,
+  selected: s,
+  dropdownMobileBodyOverflow: w,
+  controlButtons: a,
+  dropdownMobileLoader: _,
+  dropdownMobileListLoader: M,
+  notificationIcon: f
+};
+export {
+  L as s
+};
+//# sourceMappingURL=DropdownMobile.module-PpB3KA4H.js.map

package/chunks/Footer.module-Z4RIi8JP.js

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

package/chunks/FormFieldInput-C75omt8Y.js

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

package/chunks/HeaderLayoutSidebar.module-BJZj3qz4.js

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

package/chunks/HeaderTabs.module-ykRWLBUI.js

@@ -0,0 +1,9 @@
+const e = "headerTabs__1c5304e3", a = "headerTabsContent__a75f6ce6", s = "headerTabsControls__10d5eb5c", t = {
+  headerTabs: e,
+  headerTabsContent: a,
+  headerTabsControls: s
+};
+export {
+  t as s
+};
+//# sourceMappingURL=HeaderTabs.module-ykRWLBUI.js.map

package/chunks/{HeaderTitle.module-F927IkdE.js → HeaderTitle.module-Cg-I_NJG.js}

@@ -1,4 +1,4 @@
-const e = "headerTitle__bc291d33", t = "headerTitleControls__5a22e269", l = "headerTitleContent__9115cef4", o = {
+const e = "headerTitle__ea792f9a", t = "headerTitleControls__c1d13fe8", l = "headerTitleContent__3e54cd17", o = {
   headerTitle: e,
   headerTitleControls: t,
   "global-HeaderTitleControls": "global-HeaderTitleControls",
@@ -8,4 +8,4 @@ const e = "headerTitle__bc291d33", t = "headerTitleControls__5a22e269", l = "hea
 export {
   o as s
 };
-//# sourceMappingURL=HeaderTitle.module-F927IkdE.js.map
+//# sourceMappingURL=HeaderTitle.module-Cg-I_NJG.js.map

package/chunks/IslandAccordion.module-DE-xutGt.js

@@ -0,0 +1,25 @@
+const e = "islandAccordion__6876dd0a", t = "island__6af4fa06", o = "item__ad9e31dd", c = "disabled__607a112a", s = "sm__d1f1f0b7", d = "md__19acede8", _ = "lg__5953a225", n = "header__200d0f9e", a = "type1__9fb28ba3", r = "opened__3d6199c9", p = "type2__e205a6f0", i = "type3__346ceb20", b = "footer__7b2f33fc", l = "body__136c4343", f = "caretWrapper__c569c0e6", y = "caretIcon__eb5b71b5", m = "title__a5bcb9f1", g = "step__39b79302", h = "remove__d4e2861d", v = {
+  islandAccordion: e,
+  island: t,
+  item: o,
+  disabled: c,
+  sm: s,
+  md: d,
+  lg: _,
+  header: n,
+  type1: a,
+  opened: r,
+  type2: p,
+  type3: i,
+  footer: b,
+  body: l,
+  caretWrapper: f,
+  caretIcon: y,
+  title: m,
+  step: g,
+  remove: h
+};
+export {
+  v as s
+};
+//# sourceMappingURL=IslandAccordion.module-DE-xutGt.js.map

package/chunks/IslandWidgetFooter.module-DpnJPgi0.js

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

package/chunks/IslandWidgetHeader.module-lf-NGWlm.js

@@ -0,0 +1,12 @@
+const e = "islandWidgetHeader__e9966d38", t = "islandWidgetHeaderContent__e66b52cf", d = "islandWidgetHeaderDescription__1f1dfcb9", n = "caretWrapper__5080dfce", a = "caretIcon__86496d75", r = "open__3f1a3fb8", i = {
+  islandWidgetHeader: e,
+  islandWidgetHeaderContent: t,
+  islandWidgetHeaderDescription: d,
+  caretWrapper: n,
+  caretIcon: a,
+  open: r
+};
+export {
+  i as s
+};
+//# sourceMappingURL=IslandWidgetHeader.module-lf-NGWlm.js.map