@sberbusiness/triplex-next 1.20.0 → 1.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-CT4kuQU5.js → AlertProcessSpoiler-io5SjBK8.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 f } from "../components/Alert/AlertProcess/AlertProcessContext.js";
-import { c as n } from "./vendor-BIl4KTrD.js";
-const x = "alertProcess__53efa7b6", y = "withSpoiler__1343cecf", u = "themeIcon__a68ee9ab", T = "alertTypeError__bc24eec9", b = "alertTypeInfo__d382af25", B = "alertTypeWarning__70d139a7", C = "alertTypeSystem__e257681f", S = "alertTypeFeature__011bae0b", h = "alertProcessContentBlock__53daba85", I = "expandableContent__6e9f8520", P = "expanded__8fb31e61", g = "closeButton__d4d4dbfd", k = "expandButton__1faa83eb", e = {
-  alertProcess: x,
-  withSpoiler: y,
+import { AlertProcessContext as x } from "../components/Alert/AlertProcess/AlertProcessContext.js";
+import { c as a } from "./vendor-CuCj7SgU.js";
+const y = "alertProcess__c5f39d22", f = "withSpoiler__db601e48", u = "themeIcon__921d7d6f", T = "alertTypeError__0c713d1a", b = "alertTypeInfo__c59624b0", B = "alertTypeWarning__846b4ea4", C = "alertTypeSystem__1bb9921c", S = "alertTypeFeature__4e4388a1", h = "alertProcessContentBlock__d8cd5f63", I = "expandableContent__8a7965c7", P = "expanded__f11341ef", g = "closeButton__79feacb6", k = "expandButton__6f59d53b", e = {
+  alertProcess: y,
+  withSpoiler: f,
   themeIcon: u,
   alertTypeError: T,
   alertTypeInfo: b,
@@ -19,16 +19,16 @@ const x = "alertProcess__53efa7b6", y = "withSpoiler__1343cecf", u = "themeIcon_
   closeButton: g,
   expandButton: k
 }, v = ({ children: s, open: r, onOpen: o, ...l }) => {
-  const { setHasSpoiler: a } = d(f);
-  i(() => (a(!0), () => {
-    a(!1);
-  }), [a]);
+  const { setHasSpoiler: n } = d(x);
+  i(() => (n(!0), () => {
+    n(!1);
+  }), [n]);
   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 }) }) })
+    /* @__PURE__ */ t("div", { className: a(e.expandableContent, { [e.expanded]: r }), ...l, children: s }),
+    /* @__PURE__ */ t("div", { className: a(e.expandButton, { [e.expanded]: r }), children: /* @__PURE__ */ t(m, { onClick: c, children: /* @__PURE__ */ t(_, { paletteIndex: 5 }) }) })
   ] });
 };
 v.displayName = "AlertProcessSpoiler";
@@ -36,4 +36,4 @@ export {
   v as A,
   e as s
 };
-//# sourceMappingURL=AlertProcessSpoiler-CT4kuQU5.js.map
+//# sourceMappingURL=AlertProcessSpoiler-io5SjBK8.js.map

package/chunks/CalendarViewItem-CW39vnxU.js

