wimui 0.51.2 → 0.52.2

package/dist/components/ai/CodeDiffViewer/CodeDiffViewer.js

@@ -7,19 +7,20 @@ import i from "../../../icon/columns.js";
 import a from "../../../icon/copy.js";
 import o from "../../../icon/spinner.js";
 import { Icon as s } from "../../media/Icon/Icon.js";
-import c from "./code-diff-viewer.module.js";
-import l, { useCallback as u, useEffect as d, useImperativeHandle as f, useMemo as p, useRef as m } from "react";
-import h from "classnames";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { diffLines as v } from "diff";
+import { formNs as c } from "../../../i18n/generated/form.js";
+import l from "./code-diff-viewer.module.js";
+import u, { useCallback as d, useEffect as f, useImperativeHandle as p, useMemo as m, useRef as h } from "react";
+import g from "classnames";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { diffLines as y } from "diff";
 //#region src/components/ai/CodeDiffViewer/CodeDiffViewer.tsx
-function y(e) {
+function b(e) {
 	let t = e.endsWith("\n") ? e.slice(0, -1) : e;
 	return t === "" ? [] : t.split("\n");
 }
-function b(e) {
+function x(e) {
 	let t = [], n = 1, r = 1;
-	for (let i of e) for (let e of y(i.value)) i.removed ? t.push({
+	for (let i of e) for (let e of b(i.value)) i.removed ? t.push({
 		type: "removed",
 		content: e,
 		oldNum: n++
@@ -35,12 +36,12 @@ function b(e) {
 	});
 	return t;
 }
-function x(e) {
+function S(e) {
 	let t = [], n = [], r = 1, i = 1, a = 0;
 	for (; a < e.length;) {
 		let o = e[a];
 		if (!o.added && !o.removed) {
-			for (let e of y(o.value)) t.push({
+			for (let e of b(o.value)) t.push({
 				type: "unchanged",
 				content: e,
 				num: r++
@@ -51,7 +52,7 @@ function x(e) {
 			});
 			a++;
 		} else if (o.removed) {
-			let s = y(o.value), c = e[a + 1], l = c?.added ? y(c.value) : [];
+			let s = b(o.value), c = e[a + 1], l = c?.added ? b(c.value) : [];
 			c?.added && a++;
 			let u = Math.max(s.length, l.length);
 			for (let e = 0; e < u; e++) t.push(e < s.length ? {
@@ -71,7 +72,7 @@ function x(e) {
 			});
 			a++;
 		} else {
-			for (let e of y(o.value)) t.push({
+			for (let e of b(o.value)) t.push({
 				type: "empty",
 				content: ""
 			}), n.push({
@@ -87,170 +88,170 @@ function x(e) {
 		right: n
 	};
 }
-function S({ num: e }) {
-	return /* @__PURE__ */ g("span", {
-		className: c.lineNum,
+function C({ num: e }) {
+	return /* @__PURE__ */ _("span", {
+		className: l.lineNum,
 		"aria-hidden": "true",
 		children: e ?? ""
 	});
 }
-function C({ line: e }) {
+function w({ line: e }) {
 	let t = e.type === "added" ? "+" : e.type === "removed" ? "−" : " ";
-	return /* @__PURE__ */ _("div", {
-		className: h(c.row, c[e.type]),
+	return /* @__PURE__ */ v("div", {
+		className: g(l.row, l[e.type]),
 		children: [
-			/* @__PURE__ */ g(S, { num: e.oldNum }),
-			/* @__PURE__ */ g(S, { num: e.newNum }),
-			/* @__PURE__ */ g("span", {
-				className: c.prefix,
+			/* @__PURE__ */ _(C, { num: e.oldNum }),
+			/* @__PURE__ */ _(C, { num: e.newNum }),
+			/* @__PURE__ */ _("span", {
+				className: l.prefix,
 				"aria-hidden": "true",
 				children: t
 			}),
-			/* @__PURE__ */ g("span", {
-				className: c.lineContent,
+			/* @__PURE__ */ _("span", {
+				className: l.lineContent,
 				children: e.content
 			})
 		]
 	});
 }
-function w({ line: e }) {
-	return /* @__PURE__ */ _("div", {
-		className: h(c.splitCell, c[e.type]),
+function T({ line: e }) {
+	return /* @__PURE__ */ v("div", {
+		className: g(l.splitCell, l[e.type]),
 		children: [
-			/* @__PURE__ */ g(S, { num: e.num }),
-			e.type !== "empty" && /* @__PURE__ */ g("span", {
-				className: c.prefix,
+			/* @__PURE__ */ _(C, { num: e.num }),
+			e.type !== "empty" && /* @__PURE__ */ _("span", {
+				className: l.prefix,
 				"aria-hidden": "true",
 				children: e.type === "added" ? "+" : e.type === "removed" ? "−" : " "
 			}),
-			/* @__PURE__ */ g("span", {
-				className: c.lineContent,
+			/* @__PURE__ */ _("span", {
+				className: l.lineContent,
 				children: e.content
 			})
 		]
 	});
 }
-var T = l.forwardRef(({ before: y, after: S, language: T, filename: E, view: D = "split", onApply: O, onReject: k, className: A, isApplying: j = !1, isApplied: M = !1, ...N }, P) => {
-	let { t: F } = e("form"), [I, L] = l.useState(!1), [R, z] = l.useState(D), [B, V] = l.useState(null), H = B ?? R, U = m(null);
-	f(P, () => U.current, []), d(() => {
-		let e = U.current;
+var E = u.forwardRef(({ before: b, after: C, language: E, filename: D, view: O = "split", onApply: k, onReject: A, className: j, isApplying: M = !1, isApplied: N = !1, ...P }, F) => {
+	let { t: I } = e(c), [L, R] = u.useState(!1), [z, B] = u.useState(O), [V, H] = u.useState(null), U = V ?? z, W = h(null);
+	p(F, () => W.current, []), f(() => {
+		let e = W.current;
 		if (!e) return;
 		let t = new ResizeObserver(([e]) => {
 			let t = e.contentRect.width < 640;
-			z((e) => {
+			B((e) => {
 				let n = t ? "unified" : "split";
-				return e !== n && V(null), n;
+				return e !== n && H(null), n;
 			});
 		});
 		return t.observe(e), () => t.disconnect();
 	}, []);
-	let W = p(() => v(y ?? "", S ?? ""), [y, S]), G = p(() => b(W), [W]), K = p(() => x(W), [W]), q = E ?? T, J = u(async () => {
+	let G = m(() => y(b ?? "", C ?? ""), [b, C]), K = m(() => x(G), [G]), q = m(() => S(G), [G]), J = D ?? E, Y = d(async () => {
 		try {
-			await navigator.clipboard.writeText(S), L(!0), setTimeout(() => L(!1), 2e3);
+			await navigator.clipboard.writeText(C), R(!0), setTimeout(() => R(!1), 2e3);
 		} catch {}
-	}, [S]);
-	return /* @__PURE__ */ _("div", {
-		ref: U,
-		className: h("wim-code-diff-viewer", c.root, A),
-		...N,
-		children: [/* @__PURE__ */ _("div", {
-			className: c.header,
-			children: [/* @__PURE__ */ _("div", {
-				className: c.headerLeft,
-				children: [q && /* @__PURE__ */ g("span", {
-					className: c.filename,
-					children: q
-				}), /* @__PURE__ */ _("div", {
-					className: c.viewToggle,
-					children: [/* @__PURE__ */ g("button", {
+	}, [C]);
+	return /* @__PURE__ */ v("div", {
+		ref: W,
+		className: g("wim-code-diff-viewer", l.root, j),
+		...P,
+		children: [/* @__PURE__ */ v("div", {
+			className: l.header,
+			children: [/* @__PURE__ */ v("div", {
+				className: l.headerLeft,
+				children: [J && /* @__PURE__ */ _("span", {
+					className: l.filename,
+					children: J
+				}), /* @__PURE__ */ v("div", {
+					className: l.viewToggle,
+					children: [/* @__PURE__ */ _("button", {
 						type: "button",
-						className: h(c.viewBtn, H === "split" && c.active),
-						onClick: () => V("split"),
-						"aria-label": F("code_diff_viewer.split_view"),
-						"aria-pressed": H === "split",
-						children: /* @__PURE__ */ g(s, {
+						className: g(l.viewBtn, U === "split" && l.active),
+						onClick: () => H("split"),
+						"aria-label": I("code_diff_viewer.split_view"),
+						"aria-pressed": U === "split",
+						children: /* @__PURE__ */ _(s, {
 							component: i,
 							size: "sm",
 							"aria-hidden": "true"
 						})
-					}), /* @__PURE__ */ g("button", {
+					}), /* @__PURE__ */ _("button", {
 						type: "button",
-						className: h(c.viewBtn, H === "unified" && c.active),
-						onClick: () => V("unified"),
-						"aria-label": F("code_diff_viewer.unified_view"),
-						"aria-pressed": H === "unified",
-						children: /* @__PURE__ */ g(s, {
+						className: g(l.viewBtn, U === "unified" && l.active),
+						onClick: () => H("unified"),
+						"aria-label": I("code_diff_viewer.unified_view"),
+						"aria-pressed": U === "unified",
+						children: /* @__PURE__ */ _(s, {
 							component: t,
 							size: "sm",
 							"aria-hidden": "true"
 						})
 					})]
 				})]
-			}), /* @__PURE__ */ _("div", {
-				className: c.headerActions,
+			}), /* @__PURE__ */ v("div", {
+				className: l.headerActions,
 				children: [
-					/* @__PURE__ */ g("button", {
+					/* @__PURE__ */ _("button", {
 						type: "button",
-						className: h(c.iconButton, I && c.copied),
-						onClick: J,
-						"aria-label": F(I ? "code_diff_viewer.copied_label" : "code_diff_viewer.copy_label"),
-						children: /* @__PURE__ */ g(s, {
-							component: I ? n : a,
+						className: g(l.iconButton, L && l.copied),
+						onClick: Y,
+						"aria-label": I(L ? "code_diff_viewer.copied_label" : "code_diff_viewer.copy_label"),
+						children: /* @__PURE__ */ _(s, {
+							component: L ? n : a,
 							size: "sm"
 						})
 					}),
-					k && /* @__PURE__ */ _("button", {
+					A && /* @__PURE__ */ v("button", {
 						type: "button",
-						className: h(c.actionButton, c.rejectButton),
-						onClick: k,
-						children: [/* @__PURE__ */ g(s, {
+						className: g(l.actionButton, l.rejectButton),
+						onClick: A,
+						children: [/* @__PURE__ */ _(s, {
 							component: r,
 							size: "sm",
 							"aria-hidden": "true"
-						}), F("code_diff_viewer.reject")]
+						}), I("code_diff_viewer.reject")]
 					}),
-					(O || M) && /* @__PURE__ */ _("button", {
+					(k || N) && /* @__PURE__ */ v("button", {
 						type: "button",
-						className: h(c.actionButton, c.applyButton, j && c.applying, M && c.applied),
-						onClick: O,
-						disabled: j || M,
-						children: [/* @__PURE__ */ g(s, {
-							component: j ? o : n,
+						className: g(l.actionButton, l.applyButton, M && l.applying, N && l.applied),
+						onClick: k,
+						disabled: M || N,
+						children: [/* @__PURE__ */ _(s, {
+							component: M ? o : n,
 							size: "sm",
-							className: h(j && c.spin),
+							className: g(M && l.spin),
 							"aria-hidden": "true"
-						}), F(M ? "code_diff_viewer.applied" : "code_diff_viewer.apply")]
+						}), I(N ? "code_diff_viewer.applied" : "code_diff_viewer.apply")]
 					})
 				]
 			})]
-		}), /* @__PURE__ */ g("div", {
-			className: c.body,
+		}), /* @__PURE__ */ _("div", {
+			className: l.body,
 			tabIndex: 0,
-			children: H === "unified" ? /* @__PURE__ */ g("div", {
-				className: c.unified,
-				children: G.map((e, t) => /* @__PURE__ */ g(C, { line: e }, t))
-			}) : /* @__PURE__ */ _("div", {
-				className: c.split,
+			children: U === "unified" ? /* @__PURE__ */ _("div", {
+				className: l.unified,
+				children: K.map((e, t) => /* @__PURE__ */ _(w, { line: e }, t))
+			}) : /* @__PURE__ */ v("div", {
+				className: l.split,
 				children: [
-					/* @__PURE__ */ g("div", {
-						className: c.splitPane,
+					/* @__PURE__ */ _("div", {
+						className: l.splitPane,
 						tabIndex: 0,
-						children: K.left.map((e, t) => /* @__PURE__ */ g(w, { line: e }, t))
+						children: q.left.map((e, t) => /* @__PURE__ */ _(T, { line: e }, t))
 					}),
-					/* @__PURE__ */ g("div", {
-						className: c.splitDivider,
+					/* @__PURE__ */ _("div", {
+						className: l.splitDivider,
 						"aria-hidden": "true"
 					}),
-					/* @__PURE__ */ g("div", {
-						className: c.splitPane,
+					/* @__PURE__ */ _("div", {
+						className: l.splitPane,
 						tabIndex: 0,
-						children: K.right.map((e, t) => /* @__PURE__ */ g(w, { line: e }, t))
+						children: q.right.map((e, t) => /* @__PURE__ */ _(T, { line: e }, t))
 					})
 				]
 			})
 		})]
 	});
 });
-T.displayName = "CodeDiffViewer";
+E.displayName = "CodeDiffViewer";
 //#endregion
-export { T as CodeDiffViewer };
+export { E as CodeDiffViewer };

package/dist/components/ai/CodeDiffViewer/code-diff-viewer.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1s1du_29`,t=`_header_1s1du_45`,n=`_headerLeft_1s1du_55`,r=`_filename_1s1du_61`,i=`_viewToggle_1s1du_69`,a=`_viewBtn_1s1du_75`,o=`_active_1s1du_87`,s=`_headerActions_1s1du_98`,c=`_iconButton_1s1du_104`,l=`_copied_1s1du_125`,u=`_actionButton_1s1du_131`,d=`_applyButton_1s1du_148`,f=`_applying_1s1du_157`,p=`_applied_1s1du_161`,m=`_spin_1s1du_170`,h=`_rejectButton_1s1du_178`,g=`_body_1s1du_187`,_=`_unified_1s1du_192`,v=`_row_1s1du_197`,y=`_added_1s1du_200`,b=`_removed_1s1du_203`,x=`_split_1s1du_210`,S=`_splitPane_1s1du_214`,C=`_splitDivider_1s1du_219`,w=`_splitCell_1s1du_224`,T=`_empty_1s1du_234`,E=`_lineNum_1s1du_244`,D=`_prefix_1s1du_259`,O=`_lineContent_1s1du_274`,k={root:e,header:t,headerLeft:n,filename:r,viewToggle:i,viewBtn:a,active:o,headerActions:s,iconButton:c,copied:l,actionButton:u,applyButton:d,applying:f,applied:p,spin:m,"code-spin":`_code-spin_1s1du_1`,rejectButton:h,body:g,unified:_,row:v,added:y,removed:b,split:x,splitPane:S,splitDivider:C,splitCell:w,empty:T,lineNum:E,prefix:D,lineContent:O};exports.actionButton=u,exports.active=o,exports.added=y,exports.applied=p,exports.applyButton=d,exports.applying=f,exports.body=g,exports.copied=l,exports.default=k,exports.empty=T,exports.filename=r,exports.header=t,exports.headerActions=s,exports.headerLeft=n,exports.iconButton=c,exports.lineContent=O,exports.lineNum=E,exports.prefix=D,exports.rejectButton=h,exports.removed=b,exports.root=e,exports.row=v,exports.spin=m,exports.split=x,exports.splitCell=w,exports.splitDivider=C,exports.splitPane=S,exports.unified=_,exports.viewBtn=a,exports.viewToggle=i;
+var e=`_root_1xvm4_29`,t=`_header_1xvm4_45`,n=`_headerLeft_1xvm4_55`,r=`_filename_1xvm4_61`,i=`_viewToggle_1xvm4_69`,a=`_viewBtn_1xvm4_75`,o=`_active_1xvm4_87`,s=`_headerActions_1xvm4_101`,c=`_iconButton_1xvm4_107`,l=`_copied_1xvm4_131`,u=`_actionButton_1xvm4_137`,d=`_applyButton_1xvm4_154`,f=`_applying_1xvm4_163`,p=`_applied_1xvm4_167`,m=`_spin_1xvm4_176`,h=`_rejectButton_1xvm4_184`,g=`_body_1xvm4_193`,_=`_unified_1xvm4_198`,v=`_row_1xvm4_203`,y=`_added_1xvm4_206`,b=`_removed_1xvm4_209`,x=`_split_1xvm4_216`,S=`_splitPane_1xvm4_220`,C=`_splitDivider_1xvm4_225`,w=`_splitCell_1xvm4_230`,T=`_empty_1xvm4_240`,E=`_lineNum_1xvm4_250`,D=`_prefix_1xvm4_265`,O=`_lineContent_1xvm4_280`,k={root:e,header:t,headerLeft:n,filename:r,viewToggle:i,viewBtn:a,active:o,headerActions:s,iconButton:c,copied:l,actionButton:u,applyButton:d,applying:f,applied:p,spin:m,"code-spin":`_code-spin_1xvm4_1`,rejectButton:h,body:g,unified:_,row:v,added:y,removed:b,split:x,splitPane:S,splitDivider:C,splitCell:w,empty:T,lineNum:E,prefix:D,lineContent:O};exports.actionButton=u,exports.active=o,exports.added=y,exports.applied=p,exports.applyButton=d,exports.applying=f,exports.body=g,exports.copied=l,exports.default=k,exports.empty=T,exports.filename=r,exports.header=t,exports.headerActions=s,exports.headerLeft=n,exports.iconButton=c,exports.lineContent=O,exports.lineNum=E,exports.prefix=D,exports.rejectButton=h,exports.removed=b,exports.root=e,exports.row=v,exports.spin=m,exports.split=x,exports.splitCell=w,exports.splitDivider=C,exports.splitPane=S,exports.unified=_,exports.viewBtn=a,exports.viewToggle=i;

package/dist/components/ai/CodeDiffViewer/code-diff-viewer.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/ai/CodeDiffViewer/code-diff-viewer.module.scss
-var e = "_root_1s1du_29", t = "_header_1s1du_45", n = "_headerLeft_1s1du_55", r = "_filename_1s1du_61", i = "_viewToggle_1s1du_69", a = "_viewBtn_1s1du_75", o = "_active_1s1du_87", s = "_headerActions_1s1du_98", c = "_iconButton_1s1du_104", l = "_copied_1s1du_125", u = "_actionButton_1s1du_131", d = "_applyButton_1s1du_148", f = "_applying_1s1du_157", p = "_applied_1s1du_161", m = "_spin_1s1du_170", h = "_rejectButton_1s1du_178", g = "_body_1s1du_187", _ = "_unified_1s1du_192", v = "_row_1s1du_197", y = "_added_1s1du_200", b = "_removed_1s1du_203", x = "_split_1s1du_210", S = "_splitPane_1s1du_214", C = "_splitDivider_1s1du_219", w = "_splitCell_1s1du_224", T = "_empty_1s1du_234", E = "_lineNum_1s1du_244", D = "_prefix_1s1du_259", O = "_lineContent_1s1du_274", k = {
+var e = "_root_1xvm4_29", t = "_header_1xvm4_45", n = "_headerLeft_1xvm4_55", r = "_filename_1xvm4_61", i = "_viewToggle_1xvm4_69", a = "_viewBtn_1xvm4_75", o = "_active_1xvm4_87", s = "_headerActions_1xvm4_101", c = "_iconButton_1xvm4_107", l = "_copied_1xvm4_131", u = "_actionButton_1xvm4_137", d = "_applyButton_1xvm4_154", f = "_applying_1xvm4_163", p = "_applied_1xvm4_167", m = "_spin_1xvm4_176", h = "_rejectButton_1xvm4_184", g = "_body_1xvm4_193", _ = "_unified_1xvm4_198", v = "_row_1xvm4_203", y = "_added_1xvm4_206", b = "_removed_1xvm4_209", x = "_split_1xvm4_216", S = "_splitPane_1xvm4_220", C = "_splitDivider_1xvm4_225", w = "_splitCell_1xvm4_230", T = "_empty_1xvm4_240", E = "_lineNum_1xvm4_250", D = "_prefix_1xvm4_265", O = "_lineContent_1xvm4_280", k = {
 	root: e,
 	header: t,
 	headerLeft: n,
@@ -16,7 +16,7 @@ var e = "_root_1s1du_29", t = "_header_1s1du_45", n = "_headerLeft_1s1du_55", r
 	applying: f,
 	applied: p,
 	spin: m,
-	"code-spin": "_code-spin_1s1du_1",
+	"code-spin": "_code-spin_1xvm4_1",
 	rejectButton: h,
 	body: g,
 	unified: _,

package/dist/components/ai/MarkdownRenderer/MarkdownRenderer.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../typography/Text/Text.cjs"),r=require("../../navigation/Link/Link.cjs"),i=require("../../typography/Title/Title.cjs"),a=require("../../typography/Blockquote/Blockquote.cjs"),o=require("../CodeBlock/CodeBlock.cjs"),s=require("./markdown-renderer.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime"),d=require("react-markdown");d=e.__toESM(d,1);let f=require("remark-gfm");f=e.__toESM(f,1);var p=[`xs`,`sm`,`md`,`lg`,`xl`,`2xl`,`3xl`,`4xl`];function m(e,t){let n=p.indexOf(t);return p[Math.max(0,n-(e-1))]}var h=({content:e,baseLevel:c=`2xl`,className:p})=>{let{t:h}=t.useWimTranslation(`form`);return(0,u.jsx)(`div`,{className:(0,l.default)(`wim-markdown-renderer`,s.default.root,p),children:(0,u.jsx)(d.default,{remarkPlugins:[f.default],components:{h1:({children:e})=>(0,u.jsx)(i.Title,{tag:`h1`,size:m(1,c),className:s.default.heading,children:e}),h2:({children:e})=>(0,u.jsx)(i.Title,{tag:`h2`,size:m(2,c),className:s.default.heading,children:e}),h3:({children:e})=>(0,u.jsx)(i.Title,{tag:`h3`,size:m(3,c),className:s.default.heading,children:e}),h4:({children:e})=>(0,u.jsx)(i.Title,{tag:`h4`,size:m(4,c),className:s.default.heading,children:e}),p:({children:e})=>(0,u.jsx)(n.Text,{className:s.default.paragraph,children:e}),a:({href:e,children:t})=>(0,u.jsx)(r.Link,{href:e,children:t}),blockquote:({children:e})=>(0,u.jsx)(a.Blockquote,{children:e}),ul:({children:e})=>(0,u.jsx)(`ul`,{className:s.default.list,children:e}),ol:({children:e})=>(0,u.jsx)(`ol`,{className:s.default.list,children:e}),li:({children:e})=>(0,u.jsx)(`li`,{className:s.default.listItem,children:e}),code({className:e,children:t,...n}){let r=/language-(\w+)/.exec(e||``);return r?(0,u.jsx)(o.CodeBlock,{code:String(t).replace(/\n$/,``),language:r[1],className:s.default.codeBlock}):(0,u.jsx)(`code`,{className:s.default.inlineCode,...n,children:t})},table:({children:e})=>(0,u.jsx)(`div`,{className:s.default.tableWrapper,children:(0,u.jsx)(`table`,{className:s.default.table,children:e})}),th:({children:e})=>(0,u.jsx)(`th`,{className:s.default.th,children:e}),td:({children:e})=>(0,u.jsx)(`td`,{className:s.default.td,children:e}),input:({type:e,checked:t,disabled:n})=>e===`checkbox`?(0,u.jsx)(`input`,{type:`checkbox`,checked:t,disabled:n,readOnly:!0,"aria-label":h(t?`markdown.task_done`:`markdown.task_todo`)}):null},children:e})})};h.displayName=`MarkdownRenderer`,exports.MarkdownRenderer=h;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/form.cjs"),r=require("../../typography/Text/Text.cjs"),i=require("../../navigation/Link/Link.cjs"),a=require("../../typography/Title/Title.cjs"),o=require("../../typography/Blockquote/Blockquote.cjs"),s=require("../CodeBlock/CodeBlock.cjs"),c=require("./markdown-renderer.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime"),f=require("react-markdown");f=e.__toESM(f,1);let p=require("remark-gfm");p=e.__toESM(p,1);var m=[`xs`,`sm`,`md`,`lg`,`xl`,`2xl`,`3xl`,`4xl`];function h(e,t){let n=m.indexOf(t);return m[Math.max(0,n-(e-1))]}var g=({content:e,baseLevel:l=`2xl`,className:m})=>{let{t:g}=t.useWimTranslation(n.formNs);return(0,d.jsx)(`div`,{className:(0,u.default)(`wim-markdown-renderer`,c.default.root,m),children:(0,d.jsx)(f.default,{remarkPlugins:[p.default],components:{h1:({children:e})=>(0,d.jsx)(a.Title,{tag:`h1`,size:h(1,l),className:c.default.heading,children:e}),h2:({children:e})=>(0,d.jsx)(a.Title,{tag:`h2`,size:h(2,l),className:c.default.heading,children:e}),h3:({children:e})=>(0,d.jsx)(a.Title,{tag:`h3`,size:h(3,l),className:c.default.heading,children:e}),h4:({children:e})=>(0,d.jsx)(a.Title,{tag:`h4`,size:h(4,l),className:c.default.heading,children:e}),p:({children:e})=>(0,d.jsx)(r.Text,{className:c.default.paragraph,children:e}),a:({href:e,children:t})=>(0,d.jsx)(i.Link,{href:e,children:t}),blockquote:({children:e})=>(0,d.jsx)(o.Blockquote,{children:e}),ul:({children:e})=>(0,d.jsx)(`ul`,{className:c.default.list,children:e}),ol:({children:e})=>(0,d.jsx)(`ol`,{className:c.default.list,children:e}),li:({children:e})=>(0,d.jsx)(`li`,{className:c.default.listItem,children:e}),code({className:e,children:t,...n}){let r=/language-(\w+)/.exec(e||``);return r?(0,d.jsx)(s.CodeBlock,{code:String(t).replace(/\n$/,``),language:r[1],className:c.default.codeBlock}):(0,d.jsx)(`code`,{className:c.default.inlineCode,...n,children:t})},table:({children:e})=>(0,d.jsx)(`div`,{className:c.default.tableWrapper,children:(0,d.jsx)(`table`,{className:c.default.table,children:e})}),th:({children:e})=>(0,d.jsx)(`th`,{className:c.default.th,children:e}),td:({children:e})=>(0,d.jsx)(`td`,{className:c.default.td,children:e}),input:({type:e,checked:t,disabled:n})=>e===`checkbox`?(0,d.jsx)(`input`,{type:`checkbox`,checked:t,disabled:n,readOnly:!0,"aria-label":g(t?`markdown.task_done`:`markdown.task_todo`)}):null},children:e})})};g.displayName=`MarkdownRenderer`,exports.MarkdownRenderer=g;

package/dist/components/ai/MarkdownRenderer/MarkdownRenderer.js

@@ -1,18 +1,19 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import { Text as t } from "../../typography/Text/Text.js";
-import { Link as n } from "../../navigation/Link/Link.js";
-import { Title as r } from "../../typography/Title/Title.js";
-import { Blockquote as i } from "../../typography/Blockquote/Blockquote.js";
-import { CodeBlock as a } from "../CodeBlock/CodeBlock.js";
-import o from "./markdown-renderer.module.js";
+import { formNs as t } from "../../../i18n/generated/form.js";
+import { Text as n } from "../../typography/Text/Text.js";
+import { Link as r } from "../../navigation/Link/Link.js";
+import { Title as i } from "../../typography/Title/Title.js";
+import { Blockquote as a } from "../../typography/Blockquote/Blockquote.js";
+import { CodeBlock as o } from "../CodeBlock/CodeBlock.js";
+import s from "./markdown-renderer.module.js";
 import "react";
-import s from "classnames";
-import { jsx as c } from "react/jsx-runtime";
-import l from "react-markdown";
-import u from "remark-gfm";
+import c from "classnames";
+import { jsx as l } from "react/jsx-runtime";
+import u from "react-markdown";
+import d from "remark-gfm";
 //#region src/components/ai/MarkdownRenderer/MarkdownRenderer.tsx
-var d = [
+var f = [
 	"xs",
 	"sm",
 	"md",
@@ -22,101 +23,101 @@ var d = [
 	"3xl",
 	"4xl"
 ];
-function f(e, t) {
-	let n = d.indexOf(t);
-	return d[Math.max(0, n - (e - 1))];
+function p(e, t) {
+	let n = f.indexOf(t);
+	return f[Math.max(0, n - (e - 1))];
 }
-var p = ({ content: d, baseLevel: p = "2xl", className: m }) => {
-	let { t: h } = e("form");
-	return /* @__PURE__ */ c("div", {
-		className: s("wim-markdown-renderer", o.root, m),
-		children: /* @__PURE__ */ c(l, {
-			remarkPlugins: [u],
+var m = ({ content: f, baseLevel: m = "2xl", className: h }) => {
+	let { t: g } = e(t);
+	return /* @__PURE__ */ l("div", {
+		className: c("wim-markdown-renderer", s.root, h),
+		children: /* @__PURE__ */ l(u, {
+			remarkPlugins: [d],
 			components: {
-				h1: ({ children: e }) => /* @__PURE__ */ c(r, {
+				h1: ({ children: e }) => /* @__PURE__ */ l(i, {
 					tag: "h1",
-					size: f(1, p),
-					className: o.heading,
+					size: p(1, m),
+					className: s.heading,
 					children: e
 				}),
-				h2: ({ children: e }) => /* @__PURE__ */ c(r, {
+				h2: ({ children: e }) => /* @__PURE__ */ l(i, {
 					tag: "h2",
-					size: f(2, p),
-					className: o.heading,
+					size: p(2, m),
+					className: s.heading,
 					children: e
 				}),
-				h3: ({ children: e }) => /* @__PURE__ */ c(r, {
+				h3: ({ children: e }) => /* @__PURE__ */ l(i, {
 					tag: "h3",
-					size: f(3, p),
-					className: o.heading,
+					size: p(3, m),
+					className: s.heading,
 					children: e
 				}),
-				h4: ({ children: e }) => /* @__PURE__ */ c(r, {
+				h4: ({ children: e }) => /* @__PURE__ */ l(i, {
 					tag: "h4",
-					size: f(4, p),
-					className: o.heading,
+					size: p(4, m),
+					className: s.heading,
 					children: e
 				}),
-				p: ({ children: e }) => /* @__PURE__ */ c(t, {
-					className: o.paragraph,
+				p: ({ children: e }) => /* @__PURE__ */ l(n, {
+					className: s.paragraph,
 					children: e
 				}),
-				a: ({ href: e, children: t }) => /* @__PURE__ */ c(n, {
+				a: ({ href: e, children: t }) => /* @__PURE__ */ l(r, {
 					href: e,
 					children: t
 				}),
-				blockquote: ({ children: e }) => /* @__PURE__ */ c(i, { children: e }),
-				ul: ({ children: e }) => /* @__PURE__ */ c("ul", {
-					className: o.list,
+				blockquote: ({ children: e }) => /* @__PURE__ */ l(a, { children: e }),
+				ul: ({ children: e }) => /* @__PURE__ */ l("ul", {
+					className: s.list,
 					children: e
 				}),
-				ol: ({ children: e }) => /* @__PURE__ */ c("ol", {
-					className: o.list,
+				ol: ({ children: e }) => /* @__PURE__ */ l("ol", {
+					className: s.list,
 					children: e
 				}),
-				li: ({ children: e }) => /* @__PURE__ */ c("li", {
-					className: o.listItem,
+				li: ({ children: e }) => /* @__PURE__ */ l("li", {
+					className: s.listItem,
 					children: e
 				}),
 				code({ className: e, children: t, ...n }) {
 					let r = /language-(\w+)/.exec(e || "");
-					return r ? /* @__PURE__ */ c(a, {
+					return r ? /* @__PURE__ */ l(o, {
 						code: String(t).replace(/\n$/, ""),
 						language: r[1],
-						className: o.codeBlock
-					}) : /* @__PURE__ */ c("code", {
-						className: o.inlineCode,
+						className: s.codeBlock
+					}) : /* @__PURE__ */ l("code", {
+						className: s.inlineCode,
 						...n,
 						children: t
 					});
 				},
-				table: ({ children: e }) => /* @__PURE__ */ c("div", {
-					className: o.tableWrapper,
-					children: /* @__PURE__ */ c("table", {
-						className: o.table,
+				table: ({ children: e }) => /* @__PURE__ */ l("div", {
+					className: s.tableWrapper,
+					children: /* @__PURE__ */ l("table", {
+						className: s.table,
 						children: e
 					})
 				}),
-				th: ({ children: e }) => /* @__PURE__ */ c("th", {
-					className: o.th,
+				th: ({ children: e }) => /* @__PURE__ */ l("th", {
+					className: s.th,
 					children: e
 				}),
-				td: ({ children: e }) => /* @__PURE__ */ c("td", {
-					className: o.td,
+				td: ({ children: e }) => /* @__PURE__ */ l("td", {
+					className: s.td,
 					children: e
 				}),
-				input: ({ type: e, checked: t, disabled: n }) => e === "checkbox" ? /* @__PURE__ */ c("input", {
+				input: ({ type: e, checked: t, disabled: n }) => e === "checkbox" ? /* @__PURE__ */ l("input", {
 					type: "checkbox",
 					checked: t,
 					disabled: n,
 					readOnly: !0,
-					"aria-label": h(t ? "markdown.task_done" : "markdown.task_todo")
+					"aria-label": g(t ? "markdown.task_done" : "markdown.task_todo")
 				}) : null
 			},
-			children: d
+			children: f
 		})
 	});
 };
-p.displayName = "MarkdownRenderer";
+m.displayName = "MarkdownRenderer";
 //#endregion
-export { p as MarkdownRenderer };
+export { m as MarkdownRenderer };

package/dist/components/ai/ModelSelector/ModelSelector.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../../icon/check.cjs"),i=require("../../../icon/chevron-down.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("./model-selector.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=e=>e>=1e6?`${(e/1e6).toFixed(e%1e6==0?0:1)}M`:e>=1e3?`${(e/1e3).toFixed(e%1e3==0?0:1)}K`:String(e),d=(e,t=`$`)=>`${t}${e}`,f=s.default.forwardRef(({models:e,value:f,defaultValue:p,onChange:m,size:h=`md`,disabled:g=!1,fullWidth:_=!1,showPricing:v=!0,showContext:y=!0,labels:b,className:x,...S},C)=>{let{t:w}=t.useWimTranslation(`common`),{placeholder:T=w(`modelSelector.placeholder`),contextLabel:E=w(`modelSelector.context`),inputLabel:D=w(`modelSelector.input`),outputLabel:O=w(`modelSelector.output`),perTokensLabel:k=`/1M`,triggerAriaLabel:A=w(`modelSelector.placeholder`)}=b??{},j=f!==void 0,[M,N]=(0,s.useState)(p),P=j?f:M,F=e.find(e=>e.id===P),[I,L]=(0,s.useState)(!1),[R,z]=(0,s.useState)(-1),B=(0,s.useRef)(null),V=(0,s.useRef)(null),H=(0,s.useId)(),U=`${H}-listbox`,W=(0,s.useCallback)(e=>{B.current=e,typeof C==`function`?C(e):C&&(C.current=e)},[C]);(0,s.useEffect)(()=>{if(!I)return;let e=e=>{B.current&&!B.current.contains(e.target)&&L(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[I]);let G=e=>{e.disabled||(j||N(e.id),m?.(e.id,e),L(!1))},K=(t,n)=>{let r=t;for(let t=0;t<e.length;t++){if(!e[r]?.disabled)return r;r=(r+n+e.length)%e.length}return-1},q=t=>{let n=e.findIndex(e=>e.id===P);z(t??(n>=0?n:K(0,1))),L(!0)},J=t=>{z(n=>{let r=n;for(let n=0;n<e.length&&(r=(r+t+e.length)%e.length,e[r]?.disabled);n++);return r})},Y=t=>{if(!g)switch(t.key){case`ArrowDown`:case`ArrowUp`:t.preventDefault(),I?J(t.key===`ArrowDown`?1:-1):q();break;case`Home`:case`End`:t.preventDefault(),t.key===`Home`?I?z(K(0,1)):q(K(0,1)):I?z(K(e.length-1,-1)):q(K(e.length-1,-1));break;case`Enter`:case` `:if(t.preventDefault(),!I)q();else{let t=e[R];t&&G(t)}break;case`Escape`:I&&(t.preventDefault(),L(!1));break;case`Tab`:L(!1)}};(0,s.useEffect)(()=>{I&&R>=0&&(V.current?.querySelectorAll(`[role="option"]`)?.[R])?.scrollIntoView({block:`nearest`})},[R,I]);let X=e=>{let t=[];if(y&&e.contextLength&&t.push((0,l.jsxs)(`span`,{className:o.default.meta,children:[E,` `,u(e.contextLength)]},`ctx`)),v&&e.pricing){let{input:n,output:r,currency:i}=e.pricing;n!==void 0&&t.push((0,l.jsxs)(`span`,{className:o.default.meta,children:[D,` `,d(n,i),k]},`in`)),r!==void 0&&t.push((0,l.jsxs)(`span`,{className:o.default.meta,children:[O,` `,d(r,i),k]},`out`))}if(t.length===0)return null;let n=t.flatMap((e,t)=>t===0?[e]:[` `,e]);return(0,l.jsx)(`span`,{className:o.default.metaRow,children:n})};return(0,l.jsxs)(`div`,{ref:W,className:(0,c.default)(`wim-model-selector`,o.default.root,o.default[h],_&&o.default.fullWidth,g&&o.default.disabled,x),...S,children:[(0,l.jsxs)(`button`,{type:`button`,role:`combobox`,className:o.default.trigger,"aria-haspopup":`listbox`,"aria-expanded":I,"aria-controls":I?U:void 0,"aria-activedescendant":I&&R>=0?`${H}-opt-${R}`:void 0,"aria-label":A,disabled:g,onClick:()=>{g||(I?L(!1):q())},onKeyDown:Y,onKeyUp:e=>{e.key===` `&&e.preventDefault()},children:[(0,l.jsx)(`span`,{className:o.default.triggerLabel,children:F?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`span`,{className:o.default.triggerName,children:F.name}),` `,F.badge&&(0,l.jsx)(`span`,{className:o.default.badge,children:F.badge})]}):(0,l.jsx)(`span`,{className:o.default.placeholder,children:T})}),(0,l.jsx)(a.Icon,{component:i.default,size:`sm`,className:(0,c.default)(o.default.chevron,I&&o.default.chevronOpen)})]}),(0,l.jsx)(n.Transition,{show:I,preset:`scale`,unmount:!0,className:o.default.dropdownWrapper,children:(0,l.jsx)(`ul`,{ref:V,id:U,role:`listbox`,"aria-label":A,tabIndex:-1,className:o.default.dropdown,onMouseDown:e=>e.preventDefault(),children:e.map((e,t)=>{let n=e.id===P;return(0,l.jsxs)(`li`,{id:`${H}-opt-${t}`,role:`option`,"aria-selected":n,"aria-disabled":e.disabled||void 0,className:(0,c.default)(o.default.option,t===R&&o.default.active,e.disabled&&o.default.optionDisabled),onMouseEnter:()=>z(t),onClick:()=>G(e),children:[(0,l.jsx)(`span`,{className:o.default.check,"aria-hidden":`true`,children:n&&(0,l.jsx)(a.Icon,{component:r.default,size:`sm`})}),(0,l.jsxs)(`span`,{className:o.default.optionBody,children:[(0,l.jsxs)(`span`,{className:o.default.optionHeader,children:[(0,l.jsx)(`span`,{className:o.default.optionName,children:e.name}),` `,e.badge&&(0,l.jsx)(`span`,{className:o.default.badge,children:e.badge})]}),` `,e.description&&(0,l.jsx)(`span`,{className:o.default.description,children:e.description}),` `,X(e)]})]},e.id)})})})]})});f.displayName=`ModelSelector`,exports.ModelSelector=f;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../layout/Transition/Transition.cjs"),i=require("../../../icon/check.cjs"),a=require("../../../icon/chevron-down.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("./model-selector.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=e=>e>=1e6?`${(e/1e6).toFixed(e%1e6==0?0:1)}M`:e>=1e3?`${(e/1e3).toFixed(e%1e3==0?0:1)}K`:String(e),f=(e,t=`$`)=>`${t}${e}`,p=c.default.forwardRef(({models:e,value:p,defaultValue:m,onChange:h,size:g=`md`,disabled:_=!1,fullWidth:v=!1,showPricing:y=!0,showContext:b=!0,labels:x,className:S,...C},w)=>{let{t:T}=t.useWimTranslation(n.commonNs),{placeholder:E=T(`modelSelector.placeholder`),contextLabel:D=T(`modelSelector.context`),inputLabel:O=T(`modelSelector.input`),outputLabel:k=T(`modelSelector.output`),perTokensLabel:A=`/1M`,triggerAriaLabel:j=T(`modelSelector.placeholder`)}=x??{},M=p!==void 0,[N,P]=(0,c.useState)(m),F=M?p:N,I=e.find(e=>e.id===F),[L,R]=(0,c.useState)(!1),[z,B]=(0,c.useState)(-1),V=(0,c.useRef)(null),H=(0,c.useRef)(null),U=(0,c.useId)(),W=`${U}-listbox`,G=(0,c.useCallback)(e=>{V.current=e,typeof w==`function`?w(e):w&&(w.current=e)},[w]);(0,c.useEffect)(()=>{if(!L)return;let e=e=>{V.current&&!V.current.contains(e.target)&&R(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[L]);let K=e=>{e.disabled||(M||P(e.id),h?.(e.id,e),R(!1))},q=(t,n)=>{let r=t;for(let t=0;t<e.length;t++){if(!e[r]?.disabled)return r;r=(r+n+e.length)%e.length}return-1},J=t=>{let n=e.findIndex(e=>e.id===F);B(t??(n>=0?n:q(0,1))),R(!0)},Y=t=>{B(n=>{let r=n;for(let n=0;n<e.length&&(r=(r+t+e.length)%e.length,e[r]?.disabled);n++);return r})},X=t=>{if(!_)switch(t.key){case`ArrowDown`:case`ArrowUp`:t.preventDefault(),L?Y(t.key===`ArrowDown`?1:-1):J();break;case`Home`:case`End`:t.preventDefault(),t.key===`Home`?L?B(q(0,1)):J(q(0,1)):L?B(q(e.length-1,-1)):J(q(e.length-1,-1));break;case`Enter`:case` `:if(t.preventDefault(),!L)J();else{let t=e[z];t&&K(t)}break;case`Escape`:L&&(t.preventDefault(),R(!1));break;case`Tab`:R(!1)}};(0,c.useEffect)(()=>{L&&z>=0&&(H.current?.querySelectorAll(`[role="option"]`)?.[z])?.scrollIntoView({block:`nearest`})},[z,L]);let Z=e=>{let t=[];if(b&&e.contextLength&&t.push((0,u.jsxs)(`span`,{className:s.default.meta,children:[D,` `,d(e.contextLength)]},`ctx`)),y&&e.pricing){let{input:n,output:r,currency:i}=e.pricing;n!==void 0&&t.push((0,u.jsxs)(`span`,{className:s.default.meta,children:[O,` `,f(n,i),A]},`in`)),r!==void 0&&t.push((0,u.jsxs)(`span`,{className:s.default.meta,children:[k,` `,f(r,i),A]},`out`))}if(t.length===0)return null;let n=t.flatMap((e,t)=>t===0?[e]:[` `,e]);return(0,u.jsx)(`span`,{className:s.default.metaRow,children:n})};return(0,u.jsxs)(`div`,{ref:G,className:(0,l.default)(`wim-model-selector`,s.default.root,s.default[g],v&&s.default.fullWidth,_&&s.default.disabled,S),...C,children:[(0,u.jsxs)(`button`,{type:`button`,role:`combobox`,className:s.default.trigger,"aria-haspopup":`listbox`,"aria-expanded":L,"aria-controls":L?W:void 0,"aria-activedescendant":L&&z>=0?`${U}-opt-${z}`:void 0,"aria-label":j,disabled:_,onClick:()=>{_||(L?R(!1):J())},onKeyDown:X,onKeyUp:e=>{e.key===` `&&e.preventDefault()},children:[(0,u.jsx)(`span`,{className:s.default.triggerLabel,children:I?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`span`,{className:s.default.triggerName,children:I.name}),` `,I.badge&&(0,u.jsx)(`span`,{className:s.default.badge,children:I.badge})]}):(0,u.jsx)(`span`,{className:s.default.placeholder,children:E})}),(0,u.jsx)(o.Icon,{component:a.default,size:`sm`,className:(0,l.default)(s.default.chevron,L&&s.default.chevronOpen)})]}),(0,u.jsx)(r.Transition,{show:L,preset:`scale`,unmount:!0,className:s.default.dropdownWrapper,children:(0,u.jsx)(`ul`,{ref:H,id:W,role:`listbox`,"aria-label":j,tabIndex:-1,className:s.default.dropdown,onMouseDown:e=>e.preventDefault(),children:e.map((e,t)=>{let n=e.id===F;return(0,u.jsxs)(`li`,{id:`${U}-opt-${t}`,role:`option`,"aria-selected":n,"aria-disabled":e.disabled||void 0,className:(0,l.default)(s.default.option,t===z&&s.default.active,e.disabled&&s.default.optionDisabled),onMouseEnter:()=>B(t),onClick:()=>K(e),children:[(0,u.jsx)(`span`,{className:s.default.check,"aria-hidden":`true`,children:n&&(0,u.jsx)(o.Icon,{component:i.default,size:`sm`})}),(0,u.jsxs)(`span`,{className:s.default.optionBody,children:[(0,u.jsxs)(`span`,{className:s.default.optionHeader,children:[(0,u.jsx)(`span`,{className:s.default.optionName,children:e.name}),` `,e.badge&&(0,u.jsx)(`span`,{className:s.default.badge,children:e.badge})]}),` `,e.description&&(0,u.jsx)(`span`,{className:s.default.description,children:e.description}),` `,Z(e)]})]},e.id)})})})]})});p.displayName=`ModelSelector`,exports.ModelSelector=p;