@imfusion/web-ui 0.11.0 → 0.11.1-dev.16.g726f3414

package/dist/{tabs-CU46aGud.js → tabs-DsDSCA--.js}

@@ -1,5 +1,5 @@
 import { n as e, r as t, t as n } from "./resolve-state-props-DQf9WiGv.js";
-import { mh as r, pM as i } from "./icons-BsK_o-Cb.js";
+import { _M as r, mh as i } from "./icons-vc1WZCxX.js";
 import { t as a } from "./meta-V_KyLeGn.js";
 import { cva as o } from "class-variance-authority";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
@@ -26,8 +26,8 @@ function v({ variant: e = "default", icon: t = !1, children: n, ...a }) {
 			variant: e,
 			className: a.className
 		}),
-		children: [t && /* @__PURE__ */ s(i, {
-			glyph: r,
+		children: [t && /* @__PURE__ */ s(r, {
+			glyph: i,
 			strokeWidth: 2,
 			"aria-hidden": !0,
 			className: g.icon

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imfusion/web-ui",
-  "version": "0.11.0",
+  "version": "0.11.1-dev.16.g726f3414",
   "description": "The official Web UI component library for ImFusion web apps",
   "author": "ImFusion GmbH",
   "homepage": "https://imfusion.com",

package/src/docgen/doc.gen.json

@@ -599,7 +599,7 @@
           "name": "maxWidth",
           "required": false,
           "type": "\"sm\" | \"md\" | \"lg\" | \"full\" | null",
-          "defaultValue": "md",
+          "defaultValue": "lg",
           "description": ""
         },
         {
@@ -10549,6 +10549,13 @@
         "name": "Typo.UnorderedList",
         "description": "Typo.UnorderedList — bulleted list.",
         "props": [
+          {
+            "name": "markerVariant",
+            "required": false,
+            "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
+            "defaultValue": null,
+            "description": "Colour of the dash. Omit to follow the text colour."
+          },
           {
             "name": "ref",
             "required": false,

package/src/llms/icon-catalog.gen.json

@@ -7571,6 +7571,30 @@
     "origin": "iconoir",
     "file": "regular/laptop-warning.svg"
   },
+  {
+    "name": "LayoutAuto",
+    "category": "Layout",
+    "tags": ["layout", "auto", "masonry", "viewports", "tiles", "grid"],
+    "style": "regular",
+    "origin": "imfusion",
+    "file": "regular/layout-auto.svg"
+  },
+  {
+    "name": "LayoutFocusPlusRows",
+    "category": "Layout",
+    "tags": ["layout", "focus", "rows", "main viewport", "viewports", "split"],
+    "style": "regular",
+    "origin": "imfusion",
+    "file": "regular/layout-focus-plus-rows.svg"
+  },
+  {
+    "name": "LayoutFocusPlusStack",
+    "category": "Layout",
+    "tags": ["layout", "focus", "stack", "main viewport", "sidebar", "viewports"],
+    "style": "regular",
+    "origin": "imfusion",
+    "file": "regular/layout-focus-plus-stack.svg"
+  },
   {
     "name": "LayoutLeft",
     "category": "Layout",
@@ -7587,6 +7611,14 @@
     "origin": "iconoir",
     "file": "regular/layout-right.svg"
   },
+  {
+    "name": "LayoutRows",
+    "category": "Layout",
+    "tags": ["layout", "rows", "viewports", "grid", "2x2", "tiles"],
+    "style": "regular",
+    "origin": "imfusion",
+    "file": "regular/layout-rows.svg"
+  },
   {
     "name": "Leaderboard",
     "category": "Activities",

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

@@ -66,9 +66,8 @@ 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-local file that the inline rule in the `project-structure`
-topic says belongs in its route file is a Deviation, and so is a route file over 250 lines that inlines parts the rule would
-keep in its `-` folder. Report the line counts, with the move as the fix.
+`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.
 
 ## Topics
 

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

@@ -127,7 +127,7 @@ sections one to one — change a topic's sections and this file follows in the s
 ## Assets — `assets`
 
 - [ ] Importing
-- [ ] Photographs — WebP
+- [ ] Photographs: WebP
 - [ ] Other formats
 - [ ] Scope
 

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

@@ -37,9 +37,9 @@ the route file's name: `route.tsx` gets `-route/`, `products.tsx` gets `-product
 folders with a leading `-` when it builds the route tree, so the folder never becomes a route. The folder holds the route's
 views with their props types, hooks, `.module.css` files, and tests.
 
-A part used by one route file is inlined into it when it is a component under 50 lines, calls no `use*` hook, has no
-stylesheet or test of its own, and leaves that route file under 250 lines. Every other single-route part goes in the `-`
-folder. The thresholds keep tiny wrappers out of their own files without letting a route file grow into a page of views.
+The route component is the page. When the page is a single view, such as a form, that view is the route component and stays
+in the route file, hooks included. When the page composes several views, each view goes in the `-` folder and the route
+component wires them together. Small presentational helpers stay inline.
 
 `partials/` holds only parts that more than one route uses.
 

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

@@ -54,6 +54,19 @@ hook, not a state flag.
 }
 ```
 
+Your own components follow the same seam. A container that changes a child sets a custom property; the child reads it with
+its own default as the fallback, so it works with or without the container:
+
+```css
+.panel {
+  --panel-row-gap: var(--imf-ui-size-2);
+}
+
+.row {
+  padding-block: var(--panel-row-gap, var(--imf-ui-size-3));
+}
+```
+
 ## Spacing
 
 Web UI components have no outer margin. The parent sets the distance between its children: `Stack` and `Row` gaps in UI,

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

@@ -6,6 +6,7 @@ Prefer pure functions, immutable values, and side effects at the edges.
 
 - Do not use `any`. Accept `unknown` at an untrusted boundary and narrow it.
 - Infer local values; give exported functions explicit return types.
+  - React components return their inferred JSX type. An annotation there adds no contract a caller relies on.
   - TanStack options factories (`queryOptions`, `mutationOptions`, and similar) return their helper's inferred type. Spelling
     it out loses the typed query key (`DataTag`) or repeats the helper's own generics.
 - Model states directly instead of filling a nullable value later.