@sberbusiness/triplex-next 1.20.0 → 1.22.0

package/README.md

@@ -92,6 +92,11 @@ src/
 | `npm run build` | Сборка компонентов и `style.css` в `dist/` |
 | `npm run storybook` | Локальный просмотр компонентов |
 | `npm run storybook:build` | Сборка Storybook в `storybook-static/` |
+| `npm run test-visual:docker` | Визуальные тесты в Docker-контейнере (сборка + запуск) |
+| `npm run test-visual:docker:update` | Обновить baseline-скриншоты в Docker-контейнере |
+| `npm run test-visual:debug` | Отладка визуальных тестов локально (Storybook должен быть запущен) |
+| `npm run test-visual:ci` | Визуальные тесты — используется в CI и Docker |
+| `npm run test-visual:ci:update` | Обновление baseline — используется в CI и Docker |
 
 ---
 
@@ -122,36 +127,98 @@ 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-скриншоты создаются и обновляются **только через Docker или CI** (Linux). Локальные скриншоты на macOS несовместимы из-за разного рендеринга шрифтов.
 
-⸻
+#### Как обновить baseline-скриншоты
 
-🚀 Как одобрить изменения
-	1.	Перейди в свой Chromatic проект
-	2.	Найди последний билд в списке.
-	3.	Нажми Review changes
-	4.	Просмотри отличия → Approve (если всё ок)
+**Через Docker (рекомендуется):**
+```bash
+npm run test-visual:docker:update
+```
+
+**Через CI:**
+1. Запушить ветку с изменениями
+2. В GitHub → Actions → **Update Visual Snapshots** → Run workflow → выбрать ветку
+3. Воркфлоу пересоздаст скриншоты и сделает коммит в ту же ветку
+
+#### Как запустить визуальные тесты
+
+```bash
+npm run test-visual:docker           # Проверка через Docker
+npm run test-visual:docker:update    # Обновление baseline через Docker
+```
+
+#### Как запустить тесты только для одного компонента
 
