@crewlethq/ui 0.49.1 → 0.51.0

package/dist/FollowBanner/index.js

@@ -1,5 +1,5 @@
-export { FollowBanner } from '../chunk-4A4QG6UC.js';
-import '../chunk-SZZRIHGT.js';
+export { FollowBanner } from '../chunk-34C7NYIQ.js';
+import '../chunk-BPCY7ZID.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-H5XTJ7GJ.js';

package/dist/InlineEditor/index.js

@@ -1,5 +1,7 @@
-export { INLINE_EDITOR_LABELS, InlineEditor } from '../chunk-7P336RA5.js';
-import '../chunk-MULOZYHL.js';
+export { INLINE_EDITOR_LABELS, InlineEditor } from '../chunk-6RMZH7P7.js';
+import '../chunk-EJWPYEG4.js';
+import '../chunk-3CZ7XAVY.js';
+import '../chunk-EUCC37WY.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-OG6CL3EB.js';

package/dist/LinkInterstitial/index.js

@@ -1,7 +1,7 @@
-export { LinkInterstitial, openExternal } from '../chunk-GP4YWZFO.js';
+export { LinkInterstitial, openExternal } from '../chunk-U3LNU4B2.js';
 import '../chunk-YCC2S7DF.js';
 import '../chunk-5CLW2CXT.js';
-import '../chunk-SZZRIHGT.js';
+import '../chunk-BPCY7ZID.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-OG6CL3EB.js';

package/dist/ListInput/ListInput.d.ts

@@ -109,8 +109,10 @@ export interface ListInputProps {
     itemError?: ((index: number, value: string) => ReactNode) | undefined;
     /** What the list says in place of the new-item box once it is full. */
     fullMessage?: ((max: number) => string) | undefined;
-    /** The name of the control beside the legend that appends what the box holds. */
+    /** The name of the button at the end of the box's row that appends what the box holds: "Add policy". */
     addLabel?: ((itemName: string) => string) | undefined;
+    /** The word that button shows, which its name begins with: "Add". */
+    addText?: string | undefined;
     itemLabel?: ((name: string, position: string) => string) | undefined;
     newItemLabel?: ((itemName: string) => string) | undefined;
     moveUpLabel?: ((itemName: string, position: string) => string) | undefined;

package/dist/ListInput/index.js

@@ -1,4 +1,4 @@
-export { ListInput, withDraft } from '../chunk-PGR2PKH6.js';
+export { ListInput, withDraft } from '../chunk-UUTEWGO6.js';
 import '../chunk-XJ2QEBMM.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-EXRRTKWT.js';

package/dist/{ListInput-WUP2YITQ.css → ListInput-P2ECUQJ2.css}

@@ -257,7 +257,7 @@
   }
 }
 
