@imfusion/web-ui 0.6.1-dev.15.g96aa499b → 0.6.1-dev.20.g3845eed7

package/dist/components/toast/toast.d.ts

@@ -13,6 +13,7 @@ type UpstreamPositioner = React.ComponentProps<typeof ToastPrimitive.Positioner>
 type UpstreamArrow = React.ComponentProps<typeof ToastPrimitive.Arrow>;
 declare const toastViewport: (props?: ({
     position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
+    width?: "content" | "default" | "compact" | "wide" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const toastRoot: (props?: ({
     variant?: "warning" | "info" | "neutral" | "success" | "error" | null | undefined;
@@ -62,6 +63,8 @@ export declare namespace Portal {
 type ViewportProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
     /** Which edge or corner of the screen the stack anchors to. */
     position?: VariantProps<typeof toastViewport>["position"];
+    /** Width treatment for the toast stack. */
+    width?: VariantProps<typeof toastViewport>["width"];
     className?: UpstreamViewport["className"];
     render?: UpstreamViewport["render"];
 };
@@ -70,7 +73,7 @@ type ViewportProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
  * expands the collapsed toasts; it ignores pointer events except on the toasts
  * themselves so the app underneath stays clickable.
  */
-export declare function Viewport({ className, position, ...props }: ViewportProps): import("react/jsx-runtime").JSX.Element;
+export declare function Viewport({ className, position, width, ...props }: ViewportProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Viewport {
     var displayName: string;
 }

package/dist/index.js

@@ -2308,7 +2308,11 @@ var ja = {
 	variantInfo: "imf-ui-toast-module-variantInfo",
 	variantSuccess: "imf-ui-toast-module-variantSuccess",
 	variantWarning: "imf-ui-toast-module-variantWarning",
-	viewport: "imf-ui-toast-module-viewport"
+	viewport: "imf-ui-toast-module-viewport",
+	widthCompact: "imf-ui-toast-module-widthCompact",
+	widthContent: "imf-ui-toast-module-widthContent",
+	widthDefault: "imf-ui-toast-module-widthDefault",
+	widthWide: "imf-ui-toast-module-widthWide"
 }, Na = /* @__PURE__ */ e({
 	Action: () => eo,
 	Arrow: () => no,
@@ -2324,15 +2328,26 @@ var ja = {
 	createToastManager: () => Ga,
 	useToastManager: () => Wa
 }), Pa = h(Y.portal), Fa = h(Y.viewport, {
-	variants: { position: {
-		"top-left": Y.positionTopLeft,
-		"top-center": Y.positionTopCenter,
-		"top-right": Y.positionTopRight,
-		"bottom-left": Y.positionBottomLeft,
-		"bottom-center": Y.positionBottomCenter,
-		"bottom-right": Y.positionBottomRight
-	} },
-	defaultVariants: { position: "bottom-center" }
+	variants: {
+		position: {
+			"top-left": Y.positionTopLeft,
+			"top-center": Y.positionTopCenter,
+			"top-right": Y.positionTopRight,
+			"bottom-left": Y.positionBottomLeft,
+			"bottom-center": Y.positionBottomCenter,
+			"bottom-right": Y.positionBottomRight
+		},
+		width: {
+			compact: Y.widthCompact,
+			default: Y.widthDefault,
+			wide: Y.widthWide,
+			content: Y.widthContent
+		}
+	},
+	defaultVariants: {
+		position: "bottom-center",
+		width: "default"
+	}
 }), Ia = h(Y.root, {
 	variants: { variant: {
 		neutral: null,
@@ -2359,13 +2374,14 @@ function qa({ className: e, ...t }) {
 	});
 }
 qa.displayName = "Toast.Portal";
-function Ja({ className: e, position: t = "bottom-center", ...n }) {
+function Ja({ className: e, position: t = "bottom-center", width: n = "default", ...r }) {
 	return /* @__PURE__ */ _(T.Viewport, {
-		...n,
+		...r,
 		"data-imf-ui-component": "Toast.Viewport",
-		className: (n) => Fa({
+		className: (r) => Fa({
 			position: t,
-			className: typeof e == "function" ? e(n) : e
+			width: n,
+			className: typeof e == "function" ? e(r) : e
 		})
 	});
 }

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

@@ -5,14 +5,22 @@ 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,68 +164,93 @@ 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",
@@ -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 };