@zvk/composite 0.1.2 → 0.1.4

package/dist/workflows/wizard-shell.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Stepper } from "@zvk/ui/stepper";
+import { cn } from "../utils/cn.js";
+import { WorkspaceHeader } from "../navigation/workspace-header.js";
+function toStepperItem(step) {
+    return {
+        description: step.description,
+        disabled: step.disabled === true || step.status === "disabled",
+        id: step.id,
+        label: step.label
+    };
+}
+function isLinear(steps, currentStepId) {
+    const currentIndex = steps.findIndex((step) => step.id === currentStepId);
+    return steps.every((step, index) => {
+        if (step.status === "complete" || step.status === "current") {
+            return index <= currentIndex;
+        }
+        return true;
+    });
+}
+export function WizardShell({ actions, children, className, currentStepId, description, footer, headingLevel, onStepChange, progress, ref, steps, title, ...props }) {
+    const stepperProps = {
+        ...(onStepChange === undefined ? {} : { onValueChange: onStepChange })
+    };
+    const headerProps = {
+        ...(headingLevel === undefined ? {} : { headingLevel })
+    };
+    return (_jsxs("div", { ...props, ref: ref, className: cn("zvk-composite-wizard-shell", className), children: [_jsx(WorkspaceHeader, { ...headerProps, actions: actions, className: "zvk-composite-wizard-shell__header", description: description, title: title }), _jsx("div", { className: "zvk-composite-wizard-shell__progress", children: progress ?? (_jsx(Stepper, { ...stepperProps, "aria-label": "Wizard progress", interactive: Boolean(onStepChange), items: steps.map(toStepperItem), linear: isLinear(steps, currentStepId), value: currentStepId })) }), _jsx("main", { className: "zvk-composite-wizard-shell__content", children: children }), footer ? _jsx("footer", { className: "zvk-composite-wizard-shell__footer", children: footer }) : null] }));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zvk/composite",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Drop-in composite React components built from @zvk/ui primitives for product workspaces.",
   "private": false,
   "type": "module",
@@ -49,11 +49,26 @@
       "import": "./dist/navigation/command-palette-shell.js",
       "default": "./dist/navigation/command-palette-shell.js"
     },
+    "./resource-explorer-shell": {
+      "types": "./dist/navigation/resource-explorer-shell.d.ts",
+      "import": "./dist/navigation/resource-explorer-shell.js",
+      "default": "./dist/navigation/resource-explorer-shell.js"
+    },
     "./sectioned-workspace-shell": {
       "types": "./dist/navigation/sectioned-workspace-shell.d.ts",
       "import": "./dist/navigation/sectioned-workspace-shell.js",
       "default": "./dist/navigation/sectioned-workspace-shell.js"
     },
+    "./simple-workspace-shell": {
+      "types": "./dist/navigation/simple-workspace-shell.d.ts",
+      "import": "./dist/navigation/simple-workspace-shell.js",
+      "default": "./dist/navigation/simple-workspace-shell.js"
+    },
+    "./split-workspace-shell": {
+      "types": "./dist/navigation/split-workspace-shell.d.ts",
+      "import": "./dist/navigation/split-workspace-shell.js",
+      "default": "./dist/navigation/split-workspace-shell.js"
+    },
     "./workspace-header": {
       "types": "./dist/navigation/workspace-header.d.ts",
       "import": "./dist/navigation/workspace-header.js",
@@ -129,6 +144,11 @@
       "import": "./dist/workflows/process-list-panel.js",
       "default": "./dist/workflows/process-list-panel.js"
     },
+    "./wizard-shell": {
+      "types": "./dist/workflows/wizard-shell.d.ts",
+      "import": "./dist/workflows/wizard-shell.js",
+      "default": "./dist/workflows/wizard-shell.js"
+    },
     "./parameter-editor": {
       "types": "./dist/settings/parameter-editor.d.ts",
       "import": "./dist/settings/parameter-editor.js",
@@ -197,7 +217,7 @@
     "react-dom": "^19.0.0"
   },
   "dependencies": {
-    "@zvk/ui": "^0.1.9"
+    "@zvk/ui": "^0.1.12"
   },
   "tsd": {
     "directory": "tests/types"