@imfusion/web-ui 0.11.1-dev.83.g3251cc92 → 0.11.1-dev.87.g55c5e1df

package/package.json

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

package/src/docgen/doc.gen.json

@@ -2219,15 +2219,36 @@
       },
       {
         "name": "Code.Inline",
-        "description": "Code.Inline — an inline code fragment (a `<code>` chip) for use inside running\ntext. `Typo.InlineCode` renders this under the hood so inline-code chrome is\ndefined in one place. The copy button copies the rendered text.",
+        "description": "Code.Inline — an inline code fragment (a `<code>` chip) for use inside running\ntext. `Typo.InlineCode` renders this under the hood so inline-code chrome is\ndefined in one place. The copy button copies the rendered text.\n\nWith `concealable`, the content is replaced by a hatched placeholder until the\neye button reveals it. A chip without content shows the placeholder with a\npulse, so a consumer can reveal before the value has loaded.",
         "props": [
           {
             "name": "children",
-            "required": true,
+            "required": false,
             "type": "ReactNode",
             "defaultValue": null,
             "description": "Code content shown in the chip. The copy button copies its rendered text."
           },
+          {
+            "name": "concealable",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Show an eye button at the start that hides the content until it is pressed."
+          },
+          {
+            "name": "concealed",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": null,
+            "description": "Whether the content is hidden. Needs `concealable`. Pass it with `onConcealedChange` to control the chip."
+          },
+          {
+            "name": "concealedLength",
+            "required": false,
+            "type": "number",
+            "defaultValue": "8",
+            "description": "Width in characters of the hidden placeholder when there is no text to measure."
+          },
           {
             "name": "copyable",
             "required": false,
@@ -2235,6 +2256,27 @@
             "defaultValue": "false",
             "description": "Show a small copy button on the right, behind a hairline separator."
           },
+          {
+            "name": "copyConcealed",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Keep the copy button enabled while the content is hidden. It copies the text read from `children` without revealing it,\nso it needs text children: a component child copies nothing until revealed."
+          },
+          {
+            "name": "defaultConcealed",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": "Starting value of an uncontrolled chip."
+          },
+          {
+            "name": "onConcealedChange",
+            "required": false,
+            "type": "(concealed: boolean) => void",
+            "defaultValue": null,
+            "description": "Called with the new value when the eye button is pressed."
+          },
           {
             "name": "ref",
             "required": false,
@@ -2248,6 +2290,20 @@
             "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, {}>",
             "defaultValue": null,
             "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+          },
+          {
+            "name": "size",
+            "required": false,
+            "type": "\"sm\" | \"md\" | \"lg\"",
+            "defaultValue": "sm",
+            "description": "Height and type scale of the chip."
+          },
+          {
+            "name": "toggleLabel",
+            "required": false,
+            "type": "string",
+            "defaultValue": "Show",
+            "description": "Accessible name of the eye button; `aria-pressed` tells whether the content is shown."
           }
         ]
       },
@@ -11030,6 +11086,13 @@
           "type": "Ref<HTMLAnchorElement>",
           "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": "size",
+          "required": false,
+          "type": "\"sm\" | \"md\"",
+          "defaultValue": "md",
+          "description": "Row density. `\"md\"` is the default row; `\"sm\"` tightens the padding, tile, and gap for dense lists."
         }
       ]
     },