@@ -0,0 +1,101 @@
+import { jsx as M } from "react/jsx-runtime";
+import { c as V } from "./vendor-CuCj7SgU.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__1bef117d", E = "calendarViewMonths__08cd43bc", L = "calendarViewYears__2d913ad6", R = "calendarViewDaysHeader__4d941f5b", v = "calendarViewDaysBody__5bcf6e42", H = "calendarViewItem__4ce9749d", B = "current__b2e581ad", S = "disabled__103021d2", j = "calendarViewItemLabel__392d9ff1", O = "selected__80e2c812", P = "basicMark__69d11f64", g = "standardMark__3a34f23c", q = "attentionMark__78e81195", z = "criticalMark__7bb5113f", G = "muted__6b450551", J = "marked__70e8eea0", Q = "unitDay__0815a075", U = "unitMonth__efea8d2f", W = "unitYear__7f360583", e = {
+  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]: e.basicMark,
+  [r.STANDARD]: e.standardMark,
+  [r.ATTENTION]: e.attentionMark,
+  [r.CRITICAL]: e.criticalMark
+}, Z = {
+  day: e.unitDay,
+  month: e.unitMonth,
+  year: e.unitYear
+}, re = ({
+  children: k,
+  className: y,
+  date: o,
+  unit: b,
+  tabbable: n,
+  active: l,
+  disabled: _,
+  muted: I,
+  markType: c,
+  onFocus: d,
+  onBlur: s,
+  onKeyDown: i,
+  onDateSelect: m,
+  ...C
+}) => {
+  const { viewItemFocusedRef: t } = N(x), u = T(null);
+  Y(() => {
+    var a;
+    n && t.current && ((a = u.current) == null || a.focus());
+  }, [n, t]);
+  const D = (a) => {
+    t.current = !0, d == null || d(a);
+  }, h = (a) => {
+    t.current = !1, s == null || s(a);
+  }, p = (a) => {
+    const f = a.code || a.keyCode;
+    (w(f, "ENTER") || w(f, "SPACE")) && (a.preventDefault(), m(o)), i == null || i(a);
+  };
+  return /* @__PURE__ */ M(
+    "td",
+    {
+      className: V(e.calendarViewItem, { [e.disabled]: _ }, y),
+      tabIndex: n ? 0 : -1,
+      "aria-selected": l ? !0 : void 0,
+      onFocus: D,
+      onBlur: h,
+      onKeyDown: p,
+      ...C,
+      ref: u,
+      children: /* @__PURE__ */ M(
+        "div",
+        {
+          className: V(
+            e.calendarViewItemLabel,
+            Z[b],
+            {
+              [e.disabled]: _,
+              [e.marked]: c !== void 0,
+              [e.muted]: !!I,
+              [e.selected]: l
+            },
+            c !== void 0 ? X[c] : void 0
+          ),
+          onClick: () => m(o),
+          children: k
+        }
+      )
+    }
+  );
+};
+export {
+  re as C,
+  e as s
+};
+//# sourceMappingURL=CalendarViewItem-CW39vnxU.js.map

package/chunks/Card.module-wkZoieJo.js

@@ -0,0 +1,17 @@
+const n = "card__26eeb0f2", d = "roundingMD__8c75d840", e = "roundingSM__a30e20cd", c = "general__9fd8b17c", a = "secondary__e0ee75ec", o = "cardMedia__56c8b6d0", r = "cardContent__e325406e", t = "paddingMD__dc74ea3e", _ = "paddingSM__b6118993", s = "cardContentHeader__f1c46585", g = "cardContentFooter__276f0b77", i = {
+  card: n,
+  roundingMD: d,
+  roundingSM: e,
+  general: c,
+  secondary: a,
+  cardMedia: o,
+  cardContent: r,
+  paddingMD: t,
+  paddingSM: _,
+  cardContentHeader: s,
+  cardContentFooter: g
+};
+export {
+  i as c
+};
+//# sourceMappingURL=Card.module-wkZoieJo.js.map

package/chunks/CheckboxTreeExtended.module-yaZgGm0h.js

@@ -0,0 +1,15 @@
+const e = "checkboxTreeExtended__538866ee", c = "checkboxTreeExtendedNode__12be3540", o = "sm__30225755", d = "md__975caa4f", x = "lg__81d17aa7", b = "checkboxTreeExtendedNodeHeader__4743fda7", r = "checkboxTreeCheckboxLabel__96375bdc", t = "caretIconWrapper__ab31512a", n = "checkboxTreeCheckbox__cbcfb081", h = {
+  checkboxTreeExtended: e,
+  checkboxTreeExtendedNode: c,
+  sm: o,
+  md: d,
+  lg: x,
+  checkboxTreeExtendedNodeHeader: b,
+  checkboxTreeCheckboxLabel: r,
+  caretIconWrapper: t,
+  checkboxTreeCheckbox: n
+};
+export {
+  h as s
+};
+//# sourceMappingURL=CheckboxTreeExtended.module-yaZgGm0h.js.map

package/chunks/{Chip-Df2PJxv_.js → Chip-CtmEt4Cp.js}

@@ -1,10 +1,10 @@
 import { jsxs as h, jsx as a } from "react/jsx-runtime";
