@imfusion/web-ui 0.6.4-dev.1.g4ec1264f → 0.6.4-dev.22.ge7bf54c9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imfusion/web-ui",
-  "version": "0.6.4-dev.1.g4ec1264f",
+  "version": "0.6.4-dev.22.ge7bf54c9",
   "description": "The official Web UI component library for ImFusion web apps",
   "author": "ImFusion GmbH",
   "homepage": "https://imfusion.com",
@@ -152,6 +152,7 @@
     "playwright": "1.60.0",
     "prettier": "3.8.3",
     "react-docgen-typescript": "2.4.0",
+    "remark-gfm": "4.0.1",
     "storybook": "10.4.3",
     "tsx": "4.21.0",
     "typescript": "6.0.3",

package/src/docgen/doc.gen.json

@@ -81,6 +81,13 @@
           "defaultValue": null,
           "description": ""
         },
+        {
+          "name": "context",
+          "required": false,
+          "type": "\"default\" | \"oncolor\" | null",
+          "defaultValue": "default",
+          "description": ""
+        },
         {
           "name": "endIcon",
           "required": false,
@@ -255,7 +262,15 @@
       {
         "name": "Card.Image",
         "description": "Card.Image — an edge-to-edge media slot. Has no padding, so the image bleeds\nto the card edges. Always place it first among the slots.",
-        "props": []
+        "props": [
+          {
+            "name": "aspectRatio",
+            "required": false,
+            "type": "number | \"auto\"",
+            "defaultValue": "16 / 10",
+            "description": "Width divided by height, or \"auto\" to use the image's intrinsic ratio."
+          }
+        ]
       }
     ]
   },