@@ -15705,11 +15768,32 @@
         "props": [
           {
             "name": "children",
-            "required": true,
+            "required": false,
             "type": "ReactNode",
             "defaultValue": null,
             "description": "Code content shown in the chip. The copy button copies its rendered text."
           },
+          {
+            "name": "concealable",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Show an eye button at the start that hides the content until it is pressed."
+          },
+          {
+            "name": "concealed",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": null,
+            "description": "Whether the content is hidden. Needs `concealable`. Pass it with `onConcealedChange` to control the chip."
+          },
+          {
+            "name": "concealedLength",
+            "required": false,
+            "type": "number",
+            "defaultValue": "8",
+            "description": "Width in characters of the hidden placeholder when there is no text to measure."
+          },
           {
             "name": "copyable",
             "required": false,
@@ -15717,6 +15801,27 @@
             "defaultValue": "false",
             "description": "Show a small copy button on the right, behind a hairline separator."
           },
+          {
+            "name": "copyConcealed",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Keep the copy button enabled while the content is hidden. It copies the text read from `children` without revealing it,\nso it needs text children: a component child copies nothing until revealed."
+          },
+          {
+            "name": "defaultConcealed",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": "Starting value of an uncontrolled chip."
+          },
+          {
+            "name": "onConcealedChange",
+            "required": false,
+            "type": "(concealed: boolean) => void",
+            "defaultValue": null,
+            "description": "Called with the new value when the eye button is pressed."
+          },
           {
             "name": "ref",
             "required": false,
@@ -15730,6 +15835,20 @@
             "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, {}>",
             "defaultValue": null,
             "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+          },
+          {
+            "name": "size",
+            "required": false,
+            "type": "\"sm\" | \"md\" | \"lg\"",
+            "defaultValue": "sm",
+            "description": "Height and type scale of the chip."
+          },
+          {
+            "name": "toggleLabel",
+            "required": false,
+            "type": "string",
+            "defaultValue": "Show",
+            "description": "Accessible name of the eye button; `aria-pressed` tells whether the content is shown."
           }
         ]
       },
@@ -16005,6 +16124,27 @@
             "defaultValue": null,
             "description": "Grammar used to tokenize the fragment. Purely visual — the chip shows no language label. Omit for plain text."
           },
+          {
+            "name": "concealable",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Show an eye button at the start that hides the content until it is pressed."
+          },
+          {
+            "name": "concealed",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": null,
+            "description": "Whether the content is hidden. Needs `concealable`. Pass it with `onConcealedChange` to control the chip."
+          },
+          {
+            "name": "concealedLength",
+            "required": false,
+            "type": "number",
+            "defaultValue": "8",
+            "description": "Width in characters of the hidden placeholder when there is no text to measure."
+          },
           {
             "name": "copyable",
             "required": false,
@@ -16012,6 +16152,20 @@
             "defaultValue": "false",
             "description": "Show a small copy button on the right, behind a hairline separator."
           },
+          {
+            "name": "copyConcealed",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Keep the copy button enabled while the content is hidden. It copies the text read from `children` without revealing it,\nso it needs text children: a component child copies nothing until revealed."
+          },
+          {
+            "name": "defaultConcealed",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": "Starting value of an uncontrolled chip."
+          },
           {
             "name": "language",
             "required": false,
@@ -16019,6 +16173,13 @@
             "defaultValue": null,
             "description": ""
           },
+          {
+            "name": "onConcealedChange",
+            "required": false,
+            "type": "(concealed: boolean) => void",
+            "defaultValue": null,
+            "description": "Called with the new value when the eye button is pressed."
+          },
           {
             "name": "ref",
             "required": false,
@@ -16032,6 +16193,20 @@
             "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, {}>",
             "defaultValue": null,
             "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+          },
+          {
+            "name": "size",
+            "required": false,
+            "type": "\"sm\" | \"md\" | \"lg\"",
+            "defaultValue": "sm",
+            "description": "Height and type scale of the chip."
+          },
+          {
+            "name": "toggleLabel",
+            "required": false,
+            "type": "string",
+            "defaultValue": "Show",
+            "description": "Accessible name of the eye button; `aria-pressed` tells whether the content is shown."
           }
         ]
       },

package/dist/code-72NzL5Cp.js

