wimui 0.1.0

package/dist/components/ai/ModelSelector/ModelSelector.d.ts

@@ -0,0 +1,76 @@
+import { default as React } from 'react';
+import { ComponentSizeBasic } from '../../../types/tokens';
+/** Pricing metadata for a model, expressed per 1M tokens in the given currency. */
+export type ModelPricing = {
+    /** Input (prompt) price per 1M tokens */
+    input?: number;
+    /** Output (completion) price per 1M tokens */
+    output?: number;
+    /** Currency symbol shown before the price (default "$") */
+    currency?: string;
+};
+/** A single selectable model with its display metadata. */
+export type ModelOption = {
+    /** Unique identifier of the model */
+    id: string;
+    /** Human-readable model name */
+    name: string;
+    /** Short description or the provider name */
+    description?: string;
+    /** Context window size in tokens (shown formatted, e.g. "128K") */
+    contextLength?: number;
+    /** Pricing metadata (per 1M tokens) */
+    pricing?: ModelPricing;
+    /** Short badge shown next to the name (e.g. "New", "Beta") */
+    badge?: string;
+    /** Whether the model cannot be selected */
+    disabled?: boolean;
+};
+/** Labels for internationalization of the built-in meta text. */
+export type ModelSelectorLabels = {
+    /** Placeholder shown when nothing is selected */
+    placeholder?: string;
+    /** Prefix for the context-length meta (default "Context") */
+    contextLabel?: string;
+    /** Prefix for the input price meta (default "In") */
+    inputLabel?: string;
+    /** Prefix for the output price meta (default "Out") */
+    outputLabel?: string;
+    /** Suffix appended to prices (default "/1M") */
+    perTokensLabel?: string;
+    /** Accessible label for the trigger button */
+    triggerAriaLabel?: string;
+};
+export interface ModelSelectorProps extends Omit<React.ComponentPropsWithoutRef<"div">, "onChange"> {
+    /** List of selectable models */
+    models: ModelOption[];
+    /** Selected model id (controlled) */
+    value?: string;
+    /** Initially selected model id (uncontrolled) */
+    defaultValue?: string;
+    /** Callback when the selected model changes */
+    onChange?: (id: string, model: ModelOption) => void;
+    /** Size of the trigger */
+    size?: ComponentSizeBasic;
+    /** Whether the selector is disabled */
+    disabled?: boolean;
+    /** Whether to take full width of parent */
+    fullWidth?: boolean;
+    /** Whether to show pricing metadata in the dropdown */
+    showPricing?: boolean;
+    /** Whether to show the context-length metadata in the dropdown */
+    showContext?: boolean;
+    /** Labels for internationalization */
+    labels?: ModelSelectorLabels;
+    /** Additional class names */
+    className?: string;
+}
+/**
+ * ModelSelector is a dropdown for switching between AI models, surfacing the
+ * metadata that matters when choosing one — context window and per-token pricing.
+ *
+ * Composition Contract:
+ * - Managed by: App consumption
+ * - Scroll lock: No
+ */
+export declare const ModelSelector: React.ForwardRefExoticComponent<ModelSelectorProps & React.RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1x5fk_4`,t=`_fullWidth_1x5fk_12`,n=`_disabled_1x5fk_15`,r=`_trigger_1x5fk_19`,i=`_triggerLabel_1x5fk_47`,a=`_triggerName_1x5fk_54`,o=`_placeholder_1x5fk_60`,s=`_chevron_1x5fk_66`,c=`_chevronOpen_1x5fk_71`,l=`_badge_1x5fk_74`,u=`_dropdownWrapper_1x5fk_84`,d=`_dropdown_1x5fk_84`,f=`_option_1x5fk_106`,p=`_active_1x5fk_114`,m=`_optionDisabled_1x5fk_117`,h=`_check_1x5fk_121`,g=`_optionBody_1x5fk_130`,_=`_optionHeader_1x5fk_136`,v=`_optionName_1x5fk_141`,y=`_description_1x5fk_149`,b=`_metaRow_1x5fk_153`,x=`_meta_1x5fk_153`,S=`_sm_1x5fk_167`,C=`_lg_1x5fk_171`,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

@@ -0,0 +1,30 @@
+"use client";
+//#region src/components/ai/ModelSelector/model-selector.module.scss
+var e = "_root_1x5fk_4", t = "_fullWidth_1x5fk_12", n = "_disabled_1x5fk_15", r = "_trigger_1x5fk_19", i = "_triggerLabel_1x5fk_47", a = "_triggerName_1x5fk_54", o = "_placeholder_1x5fk_60", s = "_chevron_1x5fk_66", c = "_chevronOpen_1x5fk_71", l = "_badge_1x5fk_74", u = "_dropdownWrapper_1x5fk_84", d = "_dropdown_1x5fk_84", f = "_option_1x5fk_106", p = "_active_1x5fk_114", m = "_optionDisabled_1x5fk_117", h = "_check_1x5fk_121", g = "_optionBody_1x5fk_130", _ = "_optionHeader_1x5fk_136", v = "_optionName_1x5fk_141", y = "_description_1x5fk_149", b = "_metaRow_1x5fk_153", x = "_meta_1x5fk_153", S = "_sm_1x5fk_167", C = "_lg_1x5fk_171", 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
+};
+//#endregion
+export { p as active, l as badge, h as check, s as chevron, c as chevronOpen, w as default, y as description, n as disabled, d as dropdown, u as dropdownWrapper, t as fullWidth, C as lg, x as meta, b as metaRow, f as option, g as optionBody, m as optionDisabled, _ as optionHeader, v as optionName, o as placeholder, e as root, S as sm, r as trigger, i as triggerLabel, a as triggerName };

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

@@ -0,0 +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;

package/dist/components/ai/PromptInput/PromptInput.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+export interface PromptInputProps extends Omit<React.ComponentPropsWithoutRef<"div">, "onChange" | "onSubmit"> {
+    /** Current text value (controlled) */
+    value?: string;
+    /** Default value (uncontrolled) */
+    defaultValue?: string;
+    /** Callback when value changes */
+    onChange?: (value: string) => void;
+    /** Callback when user submits (Enter or button click) */
+    onSubmit?: (value: string) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Maximum number of characters */
+    maxLength?: number;
+    /** Whether the input is disabled */
+    disabled?: boolean;
+    /** Whether the input is in a loading state */
+    loading?: boolean;
+    /** Whether to show the attachment button */
+    showAttach?: boolean;
+    /** Callback when attachment button is clicked */
+    onAttach?: () => void;
+    /** Maximum number of rows to show before scrolling */
+    maxRows?: number;
+    /** Whether the input should take up the full width of its container */
+    fullWidth?: boolean;
+    /** Additional CSS class */
+    className?: string;
+    /** Label for the field */
+    label?: React.ReactNode;
+    /** Error message */
+    error?: string;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Layout of the field */
+    layout?: "vertical" | "horizontal";
+}
+/**
+ * PromptInput is a specialized input for AI prompts,
+ * supporting auto-resizing, file attachments, and submission logic.
+ */
+export declare const PromptInput: React.ForwardRefExoticComponent<PromptInputProps & React.RefAttributes<HTMLTextAreaElement>>;

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

@@ -0,0 +1,106 @@
+"use client";
+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";
+//#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) => {
+		let t = e.target.value;
+		F || L(t), h?.(t);
+	}, [F, h]), K = l(() => {
+		!R.trim() || y || b || (g?.(R.trim()), F || L(""));
+	}, [
+		R,
+		y,
+		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 ? {
+			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
+			}),
+			...M,
+			children: [/* @__PURE__ */ f("div", {
+				className: u(s.inputArea, { [s.noAttach]: !x }),
+				children: [
+					x && /* @__PURE__ */ d("button", {
+						type: "button",
+						className: s.actionButton,
+						onClick: S,
+						"aria-label": P("prompt_input.attach_label"),
+						disabled: y || b,
+						children: /* @__PURE__ */ d(r, {
+							component: t,
+							size: "md"
+						})
+					}),
+					/* @__PURE__ */ d("textarea", {
+						id: H,
+						ref: z,
+						className: s.textarea,
+						value: R,
+						onChange: G,
+						onKeyDown: q,
+						placeholder: B,
+						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
+					}),
+					/* @__PURE__ */ d("button", {
+						type: "button",
+						className: u(s.actionButton, s.sendButton),
+						onClick: K,
+						disabled: !J,
+						"aria-label": P("prompt_input.send_label"),
+						children: /* @__PURE__ */ d(r, {
+							component: n,
+							size: "md"
+						})
+					})
+				]
+			}), /* @__PURE__ */ d(o, {
+				count: R.length,
+				maxLength: v,
+				className: s.charCount
+			})]
+		})
+	});
+});
+p.displayName = "PromptInput";
+//#endregion
+export { p as PromptInput };

package/dist/components/ai/PromptInput/prompt-input.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_f9qnk_16`,t=`_fullWidth_f9qnk_31`,n=`_disabled_f9qnk_35`,r=`_danger_f9qnk_8`,i=`_textarea_f9qnk_52`,a=`_actionButton_f9qnk_54`,o=`_loading_f9qnk_61`,s=`_inputArea_f9qnk_65`,c=`_noAttach_f9qnk_72`,l=`_sendButton_f9qnk_123`,u=`_charCount_f9qnk_130`,d={root:e,fullWidth:t,disabled:n,danger:r,textarea:i,actionButton:a,loading:o,inputArea:s,noAttach:c,sendButton:l,charCount:u};exports.actionButton=a,exports.charCount=u,exports.danger=r,exports.default=d,exports.disabled=n,exports.fullWidth=t,exports.inputArea=s,exports.loading=o,exports.noAttach=c,exports.root=e,exports.sendButton=l,exports.textarea=i;