@@ -545,21 +560,14 @@
       },
       {
         "name": "Code.InlineLink",
-        "description": "Code.InlineLink — the inline-code chip rendered as a link: the same hairline\nbox, with a directional arrow behind the separator instead of a copy button.\nSibling of `Code.Inline`, sharing its chip visual (`.inline`) — never both a\ncopy button and a link on the same chip. Mirrors `ChipLink`'s shape (anchor\nis the chip root, trailing icon nudges on hover, `data-kind` picks the icon).",
+        "description": "Code.InlineLink — the inline-code chip rendered as a link: the same hairline\nbox, with an optional directional arrow behind the separator instead of a copy button.\nSibling of `Code.Inline`, sharing its chip visual (`.inline`) — never both a\ncopy button and a link on the same chip. Mirrors `ChipLink`'s shape (anchor\nis the chip root, trailing icon nudges on hover, `data-kind` picks the icon).",
         "props": [
-          {
-            "name": "children",
-            "required": true,
-            "type": "string",
-            "defaultValue": null,
-            "description": "The link text, as a raw string, rendered as a code fragment."
-          },
           {
             "name": "kind",
             "required": false,
             "type": "CodeInlineLinkKind",
             "defaultValue": "external",
-            "description": "Link target scope. `\"external\"` (default) opens in a new tab with a diagonal `ArrowUpRight` icon; `\"internal\"` stays in the current tab with a horizontal `ArrowRight` icon."
+            "description": "Link target scope. `\"external\"` (default) opens in a new tab; `\"internal\"` stays in the current tab."
           },
           {
             "name": "render",
@@ -732,6 +740,13 @@
           "defaultValue": null,
           "description": ""
         },
+        {
+          "name": "context",
+          "required": false,
+          "type": "\"default\" | \"oncolor\" | null",
+          "defaultValue": null,
+          "description": ""
+        },
         {
           "name": "copiedLabel",
           "required": false,
@@ -2658,7 +2673,7 @@
         {
           "name": "defaultValue",
           "required": false,
-          "type": "unknown",
+          "type": "SelectValueType<Value, Multiple> | null",
           "defaultValue": null,
           "description": ""
         },
@@ -2700,7 +2715,7 @@
         {
           "name": "isItemEqualToValue",
           "required": false,
-          "type": "(itemValue: unknown, value: unknown) => boolean",
+          "type": "(itemValue: Value, value: Value) => boolean",
           "defaultValue": null,
           "description": ""
         },
@@ -2714,14 +2729,14 @@
         {
           "name": "itemToStringLabel",
           "required": false,
-          "type": "(itemValue: unknown) => string",
+          "type": "(itemValue: Value) => string",
           "defaultValue": null,
           "description": ""
         },
         {
           "name": "itemToStringValue",
           "required": false,
-          "type": "(itemValue: unknown) => string",
+          "type": "(itemValue: Value) => string",
           "defaultValue": null,
           "description": ""
         },
@@ -2763,7 +2778,7 @@
         {
           "name": "onValueChange",
           "required": false,
-          "type": "(\n  value: unknown,\n  eventDetails: SelectRootChangeEventDetails\n) => void",
+          "type": "(\n  value:\n    | SelectValueType<Value, Multiple>\n    | (Multiple extends true ? never : null),\n  eventDetails: SelectRootChangeEventDetails\n) => void",
           "defaultValue": null,
           "description": ""
         },
@@ -2798,7 +2813,7 @@
         {
           "name": "value",
           "required": false,
-          "type": "unknown",
+          "type": "SelectValueType<Value, Multiple> | null",
           "defaultValue": null,
           "description": ""
         }
@@ -5294,14 +5309,14 @@
       },
       {
         "name": "Typo.Link",
-        "description": "Typo.Link — inline anchor. Auto-appends a local Web UI directional icon (`ArrowUpRight` for external, `ArrowRight` for internal), mirroring ChipLink's affordance for prose links.",
+        "description": "Typo.Link — inline anchor with an optional local Web UI directional icon.",
         "props": [
           {
             "name": "kind",
             "required": false,
             "type": "TypoLinkKind",
             "defaultValue": "external",
-            "description": "Link target scope. `\"external\"` (default) opens in a new tab with a diagonal `ArrowUpRight` icon; `\"internal\"` stays in the current tab with a horizontal `ArrowRight` icon."
+            "description": "Link target scope. `\"external\"` (default) opens in a new tab; `\"internal\"` stays in the current tab."
           },
           {
             "name": "render",
@@ -5314,7 +5329,7 @@
             "name": "variant",
             "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": "main",
+            "defaultValue": "primary",
             "description": ""
           }
         ]
@@ -5492,21 +5507,14 @@
       },
       {
         "name": "CodeHighlight.InlineLink",
-        "description": "Code.InlineLink — the inline-code chip rendered as a link: the same hairline\nbox, with a directional arrow behind the separator instead of a copy button.\nSibling of `Code.Inline`, sharing its chip visual (`.inline`) — never both a\ncopy button and a link on the same chip. Mirrors `ChipLink`'s shape (anchor\nis the chip root, trailing icon nudges on hover, `data-kind` picks the icon).",
+        "description": "Code.InlineLink — the inline-code chip rendered as a link: the same hairline\nbox, with an optional directional arrow behind the separator instead of a copy button.\nSibling of `Code.Inline`, sharing its chip visual (`.inline`) — never both a\ncopy button and a link on the same chip. Mirrors `ChipLink`'s shape (anchor\nis the chip root, trailing icon nudges on hover, `data-kind` picks the icon).",
         "props": [
-          {
-            "name": "children",
-            "required": true,
-            "type": "string",
-            "defaultValue": null,
-            "description": "The link text, as a raw string, rendered as a code fragment."
-          },
           {
             "name": "kind",
             "required": false,
             "type": "CodeInlineLinkKind",
             "defaultValue": "external",
-            "description": "Link target scope. `\"external\"` (default) opens in a new tab with a diagonal `ArrowUpRight` icon; `\"internal\"` stays in the current tab with a horizontal `ArrowRight` icon."
+            "description": "Link target scope. `\"external\"` (default) opens in a new tab; `\"internal\"` stays in the current tab."
           },
           {
             "name": "render",

package/dist/code-BFMQnmu9.js

@@ -1,147 +0,0 @@
-import { t as e } from "./chunk-DmhlhrBa.js";
-import { t } from "./meta-CySnRuVp.js";
-import { Ma as n, Qt as r, Xo as i, hn as a, r as o } from "./icons-Cy1HAosO.js";
-import { cx as s } from "class-variance-authority";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { useCallback as d, useEffect as f, useRef as p, useState as m } from "react";
-import { mergeProps as h } from "@base-ui/react/merge-props";
-import { useRender as g } from "@base-ui/react/use-render";
-//#region src/hooks/use-clipboard.ts
-function _({ timeout: e = 1500 } = {}) {
-	let [t, n] = m(!1), r = p(void 0);
-	return f(() => () => clearTimeout(r.current), []), {
-		copied: t,
-		copy: d((t) => {
-			navigator.clipboard.writeText(t).then(() => {
-				n(!0), clearTimeout(r.current), r.current = setTimeout(() => n(!1), e);
-			});
-		}, [e])
-	};
-}
-var v = {
-	block: "imf-ui-code-module-block",
-	copy: "imf-ui-code-module-copy",
-	icon: "imf-ui-code-module-icon",
-	inline: "imf-ui-code-module-inline",
-	inlineCopy: "imf-ui-code-module-inlineCopy",
-	inlineLink: "imf-ui-code-module-inlineLink",
-	language: "imf-ui-code-module-language",
-	pre: "imf-ui-code-module-pre",
-	separator: "imf-ui-code-module-separator"
-}, y = /* @__PURE__ */ e({
-	Block: () => S,
-	Inline: () => b,
-	InlineLink: () => x
-});
-function b({ className: e, copyable: t = !1, children: r, render: a, ...d }) {
-	let { copied: f, copy: m } = _(), y = p(null), b = f ? n : i;
-	return g({
-		defaultTagName: "code",
-		render: a,
-		props: {
-			...h(d, {
-				className: s(v.inline, e),
-				children: /* @__PURE__ */ u(c, { children: [
-					/* @__PURE__ */ l("span", {
-						ref: y,
-						children: r
-					}),
-					t && /* @__PURE__ */ l("span", { className: v.separator }),
-					t && /* @__PURE__ */ l("button", {
-						type: "button",
-						className: v.inlineCopy,
-						"data-copied": f || void 0,
-						"aria-label": f ? "Copied" : "Copy",
-						onClick: () => m(y.current?.textContent ?? ""),
-						children: /* @__PURE__ */ l(o, {
-							glyph: b,
-							size: 12,
-							strokeWidth: 2,
-							"aria-hidden": !0
-						})
-					})
-				] })
-			}),
-			"data-imf-ui-component": "Code.Inline"
-		}
-	});
-}
-b.displayName = "Code.Inline";
-function x({ className: e, kind: t = "external", children: n, render: i, ...d }) {
-	let f = t === "external" ? a : r;
-	return g({
-		defaultTagName: "a",
-		render: i,
-		props: {
-			...h(t === "external" ? {
-				target: "_blank",
-				rel: "noreferrer"
-			} : {}, d, {
-				className: s(v.inline, v.inlineLink, e),
-				children: /* @__PURE__ */ u(c, { children: [
-					n,
-					/* @__PURE__ */ l("span", { className: v.separator }),
-					/* @__PURE__ */ l("span", {
-						className: v.icon,
-						"aria-hidden": !0,
-						children: /* @__PURE__ */ l(o, {
-							glyph: f,
-							size: 12,
-							strokeWidth: 2
-						})
-					})
-				] })
-			}),
-			"data-imf-ui-component": "Code.InlineLink",
-			"data-kind": t
-		}
-	});
-}
-x.displayName = "Code.InlineLink";
-function S({ className: e, language: t, hideCopy: r = !1, children: a, ...c }) {
-	let { copied: d, copy: f } = _(), m = p(null), h = d ? n : i;
-	return /* @__PURE__ */ u("div", {
-		"data-imf-ui-component": "Code.Block",
-		className: s(v.block, e),
-		children: [
-			t != null && /* @__PURE__ */ l("span", {
-				className: v.language,
-				children: t
-			}),
-			!r && /* @__PURE__ */ l("button", {
-				type: "button",
-				className: v.copy,
-				"data-copied": d || void 0,
-				"aria-label": d ? "Copied" : "Copy",
-				onClick: () => f(m.current?.textContent ?? ""),
-				children: /* @__PURE__ */ l(o, {
-					glyph: h,
-					size: 12,
-					strokeWidth: 2,
-					"aria-hidden": !0
-				})
-			}),
-			/* @__PURE__ */ l("pre", {
-				...c,
-				className: v.pre,
-				children: /* @__PURE__ */ l("code", {
-					ref: m,
-					children: a
-				})
-			})
-		]
-	});
-}
-S.displayName = "Code.Block";
-//#endregion
-//#region src/components/code/code.meta.ts
-var C = {
-	name: "Code",
-	category: t.display,
-	status: "stable",
-	namespace: !0,
-	description: "Displays source code inline or in a block, with optional language labels and copying. Also called a code snippet or code block.",
-	origin: "native"
-};
-//#endregion
-export { y as a, x as i, S as n, _ as o, b as r, C as t };