@imfusion/web-ui 0.11.1-dev.45.gf7b49f57 → 0.11.1-dev.48.g0fcb0d30

package/CHANGELOG.md

@@ -36,6 +36,11 @@
 - `@imfusion/web-ui/icons` adds four viewport layout icons in the Layout category: `LayoutAuto`, `LayoutRows`,
   `LayoutFocusPlusStack`, and `LayoutFocusPlusRows`. [Iconography](src/icons/iconography.stories.tsx#Iconography)
   — Stephan Wenninger <wenninger@imfusion.com>
+- `LayoutMode` is new, from `@imfusion/web-ui/integrations/layout-mode`. It switches the ImFusion Web SDK viewer between
+  Auto, Rows, Focus + stack, and Focus + rows through `useLayoutMode`. `variant="compact"` is a row of icon toggles and
+  `variant="labeled"` a vertical list with each mode's name beside its icon; every name can be replaced through its label
+  prop. [LayoutMode](src/integrations/layout-mode/layout-mode.mdx)
+  ([WEBSDK-292](https://imfusion.atlassian.net/browse/WEBSDK-292)) — Stephan Wenninger <wenninger@imfusion.com>
 - `Typo.UnorderedList` takes `markerVariant` to colour its dash apart from the text, such as the brand dash on main text.
   [Typo](src/components/typo/typo.stories.tsx#MarkerVariant) — Nikolaus Brunner <brunner@imfusion.com>
 - Focus ring tokens: `--imf-ui-focus-ring-width`, `--imf-ui-focus-ring-color`, and two offsets for a ring outside the
@@ -74,7 +79,11 @@
   - `imf-web-ui-conventions` exempts React components from the explicit return type on exported functions.
   - The `project-structure` topic keeps a route's only view, such as a form, in the route file and moves views to the `-`
     folder only when the page composes several. `imf-web-ui-audit` reports by views, not line counts.
-  - The `imf-web-ui-conventions` audit checklist names the assets box "Photographs: WebP", like its topic heading.
+  - The `imf-web-ui-conventions` `assets` topic encodes photographs as AVIF and WebP at 800 and 1600px and renders them
+    through `<picture>` with `srcSet` and `sizes`. Every `<img>` has `width` and `height`, below-the-fold images load
+    lazily, and only the largest paint gets `fetchpriority="high"`.
+  - The `imf-web-ui-conventions` `components` topic names the landmarks `AppShell` renders and asks for one `Typo.H1` per
+    page, `Button` for actions, and `Link` for destinations.
   - `web-ui-dev-new-component`, `web-ui-dev-update-component`, and `web-ui-dev-design-component` draft on the shared
     Web UI Component Drafts canvas: a block per component on its Storybook group's page, one row per fidelity rung.
   - `web-ui-dev-new-component` and `web-ui-dev-update-component` wait for the user to approve the design on the canvas
@@ -87,7 +96,10 @@
   - The `imf-web-ui-conventions` `styling` topic shows a container setting a custom property that its child reads with
     its own default as the fallback.
   - `web-ui-dev-release` syncs the Claude Design system once npm serves the stable version.
+  - `web-ui-dev-record-clip` records every clip in light and dark, and release highlights list both files of each pair.
 - Documentation — Nikolaus Brunner <brunner@imfusion.com>
+  - The Changelog page's screenshot carousel shows one file of each `-light`/`-dark` pair, the one for the page's color
+    scheme, and switches with the Storybook toolbar.
   - `docs/design-system.md` describes the Web UI Component Drafts canvas, and `AGENTS.md` links it. A shipped component
     keeps its block under an "Implemented" note that names its story.
   - `docs/conventions.md` shows how a component declares its default as a custom-property fallback that a container

package/dist/{code-BX1Humcy.js → code-BaLXMEMa.js}

@@ -1,7 +1,7 @@
-import { s as e } from "./utils-RZJAXfcf.js";
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { Xo as t, _M as n, ja as r } from "./icons-vc1WZCxX.js";
 import { t as i } from "./meta-V_KyLeGn.js";
-import { a, i as o, n as s, o as c, s as l } from "./scroll-area-CUo1NBaW.js";
+import { a, i as o, n as s, o as c, s as l } from "./scroll-area-CXQ_SxPX.js";
 import { cx as u } from "class-variance-authority";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 import { useCallback as m, useEffect as h, useRef as g, useState as _ } from "react";