@imfusion/web-ui 0.6.1-dev.33.g665111df → 0.6.1-dev.9.g317bd6f2

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

@@ -23,30 +23,6 @@ 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,26 +1,18 @@
 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-BFMQnmu9.js";
+import { i as n, n as r, r as i } from "../code-Blo48PGr.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 { 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";
+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";
 //#region src/integrations/code-highlight/language-patterns.ts
-function D(e, t, n = []) {
+function y(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) {
@@ -50,7 +42,7 @@ function D(e, t, n = []) {
 }
 //#endregion
 //#region src/integrations/code-highlight/languages/cmake.ts
-var O = [
+var b = [
 	{
 		className: "string",
 		regex: /"(?:\\.|[^"\\\n])*"|\[(=*)\[[\s\S]*?\]\1\]/g
@@ -83,12 +75,12 @@ var O = [
 		className: "operator",
 		regex: /(?:LESS_EQUAL|GREATER_EQUAL|STREQUAL|IN_LIST|MATCHES|EQUAL|LESS|GREATER|AND|OR|NOT|[=<>+*/!-])/gi
 	}
-], k = l({
+], x = l({
 	name: "cmake",
 	tokenize(e) {
-		return D(e, O);
+		return y(e, b);
 	}
-}), A = [
+}), S = [
 	{
 		className: "comment",
 		regex: /\/\/[^\n]*|\/\*[\s\S]*?\*\//g
@@ -125,7 +117,7 @@ var O = [
 		className: "operator",
 		regex: /(?:<<=?|>>=?|->\*|->|\+\+|--|&&|\|\||==|!=|<=|>=|::|\+=|-=|\*=|\/=|%=|&=|\|=|\^=|[-+*/%=&|^!<>?:~])/g
 	}
-], j = l({
+], C = l({
 	name: "cpp",
 	aliases: [
 		"c++",
@@ -134,19 +126,19 @@ var O = [
 		"hpp"
 	],
 	tokenize(e) {
-		return D(e, A);
+		return y(e, S);
 	}
-}), M = [{
+}), w = [{
 	className: "function",
 	regex: /\b[A-Za-z_]\w*(?=\s*\()/g
-}], N = l({
+}], T = l({
 	name: "python",
 	aliases: ["py"],
 	tokenize(e, t) {
-		let n = E.tokenize(e, t), r = D(e, M, n);
+		let n = v.tokenize(e, t), r = y(e, w, n);
 		return [...n, ...r];
 	}
-}), P = {
+}), E = {
 	tsx: { aliases: ["typescriptreact"] },
 	ts: { aliases: ["typescript"] },
 	css: { aliases: ["scss"] },
@@ -164,98 +156,73 @@ var O = [
 		"hpp"
 	] },
 	python: { aliases: ["py"] },
-	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);
+	cmake: { aliases: [] }
+}, D = Object.keys(E), O = [...D, ...Object.values(E).flatMap(({ aliases: e }) => e)];
+function k(e) {
+	return O.includes(e);
 }
-function R(e, t) {
+function A(e, t) {
 	return e.aliases.includes(t);
 }
-function z(e) {
-	for (let [t, n] of Object.entries(P)) if (R(n, e)) return t;
+function j(e) {
+	for (let [t, n] of Object.entries(E)) if (A(n, e)) return t;
 	return e;
 }
-var B = c({
+var M = c({
 	languages: [
-		w,
-		C,
-		f,
-		b,
 		_,
-		j,
-		N,
-		k,
-		m,
-		h,
 		g,
-		v,
+		f,
+		h,
+		p,
+		C,
 		T,
 		x,
-		p,
-		S,
-		y
+		m
 	],
 	fallbackLanguage: "plaintext"
 });
-function V(e, t) {
-	let n = z(t), { tokens: r } = B.tokenize(e, { lang: n });
+function N(e, t) {
+	let n = j(t), { tokens: r } = M.tokenize(e, { lang: n });
 	return u(d(r));
 }
 //#endregion
 //#region src/integrations/code-highlight/code-highlight.tsx
-var H = /* @__PURE__ */ e({
-	Block: () => W,
-	Inline: () => G,
+var P = /* @__PURE__ */ e({
+	Block: () => I,
+	Inline: () => L,
 	InlineLink: () => n
 });
-function U(e, t) {
+function F(e, t) {
 	return s(() => {
-		if (!(t == null || e === "")) return /* @__PURE__ */ a("span", { dangerouslySetInnerHTML: { __html: V(e, t) } });
+		if (!(t == null || e === "")) return /* @__PURE__ */ a("span", { dangerouslySetInnerHTML: { __html: N(e, t) } });
 	}, [e, t]);
 }
-function W({ language: e, children: t, ...n }) {
-	let i = U(t, e);
+function I({ language: e, children: t, ...n }) {
+	let i = F(t, e);
 	return o(/* @__PURE__ */ a(r, {
 		...n,
 		language: e,
 		children: t
 	}), { children: i ?? t });
 }
-W.displayName = "Code.Block";
-function G({ language: e, children: t, ...n }) {
-	let r = U(t, e);
+I.displayName = "Code.Block";
+function L({ language: e, children: t, ...n }) {
+	let r = F(t, e);
 	return o(/* @__PURE__ */ a(i, {
 		...n,
 		children: t
 	}), { children: r ?? t });
 }
-G.displayName = "Code.Inline";
+L.displayName = "Code.Inline";
 //#endregion
 //#region src/integrations/code-highlight/code-highlight.meta.ts
-var K = {
+var R = {
 	name: "CodeHighlight",
 	category: t.display,
 	status: "experimental",
 	namespace: !0,
-	description: "Syntax-highlighted Code parts powered by TanStack Highlight. Import from the integration entry and install the optional @tanstack/highlight peer.",
+	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.",
 	origin: "adapted",
 	internalDependencies: ["Code"],
 	upstream: {
@@ -266,4 +233,4 @@ var K = {
 	}
 };
 //#endregion
-export { H as Code, F as SUPPORTED_LANGUAGES, K as codeHighlightMeta, L as isSupportedLanguage };
+export { P as Code, D as SUPPORTED_LANGUAGES, R as codeHighlightMeta, k 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-DIe1Utiy.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 { 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: "Panel and toolbar controls for an image dataset's display options, including window, level, gamma, and invert settings.",
+	description: "A panel or toolbar of controls bound to an image dataset's display options.",
 	origin: "adapted",
 	internalDependencies: [
 		"Tabs",

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

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