@imfusion/web-ui 0.8.1-dev.31.g7b15b0d3 → 0.8.1-dev.36.g641eac85

package/dist/{tabs-9d4oaDwZ.js → tabs-Dsfp8Ogj.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./chunk-DmhlhrBa.js";
-import { l as t, u as n } from "./slider-gyIYWSy3.js";
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { l as t, u as n } from "./slider-Cqpreglu.js";
 import { cva as r } from "class-variance-authority";
 import { jsx as i } from "react/jsx-runtime";
 import { Children as a, useCallback as o } from "react";

package/dist/vite.js

@@ -1,4 +1,4 @@
-import { n as e } from "./paths-CUyf9wjm.js";
+import { n as e } from "./paths-B5Ht3ETc.js";
 import { readFileSync as t, readdirSync as n, realpathSync as r } from "node:fs";
 import { dirname as i, join as a, resolve as o, sep as s } from "node:path";
 import { fileURLToPath as c } from "node:url";
@@ -54,7 +54,7 @@ function h() {
 //#region src/vite/readable-css-module-names.ts
 function g(e, t) {
 	let { lightningcss: n, modules: r, transformer: i } = e.css ?? {}, a = n?.cssModules;
-	if (!(typeof a == "boolean" || r === !1) && !a?.pattern && !(typeof r == "object" && r.generateScopedName)) return i === "postcss" ? { css: { modules: { generateScopedName: t } } } : { css: {
+	if (typeof a != "boolean" && r !== !1 && !a?.pattern && !(typeof r == "object" && r.generateScopedName)) return i === "postcss" ? { css: { modules: { generateScopedName: t } } } : { css: {
 		transformer: "lightningcss",
 		lightningcss: { cssModules: { pattern: t } }
 	} };

package/dist/web-ui-cli.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { n as e, r as t, t as n } from "./paths-CUyf9wjm.js";
+import { n as e, r as t, t as n } from "./paths-B5Ht3ETc.js";
 import { chmodSync as r, cpSync as i, existsSync as a, lstatSync as o, mkdirSync as s, readFileSync as c, readdirSync as l, readlinkSync as u, realpathSync as d, rmSync as f, symlinkSync as p, writeFileSync as m } from "node:fs";
 import { dirname as h, relative as g, resolve as _ } from "node:path";
 import { Command as ee, Option as te } from "commander";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imfusion/web-ui",
-  "version": "0.8.1-dev.31.g7b15b0d3",
+  "version": "0.8.1-dev.36.g641eac85",
   "description": "The official Web UI component library for ImFusion web apps",
   "author": "ImFusion GmbH",
   "homepage": "https://imfusion.com",
@@ -62,8 +62,8 @@
   "scripts": {
     "dev": "tsx scripts/dev.ts",
     "dev:host": "tsx scripts/dev.ts --host",
-    "dev:lib": "concurrently -n codegen,lib -c yellow,blue \"npm run codegen:watch\" \"vite build --watch\"",
-    "build": "npm run codegen && rm -rf dist && vite build && chmod +x dist/web-ui-cli.js && npm run codegen:docgen && npm run codegen:llms && npm run codegen:tokens",
+    "dev:lib": "concurrently -n codegen,lib -c yellow,blue \"npm run codegen:watch\" \"vp build --watch\"",
+    "build": "npm run codegen && rm -rf dist && vp build && chmod +x dist/web-ui-cli.js && npm run codegen:docgen && npm run codegen:llms && npm run codegen:tokens",
     "build:storybook": "npm run codegen:storybook && storybook build",
     "ci:status": "teamcity run list --job WebSDK_WebUI_BuildTest --limit 3 --json=id,number,status,state,branchName,buildType.name,triggered.type,triggered.user.name,startDate,finishDate,webUrl | tsx scripts/ci-status.ts",
     "storybook": "npm run codegen:storybook && storybook dev -p 6006 --no-open --ci",
@@ -74,22 +74,21 @@
     "codegen:docgen": "tsx src/docgen/gen-docgen.ts",
     "codegen:llms": "tsx src/llms/gen-llms.ts",
     "codegen:tokens": "tsx src/llms/gen-tokens.ts",
-    "verify:format": "prettier --check . --ignore-path .gitignore --ignore-path .prettierignore --ignore-path $(git rev-parse --path-format=absolute --git-path info/exclude)",
-    "verify:lint": "eslint . --cache --max-warnings=0",
+    "verify:format": "vp fmt --check . --ignore-path .gitignore --ignore-path $(git rev-parse --path-format=absolute --git-path info/exclude)",
+    "verify:lint": "vp lint . --max-warnings=0",
     "verify:typecheck": "npm run codegen && tsc -p tsconfig.json --noEmit && tsc -p tsconfig.lib.json --noEmit && tsc -p .storybook/tsconfig.json --noEmit",
-    "verify:tests": "vitest run",
+    "verify:tests": "vp test run",
     "verify:knip": "knip",
     "verify:deps": "tsx scripts/check-pinned-dependencies.ts",
     "verify:icons": "tsx scripts/verify/icons-public-api.ts",
     "verify:changelog": "tsx scripts/verify/changelog.ts",
-    "verify:staged": "tsx scripts/verify/staged.ts",
+    "verify:generated": "tsx scripts/verify/generated.ts",
     "verify:full": "tsx scripts/verify/full.ts",
-    "format": "prettier --write .",
-    "lint": "eslint . --cache --fix",
-    "lint:inspect": "npx @eslint/config-inspector@latest",
-    "test:unit": "vitest run --project unit",
-    "test:stories": "vitest run --project storybook",
-    "test:watch": "vitest",
+    "format": "vp fmt .",
+    "lint": "vp lint . --fix",
+    "test:unit": "vp test run --project unit",
+    "test:stories": "vp test run --project storybook",
+    "test:watch": "vp test",
     "skills:eval": "tsx src/llms/evals/runner/run.ts",
     "skills:eval:dev": "WEB_UI_SKILL_EVAL_SCENARIOS_DIR=.agents/evals/scenarios WEB_UI_SKILL_EVAL_SKILLS_DIR=.agents/skills WEB_UI_SKILL_EVAL_ROOT=/private/tmp/web-ui-dev-skill-evals WEB_UI_SKILL_EVAL_RESULTS_DIR=.agents/evals/results WEB_UI_SKILL_EVAL_REPORT_PATH=.agents/evals/REPORT.md WEB_UI_SKILL_EVAL_SKILL_FAMILY=web-ui-dev WEB_UI_SKILL_EVAL_WORKSPACE_LABEL='development repository' tsx src/llms/evals/runner/run.ts --scenarios-dir .agents/evals/scenarios --setup .agents/evals/setup-env.sh",
     "skills:eval:compare": "tsx src/llms/evals/runner/compare.ts",
@@ -123,15 +122,13 @@
     "iconoir-react": "7.12.1"
   },
   "devDependencies": {
-    "@eslint/compat": "1.4.1",
-    "@eslint/js": "9.39.4",
     "@imfusion/sdk": "1.0.0",
     "@imfusion/sdk-react": "1.0.0",
-    "@storybook/addon-a11y": "10.6.0",
-    "@storybook/addon-docs": "10.6.0",
-    "@storybook/addon-mcp": "10.6.0",
-    "@storybook/addon-vitest": "10.6.0",
-    "@storybook/react-vite": "10.6.0",
+    "@storybook/addon-a11y": "10.6.2",
+    "@storybook/addon-docs": "10.6.2",
+    "@storybook/addon-mcp": "10.6.2",
+    "@storybook/addon-vitest": "10.6.2",
+    "@storybook/react-vite": "10.6.2",
     "@tanstack/highlight": "0.1.0",
     "@tanstack/react-pacer": "0.22.1",
     "@types/culori": "4.0.1",
@@ -140,17 +137,9 @@
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "6.0.1",
-    "@vitest/browser-playwright": "4.1.6",
+    "@vitest/browser-playwright": "5.0.3",
     "concurrently": "9.2.1",
     "culori": "4.0.2",
-    "eslint": "9.39.4",
-    "eslint-plugin-jsx-a11y": "6.10.2",
-    "eslint-plugin-mdx": "3.7.0",
-    "eslint-plugin-react": "7.37.5",
-    "eslint-plugin-react-hooks": "5.2.0",
-    "eslint-plugin-react-refresh": "0.4.26",
-    "globals": "15.15.0",
-    "jiti": "2.7.0",
     "knip": "6.14.2",
     "lightningcss": "1.32.0",
     "mermaid": "12.0.0",
@@ -158,12 +147,20 @@
     "prettier": "3.8.3",
     "react-docgen-typescript": "2.4.0",
     "remark-gfm": "4.0.1",
-    "storybook": "10.6.0",
+    "storybook": "10.6.2",
     "tsx": "4.21.0",
     "typescript": "6.0.3",
-    "typescript-eslint": "8.59.3",
-    "vite": "8.0.10",
+    "vite": "npm:@voidzero-dev/vite-plus-core@1.1.0",
     "vite-plugin-dts": "5.0.0",
-    "vitest": "4.1.6"
+    "vite-plus": "1.1.0",
+    "vitest": "5.0.3"
+  },
+  "overrides": {
+    "vite": "npm:@voidzero-dev/vite-plus-core@1.1.0",
+    "vitest": "5.0.3",
+    "storybook": {
+      ".": "$storybook",
+      "vite-plus": "$vite-plus"
+    }
   }
 }

package/src/llms/skills/imf-web-ui-conventions/templates/AUDIT_CHECKLIST.md

@@ -103,8 +103,9 @@ sections one to one — change a topic's sections and this file follows in the s
 - [ ] When a library owns a layer
 - [ ] Devtools
 - [ ] Docs over memory
-- [ ] Prettier
-- [ ] ESLint and TypeScript
+- [ ] Vite+
+- [ ] Oxfmt
+- [ ] Oxlint and TypeScript
 - [ ] Pre-commit checks
 - [ ] Vite plugins
 

package/src/llms/skills/imf-web-ui-conventions/topics/git.md

@@ -18,11 +18,10 @@ The hooks are tracked in `.githooks/`. Check both the Git setting and the direct
 
 There are two scopes:
 
-- **commit**: `verify:staged`, run by pre-commit. It checks whole-repository lint and formatting, then runs project checks
-  for staged inputs.
+- **commit**: the pre-commit hook, which runs `vp staged` as `tooling.md` describes under Pre-commit checks.
 - **full**: `verify:full`, the build and complete verification used by CI.
 
-The scripts under `scripts/verify/` own the step lists. Hooks and npm scripts only launch them.
+The `staged` block and the scripts under `scripts/verify/` own the step lists. Hooks and npm scripts only launch them.
 
 ## Staleness at commit time
 

package/src/llms/skills/imf-web-ui-conventions/topics/npm-project.md

@@ -17,12 +17,11 @@ Use the same names for the same checks where the project supports them:
 | ------------------ | --------------------------------------- |
 | `dev`              | Start local development.                |
 | `build`            | Create a production build.              |
-| `verify:format`    | Check Prettier.                         |
-| `verify:lint`      | Check ESLint.                           |
+| `verify:format`    | Run `vp fmt --check`.                   |
+| `verify:lint`      | Run `vp lint`.                          |
 | `verify:typecheck` | Run TypeScript without emitting.        |
-| `verify:tests`     | Run tests once.                         |
+| `verify:tests`     | Run `vp test run`.                      |
 | `verify:knip`      | Check dead code and unused exports.     |
-| `verify:staged`    | Run the pre-commit scope.               |
 | `verify:full`      | Run the CI scope.                       |
 | `format`           | Rewrite formatting.                     |
 | `lint`             | Rewrite fixable lint issues.            |

package/src/llms/skills/imf-web-ui-conventions/topics/tooling.md

@@ -6,18 +6,18 @@ Use the tool's current documentation rather than memory.
 
 | Need                  | Default                                      |
 | --------------------- | -------------------------------------------- |
-| Build                 | Vite                                         |
+| Toolchain             | Vite+ (`vite-plus`), driven through `vp`     |
 | Routing and URL state | TanStack Router                              |
 | Server state          | TanStack Query                               |
 | Forms                 | TanStack Form                                |
 | Data grids            | TanStack Table plus Web UI `Table` parts     |
 | App-wide client state | TanStack Store, after URL/server/local state |
 | Schema validation     | Zod at the boundary                          |
-| Tests                 | Vitest                                       |
-| Format                | Prettier                                     |
-| Lint                  | ESLint flat config                           |
+| Tests                 | Vitest through `vp test`                     |
+| Format                | Oxfmt through `vp fmt`                       |
+| Lint                  | Oxlint through `vp lint`, type-aware         |
 | Types                 | `tsc --noEmit`                               |
-| Pre-commit checks     | Whole-repository lint and format checks      |
+| Pre-commit checks     | `vp staged` against the staged state         |
 | Dead code             | Knip via `verify:knip`                       |
 
 ## When a library owns a layer
@@ -36,47 +36,85 @@ devtools package whenever a new TanStack dependency is added.
 Use `npx @tanstack/cli` for TanStack documentation. If TanStack Intent is configured, use it for the Agent Skills the
 TanStack package provides.
 
-## Prettier
+## Vite+
 
-Use a config file. The repo's values are:
+Vite+ runs development, build, tests, format, lint, and staged checks through one `vp` binary configured in `vite.config.ts`.
+Pin `vite-plus` exactly, alias `vite` to `npm:@voidzero-dev/vite-plus-core@<vite-plus version>`, pin `vitest` to the version
+`vp toolchain vitest` reports, and repeat both pins under `overrides`. Import `defineConfig` from `vite-plus` and Vitest APIs
+from `vite-plus/test`. It needs Node `^22.22.1 || ^24.11 || >=26` and Git 2.32 or later.
+
+`vp <command>` is a built-in; `vp run <script>` runs a package script.
+
+Move an existing Vite, Vitest, ESLint, or Prettier project with `vp migrate --no-hooks` (`vp help migrate` lists its
+options), then check the result against this topic. The hook lives in `.githooks/`, as `git.md` describes.
+
+## Oxfmt
+
+Configure formatting in the `fmt` block of `vite.config.ts`. The repo's values:
 
 ```ts
-import type { Config } from "prettier";
-
-const config: Config = {
-  printWidth: 125,
-  tabWidth: 2,
-  useTabs: false,
-  trailingComma: "none",
-  arrowParens: "avoid",
-  semi: true,
-  singleQuote: false,
-  proseWrap: "always"
-};
-
-export default config;
+export default defineConfig({
+  fmt: {
+    printWidth: 125,
+    tabWidth: 2,
+    useTabs: false,
+    trailingComma: "none",
+    arrowParens: "avoid",
+    semi: true,
+    singleQuote: false,
+    proseWrap: "always",
+    sortPackageJson: false
+  }
+});
 ```
 
-## ESLint and TypeScript
+## Oxlint and TypeScript
 
-Use flat ESLint config with type-aware rules and the repo's ignore file. The baseline bans `as` and non-null `!` outside
-tests, requires the `#/` alias instead of parent-relative imports, and uses project-service type information.
+Configure linting in the `lint` block with type-aware rules on. The baseline bans `as` and non-null `!` outside tests and
+requires the `#/` alias instead of parent-relative imports:
+
+```ts
+export default defineConfig({
+  lint: {
+    options: { typeAware: true },
+    overrides: [
+      {
+        files: ["src/**/*.{ts,tsx}"],
+        rules: {
+          "typescript/consistent-type-assertions": ["error", { assertionStyle: "never" }],
+          "typescript/no-non-null-assertion": "error",
+          "no-restricted-imports": [
+            "error",
+            { patterns: [{ group: ["../*"], message: "Use the #/ alias for anything outside the current folder." }] }
+          ]
+        }
+      },
+      {
+        files: ["**/*.test.{ts,tsx}"],
+        rules: { "typescript/consistent-type-assertions": "off", "typescript/no-non-null-assertion": "off" }
+      }
+    ]
+  }
+});
+```
 
 Use strict TypeScript with bundler module resolution, `verbatimModuleSyntax`, unused-value checks, and `#/` paths. Keep
 `import type` for type-only imports.
 
 ## Pre-commit checks
 
-The pre-commit hook checks the whole repository with ESLint and Prettier, then runs project checks for staged inputs that can
-affect generated files, types, dependencies, or TeamCity configuration. It does not rewrite files during a commit; use
-`npm run format` to apply Prettier changes explicitly.
+`.githooks/pre-commit` runs `vp staged --hide-unstaged --fail-on-changes --revert --diff-filter=ACMRD` with `set -e`. Those
+flags make the checks see only the staged state, include deletion-only commits, fail the commit when a check would change a
+file, and restore the tree afterwards, so the hook never rewrites or stages files. The `staged` block in `vite.config.ts` is
+a function returning path-free commands such as `npm run --silent verify:lint`, so each project-wide check runs once. Use
+`npm run format` to apply formatting explicitly.
 
 ## Vite plugins
 
 Register Web UI's Vite plugins in the application configuration:
 
 ```ts
-import { defineConfig } from "vite";
+import { defineConfig } from "vite-plus";
 import react from "@vitejs/plugin-react";
 import { imfusionBrandAssets, readableCssModuleNames } from "@imfusion/web-ui/vite";