+`test-storybook` не поддерживает фильтрацию по имени стори. Единственный способ — временно сузить glob в `.storybook/main.ts`:
+
+```ts
+// Временно, только для одного компонента:
+stories: ["../stories/Link/**/*.stories.@(ts|tsx|mdx)"],
+
+// Вернуть обратно после:
+stories: ["../stories/**/*.stories.@(ts|tsx|mdx)", "../stories/**/*.mdx"],
+```
+
+Затем запустить тесты, как обычно:
+
+```bash
+npm run test-visual:docker           # через Docker
+npm run test-visual:debug            # локально (Storybook должен быть запущен)
+```
+
+> **Не забудьте вернуть glob обратно** перед коммитом.
+
+#### CI воркфлоу
+
+Визуальные тесты в CI работают на собранной (build) версии Storybook, а не на dev-сервере — это исключает race conditions при загрузке модулей.
+
+| Воркфлоу | Триггер | Что делает |
+|---|---|---|
+| `visual-test.yml` | Каждый PR | Прогоняет тесты, загружает диффы как артефакты при падении |
+| `visual-update.yml` | Ручной запуск (`workflow_dispatch`) | Пересоздаёт baselines и коммитит их в ветку |
+
+#### Как отлаживать локально
+
+```bash
+npm run storybook             # в одном терминале
+npm run test-visual:debug     # в другом (с PWDEBUG=1)
+```
+
+Для отладки одного компонента — сузить glob как описано выше.
+
+#### Как исключить 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:docker           # Визуальные регрессионные тесты (Docker)
+npm run test-visual:docker:update    # Обновить baseline-скриншоты (Docker)
 ```

package/chunks/AlertProcessSpoiler-Cbhbwi6f.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 f } from "../components/Button/ButtonIcon.js";
+import { AlertProcessContext as m } from "../components/Alert/AlertProcess/AlertProcessContext.js";
+import { c as a } from "./vendor-BiObpx9E.js";
+const x = "alertProcess__561bbcaf", y = "withSpoiler__2c1056f0", u = "themeIcon__7f463003", T = "alertTypeError__67003507", B = "alertTypeInfo__6af16d06", C = "alertTypeWarning__bd8ec568", S = "alertTypeSystem__89844611", b = "alertTypeFeature__ccc9b096", h = "alertProcessContentBlock__077272f8", I = "expandableContent__a5e8ac9b", P = "expanded__6dcf1fc1", g = "closeButton__fbe30ad8", k = "expandButton__fa91f4d3", e = {
+  alertProcess: x,
+  withSpoiler: y,
+  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, ...c }) => {
+  const { setHasSpoiler: n } = d(m);
+  i(() => (n(!0), () => {
+    n(!1);
+  }), [n]);
+  const l = () => {
+    o == null || o(!r);
+  };
+  return /* @__PURE__ */ p("div", { className: e.spoiler, children: [
+    /* @__PURE__ */ t("div", { className: a(e.expandableContent, { [e.expanded]: r }), ...c, children: s }),
+    /* @__PURE__ */ t("div", { className: a(e.expandButton, { [e.expanded]: r }), children: /* @__PURE__ */ t(f, { onClick: l, children: /* @__PURE__ */ t(_, { paletteIndex: 5 }) }) })
+  ] });
+};
+v.displayName = "AlertProcessSpoiler";
+export {
+  v as A,
+  e as s
+};
+//# sourceMappingURL=AlertProcessSpoiler-Cbhbwi6f.js.map

package/chunks/{CalendarViewItem-B22G4WdJ.js → CalendarViewItem-UwoR2Xwr.js}

@@ -1,10 +1,10 @@
-import { jsx as M } from "react/jsx-runtime";
-import { c as V } from "./vendor-BIl4KTrD.js";
+import { jsx as V } from "react/jsx-runtime";
+import { c as f } from "./vendor-BiObpx9E.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__31a69485", E = "calendarViewMonths__808acc80", L = "calendarViewYears__cb873cd4", R = "calendarViewDaysHeader__d22cb1ba", v = "calendarViewDaysBody__f3acea4e", H = "calendarViewItem__048de627", B = "current__3fba10ea", S = "disabled__5f67c1e8", j = "calendarViewItemLabel__a06ee6f6", O = "selected__d1fff3ef", P = "basicMark__10ebfcfe", g = "standardMark__51cb1814", q = "attentionMark__18b1f3cb", z = "criticalMark__abc9156a", G = "muted__f968d38a", J = "marked__2071ab3b", Q = "unitDay__0dc3aa35", U = "unitMonth__a2f7be9c", W = "unitYear__c491c2e9", a = {
+const A = "calendarViewDays__9548fde3", E = "calendarViewMonths__8380287c", L = "calendarViewYears__779c175c", R = "calendarViewDaysHeader__51a33337", v = "calendarViewDaysBody__24f72866", H = "calendarViewItem__8c7c13c1", B = "current__7f8ca051", S = "disabled__0a466cbc", j = "calendarViewItemLabel__099b2f24", O = "selected__7235382c", P = "basicMark__594e811a", g = "standardMark__645beaff", q = "attentionMark__9c3e257e", z = "criticalMark__5e4f8dc1", G = "muted__a9b34107", J = "marked__88348bfe", Q = "unitDay__0297807d", U = "unitMonth__3521626b", W = "unitYear__64c2d775", a = {
   calendarViewDays: A,
   calendarViewMonths: E,
   calendarViewYears: L,
@@ -37,52 +37,52 @@ const A = "calendarViewDays__31a69485", E = "calendarViewMonths__808acc80", L =
   children: k,
   className: y,
   date: o,
-  unit: b,
+  unit: I,
   tabbable: c,
   active: l,
   disabled: _,
-  muted: I,
+  muted: C,
   markType: n,
   onFocus: s,
   onBlur: d,
   onKeyDown: i,
   onDateSelect: m,
-  ...C
+  ...D
 }) => {
   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) => {
+  const b = (e) => {
     t.current = !0, s == null || s(e);
   }, h = (e) => {
     t.current = !1, d == null || d(e);
   }, p = (e) => {
-    const f = e.code || e.keyCode;
-    (w(f, "ENTER") || w(f, "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),
+      className: f(a.calendarViewItem, { [a.disabled]: _ }, y),
       tabIndex: c ? 0 : -1,
       "aria-selected": l ? !0 : void 0,
-      onFocus: D,
+      onFocus: b,
       onBlur: h,
       onKeyDown: p,
-      ...C,
+      ...D,
       ref: u,
-      children: /* @__PURE__ */ M(
+      children: /* @__PURE__ */ V(
         "div",
         {
-          className: V(
+          className: f(
             a.calendarViewItemLabel,
-            Z[b],
+            Z[I],
             {
               [a.disabled]: _,
               [a.marked]: n !== void 0,
-              [a.muted]: !!I,
+              [a.muted]: !!C,
               [a.selected]: l
             },
             n !== void 0 ? X[n] : void 0
@@ -98,4 +98,4 @@ export {
   ra as C,
   a as s
 };
-//# sourceMappingURL=CalendarViewItem-B22G4WdJ.js.map
+//# sourceMappingURL=CalendarViewItem-UwoR2Xwr.js.map

package/chunks/Card.module-CPD2xDmu.js

@@ -0,0 +1,17 @@
+const n = "card__0a20e9d4", d = "roundingMD__c5f9c1e6", a = "roundingSM__373f0f18", c = "general__ba581d2e", e = "secondary__40288938", o = "cardMedia__0762e5a9", r = "cardContent__3040d4a9", t = "paddingMD__17bcccbf", _ = "paddingSM__26e81821", s = "cardContentHeader__8a2c9c0f", g = "cardContentFooter__b9d88b11", i = {
+  card: n,
+  roundingMD: d,
+  roundingSM: a,
+  general: c,
+  secondary: e,
+  cardMedia: o,
+  cardContent: r,
+  paddingMD: t,
+  paddingSM: _,
+  cardContentHeader: s,
+  cardContentFooter: g
+};
+export {
+  i as c
+};
+//# sourceMappingURL=Card.module-CPD2xDmu.js.map

package/chunks/CheckboxTreeExtended.module-F91Rxq8x.js

@@ -0,0 +1,15 @@
+const e = "checkboxTreeExtended__c54b5c56", c = "checkboxTreeExtendedNode__607a26f2", o = "sm__44312393", d = "md__dbf75cc1", x = "lg__ee71a632", r = "checkboxTreeExtendedNodeHeader__3d2c1f51", b = "checkboxTreeCheckboxLabel__a0de18ee", t = "caretIconWrapper__93d06f81", n = "checkboxTreeCheckbox__1e13e06c", 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-F91Rxq8x.js.map

package/chunks/{Chip-Df2PJxv_.js → Chip-Bxr2kLyU.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 { c as n } from "./vendor-BiObpx9E.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__b6ffaece", w = "chip__5a189038", I = "lg__f49f99a6", B = "prefix__711b4b15", G = "postfix__9234260d", g = "md__4e32c9e1", z = "sm__4cd1f524", M = "disabled__b1ac3ede", S = "selected__44cd0bb2", j = "withPrefix__ab078a56", y = "withPostfix__4a04be37", E = "content__091f81e2", e = {
   chipGroupItem: N,
   chip: w,
   lg: I,
@@ -18,7 +18,7 @@ const N = "chipGroupItem__1a4af80f", w = "chip__410302c7", I = "lg__32bd6d7e", B
   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) => {
+  ({ children: l, className: p, disabled: t, postfix: o, prefix: c, selected: r, size: f = u.MD, onKeyDown: s, ...d }, m) => {
     const _ = b(
       (i) => {
         C(i.code, "SPACE") && i.preventDefault(), s == null || s(i);
@@ -31,10 +31,10 @@ const N = "chipGroupItem__1a4af80f", w = "chip__410302c7", I = "lg__32bd6d7e", B
         className: n(
           e.chip,
           e.chipGroupItem,
-          R[r],
+          R[f],
           {
             [e.disabled]: !!t,
-            [e.selected]: !!f,
+            [e.selected]: !!r,
             [e.withPostfix]: typeof o < "u",
             [e.withPrefix]: typeof c < "u"
           },
@@ -87,4 +87,4 @@ export {
   T as C,
   e as s
 };
-//# sourceMappingURL=Chip-Df2PJxv_.js.map
+//# sourceMappingURL=Chip-Bxr2kLyU.js.map

package/chunks/Confirm.module-CmYpxyDp.js

@@ -0,0 +1,15 @@
+const n = "confirm__ca5f7870", o = "isInLightBox__cf31863e", i = "isInSideOverlaySM__971a3410", t = "isInSideOverlayMD__22bb01be", e = "isInSideOverlayLG__b67799e6", s = "confirmCloseButton__71e268aa", r = "confirmContent__7043112a", c = "confirmControls__85406fd0", l = "confirmContentTitle__58b33a6b", 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-CmYpxyDp.js.map

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

@@ -1,22 +1,22 @@
 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 { EComponentSize as l } from "../enums/EComponentSize.js";
+import { c as v } from "./vendor-BiObpx9E.js";
+import { EComponentSize as b } 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 = {
-  dropdownDesktopList: N,
-  notificationIcon: g,
-  sm: x,
-  dropdownDesktopListItem: C,
-  dropdownDesktopListLoader: O,
-  md: R,
-  lg: T,
-  active: K,
-  selected: b
+import { Badge as l } from "../components/Badge/Badge.js";
+const y = "dropdownDesktopList__dadd94e2", N = "notificationIcon__8b4d6f43", g = "sm__f8b66f07", x = "dropdownDesktopListItem__9a5852f5", C = "dropdownDesktopListLoader__b55b44d0", O = "md__f642610b", R = "lg__a134c7d9", T = "active__8de8b37d", K = "selected__b70e58b1", s = {
+  dropdownDesktopList: y,
+  notificationIcon: N,
+  sm: g,
+  dropdownDesktopListItem: x,
+  dropdownDesktopListLoader: C,
+  md: O,
+  lg: R,
+  active: T,
+  selected: K
 }, j = [p.SPACE, p.ENTER], A = I.forwardRef(
   ({
-    active: s,
+    active: e,
     keyCodesForSelection: m = j,
     children: d,
     className: a,
@@ -24,7 +24,7 @@ const N = "dropdownDesktopList__529918dd", g = "notificationIcon__700ca36e", x =
     onSelect: o,
     selected: r,
     showNotificationIcon: c,
-    size: _ = l.MD,
+    size: _ = b.MD,
     ...f
   }, D) => {
     const i = (t) => {
@@ -33,14 +33,14 @@ const N = "dropdownDesktopList__529918dd", g = "notificationIcon__700ca36e", x =
     }, L = (t) => {
       o == null || o(), n == null || n(t);
     };
-    return u(() => (s ? document.addEventListener("keydown", i) : document.removeEventListener("keydown", i), () => {
+    return u(() => (e ? document.addEventListener("keydown", i) : document.removeEventListener("keydown", i), () => {
       document.removeEventListener("keydown", i);
-    }), [s]), /* @__PURE__ */ E(
+    }), [e]), /* @__PURE__ */ E(
       "div",
       {
         className: v(
-          e.dropdownDesktopListItem,
-          { [e.active]: !!s, [e.selected]: !!r },
+          s.dropdownDesktopListItem,
+          { [s.active]: !!e, [s.selected]: !!r },
           a
         ),
         title: typeof d == "string" ? d : void 0,
@@ -51,7 +51,7 @@ const N = "dropdownDesktopList__529918dd", g = "notificationIcon__700ca36e", x =
         ref: D,
         children: [
           d,
-          c && /* @__PURE__ */ k(y.Dot, { size: _, className: e.notificationIcon })
+          c && /* @__PURE__ */ k(l.Dot, { size: _, className: s.notificationIcon })
         ]
       }
     );
@@ -60,6 +60,6 @@ const N = "dropdownDesktopList__529918dd", g = "notificationIcon__700ca36e", x =
 A.displayName = "DropdownListItem";
 export {
   A as D,
-  e as s
+  s
 };
-//# sourceMappingURL=DropdownListItem-JDPG7EtK.js.map
+//# sourceMappingURL=DropdownListItem-Dl8gN2ar.js.map

package/chunks/DropdownMobile.module-l5rlPxNK.js

@@ -0,0 +1,23 @@
+const o = "dropdownMobileWrapper__282c67c2", d = "dropdownMobileBackdrop__163668e4", e = "closing__de8c0e85", n = "opening__7d8c9bc8", r = "opened__4ca0cd18", t = "dropdownMobile__f6aff01a", i = "dropdownMobileHeader__0003c3c4", c = "dropdownMobileHeaderContent__6f02afb4", p = "dropdownMobileContent__b705b9a7", l = "dropdownMobileFooter__b163e1c9", b = "dropdownMobileListItem__4d3d5752", s = "selected__b70e58b1", w = "dropdownMobileBodyOverflow__db4e1ff4", _ = "controlButtons__175a7f6c", M = "dropdownMobileLoader__c271c4e5", a = "dropdownMobileListLoader__dde87437", f = "notificationIcon__8b4d6f43", L = {
+  dropdownMobileWrapper: o,
+  dropdownMobileBackdrop: d,
+  closing: e,
+  opening: n,
+  opened: r,
+  dropdownMobile: t,
+  dropdownMobileHeader: i,
+  dropdownMobileHeaderContent: c,
+  dropdownMobileContent: p,
+  dropdownMobileFooter: l,
+  dropdownMobileListItem: b,
+  selected: s,
+  dropdownMobileBodyOverflow: w,
+  controlButtons: _,
+  dropdownMobileLoader: M,
+  dropdownMobileListLoader: a,
+  notificationIcon: f
+};
+export {
+  L as s
+};
+//# sourceMappingURL=DropdownMobile.module-l5rlPxNK.js.map

package/chunks/Footer.module-CjY-6G8t.js

@@ -0,0 +1,9 @@
+const o = "footerDescription__86084ba9", t = "footerDescriptionContent__e2dd77d8", e = "footerDescriptionControls__6fac8d3c", n = {
+  footerDescription: o,
+  footerDescriptionContent: t,
+  footerDescriptionControls: e
+};
+export {
+  n as s
+};
+//# sourceMappingURL=Footer.module-CjY-6G8t.js.map

package/chunks/FormFieldInput--W9kjf4s.js

@@ -0,0 +1,79 @@
+import { jsx as M } from "react/jsx-runtime";
+import C, { useContext as D, useMemo as L, useCallback as a, useLayoutEffect as f } from "react";
+import { u as R, c as W } from "./vendor-BiObpx9E.js";
+import { FormFieldContext as j } from "../components/FormField/FormFieldContext.js";
+import { EFormFieldStatus as q } from "../components/FormField/enums.js";
+import { createSizeToClassNameMap as w } from "../utils/classNameMaps.js";
+import { isFilled as G } from "../components/FormField/components/utils.js";
+const H = "formFieldInput__6a47077e", J = "sm__dfbcde57", K = "md__78c7dc00", O = "lg__0698bb23", T = {
+  formFieldInput: H,
+  sm: J,
+  md: K,
+  lg: O
+}, Q = w(T), S = C.forwardRef(
+  ({
+    id: d,
+    className: b,
+    value: e,
+    defaultValue: p,
+    onFocus: l,
+    onBlur: m,
+    onAnimationStart: r,
+    onChange: i,
+    render: F,
+    ...g
+  }, n) => {
+    const { status: h, setFocused: o, setTargetId: _, setFilled: c, size: I } = D(j), u = L(() => d === void 0 ? R("input_") : d, [d]), x = W(T.formFieldInput, Q[I], b), t = a(
+      (s) => {
+        c(G(s));
+      },
+      [c]
+    );
+    f(() => {
+      _(u);
+    }, [u, _]), f(() => {
+      t(e ?? p);
+    }, []), f(() => {
+      e !== void 0 && t(e);
+    }, [e, t]);
+    const y = a(
+      (s) => {
+        t(s.currentTarget.value), o(!0), l == null || l(s);
+      },
+      [o, t, l]
+    ), k = a(
+      (s) => {
+        t(s.currentTarget.value), o(!1), m == null || m(s);
+      },
+      [o, t, m]
+    ), z = a(
+      (s) => {
+        s.animationName.startsWith("autofill-applied-hook") ? c(!0) : s.animationName.startsWith("autofill-cancelled-hook") && t(s.currentTarget.value), r == null || r(s);
+      },
+      [c, t, r]
+    ), E = a(
+      (s) => {
+        t(s.currentTarget.value), i == null || i(s);
+      },
+      [t, i]
+    ), N = {
+      ...g,
+      id: u,
+      className: x,
+      value: e,
+      defaultValue: p,
+      disabled: h === q.DISABLED,
+      onFocus: y,
+      onBlur: k,
+      onAnimationStart: z,
+      onChange: E
+    };
+    return F ? F({ ...N, size: I }, n) : /* @__PURE__ */ M("input", { ...N, ref: n });
+  }
+);
+S.displayName = "FormFieldInput";
+export {
+  S as F,
+  T as s
+};
+//# sourceMappingURL=FormFieldInput--W9kjf4s.js.map

package/chunks/HeaderLayoutSidebar.module-fr4_lzKQ.js

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

package/chunks/HeaderTabs.module-Clz5KbqR.js

@@ -0,0 +1,9 @@
+const e = "headerTabs__2b0f6788", s = "headerTabsContent__f685e0fd", a = "headerTabsControls__e3bdb2f8", t = {
+  headerTabs: e,
+  headerTabsContent: s,
+  headerTabsControls: a
+};
+export {
+  t as s
+};
+//# sourceMappingURL=HeaderTabs.module-Clz5KbqR.js.map

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

@@ -1,4 +1,4 @@
-const e = "headerTitle__664be3e0", t = "headerTitleControls__4c45e5b1", l = "headerTitleContent__3ad773b9", o = {
+const e = "headerTitle__e7b5ec4b", t = "headerTitleControls__5005bf63", l = "headerTitleContent__266aa428", 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-DUqjpN6C.js.map

package/chunks/IslandAccordion.module-CPVWJz-Z.js

@@ -0,0 +1,25 @@
+const e = "islandAccordion__e153baf2", t = "island__5c5bcd0e", o = "item__460acd4c", c = "disabled__74e507bb", s = "sm__a7f1d2eb", d = "md__e78d5e30", _ = "lg__b4563db7", n = "header__9468e351", a = "type1__4e2b4cb8", r = "opened__d1a9e73b", p = "type2__23dd61b2", b = "type3__ef340390", i = "footer__4b22df81", l = "body__83c27532", y = "caretWrapper__d01fde18", f = "caretIcon__c347787f", m = "title__ee1baeaf", g = "step__1f9e1800", h = "remove__f1512c79", v = {
+  islandAccordion: e,
+  island: t,
+  item: o,
+  disabled: c,
+  sm: s,
+  md: d,
+  lg: _,
+  header: n,
+  type1: a,
+  opened: r,
+  type2: p,
+  type3: b,
+  footer: i,
+  body: l,
+  caretWrapper: y,
+  caretIcon: f,
+  title: m,
+  step: g,
+  remove: h
+};
+export {
+  v as s
+};
+//# sourceMappingURL=IslandAccordion.module-CPVWJz-Z.js.map

package/chunks/IslandWidgetFooter.module-BRjR7Nva.js

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

package/chunks/IslandWidgetHeader.module-CQVHkydc.js

@@ -0,0 +1,12 @@
+const e = "islandWidgetHeader__ae9d44c5", a = "islandWidgetHeaderContent__6c2a8e05", t = "islandWidgetHeaderDescription__8caccb29", n = "caretWrapper__bda11f15", d = "caretIcon__08cf9af9", c = "open__ede17154", r = {
+  islandWidgetHeader: e,
+  islandWidgetHeaderContent: a,
+  islandWidgetHeaderDescription: t,
+  caretWrapper: n,
+  caretIcon: d,
+  open: c
+};
+export {
+  r as s
+};
+//# sourceMappingURL=IslandWidgetHeader.module-CQVHkydc.js.map