@tribepad/themis 1.6.8 → 1.6.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tribepad/themis",
-  "version": "1.6.8",
+  "version": "1.6.10",
   "description": "Accessible React component library built on React Aria primitives",
   "author": "Tribepad <mbasford@tribepad.com>",
   "license": "MIT",
@@ -149,50 +149,50 @@
     }
   },
   "dependencies": {
-    "@internationalized/date": "^3.12.1",
+    "@internationalized/date": "^3.12.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "react-aria": "^3.48.0",
-    "react-aria-components": "^1.17.0",
-    "react-stately": "^3.46.0",
-    "tailwind-merge": "^3.5.0"
+    "react-aria": "^3.49.0",
+    "react-aria-components": "^1.18.0",
+    "react-stately": "^3.47.0",
+    "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
     "@size-limit/preset-small-lib": "^12.1.0",
-    "@storybook/addon-a11y": "^10.3.5",
+    "@storybook/addon-a11y": "^10.4.4",
     "@storybook/addon-mcp": "^0.6.0",
-    "@storybook/react-vite": "^10.3.5",
-    "@tailwindcss/vite": "^4.2.4",
+    "@storybook/react-vite": "^10.4.4",
+    "@tailwindcss/vite": "^4.3.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^25.6.0",
-    "@types/react": "^19.2.14",
+    "@types/node": "^25.9.3",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.59.0",
-    "@typescript-eslint/parser": "^8.59.0",
-    "@vitejs/plugin-react": "^6.0.1",
-    "@vitest/coverage-v8": "^4.1.5",
-    "eslint": "^10.2.1",
+    "@typescript-eslint/eslint-plugin": "^8.61.0",
+    "@typescript-eslint/parser": "^8.61.0",
+    "@vitejs/plugin-react": "^6.0.2",
+    "@vitest/coverage-v8": "^4.1.8",
+    "eslint": "^10.4.1",
     "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-storybook": "10.3.5",
-    "globals": "^17.5.0",
-    "happy-dom": "^20.9.0",
+    "eslint-plugin-storybook": "10.4.4",
+    "globals": "^17.6.0",
+    "happy-dom": "^20.10.2",
     "jest-axe": "^10.0.0",
-    "jsdom": "^29.1.0",
-    "lucide-react": "^1.11.0",
-    "motion": "^12.38.0",
-    "react": "^19.2.5",
-    "react-dom": "^19.2.5",
+    "jsdom": "^29.1.1",
+    "lucide-react": "^1.18.0",
+    "motion": "^12.40.0",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "size-limit": "^12.1.0",
-    "storybook": "^10.3.5",
+    "storybook": "^10.4.4",
     "tsup": "^8.5.1",
-    "tsx": "^4.21.0",
+    "tsx": "^4.22.4",
     "typescript": "^5.9.3",
-    "vite": "^8.0.10",
-    "vitest": "^4.1.5",
-    "zod": "^4.3.6"
+    "vite": "^8.0.16",
+    "vitest": "^4.1.8",
+    "zod": "^4.4.3"
   },
   "pnpm": {
     "onlyBuiltDependencies": [

package/src/elements/Tabs/Tabs.stories.tsx

@@ -390,6 +390,39 @@ export const Stepper: Story = {
   ),
 };
 
+/**
+ * StepperVerticalNonLinear: vertical stepper driven by explicit per-step
+ * `completed` state plus a `sublabel`. This is the EOS blueprint-editor left
+ * rail: the current step (Pipeline & Journeys) is itself completed, while an
+ * earlier step (Candidate Workflow) is still outstanding — which the default
+ * index-based inference can't express.
+ */
+export const StepperVerticalNonLinear: Story = {
+  render: () => (
+    <Tabs
+      variant="stepper"
+      orientation="vertical"
+      defaultSelectedKey="pipeline"
+      className="w-[240px]"
+    >
+      <TabList aria-label="Edit blueprint steps">
+        <Tab id="details" completed>Position Details</Tab>
+        <Tab id="workflow" completed={false}>Candidate Workflow</Tab>
+        <Tab id="pipeline" completed sublabel="Current step">Pipeline &amp; Journeys</Tab>
+      </TabList>
+      <TabPanel id="details">
+        <div className="p-4">Position Details — completed.</div>
+      </TabPanel>
+      <TabPanel id="workflow">
+        <div className="p-4">Candidate Workflow — still outstanding (open “2”).</div>
+      </TabPanel>
+      <TabPanel id="pipeline">
+        <div className="p-4">Pipeline &amp; Journeys — current step, also completed.</div>
+      </TabPanel>
+    </Tabs>
+  ),
+};
+
 /**
  * StepperFirstStep: Stepper with the first step active (no completed steps).
  */