-import x, { useCallback as b } from "react";
-import { c as n } from "./vendor-BIl4KTrD.js";
+import b, { useCallback as x } from "react";
+import { c as n } from "./vendor-CuCj7SgU.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__1a4af80f", w = "chip__410302c7", I = "lg__32bd6d7e", B = "prefix__d9f77f3d", G = "postfix__d1cbe328", g = "md__f8dfb680", z = "sm__12863624", M = "disabled__27b16c60", S = "selected__1a21ad35", j = "withPrefix__02933133", y = "withPostfix__f9b5f23c", E = "content__33cb2b8d", e = {
+const N = "chipGroupItem__ed829c35", w = "chip__f4d718a6", I = "lg__2964dacc", B = "prefix__c9613ad0", G = "postfix__e4a1de8b", g = "md__b26c6b8c", z = "sm__5bede429", M = "disabled__400b0167", S = "selected__c311cbd5", j = "withPrefix__b8bc9cee", y = "withPostfix__5cbdfd4d", E = "content__a3dc2870", e = {
   chipGroupItem: N,
   chip: w,
   lg: I,
@@ -17,9 +17,9 @@ const N = "chipGroupItem__1a4af80f", w = "chip__410302c7", I = "lg__32bd6d7e", B
   withPrefix: j,
   withPostfix: y,
   content: E
-}, R = P(e), T = x.forwardRef(
-  ({ children: l, className: p, disabled: t, postfix: o, prefix: c, selected: f, size: r = u.MD, onKeyDown: s, ...d }, m) => {
-    const _ = b(
+}, R = P(e), T = b.forwardRef(
+  ({ children: l, className: d, disabled: t, postfix: c, prefix: o, selected: p, size: r = u.MD, onKeyDown: s, ...m }, f) => {
+    const _ = x(
       (i) => {
         C(i.code, "SPACE") && i.preventDefault(), s == null || s(i);
       },
@@ -34,19 +34,19 @@ const N = "chipGroupItem__1a4af80f", w = "chip__410302c7", I = "lg__32bd6d7e", B
           R[r],
           {
             [e.disabled]: !!t,
-            [e.selected]: !!f,
-            [e.withPostfix]: typeof o < "u",
-            [e.withPrefix]: typeof c < "u"
+            [e.selected]: !!p,
+            [e.withPostfix]: typeof c < "u",
+            [e.withPrefix]: typeof o < "u"
           },
-          p
+          d
         ),
         role: "button",
         tabIndex: t ? -1 : 0,
         onKeyDown: _,
-        ...d,
-        ref: m,
+        ...m,
+        ref: f,
         children: [
-          c ? /* @__PURE__ */ a(
+          o ? /* @__PURE__ */ a(
             "span",
             {
               className: n(
@@ -58,11 +58,11 @@ const N = "chipGroupItem__1a4af80f", w = "chip__410302c7", I = "lg__32bd6d7e", B
                   // Для иконок.
                 }
               ),
-              children: c
+              children: o
             }
           ) : null,
           /* @__PURE__ */ a("span", { className: e.content, children: l }),
-          o ? /* @__PURE__ */ a(
+          c ? /* @__PURE__ */ a(
             "span",
             {
               className: n(
@@ -74,7 +74,7 @@ const N = "chipGroupItem__1a4af80f", w = "chip__410302c7", I = "lg__32bd6d7e", B
                   // Для иконок.
                 }
               ),
-              children: o
+              children: c
             }
           ) : null
         ]
@@ -87,4 +87,4 @@ export {
   T as C,
   e as s
 };
-//# sourceMappingURL=Chip-Df2PJxv_.js.map
+//# sourceMappingURL=Chip-CtmEt4Cp.js.map

package/chunks/Confirm.module-Bi0IoVgW.js

@@ -0,0 +1,15 @@
+const n = "confirm__a1a68dd0", o = "isInLightBox__7ba6e1ab", i = "isInSideOverlaySM__c8634689", t = "isInSideOverlayMD__ae11298f", e = "isInSideOverlayLG__78cb3a1b", s = "confirmCloseButton__3a327f68", r = "confirmContent__e82a5483", c = "confirmControls__2d864109", l = "confirmContentTitle__2836b0d5", a = {
+  confirm: n,
+  isInLightBox: o,
+  isInSideOverlaySM: i,
+  isInSideOverlayMD: t,
+  isInSideOverlayLG: e,
+  confirmCloseButton: s,
+  confirmContent: r,
+  confirmControls: c,
+  confirmContentTitle: l
+};
+export {
+  a as s
+};
+//# sourceMappingURL=Confirm.module-Bi0IoVgW.js.map

package/chunks/{DropdownListItem-JDPG7EtK.js → DropdownListItem-gGRZUigY.js}

@@ -1,19 +1,19 @@
 import { jsxs as E, jsx as k } from "react/jsx-runtime";
 import I, { useEffect as u } from "react";
-import { c as v } from "./vendor-BIl4KTrD.js";
+import { c as v } from "./vendor-CuCj7SgU.js";
 import { EComponentSize as l } from "../enums/EComponentSize.js";
 import { EVENT_KEY_CODES as p } from "../utils/keyboard.js";
 import { Badge as y } from "../components/Badge/Badge.js";
-const N = "dropdownDesktopList__529918dd", g = "notificationIcon__700ca36e", x = "sm__ee27e295", C = "dropdownDesktopListItem__bdec9ce4", O = "dropdownDesktopListLoader__f3a65e7c", R = "md__5186a1fe", T = "lg__239c1397", K = "active__22d55900", b = "selected__a79400b6", e = {
+const N = "dropdownDesktopList__260fc26b", g = "notificationIcon__05f48a0d", b = "sm__751961ee", x = "dropdownDesktopListItem__be306ba4", C = "dropdownDesktopListLoader__c8ef236a", O = "md__08f86fb4", R = "lg__4927092d", T = "active__72fe1f21", K = "selected__e66d7475", e = {
   dropdownDesktopList: N,
   notificationIcon: g,
-  sm: x,
-  dropdownDesktopListItem: C,
-  dropdownDesktopListLoader: O,
-  md: R,
-  lg: T,
-  active: K,
-  selected: b
+  sm: b,
+  dropdownDesktopListItem: x,
+  dropdownDesktopListLoader: C,
+  md: O,
+  lg: R,
+  active: T,
+  selected: K
 }, j = [p.SPACE, p.ENTER], A = I.forwardRef(
   ({
     active: s,
@@ -24,8 +24,8 @@ const N = "dropdownDesktopList__529918dd", g = "notificationIcon__700ca36e", x =
     onSelect: o,
     selected: r,
     showNotificationIcon: c,
-    size: _ = l.MD,
-    ...f
+    size: f = l.MD,
+    ..._
   }, D) => {
     const i = (t) => {
       const { keyCode: w } = t;
@@ -46,12 +46,12 @@ const N = "dropdownDesktopList__529918dd", g = "notificationIcon__700ca36e", x =
         title: typeof d == "string" ? d : void 0,
         role: "option",
         "aria-selected": !!r,
-        ...f,
+        ..._,
         onClick: L,
         ref: D,
         children: [
           d,
-          c && /* @__PURE__ */ k(y.Dot, { size: _, className: e.notificationIcon })
+          c && /* @__PURE__ */ k(y.Dot, { size: f, className: e.notificationIcon })
         ]
       }
     );
@@ -62,4 +62,4 @@ export {
   A as D,
   e as s
 };
-//# sourceMappingURL=DropdownListItem-JDPG7EtK.js.map
+//# sourceMappingURL=DropdownListItem-gGRZUigY.js.map

package/chunks/DropdownMobile.module-D1Tda3VC.js

@@ -0,0 +1,23 @@
+const o = "dropdownMobileWrapper__21b11455", d = "dropdownMobileBackdrop__bc9e75ca", e = "closing__40985fc3", n = "opening__ebd49990", r = "opened__c29c9b8c", t = "dropdownMobile__875e237c", i = "dropdownMobileHeader__adab4436", p = "dropdownMobileHeaderContent__c19dd4d6", c = "dropdownMobileContent__e6c3d2e8", l = "dropdownMobileFooter__84a7f952", b = "dropdownMobileListItem__97dab53d", s = "selected__e66d7475", w = "dropdownMobileBodyOverflow__9783b4d7", _ = "controlButtons__e02f598c", M = "dropdownMobileLoader__5653347a", a = "dropdownMobileListLoader__f3ae1c4a", L = "notificationIcon__05f48a0d", f = {
+  dropdownMobileWrapper: o,
+  dropdownMobileBackdrop: d,
+  closing: e,
+  opening: n,
+  opened: r,
+  dropdownMobile: t,
+  dropdownMobileHeader: i,
+  dropdownMobileHeaderContent: p,
+  dropdownMobileContent: c,
+  dropdownMobileFooter: l,
+  dropdownMobileListItem: b,
+  selected: s,
+  dropdownMobileBodyOverflow: w,
+  controlButtons: _,
+  dropdownMobileLoader: M,
+  dropdownMobileListLoader: a,
+  notificationIcon: L
+};
+export {
+  f as s
+};
+//# sourceMappingURL=DropdownMobile.module-D1Tda3VC.js.map

package/chunks/Footer.module-dEM87TWq.js

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

package/chunks/FormFieldInput-BXZLkCG-.js

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

package/chunks/HeaderLayoutSidebar.module-CPuC-nCL.js

@@ -0,0 +1,9 @@
+const e = "headerLayoutSidebar__0057c567", a = "headerLayoutSidebarContent__7417f7ac", d = "headerLayoutSidebarSidebar__3d03ff5f", r = {
+  headerLayoutSidebar: e,
+  headerLayoutSidebarContent: a,
+  headerLayoutSidebarSidebar: d
+};
+export {
+  r as s
+};
+//# sourceMappingURL=HeaderLayoutSidebar.module-CPuC-nCL.js.map

package/chunks/HeaderTabs.module-lGf7L-VN.js

@@ -0,0 +1,9 @@
+const e = "headerTabs__6957775b", a = "headerTabsContent__37bcc8dd", s = "headerTabsControls__cf8a1a8f", t = {
+  headerTabs: e,
+  headerTabsContent: a,
+  headerTabsControls: s
+};
+export {
+  t as s
+};
+//# sourceMappingURL=HeaderTabs.module-lGf7L-VN.js.map

package/chunks/{HeaderTitle.module-Cz5VxXST.js → HeaderTitle.module-G-lXVibC.js}

@@ -1,4 +1,4 @@
-const e = "headerTitle__664be3e0", t = "headerTitleControls__4c45e5b1", l = "headerTitleContent__3ad773b9", o = {
+const e = "headerTitle__c732fa74", t = "headerTitleControls__022a153a", l = "headerTitleContent__d38e21b9", o = {
   headerTitle: e,
   headerTitleControls: t,
   "global-HeaderTitleControls": "global-HeaderTitleControls",
@@ -8,4 +8,4 @@ const e = "headerTitle__664be3e0", t = "headerTitleControls__4c45e5b1", l = "hea
 export {
   o as s
 };
-//# sourceMappingURL=HeaderTitle.module-Cz5VxXST.js.map
+//# sourceMappingURL=HeaderTitle.module-G-lXVibC.js.map

package/chunks/IslandAccordion.module-CmJ_07-4.js

@@ -0,0 +1,25 @@
+const e = "islandAccordion__354a1622", t = "island__5f4c4827", o = "item__1a1b0066", c = "disabled__1afb1114", s = "sm__3a012c97", _ = "md__8e3e9359", n = "lg__942ed643", d = "header__16e8da52", a = "type1__ec9d950b", r = "opened__0f6be7bb", p = "type2__e77b0e85", i = "type3__829bc435", b = "footer__fbe09521", l = "body__63b52909", y = "caretWrapper__b63e0f8a", f = "caretIcon__88f05c5c", m = "title__9535d705", g = "step__69adc587", h = "remove__3ff7555f", v = {
+  islandAccordion: e,
+  island: t,
+  item: o,
+  disabled: c,
+  sm: s,
+  md: _,
+  lg: n,
+  header: d,
+  type1: a,
+  opened: r,
+  type2: p,
+  type3: i,
+  footer: b,
+  body: l,
+  caretWrapper: y,
+  caretIcon: f,
+  title: m,
+  step: g,
+  remove: h
+};
+export {
+  v as s
+};
+//# sourceMappingURL=IslandAccordion.module-CmJ_07-4.js.map

package/chunks/IslandWidgetFooter.module-PAcTvDvE.js

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

package/chunks/IslandWidgetHeader.module-CCpvQ7cl.js

@@ -0,0 +1,12 @@
+const e = "islandWidgetHeader__f0191039", t = "islandWidgetHeaderContent__c1c356a5", a = "islandWidgetHeaderDescription__752ca55b", n = "caretWrapper__c06e8609", d = "caretIcon__daa34c7f", c = "open__97bb9b1c", r = {
+  islandWidgetHeader: e,
+  islandWidgetHeaderContent: t,
+  islandWidgetHeaderDescription: a,
+  caretWrapper: n,
+  caretIcon: d,
+  open: c
+};
+export {
+  r as s
+};
+//# sourceMappingURL=IslandWidgetHeader.module-CCpvQ7cl.js.map