@imfusion/web-ui 0.6.1-dev.6.g4adc5c3e → 0.6.1

package/dist/integrations/code-highlight/highlighter.d.ts

@@ -23,6 +23,30 @@ declare const LANGUAGE_DEFINITIONS: {
     readonly cmake: {
         readonly aliases: readonly [];
     };
+    readonly html: {
+        readonly aliases: readonly ["htm", "xml", "angular-html"];
+    };
+    readonly js: {
+        readonly aliases: readonly ["javascript", "mjs", "cjs", "js-vue"];
+    };
+    readonly jsx: {
+        readonly aliases: readonly [];
+    };
+    readonly markdown: {
+        readonly aliases: readonly ["md"];
+    };
+    readonly yaml: {
+        readonly aliases: readonly ["yml"];
+    };
+    readonly sql: {
+        readonly aliases: readonly [];
+    };
+    readonly dockerfile: {
+        readonly aliases: readonly [];
+    };
+    readonly toml: {
+        readonly aliases: readonly [];
+    };
 };
 export declare const SUPPORTED_LANGUAGES: string[];
 type CanonicalLanguage = keyof typeof LANGUAGE_DEFINITIONS;

package/dist/integrations/code-highlight.js

@@ -1,18 +1,26 @@
 import { t as e } from "../chunk-DmhlhrBa.js";
 import { t } from "../meta-CySnRuVp.js";
-import { i as n, n as r, r as i } from "../code-Blo48PGr.js";
+import { i as n, n as r, r as i } from "../code-BFMQnmu9.js";
 import { jsx as a } from "react/jsx-runtime";
 import { cloneElement as o, useMemo as s } from "react";
 import { createHighlighter as c, defineLanguage as l, renderNodesToHtml as u, renderTokens as d } from "@tanstack/highlight/core";
 import { css as f } from "@tanstack/highlight/languages/css";
-import { json as p } from "@tanstack/highlight/languages/json";
-import { plaintext as m } from "@tanstack/highlight/languages/plaintext";
-import { shell as h } from "@tanstack/highlight/languages/shell";
-import { ts as g } from "@tanstack/highlight/languages/ts";
-import { tsx as _ } from "@tanstack/highlight/languages/tsx";
-import { python as v } from "@tanstack/highlight/languages/python";
+import { dockerfile as p } from "@tanstack/highlight/languages/dockerfile";
+import { html as m } from "@tanstack/highlight/languages/html";
+import { js as h } from "@tanstack/highlight/languages/js";
+import { jsx as g } from "@tanstack/highlight/languages/jsx";
+import { json as _ } from "@tanstack/highlight/languages/json";
+import { markdown as v } from "@tanstack/highlight/languages/markdown";
+import { plaintext as y } from "@tanstack/highlight/languages/plaintext";
+import { shell as b } from "@tanstack/highlight/languages/shell";
+import { sql as x } from "@tanstack/highlight/languages/sql";
+import { toml as S } from "@tanstack/highlight/languages/toml";
+import { ts as C } from "@tanstack/highlight/languages/ts";
+import { tsx as w } from "@tanstack/highlight/languages/tsx";
+import { yaml as T } from "@tanstack/highlight/languages/yaml";
+import { python as E } from "@tanstack/highlight/languages/python";
 //#region src/integrations/code-highlight/language-patterns.ts