-/* With a hidden legend the add control stands at the end of the box's row. */
+/* The Add button ends the box's row: the field and its Add read as one control. */
 .crewlet-list-input__add-control {
   display: inline-flex;
   flex: none;

package/dist/LogoSlot/index.js

@@ -1,8 +1,8 @@
-export { LogoSlot } from '../chunk-ITI2Z44C.js';
+export { LogoSlot } from '../chunk-2UFUP2ZH.js';
 import '../chunk-THDGBD6Y.js';
-import '../chunk-B235ANDO.js';
+import '../chunk-WW7TU6HE.js';
 import '../chunk-KYIAFNU7.js';
-import '../chunk-UZMNR366.js';
+import '../chunk-7W3LYIOC.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-BZFWDIV6.js';

package/dist/RichEditor/index.js

@@ -1,7 +1,7 @@
-export { RichEditor, preloadRichEditor } from '../chunk-7PCDKRNB.js';
+export { RichEditor, preloadRichEditor } from '../chunk-KHP7TJF7.js';
 export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-CSQTDGTS.js';
 import '../chunk-BAKPMH3S.js';
-import '../chunk-SZZRIHGT.js';
+import '../chunk-BPCY7ZID.js';
 import '../chunk-TEUQWOWZ.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-BZFWDIV6.js';

package/dist/SandboxedFrame/index.js

@@ -1,7 +1,7 @@
-export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from '../chunk-356JNSER.js';
+export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from '../chunk-WQQ5T5SA.js';
 import '../chunk-F6V2PTN6.js';
 import '../chunk-ZXXDZJQN.js';
-import '../chunk-SZZRIHGT.js';
+import '../chunk-BPCY7ZID.js';
 import '../chunk-TEUQWOWZ.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-BZFWDIV6.js';

package/dist/SetupWizard/SetupWizard.d.ts

@@ -0,0 +1,87 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import { type StepperStep } from '../Stepper/index.js';
+import { type HeadingLevel } from '../utils/headingLevel.js';
+export interface SetupWizardLabels {
+    /** Where the reader is, above the steps on a phone, before the step's name: "Step 3 of 6". */
+    progress: (position: number, total: number) => string;
+    /** The disclosure the aside folds into on a phone: "Preview". */
+    asideToggle: string;
+}
+export interface SetupWizardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'onSelect'> {
+    /** What is being set up: "Set up your brand". The page's heading. */
+    title: ReactNode;
+    /**
+     * The title's heading level. It follows the surrounding level by default,
+     * as `PageHeader` does; the step's heading is one level under it, and the
+     * step's own content and the aside start one level under that.
+     */
+    headingLevel?: HeadingLevel | undefined;
+    /** Where the page sits, above the title: a `Breadcrumb` "Company › Brand › Set up". */
+    trail?: ReactNode;
+    /** The draft's state, beside the actions: an `EditingStatus` "Draft saved 2 min ago". */
+    status?: ReactNode;
+    /** What leaves the wizard: Exit. */
+    actions?: ReactNode;
+    /** Every step, in order, as `Stepper` takes them (with a status and a description each where it has one). */
+    steps: readonly StepperStep[];
+    /** The step shown, by its id. */
+    current: string;
+    /** The furthest step visited, by its id, so the steps up to it stay buttons after walking back. `current` by default. */
+    reached?: string | undefined;
+    /** Called with a visited step's id when the reader picks it in the rail. Left out, the rail is words only. */
+    onSelect?: ((id: string) => void) | undefined;
+    /** What the steps are, for the navigation landmark and the list: "Setup steps". */
+    stepsLabel: string;
+    /** The step's heading: "Colours". */
+    heading: ReactNode;
+    /** One sentence under the heading saying why the step matters. */
+    lead?: ReactNode;
+    /** The step's content: its fields. */
+    children: ReactNode;
+    /** Beside the content on a wide page, under it on a narrower one, folded into a disclosure on a phone: a live preview. */
+    aside?: ReactNode;
+    /** What the aside is, for its complementary landmark: "Preview of your draft". Required with `aside`. */
+    asideLabel?: string | undefined;
+    /** The step's actions, at the end of the footer row and held at the bottom of the view: Back, Skip for now, Continue. */
+    footer: ReactNode;
+    /** What stands at the start of the footer row, apart from the step's actions: Exit. */
+    footerStart?: ReactNode;
+    /**
+     * The content takes the whole width beside the rail rather than one 640px
+     * column, for a step that lays out columns of its own (a review of every
+     * step beside a preview). Meant for a step with no `aside`.
+     */
+    wide?: boolean | undefined;
+    labels?: Partial<SetupWizardLabels> | undefined;
+}
+/**
+ * A setup a person walks step by step on a page of its own: a brand, an
+ * integration, a company.
+ *
+ * FIVE PARTS, EACH A LANDMARK OR A HEADING. The header is the page's title
+ * (a `PageHeader`) with the trail above it and the draft's status and the way
+ * out beside it. The rail is a `nav` holding a vertical `Stepper`, with every
+ * visited step a button. The content is a `section` named by the step's
+ * heading, with a lead sentence and the step's fields in one column of at
+ * most 640px. The aside is a complementary landmark named by `asideLabel`,
+ * held in view beside the content. The footer holds the step's actions at the
+ * end of its row (and `footerStart`, the way out, at its start) at the bottom
+ * of the view, above the device's safe area. A step that lays out columns of
+ * its own takes the whole width beside the rail with `wide`.
+ *
+ * THREE SHAPES. On a wide page the rail, the content and the aside stand side
+ * by side (240px, the content, 320px). Where the wizard has under 70rem of its
+ * own width, which is a 1024px window beside the application's rail, the aside
+ * moves under the content and the rail stays: a container query, because the
+ * room is the page's and not the window's, as in `AsideLayout`. Under the
+ * phone breakpoint the rail becomes a row of steps above the content, under a
+ * line that says "Step 3 of 6 · Colours", and the aside folds into a
+ * disclosure, so the fields come first. Which element a phone draws is decided
+ * in `useMediaMatch`, the one subscription for that question; how it is laid
+ * out is decided in the stylesheet, at the same breakpoint token.
+ *
+ * FOCUS FOLLOWS THE STEP. When the step changes, focus moves to its heading,
+ * so a keyboard or screen reader user starts on the new step rather than on a
+ * Continue button that now belongs to it; the first render takes no focus.
+ */
+export declare function SetupWizard({ title, headingLevel, trail, status, actions, steps, current, reached, onSelect, stepsLabel, heading, lead, children, aside, asideLabel, footer, footerStart, wide, labels, className, ...rest }: SetupWizardProps): import("react").JSX.Element;

package/dist/SetupWizard/index.d.ts

@@ -0,0 +1,3 @@
+import './SetupWizard.css';
+export { SetupWizard } from './SetupWizard.js';
+export type { SetupWizardLabels, SetupWizardProps } from './SetupWizard.js';

package/dist/SetupWizard/index.js

@@ -0,0 +1,11 @@
+export { SetupWizard } from '../chunk-DTSZUH6H.js';
+import '../chunk-LDGQIDIZ.js';
+import '../chunk-DKB73KZI.js';
+import '../chunk-WIATRXEJ.js';
+import '../chunk-OGXHZHRX.js';
+import '../chunk-FZVJDJFN.js';
+import '../chunk-BHHIIK3M.js';
+import '../chunk-PQADV6P6.js';
+import '../chunk-RTPQDNW3.js';
+import '../chunk-BZFWDIV6.js';
+import '../chunk-ODEQTPFM.js';

package/dist/SetupWizard-GZK5UDKC.css

@@ -0,0 +1,223 @@
+/*
+ * SetupWizard: a setup walked step by step on a page of its own
+ * (SetupWizard.tsx).
+ *
+ * THE GRID. The header across the top, the footer across the bottom, and
+ * between them the rail (240px), the content (one column, at most 640px) and,
+ * from 70rem of the wizard's own width, the aside (320px). Under 70rem the
+ * aside takes the row under the content and the rail runs down beside both.
+ * Under the phone breakpoint every part is one column, in reading order.
+ */
+
+.crewlet-setup-wizard {
+  container-type: inline-size;
+  min-width: 0;
+}
+
+.crewlet-setup-wizard__frame {
+  display: grid;
+  grid-template-columns: 240px minmax(0, 1fr);
+  grid-template-areas:
+    'head head'
+    'rail content'
+    'rail aside'
+    'foot foot';
+  grid-template-rows: auto auto 1fr auto;
+  column-gap: var(--spacing-8);
+  row-gap: var(--spacing-6);
+  min-width: 0;
+}
+
+.crewlet-setup-wizard__head {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
+  grid-area: head;
+  min-width: 0;
+}
+
+.crewlet-setup-wizard__status {
+  display: inline-flex;
+  align-items: center;
+}
+
+/*
+ * THE RAIL stays in view while the content scrolls past it, as a column of
+ * the steps a reader can go back to.
+ */
+.crewlet-setup-wizard__rail {
+  position: sticky;
+  top: var(--spacing-5);
+  align-self: start;
+  grid-area: rail;
+  min-width: 0;
+}
+
+.crewlet-setup-wizard__content {
+  display: flex;
+  flex-direction: column;
+  grid-area: content;
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 640px;
+  min-width: 0;
+}
+
+.crewlet-setup-wizard__heading {
+  margin: 0;
+  color: var(--color-text-primary);
+  font-family: var(--font-family-sans);
+  font-size: var(--font-size-lg);
+  font-weight: var(--font-weight-semibold);
+  line-height: var(--font-line-height-tight);
+}
+
+/*
+ * The heading takes focus when the step changes. It keeps the browser's own
+ * focus treatment: after a press nothing is drawn, and after a key the ring
+ * shows where the reader now is.
+ */
+
+.crewlet-setup-wizard__lead {
+  margin: var(--spacing-2) 0 0;
+  max-width: var(--size-measure);
+  color: var(--color-text-secondary);
+  font-family: var(--font-family-sans);
+  font-size: var(--font-size-sm);
+  line-height: var(--font-line-height-body);
+}
+
+.crewlet-setup-wizard__body {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-6);
+  margin-top: var(--spacing-6);
+  min-width: 0;
+}
+
+/* UNDER THE CONTENT, the aside is set off by one hairline, as AsideLayout's is. */
+.crewlet-setup-wizard__aside {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4);
+  grid-area: aside;
+  box-sizing: border-box;
+  max-width: 640px;
+  min-width: 0;
+  padding-top: var(--spacing-6);
+  border-top: 1px solid var(--color-border-default);
+}
+
+/*
+ * THE FOOTER holds the step's actions at the bottom of the view while the
+ * content scrolls under it, on the sheet's own ground with a hairline above,
+ * and clears the device's safe area where it has one.
+ */
+.crewlet-setup-wizard__footer {
+  position: sticky;
+  bottom: 0;
+  z-index: var(--z-index-sticky);
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-2);
+  grid-area: foot;
+  padding: var(--spacing-3) 0 calc(var(--spacing-3) + env(safe-area-inset-bottom, var(--spacing-0)));
+  border-top: 1px solid var(--color-border-default);
+  background: var(--color-surface-background);
+}
+
+/* The way out at the start of the row, the step's actions at its end. */
+.crewlet-setup-wizard__footer-start,
+.crewlet-setup-wizard__footer-end {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-2);
+}
+
+.crewlet-setup-wizard__footer-end {
+  margin-inline-start: auto;
+}
+
+/* A WIDE STEP lays out columns of its own across the whole width beside the rail. */
+.crewlet-setup-wizard--wide .crewlet-setup-wizard__content {
+  max-width: none;
+}
+
+/* BESIDE THE CONTENT, from 70rem of the wizard's own width: the aside holds in view. */
+@container (min-width: 70rem) {
+  .crewlet-setup-wizard__frame {
+    grid-template-columns: 240px minmax(0, 1fr) 320px;
+    grid-template-areas:
+      'head head head'
+      'rail content aside'
+      'foot foot foot';
+    grid-template-rows: auto 1fr auto;
+  }
+
+  /* With no aside, nothing is held for one: the content takes its column too. */
+  .crewlet-setup-wizard--no-aside .crewlet-setup-wizard__frame {
+    grid-template-columns: 240px minmax(0, 1fr);
+    grid-template-areas:
+      'head head'
+      'rail content'
+      'foot foot';
+  }
+
+  .crewlet-setup-wizard__aside {
+    position: sticky;
+    top: var(--spacing-5);
+    align-self: start;
+    padding-top: 0;
+    border-top: 0;
+  }
+}
+
+/*
+ * ON A PHONE, one column in reading order: where the reader is, the step, the
+ * folded preview, and the actions. The rail is a row of steps under the
+ * position line, and scrolls away with the page rather than covering it.
+ */
+@media (width < 640px) {
+  .crewlet-setup-wizard__frame {
+    grid-template-columns: minmax(0, 1fr);
+    grid-template-areas:
+      'head'
+      'rail'
+      'content'
+      'aside'
+      'foot';
+    grid-template-rows: auto;
+    row-gap: var(--spacing-5);
+  }
+
+  .crewlet-setup-wizard__rail {
+    position: static;
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-2);
+  }
+
+  .crewlet-setup-wizard__preview {
+    grid-area: aside;
+    min-width: 0;
+  }
+
+  .crewlet-setup-wizard__preview .crewlet-setup-wizard__aside {
+    padding-top: 0;
+    border-top: 0;
+  }
+}
+
+.crewlet-setup-wizard__position {
+  margin: 0;
+  color: var(--color-text-secondary);
+  font-family: var(--font-family-sans);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-medium);
+}
+
+.crewlet-setup-wizard__position-step {
+  color: var(--color-text-primary);
+}

