@cloud-ru/ds-stepper 1.0.0

package/CHANGELOG.md

@@ -0,0 +1,8 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# 1.0.0 (2026-08-18)
+
+Initial stable release under the `@cloud-ru/ds-*` scope.

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2023 Cloud technology Limited (Ltd.)
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,214 @@
+# Stepper
+
+`@cloud-ru/ds-stepper` — Адаптивный индикатор прогресса для многошаговых сценариев — единый render-prop API, раскладка из AdaptiveProvider.
+
+Индикатор прогресса для многошаговых сценариев — список шагов с номером, заголовком и (опционально) описанием. Управляется через render-prop, поддерживает controlled и uncontrolled режимы. `Stepper` адаптивен: раскладку берёт из `AdaptiveProvider` (`@cloud-ru/ds-adaptive`) — на desktop горизонтальный ряд шагов, на `mobile` компактный.
+
+## Когда использовать
+
+- Многошаговые формы, где пользователю важно видеть прогресс и (на desktop) описание каждого шага.
+- Процессы с валидацией между шагами (submit → backend check → next).
+
+## Анатомия
+
+### Step state
+Состояние шага: `completed` — пройден, `current` — текущий, `loading` — в процессе, `waiting` — ещё не пройден, `rejected` — отклонён/ошибка.
+
+### Layout type
+Раскладка: `desktop` — горизонтальная с подписями, `mobile` — компактная вертикальная.
+
+## Установка
+
+```bash
+pnpm add @cloud-ru/ds-stepper
+```
+
+```ts
+import { Stepper } from '@cloud-ru/ds-stepper'
+```
+
+## Примеры использования
+
+### Базовый flow
+
+Три шага с Next/Prev
+
+```tsx
+import { Button } from '@cloud-ru/ds-button';
+import { Stepper } from '@cloud-ru/ds-stepper';
+
+export function BasicFlow() {
+  return (
+    <Stepper steps={[{ title: 'Данные' }, { title: 'Проверка' }, { title: 'Готово' }]}>
+      {({ stepper, goNext, goPrev, currentStepIndex, stepCount, isCompleted }) => (
+        <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
+          {stepper}
+          <div style={{ display: 'flex', gap: 8 }}>
+            <Button
+              label='Назад'
+              view='outline'
+              appearance='neutral'
+              size='s'
+              onClick={() => goPrev()}
+              disabled={currentStepIndex === 0}
+            />
+            <Button
+              label={currentStepIndex === stepCount - 1 ? 'Завершить' : 'Далее'}
+              appearance='primary'
+              size='s'
+              onClick={() => goNext()}
+              disabled={isCompleted}
+            />
+          </div>
+        </div>
+      )}
+    </Stepper>
+  );
+}
+```
+
+### С валидатором
+
+Первая попытка реджектится, вторая проходит
+
+```tsx
+import { Button } from '@cloud-ru/ds-button';
+import { Stepper, StepsValidator } from '@cloud-ru/ds-stepper';
+import { useRef } from 'react';
+
+export function WithValidator() {
+  const attempts = useRef(0);
+  const validator: StepsValidator = async () => {
+    attempts.current += 1;
+    return attempts.current >= 2;
+  };
+
+  return (
+    <Stepper steps={[{ title: 'Данные' }, { title: 'Проверка' }, { title: 'Готово' }]} validator={validator}>
+      {({ stepper, goNext, resetValidation }) => (
+        <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
+          {stepper}
+          <div style={{ display: 'flex', gap: 8 }}>
+            <Button label='Сброс' view='outline' appearance='neutral' size='s' onClick={resetValidation} />
+            <Button label='Далее' appearance='primary' size='s' onClick={() => goNext()} />
+          </div>
+        </div>
+      )}
+    </Stepper>
+  );
+}
+```
+
+## Props
+
+**StepperProps**
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `allowFreeNavigation` | `boolean` | — | Позволяет свободно переключаться между разными шагами без валидации |
+| `children` | `StepperApi` | — | Render function. Принимает `stepper` — JSX-элемент степпера, а также api: <br/> `goNext`, `goPrev`, `resetValidation`, `setValidator`, `isCompleted`, <br/> `currentStepIndex`, `stepCount`. |
+| `className` | `string` | — | CSS-класс |
+| `data-test-id` | `string` | — | data-test-id |
+| `defaultCurrentStepIndex` | `number` | — | Индекс текущего шага по-дефолту |
+| `onChangeCurrentStep` | `((newValue: number, prevValue: number) => void)` | — | Колбек смены текущего степа |
+| `onCompleteChange` | `((isCompleted: boolean) => void)` | — | Колбек изменения завершённости |
+| `steps` | `StepData` | — | Массив шагов |
+| `validator` | `StepsValidator` | — | Валидатор шагов. Выполняется при смене шага. Принимает первым аргументом индекс текущего, вторым — индекс нового шага. Возвращает Promise<boolean>: false → шаг помечается как Rejected. |
+
+#### Related types
+
+**StepData**
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `description` | `string \| undefined` | — |  |
+| `title` | `string` | — |  |
+
+**StepperApi**
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `currentStepIndex` | `number` | — |  |
+| `goNext` | `(stepIndex?: number) => void` | — |  |
+| `goPrev` | `(stepIndex?: number) => void` | — |  |
+| `isCompleted` | `boolean` | — |  |
+| `resetValidation` | `() => void` | — |  |
+| `setValidator` | `StepsValidator` | — |  |
+| `stepCount` | `number` | — |  |
+| `stepper` | `ReactElement<any, string \| JSXElementConstructor<any>>` | — |  |
+
+- `StepsValidator` = `(prevStepIndex: number, newStepIndex: number) => Promise<boolean>`
+
+## Адаптивность
+
+`Stepper` — адаптивный компонент с переключением поверхности (surface-swap). Раскладку он берёт из `AdaptiveProvider` (контекст `@cloud-ru/ds-adaptive`); публичный API единый для обеих платформ:
+
+- **desktop** (по умолчанию) — горизонтальный ряд шагов с номером, заголовком и описанием.
+- **mobile** — компактный вертикальный индикатор: номер текущего шага и прогресс без полного ряда подписей.
+
+Верстайте под desktop и поставьте один `<AdaptiveProvider>` в корне приложения — mobile-поверхность включается автоматически (desktop-first). Пропа `layoutType` у компонента нет: источник раскладки — только контекст.
+
+### Как форсировать платформу
+
+Форс — только контекстом, не пропом:
+
+- Поддерево — вложенный провайдер:
+  ```tsx
+  import { AdaptiveProvider } from '@cloud-ru/ds-adaptive'
+
+  <AdaptiveProvider layoutType='mobile'>
+    <Stepper steps={steps}>{renderStep}</Stepper>
+  </AdaptiveProvider>
+  ```
+- Отдельный компонент — `withLayoutType` (module-scope, сахар над провайдером):
+  ```tsx
+  import { withLayoutType } from '@cloud-ru/ds-adaptive'
+  import { Stepper } from '@cloud-ru/ds-stepper'
+
+  const MobileStepper = withLayoutType(Stepper, 'mobile')
+  ```
+
+Платформенных пропов у `Stepper` нет — обе поверхности используют один набор пропсов.
+
+### Mobile — компактный индикатор
+
+Раскладка форсирована в mobile: вместо горизонтального ряда — компактный вертикальный индикатор шага.
+
+```tsx
+import { AdaptiveProvider, LAYOUT_TYPE } from '@cloud-ru/ds-adaptive';
+import { Button } from '@cloud-ru/ds-button';
+import { Stepper } from '@cloud-ru/ds-stepper';
+
+export function MobileLayout() {
+  return (
+    <AdaptiveProvider layoutType={LAYOUT_TYPE.Mobile}>
+      <Stepper steps={[{ title: 'Данные' }, { title: 'Проверка' }, { title: 'Готово' }]}>
+        {({ stepper, goNext, goPrev, currentStepIndex, stepCount, isCompleted }) => (
+          <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
+            {stepper}
+            <div style={{ display: 'flex', gap: 8 }}>
+              <Button
+                label='Назад'
+                view='outline'
+                appearance='neutral'
+                size='s'
+                onClick={() => goPrev()}
+                disabled={currentStepIndex === 0}
+              />
+              <Button
+                label={currentStepIndex === stepCount - 1 ? 'Завершить' : 'Далее'}
+                appearance='primary'
+                size='s'
+                onClick={() => goNext()}
+                disabled={isCompleted}
+              />
+            </div>
+          </div>
+        )}
+      </Stepper>
+    </AdaptiveProvider>
+  );
+}
+```
+
+Подробнее о модели адаптивности — [Адаптивность — паттерн](/patterns/adaptive).

