@zvoove/unity-ui 2.39.0 → 2.40.0

package/dist/bin/cli.mjs

@@ -400,6 +400,7 @@ Load the matching skill for full props, examples, and rules:
 | Skeleton | \`unity-ui-skeleton\` |
 | Snackbar | \`unity-ui-snackbar\` |
 | Stack | \`unity-ui-stack\` |
+| StatusStepper | \`unity-ui-status-stepper\` |
 | Switch | \`unity-ui-switch\` |
 | Table | \`unity-ui-table\` |
 | Tabs | \`unity-ui-tabs\` |
@@ -430,6 +431,7 @@ When a component is requested by a name not listed above, resolve it using this
 | Header, AppBar, Navbar, Navigation bar, Toolbar, App header, Top navigation | **TopBar** |
 | Sidebar, Side menu, Nav, Navigation drawer, NavBar, Left nav | **SideNavigation** |
 | Spinner, Loader, Loading indicator, Loading spinner, Busy indicator | **ProgressIndicator** |
+| Stepper, Wizard steps, Progress steps, Status steps, Step indicator | **StatusStepper** |
 | Context menu, Action menu, Kebab menu, More menu, Dropdown menu, Options menu | **PopUpMenu** |
 | Alert (inline/persistent), Warning banner, Info banner, Notice, Callout, Inline alert | **InfoBox** |
 | Collapsible, Collapse, CollapsePanel, Disclosure (single item) | **Expandable** |
@@ -613,6 +615,7 @@ var SHADCN_MAP = {
     url: "https://ui.shadcn.com/docs/components/sonner"
   },
   Stack: null,
+  StatusStepper: null,
   Switch: {
     name: "Switch",
     url: "https://ui.shadcn.com/docs/components/switch"
@@ -704,6 +707,11 @@ var MUI_MAP = {
   Skeleton: { name: "Skeleton", url: `${MUI_BASE}skeleton/` },
   Snackbar: { name: "Snackbar", url: `${MUI_BASE}snackbar/` },
   Stack: { name: "Stack", url: `${MUI_BASE}stack/` },
+  StatusStepper: {
+    name: "Stepper",
+    url: `${MUI_BASE}stepper/`,
+    note: "MUI Stepper is typically interactive. StatusStepper is display-only with per-step status colors."
+  },
   Switch: { name: "Switch", url: `${MUI_BASE}switch/` },
   Table: {
     name: "Table / DataGrid",
@@ -772,6 +780,7 @@ var STORYBOOK_MAP = {
   Skeleton: "Components/Skeleton",
   Snackbar: "Components/Snackbar",
   Stack: "Layout/Stack",
+  StatusStepper: "Components/StatusStepper",
   Switch: "Forms/Switch",
   Table: "Components/Table",
   Tabs: "Navigation/Tabs",
@@ -818,6 +827,7 @@ var CATEGORIES = {
   List: "data-display",
   Skeleton: "data-display",
   ProgressIndicator: "data-display",
+  StatusStepper: "data-display",
   CodeBlock: "data-display",
   Tabs: "navigation",
   Breadcrumbs: "navigation",

package/dist/bin/generate-skills.mjs

@@ -201,6 +201,7 @@ var SHADCN_MAP = {
     url: "https://ui.shadcn.com/docs/components/sonner"
   },
   Stack: null,
+  StatusStepper: null,
   Switch: {
     name: "Switch",
     url: "https://ui.shadcn.com/docs/components/switch"
@@ -292,6 +293,11 @@ var MUI_MAP = {
   Skeleton: { name: "Skeleton", url: `${MUI_BASE}skeleton/` },
   Snackbar: { name: "Snackbar", url: `${MUI_BASE}snackbar/` },
   Stack: { name: "Stack", url: `${MUI_BASE}stack/` },
+  StatusStepper: {
+    name: "Stepper",
+    url: `${MUI_BASE}stepper/`,
+    note: "MUI Stepper is typically interactive. StatusStepper is display-only with per-step status colors."
+  },
   Switch: { name: "Switch", url: `${MUI_BASE}switch/` },
   Table: {
     name: "Table / DataGrid",
@@ -360,6 +366,7 @@ var STORYBOOK_MAP = {
   Skeleton: "Components/Skeleton",
   Snackbar: "Components/Snackbar",
   Stack: "Layout/Stack",
+  StatusStepper: "Components/StatusStepper",
   Switch: "Forms/Switch",
   Table: "Components/Table",
   Tabs: "Navigation/Tabs",
@@ -406,6 +413,7 @@ var CATEGORIES = {
   List: "data-display",
   Skeleton: "data-display",
   ProgressIndicator: "data-display",
+  StatusStepper: "data-display",
   CodeBlock: "data-display",
   Tabs: "navigation",
   Breadcrumbs: "navigation",

package/dist/llms.txt

@@ -799,6 +799,32 @@ import { ProgressIndicator } from '@zvoove/unity-ui';
 />
 ```
 
+### StatusStepper
+Display-only stepper for an ordered, step-based flow. Compact mode shows one current-step caption; full mode shows a label below every tile. Not interactive — do not add click handlers.
+```tsx
+import { StatusStepper } from '@zvoove/unity-ui';
+
+<StatusStepper
+  steps={[                     // StatusStepperStep[] (required) — { order: number, label: string, status: StatusStepperStatus }
+    { order: 1, label: 'Work-App-Zugang', status: 'completed' },
+    { order: 2, label: 'Erfassung', status: 'active' },
+    { order: 3, label: 'Vertrag', status: 'idle' },
+  ]}
+  mode="compact"               // 'compact' | 'full' (default: 'compact')
+  compactStepLabel="Schritt"   // string (default: 'Schritt') — prefix for the compact caption
+  ariaLabel="Statusschritte"   // string (default: 'Statusschritte')
+  statusLabels={{              // Partial<Record<StatusStepperStatus, string>> — defaults are German
+    idle: 'inaktiv',
+    active: 'aktiv',
+    failed: 'fehlgeschlagen',
+    blocked: 'blockiert',
+    completed: 'abgeschlossen',
+  }}
+/>
+```
+
+Status values: `'idle'` (grey), `'active'` (blue), `'blocked'` (orange), `'failed'` (red), `'completed'` (green). Steps render in ascending `order`. Compact mode captions the first `active`, `failed`, or `blocked` step (`Schritt 2/7 · Erfassung`); there is no caption when every step is `idle` or `completed`. Use `ariaLabel` and `statusLabels` to localize accessible text.
+
 ### CodeBlock
 Code display with syntax highlighting.
 ```tsx