-function y(e, t, n = []) {
+function D(e, t, n = []) {
 	let r = [], i = new Uint8Array(e.length);
 	for (let { start: e, end: t } of n) i.fill(1, e, t);
 	for (let n of t) {
@@ -42,7 +50,7 @@ function y(e, t, n = []) {
 }
 //#endregion
 //#region src/integrations/code-highlight/languages/cmake.ts
-var b = [
+var O = [
 	{
 		className: "string",
 		regex: /"(?:\\.|[^"\\\n])*"|\[(=*)\[[\s\S]*?\]\1\]/g
@@ -75,12 +83,12 @@ var b = [
 		className: "operator",
 		regex: /(?:LESS_EQUAL|GREATER_EQUAL|STREQUAL|IN_LIST|MATCHES|EQUAL|LESS|GREATER|AND|OR|NOT|[=<>+*/!-])/gi
 	}
-], x = l({
+], k = l({
 	name: "cmake",
 	tokenize(e) {
-		return y(e, b);
+		return D(e, O);
 	}
-}), S = [
+}), A = [
 	{
 		className: "comment",
 		regex: /\/\/[^\n]*|\/\*[\s\S]*?\*\//g
@@ -117,7 +125,7 @@ var b = [
 		className: "operator",
 		regex: /(?:<<=?|>>=?|->\*|->|\+\+|--|&&|\|\||==|!=|<=|>=|::|\+=|-=|\*=|\/=|%=|&=|\|=|\^=|[-+*/%=&|^!<>?:~])/g
 	}
-], C = l({
+], j = l({
 	name: "cpp",
 	aliases: [
 		"c++",
@@ -126,19 +134,19 @@ var b = [
 		"hpp"
 	],
 	tokenize(e) {
-		return y(e, S);
+		return D(e, A);
 	}
-}), w = [{
+}), M = [{
 	className: "function",
 	regex: /\b[A-Za-z_]\w*(?=\s*\()/g
-}], T = l({
+}], N = l({
 	name: "python",
 	aliases: ["py"],
 	tokenize(e, t) {
-		let n = v.tokenize(e, t), r = y(e, w, n);
+		let n = E.tokenize(e, t), r = D(e, M, n);
 		return [...n, ...r];
 	}
-}), E = {
+}), P = {
 	tsx: { aliases: ["typescriptreact"] },
 	ts: { aliases: ["typescript"] },
 	css: { aliases: ["scss"] },
@@ -156,73 +164,98 @@ var b = [
 		"hpp"
 	] },
 	python: { aliases: ["py"] },
-	cmake: { aliases: [] }
-}, D = Object.keys(E), O = [...D, ...Object.values(E).flatMap(({ aliases: e }) => e)];
-function k(e) {
-	return O.includes(e);
+	cmake: { aliases: [] },
+	html: { aliases: [
+		"htm",
+		"xml",
+		"angular-html"
+	] },
+	js: { aliases: [
+		"javascript",
+		"mjs",
+		"cjs",
+		"js-vue"
+	] },
+	jsx: { aliases: [] },
+	markdown: { aliases: ["md"] },
+	yaml: { aliases: ["yml"] },
+	sql: { aliases: [] },
+	dockerfile: { aliases: [] },
+	toml: { aliases: [] }
+}, F = Object.keys(P), I = [...F, ...Object.values(P).flatMap(({ aliases: e }) => e)];
+function L(e) {
+	return I.includes(e);
 }
-function A(e, t) {
+function R(e, t) {
 	return e.aliases.includes(t);
 }
-function j(e) {
-	for (let [t, n] of Object.entries(E)) if (A(n, e)) return t;
+function z(e) {
+	for (let [t, n] of Object.entries(P)) if (R(n, e)) return t;
 	return e;
 }
-var M = c({
+var B = c({
 	languages: [
-		_,
-		g,
+		w,
+		C,
 		f,
+		b,
+		_,
+		j,
+		N,
+		k,
+		m,
 		h,
-		p,
-		C,
+		g,
+		v,
 		T,
 		x,
-		m
+		p,
+		S,
+		y
 	],
 	fallbackLanguage: "plaintext"
 });
-function N(e, t) {
-	let n = j(t), { tokens: r } = M.tokenize(e, { lang: n });
+function V(e, t) {
+	let n = z(t), { tokens: r } = B.tokenize(e, { lang: n });
 	return u(d(r));
 }
 //#endregion
 //#region src/integrations/code-highlight/code-highlight.tsx
-var P = /* @__PURE__ */ e({
-	Block: () => I,
-	Inline: () => L,
+var H = /* @__PURE__ */ e({
+	Block: () => W,
+	Inline: () => G,
 	InlineLink: () => n
 });
-function F(e, t) {
+function U(e, t) {
 	return s(() => {
-		if (!(t == null || e === "")) return /* @__PURE__ */ a("span", { dangerouslySetInnerHTML: { __html: N(e, t) } });
+		if (!(t == null || e === "")) return /* @__PURE__ */ a("span", { dangerouslySetInnerHTML: { __html: V(e, t) } });
 	}, [e, t]);
 }
-function I({ language: e, children: t, ...n }) {
-	let i = F(t, e);
+function W({ language: e, children: t, ...n }) {
+	let i = U(t, e);
 	return o(/* @__PURE__ */ a(r, {
 		...n,
 		language: e,
 		children: t
 	}), { children: i ?? t });
 }
-I.displayName = "Code.Block";
-function L({ language: e, children: t, ...n }) {
-	let r = F(t, e);
+W.displayName = "Code.Block";
+function G({ language: e, children: t, ...n }) {
+	let r = U(t, e);
 	return o(/* @__PURE__ */ a(i, {
 		...n,
 		children: t
 	}), { children: r ?? t });
 }
-L.displayName = "Code.Inline";
+G.displayName = "Code.Inline";
 //#endregion
 //#region src/integrations/code-highlight/code-highlight.meta.ts
-var R = {
+var K = {
 	name: "CodeHighlight",
 	category: t.display,
 	status: "experimental",
 	namespace: !0,
-	description: "Syntax-highlighted drop-in for the Code parts — the same Code.Block and Code.Inline, with TanStack Highlight token coloring that follows the color scheme. Imported from @imfusion/web-ui/integrations/code-highlight; requires the @tanstack/highlight peer.",
+	description: "Syntax-highlighted Code parts powered by TanStack Highlight. Import from the integration entry and install the optional @tanstack/highlight peer.",
 	origin: "adapted",
 	internalDependencies: ["Code"],
 	upstream: {
@@ -233,4 +266,4 @@ var R = {
 	}
 };
 //#endregion
-export { P as Code, D as SUPPORTED_LANGUAGES, R as codeHighlightMeta, k as isSupportedLanguage };
+export { H as Code, F as SUPPORTED_LANGUAGES, K as codeHighlightMeta, L as isSupportedLanguage };

package/dist/integrations/image-display-options.js

@@ -1,5 +1,5 @@
 import { t as e } from "../meta-CySnRuVp.js";
-import { _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, n as d, o as f, p, r as m, t as h, u as g, v as _, x as v, y } from "../tabs-CMKvMF4E.js";
+import { _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, n as d, o as f, p, r as m, t as h, u as g, v as _, x as v, y } from "../tabs-DIe1Utiy.js";
 import { cva as b } from "class-variance-authority";
 import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
 import { useId as w, useMemo as T, useState as E } from "react";
@@ -297,7 +297,7 @@ var U = {
 	name: "ImageDisplayOptions",
 	category: e.inputs,
 	status: "experimental",
-	description: "A panel or toolbar of controls bound to an image dataset's display options.",
+	description: "Panel and toolbar controls for an image dataset's display options, including window, level, gamma, and invert settings.",
 	origin: "adapted",
 	internalDependencies: [
 		"Tabs",

package/dist/provider/web-ui-provider.d.ts

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
-import { IconConfig } from '../icons/icon-context';
+import * as IconConfig from '../icons/icon-config';
 interface Props {
     children: ReactNode;
-    /** SVG defaults for icons in this provider's subtree; omitted fields use the defaults from icon-context.ts. */
-    icons?: IconConfig;
+    /** SVG defaults for icons in this provider's subtree; omitted fields use the defaults from icon-config.tsx. */
+    icons?: React.ComponentProps<typeof IconConfig.Provider>["value"];
 }
 export declare function WebUIProvider({ children, icons }: Props): import("react/jsx-runtime").JSX.Element;
 export {};