wimui 0.51.2 → 0.52.2

package/dist/components/ai/ModelSelector/ModelSelector.js

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

package/dist/components/ai/ModelSelector/model-selector.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1qsfc_24`,t=`_fullWidth_1qsfc_36`,n=`_disabled_1qsfc_39`,r=`_trigger_1qsfc_43`,i=`_triggerLabel_1qsfc_86`,a=`_triggerName_1qsfc_93`,o=`_placeholder_1qsfc_99`,s=`_chevron_1qsfc_105`,c=`_chevronOpen_1qsfc_110`,l=`_badge_1qsfc_113`,u=`_dropdownWrapper_1qsfc_123`,d=`_dropdown_1qsfc_123`,f=`_option_1qsfc_145`,p=`_active_1qsfc_153`,m=`_optionDisabled_1qsfc_156`,h=`_check_1qsfc_160`,g=`_optionBody_1qsfc_169`,_=`_optionHeader_1qsfc_175`,v=`_optionName_1qsfc_180`,y=`_description_1qsfc_188`,b=`_metaRow_1qsfc_192`,x=`_meta_1qsfc_192`,S=`_sm_1qsfc_206`,C=`_lg_1qsfc_210`,w={root:e,fullWidth:t,disabled:n,trigger:r,triggerLabel:i,triggerName:a,placeholder:o,chevron:s,chevronOpen:c,badge:l,dropdownWrapper:u,dropdown:d,option:f,active:p,optionDisabled:m,check:h,optionBody:g,optionHeader:_,optionName:v,description:y,metaRow:b,meta:x,sm:S,lg:C};exports.active=p,exports.badge=l,exports.check=h,exports.chevron=s,exports.chevronOpen=c,exports.default=w,exports.description=y,exports.disabled=n,exports.dropdown=d,exports.dropdownWrapper=u,exports.fullWidth=t,exports.lg=C,exports.meta=x,exports.metaRow=b,exports.option=f,exports.optionBody=g,exports.optionDisabled=m,exports.optionHeader=_,exports.optionName=v,exports.placeholder=o,exports.root=e,exports.sm=S,exports.trigger=r,exports.triggerLabel=i,exports.triggerName=a;
+var e=`_root_8wa5f_24`,t=`_fullWidth_8wa5f_36`,n=`_disabled_8wa5f_39`,r=`_trigger_8wa5f_43`,i=`_triggerLabel_8wa5f_94`,a=`_triggerName_8wa5f_101`,o=`_placeholder_8wa5f_107`,s=`_chevron_8wa5f_113`,c=`_chevronOpen_8wa5f_118`,l=`_badge_8wa5f_121`,u=`_dropdownWrapper_8wa5f_131`,d=`_dropdown_8wa5f_131`,f=`_option_8wa5f_153`,p=`_active_8wa5f_161`,m=`_optionDisabled_8wa5f_164`,h=`_check_8wa5f_168`,g=`_optionBody_8wa5f_177`,_=`_optionHeader_8wa5f_183`,v=`_optionName_8wa5f_188`,y=`_description_8wa5f_196`,b=`_metaRow_8wa5f_200`,x=`_meta_8wa5f_200`,S=`_sm_8wa5f_214`,C=`_lg_8wa5f_219`,w={root:e,fullWidth:t,disabled:n,trigger:r,triggerLabel:i,triggerName:a,placeholder:o,chevron:s,chevronOpen:c,badge:l,dropdownWrapper:u,dropdown:d,option:f,active:p,optionDisabled:m,check:h,optionBody:g,optionHeader:_,optionName:v,description:y,metaRow:b,meta:x,sm:S,lg:C};exports.active=p,exports.badge=l,exports.check=h,exports.chevron=s,exports.chevronOpen=c,exports.default=w,exports.description=y,exports.disabled=n,exports.dropdown=d,exports.dropdownWrapper=u,exports.fullWidth=t,exports.lg=C,exports.meta=x,exports.metaRow=b,exports.option=f,exports.optionBody=g,exports.optionDisabled=m,exports.optionHeader=_,exports.optionName=v,exports.placeholder=o,exports.root=e,exports.sm=S,exports.trigger=r,exports.triggerLabel=i,exports.triggerName=a;

package/dist/components/ai/ModelSelector/model-selector.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/ai/ModelSelector/model-selector.module.scss
-var e = "_root_1qsfc_24", t = "_fullWidth_1qsfc_36", n = "_disabled_1qsfc_39", r = "_trigger_1qsfc_43", i = "_triggerLabel_1qsfc_86", a = "_triggerName_1qsfc_93", o = "_placeholder_1qsfc_99", s = "_chevron_1qsfc_105", c = "_chevronOpen_1qsfc_110", l = "_badge_1qsfc_113", u = "_dropdownWrapper_1qsfc_123", d = "_dropdown_1qsfc_123", f = "_option_1qsfc_145", p = "_active_1qsfc_153", m = "_optionDisabled_1qsfc_156", h = "_check_1qsfc_160", g = "_optionBody_1qsfc_169", _ = "_optionHeader_1qsfc_175", v = "_optionName_1qsfc_180", y = "_description_1qsfc_188", b = "_metaRow_1qsfc_192", x = "_meta_1qsfc_192", S = "_sm_1qsfc_206", C = "_lg_1qsfc_210", w = {
+var e = "_root_8wa5f_24", t = "_fullWidth_8wa5f_36", n = "_disabled_8wa5f_39", r = "_trigger_8wa5f_43", i = "_triggerLabel_8wa5f_94", a = "_triggerName_8wa5f_101", o = "_placeholder_8wa5f_107", s = "_chevron_8wa5f_113", c = "_chevronOpen_8wa5f_118", l = "_badge_8wa5f_121", u = "_dropdownWrapper_8wa5f_131", d = "_dropdown_8wa5f_131", f = "_option_8wa5f_153", p = "_active_8wa5f_161", m = "_optionDisabled_8wa5f_164", h = "_check_8wa5f_168", g = "_optionBody_8wa5f_177", _ = "_optionHeader_8wa5f_183", v = "_optionName_8wa5f_188", y = "_description_8wa5f_196", b = "_metaRow_8wa5f_200", x = "_meta_8wa5f_200", S = "_sm_8wa5f_214", C = "_lg_8wa5f_219", w = {
 	root: e,
 	fullWidth: t,
 	disabled: n,

package/dist/components/ai/PromptInput/PromptInput.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/paperclip.cjs"),r=require("../../../icon/send.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../form/FieldTemplate/FieldTemplate.cjs"),o=require("../../../hooks/useAutoResize.cjs"),s=require("../../_internal/FieldCharacterCount/FieldCharacterCount.cjs"),c=require("./prompt-input.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");var f=l.default.forwardRef(({value:e,defaultValue:f=``,onChange:p,onSubmit:m,placeholder:h,maxLength:g,disabled:_=!1,loading:v=!1,showAttach:y=!1,onAttach:b,maxRows:x=8,fullWidth:S=!1,className:C,style:w,label:T,error:E,required:D,layout:O,id:k,...A},j)=>{let{t:M}=t.useWimTranslation(`form`),N=e!==void 0,[P,F]=l.default.useState(f),I=N?e:P,L=o.useAutoResize(I,x);l.default.useImperativeHandle(j,()=>L.current);let R=h,z=l.default.useId(),B=k||`prompt-input-${z}`,V=E?`${B}-error`:void 0,H=T?`${B}-label`:void 0,U=(0,l.useCallback)(e=>{let t=e.target.value;N||F(t),p?.(t)},[N,p]),W=(0,l.useCallback)(()=>{!I.trim()||_||v||(m?.(I.trim()),N||F(``))},[I,_,v,N,m]),G=(0,l.useCallback)(e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),W())},[W]),K=I.trim().length>0&&!_&&!v;return(0,d.jsx)(a.FieldTemplate,{label:T,error:E,required:D,layout:O,labelId:H,htmlFor:B,errorId:V,className:C,style:S?{width:`100%`,minWidth:0,...w}:w,children:(0,d.jsxs)(`div`,{className:(0,u.default)(`wim-prompt-input`,c.default.root,{[c.default.disabled]:_,[c.default.loading]:v,[c.default.fullWidth]:S,[c.default.danger]:!!E}),...A,children:[(0,d.jsxs)(`div`,{className:(0,u.default)(c.default.inputArea,{[c.default.noAttach]:!y}),children:[y&&(0,d.jsx)(`button`,{type:`button`,className:c.default.actionButton,onClick:b,"aria-label":M(`prompt_input.attach_label`),disabled:_||v,children:(0,d.jsx)(i.Icon,{component:n.default,size:`md`})}),(0,d.jsx)(`textarea`,{id:B,ref:L,className:c.default.textarea,value:I,onChange:U,onKeyDown:G,placeholder:R,rows:1,disabled:_||v,maxLength:g,"aria-invalid":!!E,"aria-describedby":V,"aria-labelledby":T?H:void 0,"aria-label":T?void 0:M(`prompt_input.aria_label`),"aria-required":D}),(0,d.jsx)(`button`,{type:`button`,className:(0,u.default)(c.default.actionButton,c.default.sendButton),onClick:W,disabled:!K,"aria-label":M(`prompt_input.send_label`),children:(0,d.jsx)(i.Icon,{component:r.default,size:`md`})})]}),(0,d.jsx)(s.FieldCharacterCount,{count:I.length,maxLength:g,className:c.default.charCount})]})})});f.displayName=`PromptInput`,exports.PromptInput=f;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/paperclip.cjs"),r=require("../../../icon/send.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../../i18n/generated/form.cjs"),o=require("../../form/FieldTemplate/FieldTemplate.cjs"),s=require("../../../hooks/useAutoResize.cjs"),c=require("../../_internal/FieldCharacterCount/FieldCharacterCount.cjs"),l=require("./prompt-input.module.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=u.default.forwardRef(({value:e,defaultValue:p=``,onChange:m,onSubmit:h,placeholder:g,maxLength:_,disabled:v=!1,loading:y=!1,showAttach:b=!1,onAttach:x,maxRows:S=8,fullWidth:C=!1,className:w,style:T,label:E,error:D,required:O,layout:k,id:A,...j},M)=>{let{t:N}=t.useWimTranslation(a.formNs),P=e!==void 0,[F,I]=u.default.useState(p),L=P?e:F,R=s.useAutoResize(L,S);u.default.useImperativeHandle(M,()=>R.current);let z=g,B=u.default.useId(),V=A||`prompt-input-${B}`,H=D?`${V}-error`:void 0,U=E?`${V}-label`:void 0,W=(0,u.useCallback)(e=>{let t=e.target.value;P||I(t),m?.(t)},[P,m]),G=(0,u.useCallback)(()=>{!L.trim()||v||y||(h?.(L.trim()),P||I(``))},[L,v,y,P,h]),K=(0,u.useCallback)(e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),G())},[G]),q=L.trim().length>0&&!v&&!y;return(0,f.jsx)(o.FieldTemplate,{label:E,error:D,required:O,layout:k,labelId:U,htmlFor:V,errorId:H,className:w,style:C?{width:`100%`,minWidth:0,...T}:T,children:(0,f.jsxs)(`div`,{className:(0,d.default)(`wim-prompt-input`,l.default.root,{[l.default.disabled]:v,[l.default.loading]:y,[l.default.fullWidth]:C,[l.default.danger]:!!D}),...j,children:[(0,f.jsxs)(`div`,{className:(0,d.default)(l.default.inputArea,{[l.default.noAttach]:!b}),children:[b&&(0,f.jsx)(`button`,{type:`button`,className:l.default.actionButton,onClick:x,"aria-label":N(`prompt_input.attach_label`),disabled:v||y,children:(0,f.jsx)(i.Icon,{component:n.default,size:`md`})}),(0,f.jsx)(`textarea`,{id:V,ref:R,className:l.default.textarea,value:L,onChange:W,onKeyDown:K,placeholder:z,rows:1,disabled:v||y,maxLength:_,"aria-invalid":!!D,"aria-describedby":H,"aria-labelledby":E?U:void 0,"aria-label":E?void 0:N(`prompt_input.aria_label`),"aria-required":O}),(0,f.jsx)(`button`,{type:`button`,className:(0,d.default)(l.default.actionButton,l.default.sendButton),onClick:G,disabled:!q,"aria-label":N(`prompt_input.send_label`),children:(0,f.jsx)(i.Icon,{component:r.default,size:`md`})})]}),(0,f.jsx)(c.FieldCharacterCount,{count:L.length,maxLength:_,className:l.default.charCount})]})})});p.displayName=`PromptInput`,exports.PromptInput=p;

package/dist/components/ai/PromptInput/PromptInput.js

@@ -3,104 +3,105 @@ import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
 import t from "../../../icon/paperclip.js";
 import n from "../../../icon/send.js";
 import { Icon as r } from "../../media/Icon/Icon.js";
-import { FieldTemplate as i } from "../../form/FieldTemplate/FieldTemplate.js";
-import { useAutoResize as a } from "../../../hooks/useAutoResize.js";
-import { FieldCharacterCount as o } from "../../_internal/FieldCharacterCount/FieldCharacterCount.js";
-import s from "./prompt-input.module.js";
-import c, { useCallback as l } from "react";
-import u from "classnames";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { formNs as i } from "../../../i18n/generated/form.js";
+import { FieldTemplate as a } from "../../form/FieldTemplate/FieldTemplate.js";
+import { useAutoResize as o } from "../../../hooks/useAutoResize.js";
+import { FieldCharacterCount as s } from "../../_internal/FieldCharacterCount/FieldCharacterCount.js";
+import c from "./prompt-input.module.js";
+import l, { useCallback as u } from "react";
+import d from "classnames";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/ai/PromptInput/PromptInput.tsx
-var p = c.forwardRef(({ value: p, defaultValue: m = "", onChange: h, onSubmit: g, placeholder: _, maxLength: v, disabled: y = !1, loading: b = !1, showAttach: x = !1, onAttach: S, maxRows: C = 8, fullWidth: w = !1, className: T, style: E, label: D, error: O, required: k, layout: A, id: j, ...M }, N) => {
-	let { t: P } = e("form"), F = p !== void 0, [I, L] = c.useState(m), R = F ? p : I, z = a(R, C);
-	c.useImperativeHandle(N, () => z.current);
-	let B = _, V = c.useId(), H = j || `prompt-input-${V}`, U = O ? `${H}-error` : void 0, W = D ? `${H}-label` : void 0, G = l((e) => {
+var m = l.forwardRef(({ value: m, defaultValue: h = "", onChange: g, onSubmit: _, placeholder: v, maxLength: y, disabled: b = !1, loading: x = !1, showAttach: S = !1, onAttach: C, maxRows: w = 8, fullWidth: T = !1, className: E, style: D, label: O, error: k, required: A, layout: j, id: M, ...N }, P) => {
+	let { t: F } = e(i), I = m !== void 0, [L, R] = l.useState(h), z = I ? m : L, B = o(z, w);
+	l.useImperativeHandle(P, () => B.current);
+	let V = v, H = l.useId(), U = M || `prompt-input-${H}`, W = k ? `${U}-error` : void 0, G = O ? `${U}-label` : void 0, K = u((e) => {
 		let t = e.target.value;
-		F || L(t), h?.(t);
-	}, [F, h]), K = l(() => {
-		!R.trim() || y || b || (g?.(R.trim()), F || L(""));
+		I || R(t), g?.(t);
+	}, [I, g]), q = u(() => {
+		!z.trim() || b || x || (_?.(z.trim()), I || R(""));
 	}, [
-		R,
-		y,
+		z,
 		b,
-		F,
-		g
-	]), q = l((e) => {
-		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), K());
-	}, [K]), J = R.trim().length > 0 && !y && !b;
-	return /* @__PURE__ */ d(i, {
-		label: D,
-		error: O,
-		required: k,
-		layout: A,
-		labelId: W,
-		htmlFor: H,
-		errorId: U,
-		className: T,
-		style: w ? {
+		x,
+		I,
+		_
+	]), J = u((e) => {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), q());
+	}, [q]), Y = z.trim().length > 0 && !b && !x;
+	return /* @__PURE__ */ f(a, {
+		label: O,
+		error: k,
+		required: A,
+		layout: j,
+		labelId: G,
+		htmlFor: U,
+		errorId: W,
+		className: E,
+		style: T ? {
 			width: "100%",
 			minWidth: 0,
-			...E
-		} : E,
-		children: /* @__PURE__ */ f("div", {
-			className: u("wim-prompt-input", s.root, {
-				[s.disabled]: y,
-				[s.loading]: b,
-				[s.fullWidth]: w,
-				[s.danger]: !!O
+			...D
+		} : D,
+		children: /* @__PURE__ */ p("div", {
+			className: d("wim-prompt-input", c.root, {
+				[c.disabled]: b,
+				[c.loading]: x,
+				[c.fullWidth]: T,
+				[c.danger]: !!k
 			}),
-			...M,
-			children: [/* @__PURE__ */ f("div", {
-				className: u(s.inputArea, { [s.noAttach]: !x }),
+			...N,
+			children: [/* @__PURE__ */ p("div", {
+				className: d(c.inputArea, { [c.noAttach]: !S }),
 				children: [
-					x && /* @__PURE__ */ d("button", {
+					S && /* @__PURE__ */ f("button", {
 						type: "button",
-						className: s.actionButton,
-						onClick: S,
-						"aria-label": P("prompt_input.attach_label"),
-						disabled: y || b,
-						children: /* @__PURE__ */ d(r, {
+						className: c.actionButton,
+						onClick: C,
+						"aria-label": F("prompt_input.attach_label"),
+						disabled: b || x,
+						children: /* @__PURE__ */ f(r, {
 							component: t,
 							size: "md"
 						})
 					}),
-					/* @__PURE__ */ d("textarea", {
-						id: H,
-						ref: z,
-						className: s.textarea,
-						value: R,
-						onChange: G,
-						onKeyDown: q,
-						placeholder: B,
+					/* @__PURE__ */ f("textarea", {
+						id: U,
+						ref: B,
+						className: c.textarea,
+						value: z,
+						onChange: K,
+						onKeyDown: J,
+						placeholder: V,
 						rows: 1,
-						disabled: y || b,
-						maxLength: v,
-						"aria-invalid": !!O,
-						"aria-describedby": U,
-						"aria-labelledby": D ? W : void 0,
-						"aria-label": D ? void 0 : P("prompt_input.aria_label"),
-						"aria-required": k
+						disabled: b || x,
+						maxLength: y,
+						"aria-invalid": !!k,
+						"aria-describedby": W,
+						"aria-labelledby": O ? G : void 0,
+						"aria-label": O ? void 0 : F("prompt_input.aria_label"),
+						"aria-required": A
 					}),
-					/* @__PURE__ */ d("button", {
+					/* @__PURE__ */ f("button", {
 						type: "button",
-						className: u(s.actionButton, s.sendButton),
-						onClick: K,
-						disabled: !J,
-						"aria-label": P("prompt_input.send_label"),
-						children: /* @__PURE__ */ d(r, {
+						className: d(c.actionButton, c.sendButton),
+						onClick: q,
+						disabled: !Y,
+						"aria-label": F("prompt_input.send_label"),
+						children: /* @__PURE__ */ f(r, {
 							component: n,
 							size: "md"
 						})
 					})
 				]
-			}), /* @__PURE__ */ d(o, {
-				count: R.length,
-				maxLength: v,
-				className: s.charCount
+			}), /* @__PURE__ */ f(s, {
+				count: z.length,
+				maxLength: y,
+				className: c.charCount
 			})]
 		})
 	});
 });
-p.displayName = "PromptInput";
+m.displayName = "PromptInput";
 //#endregion
-export { p as PromptInput };
+export { m as PromptInput };

package/dist/components/ai/SourceCitation/SourceCitation.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/external-link.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("./source-citation.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");function c(e){try{return new URL(e).hostname.replace(/^www\./,``)}catch{return e}}var l=({title:e,url:a,description:l,index:u,domain:d,className:f})=>{let{t:p}=t.useWimTranslation(`form`),m=d??(a?c(a):void 0),h=u==null?e:p(`source_citation.source_label`,{index:u}),g=(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(`div`,{className:i.default.header,children:[u!=null&&(0,s.jsx)(`span`,{className:i.default.index,"aria-hidden":`true`,children:u}),(0,s.jsx)(`span`,{className:i.default.title,children:e}),a&&(0,s.jsx)(r.Icon,{component:n.default,size:`xs`,className:i.default.externalIcon,"aria-hidden":`true`})]}),m&&(0,s.jsx)(`div`,{className:i.default.domain,children:m}),l&&(0,s.jsx)(`p`,{className:i.default.description,children:l})]});return a?(0,s.jsx)(`a`,{href:a,target:`_blank`,rel:`noopener noreferrer`,className:(0,o.default)(`wim-source-citation`,i.default.root,i.default.link,f),"aria-label":h,children:g}):(0,s.jsx)(`div`,{className:(0,o.default)(`wim-source-citation`,i.default.root,f),role:`group`,"aria-label":h,children:g})},u=a.default.forwardRef(({sources:e,className:t,...n},r)=>(0,s.jsx)(`div`,{ref:r,className:(0,o.default)(i.default.list,t),...n,children:e.map((e,t)=>(0,s.jsx)(l,{index:t+1,...e},e.url??e.title))}));u.displayName=`SourceCitationList`,exports.SourceCitation=l,exports.SourceCitationList=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/external-link.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../../../i18n/generated/form.cjs"),a=require("./source-citation.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");function l(e){try{return new URL(e).hostname.replace(/^www\./,``)}catch{return e}}var u=({title:e,url:o,description:u,index:d,domain:f,className:p})=>{let{t:m}=t.useWimTranslation(i.formNs),h=f??(o?l(o):void 0),g=d==null?e:m(`source_citation.source_label`,{index:d}),_=(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(`div`,{className:a.default.header,children:[d!=null&&(0,c.jsx)(`span`,{className:a.default.index,"aria-hidden":`true`,children:d}),(0,c.jsx)(`span`,{className:a.default.title,children:e}),o&&(0,c.jsx)(r.Icon,{component:n.default,size:`xs`,className:a.default.externalIcon,"aria-hidden":`true`})]}),h&&(0,c.jsx)(`div`,{className:a.default.domain,children:h}),u&&(0,c.jsx)(`p`,{className:a.default.description,children:u})]});return o?(0,c.jsx)(`a`,{href:o,target:`_blank`,rel:`noopener noreferrer`,className:(0,s.default)(`wim-source-citation`,a.default.root,a.default.link,p),"aria-label":g,children:_}):(0,c.jsx)(`div`,{className:(0,s.default)(`wim-source-citation`,a.default.root,p),role:`group`,"aria-label":g,children:_})},d=o.default.forwardRef(({sources:e,className:t,...n},r)=>(0,c.jsx)(`div`,{ref:r,className:(0,s.default)(a.default.list,t),...n,children:e.map((e,t)=>(0,c.jsx)(u,{index:t+1,...e},e.url??e.title))}));d.displayName=`SourceCitationList`,exports.SourceCitation=u,exports.SourceCitationList=d;