package/dist/ShareDialog/index.js

@@ -1,11 +1,11 @@
-export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-JFDIMO3A.js';
+export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-PGYIDNGG.js';
 import '../chunk-XQZ6EWOE.js';
 import '../chunk-YCC2S7DF.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-7SHAFLEX.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
-import '../chunk-SZZRIHGT.js';
+import '../chunk-BPCY7ZID.js';
 import '../chunk-CI3VPIJN.js';
 import '../chunk-5AQBPHZD.js';
 import '../chunk-PZKHBB7D.js';

package/dist/Stepper/Stepper.d.ts

@@ -12,6 +12,16 @@ import type { Tone } from '../utils/tone.js';
  * but `aria-current`, which nobody sees.
  */
 export type StepperTone = Exclude<Tone, 'neutral'>;
+/**
+ * Where one step stands. `done`, `current` and `upcoming` are what a step's
+ * position against `current` already says; `optional` is a step that may be
+ * skipped and has not been completed, drawn quietly with the word "Optional";
+ * `attention` is a step with something to look at again (a low-contrast pair,
+ * a refused file), drawn with a warning glyph and the words "Needs attention".
+ */
+export type StepperStatus = 'done' | 'current' | 'upcoming' | 'optional' | 'attention';
+/** How the steps are laid out: a row of pills, or a column of rows with a mark each. */
+export type StepperOrientation = 'horizontal' | 'vertical';
 /** One step of the sequence. */
 export interface StepperStep {
     /** What tells two steps apart, unique within the stepper: `execute`, `review`. */
@@ -21,15 +31,26 @@ export interface StepperStep {
      * round 7 of 25", "Context 0.8s".
      */
     label: ReactNode;
+    /**
+     * Where the step stands, when its position does not say it all. Left out,
+     * a step before `current` is `done` and one after it is `upcoming`. The
+     * current step is always drawn current: `attention` or `optional` on it adds
+     * the warning glyph or the word "Optional" to it, and `current` on any other
+     * step is refused, since only `current` names the step under way.
+     */
+    status?: StepperStatus | undefined;
+    /** A line under the label, in the vertical orientation only: "Name and tagline". */
+    description?: ReactNode;
 }
-export interface StepperProps extends Omit<HTMLAttributes<HTMLOListElement>, 'children'> {
+export interface StepperProps extends Omit<HTMLAttributes<HTMLOListElement>, 'children' | 'onSelect'> {
     /** Every step, in order. */
     steps: readonly StepperStep[];
     /**
      * The step under way, by its id. Every step before it is done and every
-     * step after it is still to come. `null` once EVERY step is done, which is
-     * how a finished run is drawn: a turn's history in a task's timeline reads
-     * "Execute ✓ — Review ✓" with nothing current.
+     * step after it is still to come, unless a step's `status` says otherwise.
+     * `null` once EVERY step is done, which is how a finished run is drawn: a
+     * turn's history in a task's timeline reads "Execute ✓, Review ✓" with
+     * nothing current.
      */
     current: string | null;
     /**
@@ -47,32 +68,60 @@ export interface StepperProps extends Omit<HTMLAttributes<HTMLOListElement>, 'ch
      * motion preference.
      */
     pulse?: boolean | undefined;
+    /** A row of pills (the default), or a column of rows, as a setup wizard's rail draws it. */
+    orientation?: StepperOrientation | undefined;
+    /**
+     * Called with a step's id when a reader picks it. Given, every VISITED step
+     * (the current one, every step before it, and every step up to `reached`)
+     * is a button; a step not visited yet stays words, reachable only by
+     * whatever moves the sequence on, never a disabled button that is a tab stop
+     * with nothing behind it.
+     */
+    onSelect?: ((id: string) => void) | undefined;
+    /**
+     * The furthest step a reader has visited, by its id, for a sequence they
+     * can walk back through and forward again: on step 2 after reaching step 5,
+     * steps 3 to 5 are still buttons. `current` by default.
+     */
+    reached?: string | undefined;
     /**
      * Said before a finished step's words, where the check glyph stands for a
      * reader who sees it: "Done Context".
      */
     doneLabel?: string | undefined;
+    /** Said after an optional step's words, and shown under them in the vertical orientation. "Optional" by default. */
+    optionalLabel?: string | undefined;
+    /** Said after the words of a step that needs attention, and shown under them vertically. "Needs attention" by default. */
+    attentionLabel?: string | undefined;
 }
 /**
- * Where a sequence has got to: the phases of a turn, the stages of a run.
+ * Where a sequence has got to: the phases of a turn, the stages of a run, the
+ * steps of a setup a person walks themselves.
  *
  * AN ORDERED LIST, because the order IS the information: a step's position
  * says whether it is behind the current one or ahead of it, and a list says
  * how many there are before a reader has heard any of them. The step under
  * way carries `aria-current="step"`, the one value ARIA gives this exact
  * meaning, and it is on exactly one step while the sequence is running and on
- * none once it has finished.
+ * none once it has finished. When the steps are buttons it is on the button,
+ * which is what a reader focuses and so what tells them.
  *
- * THREE STATES, EACH DRAWN TWO WAYS, so colour is never the only carrier. A
+ * EVERY STATE IS DRAWN TWO WAYS, so colour is never the only carrier. A
  * finished step is the secondary ink with a check, and says "Done" before its
  * words to a screen reader, where the check stands for a reader who sees it.
  * The current step is its tone's soft tint under the tone's ink with the
- * tone's dot, and is `aria-current`. A step still to come is the tertiary ink
- * and nothing else. The hairline round the chips, and the short rule between
- * two of them, are the design's quiet furniture.
+ * tone's dot. A step still to come is the tertiary ink and nothing else; an
+ * optional one says "Optional", and one that needs attention carries the
+ * warning glyph on the warning tint and says "Needs attention".
+ *
+ * TWO ORIENTATIONS. The row is the approved design's pills joined by a short
+ * rule. The column is a setup wizard's rail: a 20px mark per step (the check,
+ * the dot, the warning glyph or the step's number) on a hairline that joins
+ * them, the label beside it, and a description and the status words under
+ * the label.
  *
  * THE TONE IS DRAWN, NEVER SPOKEN: a reader hears which step is current, not
  * that it is in the warning hue. A current step whose state is anything but
  * ordinary work says so in its own words ("Review · sent back").
  */
-export declare function Stepper({ steps, current, label, tone, pulse, doneLabel, className, ...rest }: StepperProps): import("react").JSX.Element | null;
+export declare function Stepper({ steps, current, label, tone, pulse, orientation, onSelect, reached, doneLabel, optionalLabel, attentionLabel, className, ...rest }: StepperProps): import("react").JSX.Element | null;

package/dist/Stepper/index.d.ts

@@ -1,3 +1,3 @@
 import './Stepper.css';
 export { Stepper } from './Stepper.js';
-export type { StepperProps, StepperStep, StepperTone } from './Stepper.js';
+export type { StepperOrientation, StepperProps, StepperStatus, StepperStep, StepperTone } from './Stepper.js';

package/dist/Stepper/index.js

@@ -1,4 +1,4 @@
-export { Stepper } from '../chunk-5QWIJSQM.js';
+export { Stepper } from '../chunk-LDGQIDIZ.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';