@@ -1,139 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Xo as t, ja as n, vM as r } from "./icons-CMetKl2x.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-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";
-import { useRender as v } from "@base-ui/react/use-render";
-import { mergeProps as y } from "@base-ui/react/merge-props";
-//#region src/hooks/use-clipboard.ts
-function b({ timeout: e = 1500 } = {}) {
-	let [t, n] = _(!1), r = g(void 0);
-	return h(() => () => clearTimeout(r.current), []), {
-		copied: t,
-		copy: m((t) => {
-			navigator.clipboard.writeText(t).then(() => {
-				n(!0), clearTimeout(r.current), r.current = setTimeout(() => n(!1), e);
-			});
-		}, [e])
-	};
-}
-var x = {
-	block: "imf-ui-code-module-block",
-	copy: "imf-ui-code-module-copy",
-	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"
-}, S = /* @__PURE__ */ e({
-	Block: () => T,
-	Inline: () => C,
-	InlineLink: () => w
-});
-function C({ copyable: e = !1, children: i, render: a, ...o }) {
-	let { copied: s, copy: c } = b(), l = g(null), u = s ? n : t;
-	return v({
-		defaultTagName: "code",
-		render: a,
-		props: {
-			...y(o, {
-				className: x.inline,
-				children: /* @__PURE__ */ p(d, { children: [
-					/* @__PURE__ */ f("span", {
-						ref: l,
-						children: i
-					}),
-					e && /* @__PURE__ */ f("span", { className: x.separator }),
-					e && /* @__PURE__ */ f("button", {
-						type: "button",
-						className: x.inlineCopy,
-						"data-copied": s || void 0,
-						"aria-label": s ? "Copied" : "Copy",
-						onClick: () => c(l.current?.textContent ?? ""),
-						children: /* @__PURE__ */ f(r, {
-							glyph: u,
-							size: 12,
-							strokeWidth: 2,
-							"aria-hidden": !0
-						})
-					})
-				] })
-			}),
-			"data-imf-ui-component": "Code.Inline"
-		}
-	});
-}
-C.displayName = "Code.Inline";
-function w({ kind: e = "external", ...t }) {
-	let n = e === "external" ? {
-		target: "_blank",
-		rel: "noreferrer"
-	} : {};
-	return v({
-		defaultTagName: "a",
-		render: t.render,
-		props: {
-			...y(n, t, {
-				className: u(x.inline, x.inlineLink, t.className),
-				children: t.children
-			}),
-			"data-imf-ui-component": "Code.InlineLink",
-			"data-kind": e
-		}
-	});
-}
-w.displayName = "Code.InlineLink";
-function T({ className: e, language: i, hideCopy: d = !1, children: m, ...h }) {
-	let { copied: _, copy: v } = b(), y = g(null), S = _ ? n : t;
-	return /* @__PURE__ */ p("div", {
-		"data-imf-ui-component": "Code.Block",
-		className: u(x.block, e),
-		children: [
-			i != null && /* @__PURE__ */ f("span", {
-				className: x.language,
-				children: i
-			}),
-			!d && /* @__PURE__ */ f("button", {
-				type: "button",
-				className: x.copy,
-				"data-copied": _ || void 0,
-				"aria-label": _ ? "Copied" : "Copy",
-				onClick: () => v(y.current?.textContent ?? ""),
-				children: /* @__PURE__ */ f(r, {
-					glyph: S,
-					size: 12,
-					strokeWidth: 2,
-					"aria-hidden": !0
-				})
-			}),
-			/* @__PURE__ */ p(o, { children: [/* @__PURE__ */ f(l, { children: /* @__PURE__ */ f(s, { children: /* @__PURE__ */ f("pre", {
-				...h,
-				className: x.pre,
-				children: /* @__PURE__ */ f("code", {
-					ref: y,
-					children: m
-				})
-			}) }) }), /* @__PURE__ */ f(a, {
-				orientation: "horizontal",
-				children: /* @__PURE__ */ f(c, {})
-			})] })
-		]
-	});
-}
-T.displayName = "Code.Block";
-//#endregion
-//#region src/components/code/code.meta.ts
-var E = {
-	name: "Code",
-	category: i.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",
-	internalDependencies: ["ScrollArea"]
-};
-//#endregion
-export { S as a, w as i, T as n, b as o, C as r, E as t };