package/dist/cjs/components/Stepper/Stepper.d.ts

@@ -0,0 +1,10 @@
+import { StepperProps } from '../../types';
+/**
+ * Адаптивный Stepper. Раскладку берёт из `AdaptiveProvider` (контекст): на `mobile` рендерит
+ * компактный мобильный индикатор, иначе — desktop-степпер. Публичный API единый; форс платформы —
+ * через `<AdaptiveProvider layoutType=…>` / `withLayoutType` (см. `@cloud-ru/ds-adaptive`), пропа `layoutType` нет.
+ */
+export declare function Stepper(props: StepperProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Stepper {
+    var displayName: string;
+}

package/dist/cjs/components/Stepper/Stepper.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Stepper = Stepper;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const adaptive_1 = require("@cloud-ru/ds-adaptive");
+const DesktopStepper_1 = require("../../helperComponents/DesktopStepper");
+const MobileStepper_1 = require("../../helperComponents/MobileStepper");
+/**
+ * Адаптивный Stepper. Раскладку берёт из `AdaptiveProvider` (контекст): на `mobile` рендерит
+ * компактный мобильный индикатор, иначе — desktop-степпер. Публичный API единый; форс платформы —
+ * через `<AdaptiveProvider layoutType=…>` / `withLayoutType` (см. `@cloud-ru/ds-adaptive`), пропа `layoutType` нет.
+ */
+function Stepper(props) {
+    const { layoutType } = (0, adaptive_1.useAdaptiveLayout)();
+    return (0, adaptive_1.isMobileLayout)(layoutType) ? (0, jsx_runtime_1.jsx)(MobileStepper_1.MobileStepper, { ...props }) : (0, jsx_runtime_1.jsx)(DesktopStepper_1.DesktopStepper, { ...props });
+}
+Stepper.displayName = 'Stepper';

package/dist/cjs/components/Stepper/index.d.ts

@@ -0,0 +1 @@
+export * from './Stepper';

package/dist/cjs/components/Stepper/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Stepper"), exports);

package/dist/cjs/components/index.d.ts

@@ -0,0 +1 @@
+export * from './Stepper';

package/dist/cjs/components/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// Публичная точка входа — адаптивный `Stepper` (раскладку берёт из AdaptiveProvider).
+// `DesktopStepper` / `MobileStepper` — internal-поверхности, наружу не реэкспортятся.
+// `StepperProps` — публичный тип, живёт в `src/types.ts` (реэкспорт через корневой `src/index.ts`).
+__exportStar(require("./Stepper"), exports);

package/dist/cjs/constants.d.ts

@@ -0,0 +1,16 @@
+export declare const STEP_STATE: {
+    readonly Completed: "completed";
+    readonly Current: "current";
+    readonly Loading: "loading";
+    readonly Waiting: "waiting";
+    readonly Rejected: "rejected";
+};
+export declare const TEST_IDS: {
+    readonly root: "stepper";
+    readonly stepSuffix: "_element-step";
+    readonly tailSuffix: "_element-tail";
+};
+/** Сборка test-id'а конкретного шага по root testId и индексу. */
+export declare function getStepTestId(rootTestId: string): string;
+/** Сборка test-id'а tail-линии по root testId. */
+export declare function getTailTestId(rootTestId: string): string;

package/dist/cjs/constants.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TEST_IDS = exports.STEP_STATE = void 0;
+exports.getStepTestId = getStepTestId;
+exports.getTailTestId = getTailTestId;
+exports.STEP_STATE = {
+    Completed: 'completed',
+    Current: 'current',
+    Loading: 'loading',
+    Waiting: 'waiting',
+    Rejected: 'rejected',
+};
+exports.TEST_IDS = {
+    root: 'stepper',
+    stepSuffix: '_element-step',
+    tailSuffix: '_element-tail',
+};
+/** Сборка test-id'а конкретного шага по root testId и индексу. */
+function getStepTestId(rootTestId) {
+    return `${rootTestId}${exports.TEST_IDS.stepSuffix}`;
+}
+/** Сборка test-id'а tail-линии по root testId. */
+function getTailTestId(rootTestId) {
+    return `${rootTestId}${exports.TEST_IDS.tailSuffix}`;
+}

package/dist/cjs/context.d.ts

@@ -0,0 +1,3 @@
+import { StepperApi } from './types';
+export declare const StepperContext: import("react").Context<StepperApi>;
+export declare const useStepperApi: () => StepperApi;

package/dist/cjs/context.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStepperApi = exports.StepperContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const defaultApi = {
+    stepper: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}),
+    stepCount: 0,
+    isCompleted: false,
+    currentStepIndex: 0,
+    goNext() { },
+    goPrev() { },
+    resetValidation() { },
+    setValidator() { },
+};
+exports.StepperContext = (0, react_1.createContext)(defaultApi);
+const useStepperApi = () => (0, react_1.useContext)(exports.StepperContext);
+exports.useStepperApi = useStepperApi;

