@imfusion/web-ui 0.10.1-dev.34.gb01a818e → 0.10.1-dev.37.g9147f90f

package/CHANGELOG.md

@@ -86,6 +86,9 @@ never changes the character width, so columns stay aligned. CoFo Sans Mono still
 - `--imf-ui-appshell-heading-*`, `--imf-ui-appshell-navitem-dim`, `--imf-ui-appshell-navitem-underline-thickness`, and `--imf-ui-appshell-navitem-underline-offset` tune the logo row's strut and the NavItem underline. [AppShell](src/components/app-shell/app-shell.mdx) — Nikolaus Brunner <brunner@imfusion.com>
 - `AppShell.Aside` shows a close button in its drawer below `lg`, labelled by `closeLabel` (`Close panel` by default). [AppShell](src/components/app-shell/app-shell.mdx) — Nikolaus Brunner <brunner@imfusion.com>
 - `AppShell.Burger` with no props opens and closes the navbar drawer, so the header needs no state wiring. [AppShell](src/components/app-shell/app-shell.mdx) — Nikolaus Brunner <brunner@imfusion.com>
+- `Select.Root` takes a `width` of `auto`, `wide`, or `full`: `auto` keeps the 10rem trigger minimum, `wide` raises it to
+  15rem, and `full` fills the parent. `--imf-ui-select-trigger-min-width` on `Select.Root` sets the minimum from CSS.
+  [Select](src/components/select/select.mdx) — Nikolaus Brunner <brunner@imfusion.com>
 
 ### Changed
 
@@ -112,9 +115,13 @@ never changes the character width, so columns stay aligned. CoFo Sans Mono still
     `git:config`.
   - `imf-web-ui-conventions` names the Skeleton part for each way data loads, and says a layout that reads suspending data
     needs its own boundary. `imf-web-ui-ux` points to that rule from its loading state.
+  - `imf-web-ui-conventions` lets a mutation name the sub-resource after its verb when a topic has more than one target,
+    as in `api.projects.removeMember(projectId)`; a name still never repeats its topic.
 - CI and verification — Nikolaus Brunner <brunner@imfusion.com>
   - The Git hooks live in `.vite-hooks/` and run through the Vite+ hook dispatcher, which `npm run git:config` installs.
     Existing clones and worktrees rerun `npm run git:config`; until then their hooks do not run.
+  - `engines.node` is `^22.22.1 || ^24.11 || >=26`, the range Vite+ supports. Node 24.0 to 24.10 and Node 25 fall
+    outside it.
 - The main column, header, and footer snap when the aside docks or undocks — Nikolaus Brunner <brunner@imfusion.com>
 - Components ([WEBSDK-247](https://imfusion.atlassian.net/browse/WEBSDK-247)) — Nikolaus Brunner <brunner@imfusion.com>
   - The AppShell navbar drawer, `Code`, and `ImageDisplayOptions` scroll in a `ScrollArea`, with its overlay thumb and edge

package/dist/components/select/select.d.ts

@@ -1,6 +1,12 @@
 import { Select as SelectPrimitive } from '@base-ui/react/select';
+import { VariantProps } from 'class-variance-authority';
 type UpstreamItem = React.ComponentProps<typeof SelectPrimitive.Item>;
+declare const selectRoot: (props?: ({
+    width?: "auto" | "full" | "wide" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface RootProps<Value = unknown, Multiple extends boolean | undefined = false> extends React.ComponentProps<typeof SelectPrimitive.Root<Value, Multiple>> {
+    /** Trigger width: `auto` keeps the compact minimum; `wide` raises it; `full` fills the parent. @default "auto" */
+    width?: VariantProps<typeof selectRoot>["width"];
 }
 /**
  * Select.Root — accessible select / listbox primitive.
@@ -12,7 +18,7 @@ interface RootProps<Value = unknown, Multiple extends boolean | undefined = fals
  * @doc https://base-ui.com/react/components/select
  * @llm https://base-ui.com/react/components/select.md
  */
-export declare function Root<Value = unknown, Multiple extends boolean | undefined = false>({ className, style, ...props }: RootProps<Value, Multiple> & {
+export declare function Root<Value = unknown, Multiple extends boolean | undefined = false>({ width, className, style, ...props }: RootProps<Value, Multiple> & {
     className?: string;
     style?: React.CSSProperties;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/index.js

@@ -892,7 +892,9 @@ var Pn = {
 	scrollUpArrow: "imf-ui-select-module-scrollUpArrow",
 	separator: "imf-ui-select-module-separator",
 	trigger: "imf-ui-select-module-trigger",
-	value: "imf-ui-select-module-value"
+	value: "imf-ui-select-module-value",
+	widthFull: "imf-ui-select-module-widthFull",
+	widthWide: "imf-ui-select-module-widthWide"
 }, Fn = /* @__PURE__ */ e({
 	Arrow: () => lr,
 	Backdrop: () => or,
@@ -913,12 +915,19 @@ var Pn = {
 	Separator: () => gr,
 	Trigger: () => nr,
 	Value: () => rr
-}), In = m(F.root), Ln = m(F.label), Rn = m(F.trigger), zn = m(F.value), Bn = m(F.icon), Vn = m(F.backdrop), Hn = m(F.positioner), Un = m(F.popup), Wn = m(F.arrow), Gn = m(F.list), Kn = m(F.item), qn = m(F.itemIndicator), Jn = m(F.itemText), Yn = m(F.group), Xn = m(F.groupLabel), Zn = m(F.separator), Qn = m(F.scrollUpArrow), $n = m(F.scrollDownArrow);
-function er({ className: e, style: t, ...n }) {
+}), In = m(F.root, { variants: { width: {
+	auto: F.widthAuto,
+	wide: F.widthWide,
+	full: F.widthFull
+} } }), Ln = m(F.label), Rn = m(F.trigger), zn = m(F.value), Bn = m(F.icon), Vn = m(F.backdrop), Hn = m(F.positioner), Un = m(F.popup), Wn = m(F.arrow), Gn = m(F.list), Kn = m(F.item), qn = m(F.itemIndicator), Jn = m(F.itemText), Yn = m(F.group), Xn = m(F.groupLabel), Zn = m(F.separator), Qn = m(F.scrollUpArrow), $n = m(F.scrollDownArrow);
+function er({ width: e = "auto", className: t, style: n, ...r }) {
 	return /* @__PURE__ */ g("div", {
-		className: In({ className: e }),
-		style: t,
-		children: /* @__PURE__ */ g(x.Root, { ...n })
+		className: In({
+			width: e,
+			className: t
+		}),
+		style: n,
+		children: /* @__PURE__ */ g(x.Root, { ...r })
 	});
 }
 er.displayName = "Select.Root";