@imfusion/web-ui 0.10.1-dev.56.ge0de2dc9 → 0.10.1-dev.59.gdb86c93c

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imfusion/web-ui",
-  "version": "0.10.1-dev.56.ge0de2dc9",
+  "version": "0.10.1-dev.59.gdb86c93c",
   "description": "The official Web UI component library for ImFusion web apps",
   "author": "ImFusion GmbH",
   "homepage": "https://imfusion.com",

package/src/docgen/doc.gen.json

@@ -6910,9 +6910,22 @@
           }
         ]
       },
+      {
+        "name": "Select.ItemDescription",
+        "description": "Select.ItemDescription — a muted second line under an item's text, such as what a role allows. It stays out of the\ntrigger, which shows only `Select.ItemText`.",
+        "props": [
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          }
+        ]
+      },
       {
         "name": "Select.ItemIndicator",
-        "description": "Select.ItemIndicator — visual marker (e.g. checkmark) inside the selected item.",
+        "description": "Select.ItemIndicator — marker inside the selected item. Without children it draws a check icon in the item's text colour.",
         "props": [
           {
             "name": "className",
@@ -7241,7 +7254,7 @@
             "name": "sideOffset",
             "required": false,
             "type": "number | OffsetFunction",
-            "defaultValue": "0",
+            "defaultValue": "4",
             "description": "Distance between the anchor and the popup in pixels.\nAlso accepts a function that returns the distance to read the dimensions of the anchor\nand positioner elements, along with its side and alignment.\n\nThe function takes a `data` object parameter with the following properties:\n- `data.anchor`: the dimensions of the anchor element with properties `width` and `height`.\n- `data.positioner`: the dimensions of the positioner element with properties `width` and `height`.\n- `data.side`: which side of the anchor element the positioner is aligned against.\n- `data.align`: how the positioner is aligned relative to the specified side.\n@example ```jsx\n<Positioner\n  sideOffset={({ side, align, anchor, positioner }) => {\n    return side === 'top' || side === 'bottom'\n      ? anchor.height\n      : anchor.width;\n  }}\n/>\n```"
           },
           {

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

@@ -66,7 +66,9 @@ 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.
+`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.
 
 ## Topics
 

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

@@ -35,8 +35,11 @@ A route file holds its search schema and `validateSearch`, its loaders, and its
 Route-local code that outgrows small in-file components (views, forms, hooks, tests) goes in a sibling folder named `-` plus
 the route file's name: `route.tsx` gets `-route/`, `products.tsx` gets `-products/`. TanStack Router ignores files and
 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 component small enough to sit in the route file stays
-there.
+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.
 
 `partials/` holds only parts that more than one route uses.
 

package/src/llms/tokens.gen.json

@@ -493,7 +493,7 @@
       },
       {
         "name": "--imf-ui-font-letterspacing-brand",
-        "value": "-0.02em"
+        "value": "clamp(-0.035rem, -0.0081rem - 0.0224vw, -0.0131rem)"
       },
       {
         "name": "--imf-ui-font-letterspacing-display",
@@ -501,7 +501,7 @@
       },
       {
         "name": "--imf-ui-font-letterspacing-hero",
-        "value": "-0.04em"
+        "value": "clamp(-0.225rem, -0.0312rem - 0.1615vw, -0.0675rem)"
       },
       {
         "name": "--imf-ui-font-letterspacing-loose",