package/dist/cjs/helperComponents/DesktopStep/DesktopStep.d.ts

@@ -0,0 +1,12 @@
+import { StepViewData } from '../../types';
+export type DesktopStepProps = {
+    /** Данные шага для отображения */
+    step: StepViewData;
+    /** CSS-класс */
+    className?: string;
+    /** Скрыть хвост-линию: нужно сторям, которые показывают шаг в отрыве от ряда */
+    hideTailLine?: boolean;
+    /** data-test-id */
+    'data-test-id'?: string;
+};
+export declare function DesktopStep({ step, className, 'data-test-id': testId, hideTailLine }: DesktopStepProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/DesktopStep/DesktopStep.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DesktopStep = DesktopStep;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const typography_1 = require("@cloud-ru/ds-typography");
+const classnames_1 = __importDefault(require("classnames"));
+const constants_1 = require("../../constants");
+const utils_1 = require("../../utils");
+const StepIcon_1 = require("../StepIcon");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+const getTailTestId = (0, utils_1.getTestIdBuilder)('_element-tail');
+const getStepTestId = (0, utils_1.getTestIdBuilder)('_element-step');
+function DesktopStep({ step, className, 'data-test-id': testId, hideTailLine }) {
+    // hover/press state-layer есть только у кликабельных навигационных кружков —
+    // completed (назад) и waiting (вперёд). Current/loading/rejected по макету не
+    // реагируют на hover/press (активный/в процессе/ошибка — не цель навигации).
+    // Focus-ring — у всех (это outline на кнопке, не зависит от state-layer).
+    const hasStateLayer = step.state !== constants_1.STEP_STATE.Current && step.state !== constants_1.STEP_STATE.Rejected && step.state !== constants_1.STEP_STATE.Loading;
+    // В макете слой разный: у пройденного шага он лежит на акценте, у будущего — на фоне.
+    const stateLayer = step.state === constants_1.STEP_STATE.Completed ? 'emptyDarkOnAccent' : 'emptyNeutralOnBackground';
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.step, className), "data-state": step.state, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.track, children: [(0, jsx_runtime_1.jsxs)("button", { type: 'button', className: styles_module_scss_1.default.statusContainer, onClick: step.onClick, disabled: !step.onClick, "data-test-id": getStepTestId(testId), "data-state": step.state, children: [(0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.stateLayer, "data-state": hasStateLayer ? stateLayer : undefined, "aria-hidden": true }), (0, jsx_runtime_1.jsx)(StepIcon_1.StepIcon, { state: step.state, number: step.number, className: styles_module_scss_1.default.icon })] }), !hideTailLine && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.tail, "data-completed": step.state === constants_1.STEP_STATE.Completed || undefined, "data-test-id": getTailTestId(testId), children: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.tailLine }) }))] }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.content, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: 'body', size: 'm', as: 'div', className: styles_module_scss_1.default.title, children: step.title }), step.description && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: 'body', size: 's', as: 'div', className: styles_module_scss_1.default.description, children: step.description }))] })] }));
+}

package/dist/cjs/helperComponents/DesktopStep/index.d.ts

@@ -0,0 +1 @@
+export * from './DesktopStep';

package/dist/cjs/helperComponents/DesktopStep/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./DesktopStep"), exports);