@imfusion/web-ui 0.11.1-dev.57.g3cec18fa → 0.11.1-dev.59.g5c2572e2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imfusion/web-ui",
-  "version": "0.11.1-dev.57.g3cec18fa",
+  "version": "0.11.1-dev.59.g5c2572e2",
   "description": "The official Web UI component library for ImFusion web apps",
   "author": "ImFusion GmbH",
   "homepage": "https://imfusion.com",
@@ -11,7 +11,7 @@
   },
   "type": "module",
   "engines": {
-    "node": "^22.22.1 || ^24.11 || >=26"
+    "node": "^24.14 || >=26"
   },
   "imports": {
     "#/*": "./src/*",

package/src/docgen/doc.gen.json

@@ -4081,6 +4081,124 @@
       ]
     },
     "subComponents": [
+      {
+        "name": "Dialog.Alert",
+        "description": "Dialog.Alert — pre-composed confirmation that interrupts the user, announced as an `alertdialog`. Always modal; a click\non the overlay does not close it, Escape does. Like Dialog.Simple, without a header close button. Root props pass\nthrough.",
+        "props": [
+          {
+            "name": "actions",
+            "required": true,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "Buttons of the footer, the only way out. Include a Cancel `Dialog.Close`."
+          },
+          {
+            "name": "actionsRef",
+            "required": false,
+            "type": "RefObject<DialogRootActions | null>",
+            "defaultValue": null,
+            "description": "A ref to imperative actions.\n- `unmount`: Manually unmounts the alert dialog.\nCall this after any externally controlled closing animation finishes.\n- `close`: Closes the alert dialog imperatively when called."
+          },
+          {
+            "name": "children",
+            "required": false,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "Content of the body."
+          },
+          {
+            "name": "defaultOpen",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether the dialog is initially open.\n\nTo render a controlled dialog, use the `open` prop instead."
+          },
+          {
+            "name": "defaultTriggerId",
+            "required": false,
+            "type": "string | null",
+            "defaultValue": null,
+            "description": "ID of the trigger that the dialog is associated with.\nThis is useful in conjunction with the `defaultOpen` prop to create an initially open dialog."
+          },
+          {
+            "name": "description",
+            "required": false,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "Line of context under the title."
+          },
+          {
+            "name": "eyebrow",
+            "required": false,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "Short uppercase label above the title."
+          },
+          {
+            "name": "handle",
+            "required": false,
+            "type": "AlertDialogHandle<unknown>",
+            "defaultValue": null,
+            "description": "A handle to associate the alert dialog with a trigger.\nIf specified, allows external triggers to control the alert dialog's open state.\nCan be created with the AlertDialog.createHandle() method."
+          },
+          {
+            "name": "onOpenChange",
+            "required": false,
+            "type": "(\n  open: boolean,\n  eventDetails: AlertDialogRootChangeEventDetails\n) => void",
+            "defaultValue": null,
+            "description": "Event handler called when the alert dialog is opened or closed."
+          },
+          {
+            "name": "onOpenChangeComplete",
+            "required": false,
+            "type": "(open: boolean) => void",
+            "defaultValue": null,
+            "description": "Event handler called after any animations complete when the dialog is opened or closed."
+          },
+          {
+            "name": "open",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": null,
+            "description": "Whether the dialog is currently open."
+          },
+          {
+            "name": "size",
+            "required": false,
+            "type": "\"sm\" | \"md\" | \"lg\" | \"full\"",
+            "defaultValue": "sm",
+            "description": "Width of the window."
+          },
+          {
+            "name": "status",
+            "required": false,
+            "type": "| NonNullable<\n    \"info\" | \"positive\" | \"warning\" | \"negative\" | null\n  >\n| undefined",
+            "defaultValue": null,
+            "description": "Adds a `Dialog.Status` with this variant at the start of the popup."
+          },
+          {
+            "name": "title",
+            "required": true,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "Heading of the dialog."
+          },
+          {
+            "name": "trigger",
+            "required": false,
+            "type": "ReactElement<\n  unknown,\n  string | JSXElementConstructor<any>\n>",
+            "defaultValue": null,
+            "description": "Element rendered as the trigger, such as a `Button`. Omit it for a controlled dialog."
+          },
+          {
+            "name": "triggerId",
+            "required": false,
+            "type": "string | null",
+            "defaultValue": null,
+            "description": "ID of the trigger that the dialog is associated with.\nThis is useful in conjunction with the `open` prop to create a controlled dialog.\nThere's no need to specify this prop when the dialog is uncontrolled (that is, when the `open` prop is not set)."
+          }
+        ]
+      },
       {
         "name": "Dialog.Backdrop",
         "description": "Dialog.Backdrop — flat dark overlay that dims the page behind the dialog.",

package/src/llms/skills/imf-web-ui-audit/SKILL.md

@@ -66,10 +66,11 @@ next action is the add from that topic. A Vite config that reads tsconfig `paths
 `vite-tsconfig-paths`) is Broken: it loads the React types package as React once Web UI comes from the registry. The fix is
 to drop it and give the `#/` alias through `imports` in `package.json`. A major or minor mismatch between the project and Web
 UI on a package listed under Aligned runtime packages in the `tooling` topic is a Deviation. Report both versions, with
-`npm install <package>@<Web UI's version>` as the fix. A route file that holds several views inline is a Deviation, and so is
-a route whose only view sits alone in its `-` folder. Name the views, with the move as the fix. A form whose state and
-validation are written by hand instead of TanStack Form is a Deviation, however many forms share the pattern. Name each form,
-with TanStack Form and its existing schema as the fix.
+`npm install <package>@<Web UI's version>` as the fix. An `engines.node` that admits a Node outside the `engines.node` of the
+installed `node_modules/@imfusion/web-ui/package.json` is a Deviation; report both ranges, with Web UI's as the fix. A route
+file that holds several views inline is a Deviation, and so is a route whose only view sits alone in its `-` folder. Name the
+views, with the move as the fix. A form whose state and validation are written by hand instead of TanStack Form is a
+Deviation, however many forms share the pattern. Name each form, with TanStack Form and its existing schema as the fix.
 
 ## Topics
 

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

@@ -5,7 +5,8 @@ Keep project metadata, scripts, and dependency policy in `package.json` and the
 ## package.json
 
 - Use ESM with `"type": "module"`.
-- Set the Node floor with `engines.node` or `.nvmrc`.
+- Set `engines.node` to the range in Web UI's own `package.json`, so the app promises no Node that Web UI or the `#/` alias
+  rejects. A `.nvmrc` selects a version inside that range.
 - Use the `#/` source alias when the project has one, and wire it through the package `imports` field.
 - Set `private: true` only for packages that are never published.
 

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

@@ -45,7 +45,7 @@ the Agent Skills the TanStack package provides.
 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.
+from `vite-plus/test`. It needs Git 2.32 or later; the `npm-project` topic sets the Node range.
 
 `vp <command>` is a built-in; `vp run <script>` runs a package script.