package/dist/components/ai/PromptInput/prompt-input.module.js

@@ -0,0 +1,17 @@
+"use client";
+//#region src/components/ai/PromptInput/prompt-input.module.scss
+var e = "_root_f9qnk_16", t = "_fullWidth_f9qnk_31", n = "_disabled_f9qnk_35", r = "_danger_f9qnk_8", i = "_textarea_f9qnk_52", a = "_actionButton_f9qnk_54", o = "_loading_f9qnk_61", s = "_inputArea_f9qnk_65", c = "_noAttach_f9qnk_72", l = "_sendButton_f9qnk_123", u = "_charCount_f9qnk_130", d = {
+	root: e,
+	fullWidth: t,
+	disabled: n,
+	danger: r,
+	textarea: i,
+	actionButton: a,
+	loading: o,
+	inputArea: s,
+	noAttach: c,
+	sendButton: l,
+	charCount: u
+};
+//#endregion
+export { a as actionButton, u as charCount, r as danger, d as default, n as disabled, t as fullWidth, s as inputArea, o as loading, c as noAttach, e as root, l as sendButton, i as textarea };

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

@@ -0,0 +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),"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;

package/dist/components/ai/SourceCitation/SourceCitation.d.ts

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+export interface SourceCitationProps {
+    /** Title of the source */
+    title: string;
+    /** Source URL. When provided, renders as a clickable link. */
+    url?: string;
+    /** Brief excerpt or description of the source */
+    description?: string;
+    /** Numeric citation index shown as a badge (e.g. 1, 2, 3) */
+    index?: number;
+    /** Domain label shown below the title (auto-derived from url when omitted) */
+    domain?: string;
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * SourceCitation displays a single cited source with optional link, index badge, and description.
+ * Use SourceCitationList to render multiple sources in a row.
+ *
+ * Composition Contract:
+ * - Managed by: App consumption
+ * - Scroll lock: No
+ */
+export declare const SourceCitation: ({ title, url, description, index, domain: domainProp, className, }: SourceCitationProps) => React.JSX.Element;
+export interface SourceCitationListProps extends React.ComponentPropsWithoutRef<"div"> {
+    /** Array of sources to display */
+    sources: SourceCitationProps[];
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * SourceCitationList renders a horizontal scrollable list of SourceCitation items,
+ * automatically assigning sequential index values.
+ */
+export declare const SourceCitationList: React.ForwardRefExoticComponent<SourceCitationListProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ai/SourceCitation/SourceCitation.js

@@ -0,0 +1,71 @@
+"use client";
+import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
+import t from "../../../icon/external-link.js";
+import { Icon as n } from "../../media/Icon/Icon.js";
+import r from "./source-citation.module.js";
+import i from "react";
+import a from "classnames";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/ai/SourceCitation/SourceCitation.tsx
+function l(e) {
+	try {
+		return new URL(e).hostname.replace(/^www\./, "");
+	} catch {
+		return e;
+	}
+}
+var u = ({ title: i, url: u, description: d, index: f, domain: p, className: m }) => {
+	let { t: h } = e("form"), g = p ?? (u ? l(u) : void 0), _ = f == null ? i : h("source_citation.source_label", { index: f }), v = /* @__PURE__ */ c(o, { children: [
+		/* @__PURE__ */ c("div", {
+			className: r.header,
+			children: [
+				f != null && /* @__PURE__ */ s("span", {
+					className: r.index,
+					"aria-hidden": "true",
+					children: f
+				}),
+				/* @__PURE__ */ s("span", {
+					className: r.title,
+					children: i
+				}),
+				u && /* @__PURE__ */ s(n, {
+					component: t,
+					size: "xs",
+					className: r.externalIcon,
+					"aria-hidden": "true"
+				})
+			]
+		}),
+		g && /* @__PURE__ */ s("div", {
+			className: r.domain,
+			children: g
+		}),
+		d && /* @__PURE__ */ s("p", {
+			className: r.description,
+			children: d
+		})
+	] });
+	return u ? /* @__PURE__ */ s("a", {
+		href: u,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		className: a("wim-source-citation", r.root, r.link, m),
+		"aria-label": _,
+		children: v
+	}) : /* @__PURE__ */ s("div", {
+		className: a("wim-source-citation", r.root, m),
+		"aria-label": _,
+		children: v
+	});
+}, d = i.forwardRef(({ sources: e, className: t, ...n }, i) => /* @__PURE__ */ s("div", {
+	ref: i,
+	className: a(r.list, t),
+	...n,
+	children: e.map((e, t) => /* @__PURE__ */ s(u, {
+		index: t + 1,
+		...e
+	}, e.url ?? e.title))
+}));
+d.displayName = "SourceCitationList";
+//#endregion
+export { u as SourceCitation, d as SourceCitationList };

package/dist/components/ai/SourceCitation/source-citation.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_list_1ipft_3`,t=`_root_1ipft_8`,n=`_link_1ipft_19`,r=`_title_1ipft_30`,i=`_externalIcon_1ipft_33`,a=`_header_1ipft_40`,o=`_index_1ipft_46`,s=`_domain_1ipft_77`,c=`_description_1ipft_84`,l={list:e,root:t,link:n,title:r,externalIcon:i,header:a,index:o,domain:s,description:c};exports.default=l,exports.description=c,exports.domain=s,exports.externalIcon=i,exports.header=a,exports.index=o,exports.link=n,exports.list=e,exports.root=t,exports.title=r;

package/dist/components/ai/SourceCitation/source-citation.module.js

@@ -0,0 +1,15 @@
+"use client";
+//#region src/components/ai/SourceCitation/source-citation.module.scss
+var e = "_list_1ipft_3", t = "_root_1ipft_8", n = "_link_1ipft_19", r = "_title_1ipft_30", i = "_externalIcon_1ipft_33", a = "_header_1ipft_40", o = "_index_1ipft_46", s = "_domain_1ipft_77", c = "_description_1ipft_84", l = {
+	list: e,
+	root: t,
+	link: n,
+	title: r,
+	externalIcon: i,
+	header: a,
+	index: o,
+	domain: s,
+	description: c
+};
+//#endregion
+export { l as default, c as description, s as domain, i as externalIcon, a as header, o as index, n as link, e as list, t as root, r as title };

package/dist/components/ai/StreamingText/StreamingText.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./streaming-text.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("react-markdown");a=e.__toESM(a,1);let o=require("remark-gfm");o=e.__toESM(o,1);var s=n.default.forwardRef(({content:e,isStreaming:n=!1,components:s,className:c,...l},u)=>(0,i.jsxs)(`div`,{ref:u,className:(0,r.default)(`wim-streaming-text`,t.default.root,n&&t.default.streaming,c),"aria-live":n?`polite`:void 0,"aria-atomic":n?`false`:void 0,...l,children:[(0,i.jsx)(a.default,{remarkPlugins:[o.default],components:s,children:e}),n&&(0,i.jsx)(`span`,{className:t.default.cursor,"aria-hidden":`true`})]}));s.displayName=`StreamingText`,exports.StreamingText=s;

package/dist/components/ai/StreamingText/StreamingText.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { Components } from 'react-markdown';
+export interface StreamingTextProps extends Omit<React.ComponentPropsWithoutRef<"div">, "children"> {
+    /** The markdown text content to render */
+    content: string;
+    /** When true, a blinking cursor is shown at the end of the content */
+    isStreaming?: boolean;
+    /** Override the default markdown component renderers */
+    components?: Components;
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * StreamingText renders AI-generated markdown with an optional blinking cursor.
+ * Use aria-live="polite" for graceful screen reader announcements during streaming.
+ *
+ * Composition Contract:
+ * - Managed by: App consumption
+ * - Scroll lock: No
+ */
+export declare const StreamingText: React.ForwardRefExoticComponent<StreamingTextProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ai/StreamingText/StreamingText.js

@@ -0,0 +1,26 @@
+"use client";
+import e from "./streaming-text.module.js";
+import t from "react";
+import n from "classnames";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import a from "react-markdown";
+import o from "remark-gfm";
+//#region src/components/ai/StreamingText/StreamingText.tsx
+var s = t.forwardRef(({ content: t, isStreaming: s = !1, components: c, className: l, ...u }, d) => /* @__PURE__ */ i("div", {
+	ref: d,
+	className: n("wim-streaming-text", e.root, s && e.streaming, l),
+	"aria-live": s ? "polite" : void 0,
+	"aria-atomic": s ? "false" : void 0,
+	...u,
+	children: [/* @__PURE__ */ r(a, {
+		remarkPlugins: [o],
+		components: c,
+		children: t
+	}), s && /* @__PURE__ */ r("span", {
+		className: e.cursor,
+		"aria-hidden": "true"
+	})]
+}));
+s.displayName = "StreamingText";
+//#endregion
+export { s as StreamingText };

package/dist/components/ai/StreamingText/streaming-text.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_38qmb_2`,t=`_cursor_38qmb_88`,n=`_blink_38qmb_1`,r={root:e,cursor:t,blink:n};exports.blink=n,exports.cursor=t,exports.default=r,exports.root=e;