wimui 0.58.1 → 0.59.0

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("../../../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;
+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,"aria-label":j,"aria-labelledby":M,"aria-describedby":N,...P},F)=>{let{t:I}=t.useWimTranslation(a.formNs),L=e!==void 0,[R,z]=u.default.useState(p),B=L?e:R,V=s.useAutoResize(B,S);u.default.useImperativeHandle(F,()=>V.current);let H=g,U=u.default.useId(),W=A||`prompt-input-${U}`,G=D?`${W}-error`:void 0,K=E?`${W}-label`:void 0,q=(0,u.useCallback)(e=>{let t=e.target.value;L||z(t),m?.(t)},[L,m]),J=(0,u.useCallback)(()=>{!B.trim()||v||y||(h?.(B.trim()),L||z(``))},[B,v,y,L,h]),Y=(0,u.useCallback)(e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),J())},[J]),X=B.trim().length>0&&!v&&!y;return(0,f.jsx)(o.FieldTemplate,{label:E,error:D,required:O,layout:k,labelId:K,htmlFor:W,errorId:G,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}),...P,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":I(`prompt_input.attach_label`),disabled:v||y,children:(0,f.jsx)(i.Icon,{component:n.default,size:`md`})}),(0,f.jsx)(`textarea`,{id:W,ref:V,className:l.default.textarea,value:B,onChange:q,onKeyDown:Y,placeholder:H,rows:1,disabled:v||y,maxLength:_,"aria-invalid":!!D,"aria-describedby":[N,G].filter(Boolean).join(` `)||void 0,"aria-labelledby":E?K:M,"aria-label":E||M?void 0:j??I(`prompt_input.aria_label`),"aria-required":O}),(0,f.jsx)(`button`,{type:`button`,className:(0,d.default)(l.default.actionButton,l.default.sendButton),onClick:J,disabled:!X,"aria-label":I(`prompt_input.send_label`),children:(0,f.jsx)(i.Icon,{component:r.default,size:`md`})})]}),(0,f.jsx)(c.FieldCharacterCount,{count:B.length,maxLength:_,className:l.default.charCount})]})})});p.displayName=`PromptInput`,exports.PromptInput=p;

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

@@ -12,31 +12,31 @@ 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 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) => {
+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, "aria-label": N, "aria-labelledby": P, "aria-describedby": F, ...I }, L) => {
+	let { t: R } = e(i), z = m !== void 0, [B, V] = l.useState(h), H = z ? m : B, U = o(H, w);
+	l.useImperativeHandle(L, () => U.current);
+	let W = v, G = l.useId(), K = M || `prompt-input-${G}`, q = k ? `${K}-error` : void 0, J = O ? `${K}-label` : void 0, Y = u((e) => {
 		let t = e.target.value;
-		I || R(t), g?.(t);
-	}, [I, g]), q = u(() => {
-		!z.trim() || b || x || (_?.(z.trim()), I || R(""));
+		z || V(t), g?.(t);
+	}, [z, g]), X = u(() => {
+		!H.trim() || b || x || (_?.(H.trim()), z || V(""));
 	}, [
-		z,
+		H,
 		b,
 		x,
-		I,
+		z,
 		_
-	]), J = u((e) => {
-		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), q());
-	}, [q]), Y = z.trim().length > 0 && !b && !x;
+	]), Z = u((e) => {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), X());
+	}, [X]), Q = H.trim().length > 0 && !b && !x;
 	return /* @__PURE__ */ f(a, {
 		label: O,
 		error: k,
 		required: A,
 		layout: j,
-		labelId: G,
-		htmlFor: U,
-		errorId: W,
+		labelId: J,
+		htmlFor: K,
+		errorId: q,
 		className: E,
 		style: T ? {
 			width: "100%",
@@ -50,7 +50,7 @@ var m = l.forwardRef(({ value: m, defaultValue: h = "", onChange: g, onSubmit: _
 				[c.fullWidth]: T,
 				[c.danger]: !!k
 			}),
-			...N,
+			...I,
 			children: [/* @__PURE__ */ p("div", {
 				className: d(c.inputArea, { [c.noAttach]: !S }),
 				children: [
@@ -58,7 +58,7 @@ var m = l.forwardRef(({ value: m, defaultValue: h = "", onChange: g, onSubmit: _
 						type: "button",
 						className: c.actionButton,
 						onClick: C,
-						"aria-label": F("prompt_input.attach_label"),
+						"aria-label": R("prompt_input.attach_label"),
 						disabled: b || x,
 						children: /* @__PURE__ */ f(r, {
 							component: t,
@@ -66,28 +66,28 @@ var m = l.forwardRef(({ value: m, defaultValue: h = "", onChange: g, onSubmit: _
 						})
 					}),
 					/* @__PURE__ */ f("textarea", {
-						id: U,
-						ref: B,
+						id: K,
+						ref: U,
 						className: c.textarea,
-						value: z,
-						onChange: K,
-						onKeyDown: J,
-						placeholder: V,
+						value: H,
+						onChange: Y,
+						onKeyDown: Z,
+						placeholder: W,
 						rows: 1,
 						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-describedby": [F, q].filter(Boolean).join(" ") || void 0,
+						"aria-labelledby": O ? J : P,
+						"aria-label": O || P ? void 0 : N ?? R("prompt_input.aria_label"),
 						"aria-required": A
 					}),
 					/* @__PURE__ */ f("button", {
 						type: "button",
 						className: d(c.actionButton, c.sendButton),
-						onClick: q,
-						disabled: !Y,
-						"aria-label": F("prompt_input.send_label"),
+						onClick: X,
+						disabled: !Q,
+						"aria-label": R("prompt_input.send_label"),
 						children: /* @__PURE__ */ f(r, {
 							component: n,
 							size: "md"
@@ -95,7 +95,7 @@ var m = l.forwardRef(({ value: m, defaultValue: h = "", onChange: g, onSubmit: _
 					})
 				]
 			}), /* @__PURE__ */ f(s, {
-				count: z.length,
+				count: H.length,
 				maxLength: y,
 				className: c.charCount
 			})]

package/dist/components/ai/Terminal/Terminal.cjs

@@ -1,3 +1,3 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/check.cjs"),r=require("../../../icon/close.cjs"),i=require("../../../icon/copy.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("../../../i18n/generated/form.cjs"),s=require("./terminal.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={30:`#2d2d2d`,31:`#e06c75`,32:`#98c379`,33:`#e5c07b`,34:`#61afef`,35:`#c678dd`,36:`#56b6c2`,37:`#abb2bf`,90:`#9aa1ab`,91:`#e06c75`,92:`#98c379`,93:`#e5c07b`,94:`#61afef`,95:`#c678dd`,96:`#56b6c2`,97:`#ffffff`};function f(e){let t=RegExp(`\x1B\\[([0-9;]*)m`,`g`),n=[],r=0,i={},a=0;for(let o of e.matchAll(t)){o.index>r&&n.push((0,u.jsx)(`span`,{style:{color:i.color,fontWeight:i.bold?`bold`:void 0},children:e.slice(r,o.index)},a++));let t=o[1]?o[1].split(`;`).map(Number):[0],s={...i};for(let e of t)e===0?Object.assign(s,{color:void 0,bold:void 0}):e===1?s.bold=!0:d[e]&&(s.color=d[e]);i=s,r=o.index+o[0].length}return r<e.length&&n.push((0,u.jsx)(`span`,{style:{color:i.color,fontWeight:i.bold?`bold`:void 0},children:e.slice(r)},a++)),n.length===1?n[0]:(0,u.jsx)(u.Fragment,{children:n})}var p=c.default.forwardRef(({lines:e=[],title:d,height:p,autoScroll:m=!0,prompt:h=`$`,showCopy:g=!0,showWindowControls:_=!1,onClear:v,className:y,style:b,...x},S)=>{let{t:C}=t.useWimTranslation(o.formNs),[w,T]=c.default.useState(!1),E=(0,c.useRef)(null);(0,c.useEffect)(()=>{m&&E.current&&(E.current.scrollTop=E.current.scrollHeight)},[e,m]);let D=(0,c.useCallback)(async()=>{let t=e.map(e=>e.type===`input`?`${h} ${e.content}`:e.content).join(`
-`);try{await navigator.clipboard.writeText(t),T(!0),setTimeout(()=>T(!1),2e3)}catch{}},[e,h]);return(0,u.jsxs)(`div`,{ref:S,"data-theme":`dark`,className:(0,l.default)(`wim-terminal`,s.default.root,y),style:{...p==null?{}:{height:p},...b},...x,children:[(0,u.jsxs)(`div`,{className:s.default.titleBar,children:[_&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`span`,{className:s.default.dot,"data-color":`red`,"aria-hidden":`true`}),(0,u.jsx)(`span`,{className:s.default.dot,"data-color":`yellow`,"aria-hidden":`true`}),(0,u.jsx)(`span`,{className:s.default.dot,"data-color":`green`,"aria-hidden":`true`})]}),d&&(0,u.jsx)(`span`,{className:s.default.titleText,children:d}),(0,u.jsxs)(`div`,{className:s.default.titleActions,children:[g&&(0,u.jsx)(`button`,{type:`button`,className:(0,l.default)(s.default.titleBtn,w&&s.default.copied),onClick:D,"aria-label":C(w?`terminal.copied_label`:`terminal.copy_label`),children:(0,u.jsx)(a.Icon,{component:w?n.default:i.default,size:`sm`})}),v&&(0,u.jsx)(`button`,{type:`button`,className:s.default.titleBtn,onClick:v,"aria-label":C(`terminal.clear_label`),children:(0,u.jsx)(a.Icon,{component:r.default,size:`sm`})})]})]}),(0,u.jsx)(`div`,{ref:E,className:s.default.body,role:`log`,"aria-live":`polite`,"aria-label":d,tabIndex:0,children:e.map((e,t)=>(0,u.jsxs)(`div`,{className:(0,l.default)(s.default.line,e.type&&s.default[e.type]),children:[e.type===`input`&&(0,u.jsx)(`span`,{className:s.default.prompt,"aria-hidden":`true`,children:h}),(0,u.jsx)(`span`,{className:s.default.content,children:f(e.content)})]},e.id??t))})]})});p.displayName=`Terminal`,exports.Terminal=p;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/check.cjs"),r=require("../../../icon/close.cjs"),i=require("../../../icon/copy.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("../../../i18n/generated/form.cjs"),s=require("./terminal.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={30:`#2d2d2d`,31:`#e06c75`,32:`#98c379`,33:`#e5c07b`,34:`#61afef`,35:`#c678dd`,36:`#56b6c2`,37:`#abb2bf`,90:`#9aa1ab`,91:`#e06c75`,92:`#98c379`,93:`#e5c07b`,94:`#61afef`,95:`#c678dd`,96:`#56b6c2`,97:`#ffffff`};function f(e){let t=RegExp(`\x1B\\[([0-9;]*)m`,`g`),n=[],r=0,i={},a=0;for(let o of e.matchAll(t)){o.index>r&&n.push((0,u.jsx)(`span`,{style:{color:i.color,fontWeight:i.bold?`bold`:void 0},children:e.slice(r,o.index)},a++));let t=o[1]?o[1].split(`;`).map(Number):[0],s={...i};for(let e of t)e===0?Object.assign(s,{color:void 0,bold:void 0}):e===1?s.bold=!0:d[e]&&(s.color=d[e]);i=s,r=o.index+o[0].length}return r<e.length&&n.push((0,u.jsx)(`span`,{style:{color:i.color,fontWeight:i.bold?`bold`:void 0},children:e.slice(r)},a++)),n.length===1?n[0]:(0,u.jsx)(u.Fragment,{children:n})}var p=c.default.forwardRef(({lines:e=[],title:d,height:p,autoScroll:m=!0,prompt:h=`$`,showCopy:g=!0,showWindowControls:_=!1,onClear:v,className:y,style:b,"aria-label":x,"aria-labelledby":S,"aria-describedby":C,...w},T)=>{let{t:E}=t.useWimTranslation(o.formNs),[D,O]=c.default.useState(!1),k=(0,c.useRef)(null);(0,c.useEffect)(()=>{m&&k.current&&(k.current.scrollTop=k.current.scrollHeight)},[e,m]);let A=(0,c.useCallback)(async()=>{let t=e.map(e=>e.type===`input`?`${h} ${e.content}`:e.content).join(`
+`);try{await navigator.clipboard.writeText(t),O(!0),setTimeout(()=>O(!1),2e3)}catch{}},[e,h]);return(0,u.jsxs)(`div`,{ref:T,"data-theme":`dark`,className:(0,l.default)(`wim-terminal`,s.default.root,y),style:{...p==null?{}:{height:p},...b},...w,children:[(0,u.jsxs)(`div`,{className:s.default.titleBar,children:[_&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`span`,{className:s.default.dot,"data-color":`red`,"aria-hidden":`true`}),(0,u.jsx)(`span`,{className:s.default.dot,"data-color":`yellow`,"aria-hidden":`true`}),(0,u.jsx)(`span`,{className:s.default.dot,"data-color":`green`,"aria-hidden":`true`})]}),d&&(0,u.jsx)(`span`,{className:s.default.titleText,children:d}),(0,u.jsxs)(`div`,{className:s.default.titleActions,children:[g&&(0,u.jsx)(`button`,{type:`button`,className:(0,l.default)(s.default.titleBtn,D&&s.default.copied),onClick:A,"aria-label":E(D?`terminal.copied_label`:`terminal.copy_label`),children:(0,u.jsx)(a.Icon,{component:D?n.default:i.default,size:`sm`})}),v&&(0,u.jsx)(`button`,{type:`button`,className:s.default.titleBtn,onClick:v,"aria-label":E(`terminal.clear_label`),children:(0,u.jsx)(a.Icon,{component:r.default,size:`sm`})})]})]}),(0,u.jsx)(`div`,{ref:k,className:s.default.body,role:`log`,"aria-live":`polite`,"aria-label":S?void 0:x??d,"aria-labelledby":S,"aria-describedby":C,tabIndex:0,children:e.map((e,t)=>(0,u.jsxs)(`div`,{className:(0,l.default)(s.default.line,e.type&&s.default[e.type]),children:[e.type===`input`&&(0,u.jsx)(`span`,{className:s.default.prompt,"aria-hidden":`true`,children:h}),(0,u.jsx)(`span`,{className:s.default.content,children:f(e.content)})]},e.id??t))})]})});p.displayName=`Terminal`,exports.Terminal=p;

package/dist/components/ai/Terminal/Terminal.js

@@ -53,26 +53,26 @@ function g(e) {
 		children: e.slice(r)
 	}, a++)), n.length === 1 ? n[0] : /* @__PURE__ */ p(f, { children: n });
 }
-var _ = s.forwardRef(({ lines: h = [], title: _, height: v, autoScroll: y = !0, prompt: b = "$", showCopy: x = !0, showWindowControls: S = !1, onClear: C, className: w, style: T, ...E }, D) => {
-	let { t: O } = e(a), [k, A] = s.useState(!1), j = u(null);
+var _ = s.forwardRef(({ lines: h = [], title: _, height: v, autoScroll: y = !0, prompt: b = "$", showCopy: x = !0, showWindowControls: S = !1, onClear: C, className: w, style: T, "aria-label": E, "aria-labelledby": D, "aria-describedby": O, ...k }, A) => {
+	let { t: j } = e(a), [M, N] = s.useState(!1), P = u(null);
 	l(() => {
-		y && j.current && (j.current.scrollTop = j.current.scrollHeight);
+		y && P.current && (P.current.scrollTop = P.current.scrollHeight);
 	}, [h, y]);
-	let M = c(async () => {
+	let F = c(async () => {
 		let e = h.map((e) => e.type === "input" ? `${b} ${e.content}` : e.content).join("\n");
 		try {
-			await navigator.clipboard.writeText(e), A(!0), setTimeout(() => A(!1), 2e3);
+			await navigator.clipboard.writeText(e), N(!0), setTimeout(() => N(!1), 2e3);
 		} catch {}
 	}, [h, b]);
 	return /* @__PURE__ */ m("div", {
-		ref: D,
+		ref: A,
 		"data-theme": "dark",
 		className: d("wim-terminal", o.root, w),
 		style: {
 			...v == null ? {} : { height: v },
 			...T
 		},
-		...E,
+		...k,
 		children: [/* @__PURE__ */ m("div", {
 			className: o.titleBar,
 			children: [
@@ -101,18 +101,18 @@ var _ = s.forwardRef(({ lines: h = [], title: _, height: v, autoScroll: y = !0,
 					className: o.titleActions,
 					children: [x && /* @__PURE__ */ p("button", {
 						type: "button",
-						className: d(o.titleBtn, k && o.copied),
-						onClick: M,
-						"aria-label": O(k ? "terminal.copied_label" : "terminal.copy_label"),
+						className: d(o.titleBtn, M && o.copied),
+						onClick: F,
+						"aria-label": j(M ? "terminal.copied_label" : "terminal.copy_label"),
 						children: /* @__PURE__ */ p(i, {
-							component: k ? t : r,
+							component: M ? t : r,
 							size: "sm"
 						})
 					}), C && /* @__PURE__ */ p("button", {
 						type: "button",
 						className: o.titleBtn,
 						onClick: C,
-						"aria-label": O("terminal.clear_label"),
+						"aria-label": j("terminal.clear_label"),
 						children: /* @__PURE__ */ p(i, {
 							component: n,
 							size: "sm"
@@ -121,11 +121,13 @@ var _ = s.forwardRef(({ lines: h = [], title: _, height: v, autoScroll: y = !0,
 				})
 			]
 		}), /* @__PURE__ */ p("div", {
-			ref: j,
+			ref: P,
 			className: o.body,
 			role: "log",
 			"aria-live": "polite",
-			"aria-label": _,
+			"aria-label": D ? void 0 : E ?? _,
+			"aria-labelledby": D,
+			"aria-describedby": O,
 			tabIndex: 0,
 			children: h.map((e, t) => /* @__PURE__ */ m("div", {
 				className: d(o.line, e.type && o[e.type]),

package/dist/components/data-display/VirtualList/VirtualList.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./virtual-list.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");var a=n.default.forwardRef(({items:e,itemHeight:a,height:o,renderItem:s,overscan:c=3,className:l,itemRole:u=`listitem`,role:d=`list`,"aria-label":f,"aria-labelledby":p},m)=>{let h=(0,n.useRef)(null),g=m||h,[_,v]=(0,n.useState)(0),y=typeof o==`number`?o:0;(0,n.useEffect)(()=>{let e=e=>{v(e.target.scrollTop)},t=g.current;return t&&t.addEventListener(`scroll`,e),()=>{t&&t.removeEventListener(`scroll`,e)}},[g]);let b=(0,n.useMemo)(()=>{let t=Math.max(0,Math.floor(_/a)-c),n=y>0?Math.ceil(y/a)+c*2:20;return{startNode:t,endNode:Math.min(e.length,t+n)}},[_,a,y,e.length,c]),x=e.slice(b.startNode,b.endNode),S=e.length*a;return(0,i.jsx)(`div`,{ref:g,className:(0,r.default)(`wim-virtual-list`,t.default.root,l),style:{height:o},role:d,tabIndex:0,"aria-label":f,"aria-labelledby":p,children:(0,i.jsx)(`div`,{className:t.default.viewport,style:{height:S},children:x.map((n,r)=>{let o=b.startNode+r;return(0,i.jsx)(`div`,{className:t.default.item,style:{height:a,transform:`translateY(${o*a}px)`},role:u,"aria-setsize":e.length,"aria-posinset":o+1,children:s(n,o)},o)})})})});exports.VirtualList=a;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./virtual-list.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");var a=n.default.forwardRef(({items:e,itemHeight:a,height:o,renderItem:s,overscan:c=3,className:l,itemRole:u=`listitem`,role:d=`list`,"aria-label":f,"aria-labelledby":p,"aria-describedby":m},h)=>{let g=(0,n.useRef)(null),_=h||g,[v,y]=(0,n.useState)(0),b=typeof o==`number`?o:0;(0,n.useEffect)(()=>{let e=e=>{y(e.target.scrollTop)},t=_.current;return t&&t.addEventListener(`scroll`,e),()=>{t&&t.removeEventListener(`scroll`,e)}},[_]);let x=(0,n.useMemo)(()=>{let t=Math.max(0,Math.floor(v/a)-c),n=b>0?Math.ceil(b/a)+c*2:20;return{startNode:t,endNode:Math.min(e.length,t+n)}},[v,a,b,e.length,c]),S=e.slice(x.startNode,x.endNode),C=e.length*a;return(0,i.jsx)(`div`,{ref:_,className:(0,r.default)(`wim-virtual-list`,t.default.root,l),style:{height:o},role:d,tabIndex:0,"aria-label":f,"aria-labelledby":p,"aria-describedby":m,children:(0,i.jsx)(`div`,{className:t.default.viewport,style:{height:C},children:S.map((n,r)=>{let o=x.startNode+r;return(0,i.jsx)(`div`,{className:t.default.item,style:{height:a,transform:`translateY(${o*a}px)`},role:u,"aria-setsize":e.length,"aria-posinset":o+1,children:s(n,o)},o)})})})});exports.VirtualList=a;

package/dist/components/data-display/VirtualList/VirtualList.d.ts

@@ -20,6 +20,8 @@ export interface VirtualListProps<T> {
     "aria-label"?: string;
     /** ID of the element that labels the list */
     "aria-labelledby"?: string;
+    /** ID of the element that describes the list */
+    "aria-describedby"?: string;
 }
 export declare const VirtualList: <T>(props: VirtualListProps<T> & {
     ref?: React.ForwardedRef<HTMLDivElement>;

package/dist/components/data-display/VirtualList/VirtualList.js

@@ -3,42 +3,43 @@ import e from "./virtual-list.module.js";
 import t, { useEffect as n, useMemo as r, useRef as i, useState as a } from "react";
 import o from "classnames";
 import { jsx as s } from "react/jsx-runtime";
-var c = t.forwardRef(({ items: t, itemHeight: c, height: l, renderItem: u, overscan: d = 3, className: f, itemRole: p = "listitem", role: m = "list", "aria-label": h, "aria-labelledby": g }, _) => {
-	let v = i(null), y = _ || v, [b, x] = a(0), S = typeof l == "number" ? l : 0;
+var c = t.forwardRef(({ items: t, itemHeight: c, height: l, renderItem: u, overscan: d = 3, className: f, itemRole: p = "listitem", role: m = "list", "aria-label": h, "aria-labelledby": g, "aria-describedby": _ }, v) => {
+	let y = i(null), b = v || y, [x, S] = a(0), C = typeof l == "number" ? l : 0;
 	n(() => {
 		let e = (e) => {
-			x(e.target.scrollTop);
-		}, t = y.current;
+			S(e.target.scrollTop);
+		}, t = b.current;
 		return t && t.addEventListener("scroll", e), () => {
 			t && t.removeEventListener("scroll", e);
 		};
-	}, [y]);
-	let C = r(() => {
-		let e = Math.max(0, Math.floor(b / c) - d), n = S > 0 ? Math.ceil(S / c) + d * 2 : 20;
+	}, [b]);
+	let w = r(() => {
+		let e = Math.max(0, Math.floor(x / c) - d), n = C > 0 ? Math.ceil(C / c) + d * 2 : 20;
 		return {
 			startNode: e,
 			endNode: Math.min(t.length, e + n)
 		};
 	}, [
-		b,
+		x,
 		c,
-		S,
+		C,
 		t.length,
 		d
-	]), w = t.slice(C.startNode, C.endNode), T = t.length * c;
+	]), T = t.slice(w.startNode, w.endNode), E = t.length * c;
 	return /* @__PURE__ */ s("div", {
-		ref: y,
+		ref: b,
 		className: o("wim-virtual-list", e.root, f),
 		style: { height: l },
 		role: m,
 		tabIndex: 0,
 		"aria-label": h,
 		"aria-labelledby": g,
+		"aria-describedby": _,
 		children: /* @__PURE__ */ s("div", {
 			className: e.viewport,
-			style: { height: T },
-			children: w.map((n, r) => {
-				let i = C.startNode + r;
+			style: { height: E },
+			children: T.map((n, r) => {
+				let i = w.startNode + r;
 				return /* @__PURE__ */ s("div", {
 					className: e.item,
 					style: {

package/dist/components/form/CopyButton/CopyButton.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../Button/Button.cjs"),i=require("../../overlay/Tooltip/Tooltip.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");var c=({value:e,size:c=`md`,className:l,"aria-label":u,copyLabel:d,copiedLabel:f,asChild:p=!1,children:m})=>{let{t:h}=t.useWimTranslation(n.commonNs),[g,_]=(0,a.useState)(!1);(0,a.useEffect)(()=>{if(g){let e=setTimeout(()=>{_(!1)},2e3);return()=>clearTimeout(e)}},[g]);let v=async()=>{try{await navigator.clipboard.writeText(e),_(!0)}catch{}},y=g?f??h(`copied`):d??h(`copy.to_clipboard`);return(0,s.jsxs)(i.Tooltip,{children:[(0,s.jsx)(i.TooltipTrigger,{asChild:!0,children:(0,s.jsx)(r.Button,{asChild:p,variant:`ghost`,size:c,icon:p?void 0:g?`CheckIcon`:`CopyIcon`,intent:g?`success`:`default`,onClick:v,className:(0,o.default)(`wim-copy-button`,l),"aria-label":u||y,children:p?m:void 0})}),(0,s.jsx)(i.TooltipContent,{children:y})]})};exports.CopyButton=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../Button/Button.cjs"),i=require("../../overlay/Tooltip/Tooltip.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");var c=({value:e,size:c=`md`,className:l,"aria-label":u,"aria-labelledby":d,"aria-describedby":f,copyLabel:p,copiedLabel:m,asChild:h=!1,children:g})=>{let{t:_}=t.useWimTranslation(n.commonNs),[v,y]=(0,a.useState)(!1);(0,a.useEffect)(()=>{if(v){let e=setTimeout(()=>{y(!1)},2e3);return()=>clearTimeout(e)}},[v]);let b=async()=>{try{await navigator.clipboard.writeText(e),y(!0)}catch{}},x=v?m??_(`copied`):p??_(`copy.to_clipboard`);return(0,s.jsxs)(i.Tooltip,{children:[(0,s.jsx)(i.TooltipTrigger,{asChild:!0,children:(0,s.jsx)(r.Button,{asChild:h,variant:`ghost`,size:c,icon:h?void 0:v?`CheckIcon`:`CopyIcon`,intent:v?`success`:`default`,onClick:b,className:(0,o.default)(`wim-copy-button`,l),"aria-label":u||x,"aria-labelledby":d,"aria-describedby":f,children:h?g:void 0})}),(0,s.jsx)(i.TooltipContent,{children:x})]})};exports.CopyButton=c;

package/dist/components/form/CopyButton/CopyButton.d.ts

@@ -9,6 +9,10 @@ type CopyButtonProps = {
     className?: string;
     /** Accessible label for the button */
     "aria-label"?: string;
+    /** ID of the element that labels the button. Takes precedence over `aria-label`. */
+    "aria-labelledby"?: string;
+    /** ID of the element that describes the button. */
+    "aria-describedby"?: string;
     /** Tooltip label before copying */
     copyLabel?: string;
     /** Tooltip label after copying */
@@ -18,5 +22,5 @@ type CopyButtonProps = {
     /** Trigger content when `asChild` is true */
     children?: React.ReactNode;
 };
-export declare const CopyButton: ({ value, size, className, "aria-label": ariaLabel, copyLabel, copiedLabel, asChild, children, }: CopyButtonProps) => React.JSX.Element;
+export declare const CopyButton: ({ value, size, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, copyLabel, copiedLabel, asChild, children, }: CopyButtonProps) => React.JSX.Element;
 export {};

package/dist/components/form/CopyButton/CopyButton.js

@@ -7,35 +7,37 @@ import { useEffect as o, useState as s } from "react";
 import c from "classnames";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/form/CopyButton/CopyButton.tsx
-var d = ({ value: d, size: f = "md", className: p, "aria-label": m, copyLabel: h, copiedLabel: g, asChild: _ = !1, children: v }) => {
-	let { t: y } = e(t), [b, x] = s(!1);
+var d = ({ value: d, size: f = "md", className: p, "aria-label": m, "aria-labelledby": h, "aria-describedby": g, copyLabel: _, copiedLabel: v, asChild: y = !1, children: b }) => {
+	let { t: x } = e(t), [S, C] = s(!1);
 	o(() => {
-		if (b) {
+		if (S) {
 			let e = setTimeout(() => {
-				x(!1);
+				C(!1);
 			}, 2e3);
 			return () => clearTimeout(e);
 		}
-	}, [b]);
-	let S = async () => {
+	}, [S]);
+	let w = async () => {
 		try {
-			await navigator.clipboard.writeText(d), x(!0);
+			await navigator.clipboard.writeText(d), C(!0);
 		} catch {}
-	}, C = b ? g ?? y("copied") : h ?? y("copy.to_clipboard");
+	}, T = S ? v ?? x("copied") : _ ?? x("copy.to_clipboard");
 	return /* @__PURE__ */ u(r, { children: [/* @__PURE__ */ l(a, {
 		asChild: !0,
 		children: /* @__PURE__ */ l(n, {
-			asChild: _,
+			asChild: y,
 			variant: "ghost",
 			size: f,
-			icon: _ ? void 0 : b ? "CheckIcon" : "CopyIcon",
-			intent: b ? "success" : "default",
-			onClick: S,
+			icon: y ? void 0 : S ? "CheckIcon" : "CopyIcon",
+			intent: S ? "success" : "default",
+			onClick: w,
 			className: c("wim-copy-button", p),
-			"aria-label": m || C,
-			children: _ ? v : void 0
+			"aria-label": m || T,
+			"aria-labelledby": h,
+			"aria-describedby": g,
+			children: y ? b : void 0
 		})
-	}), /* @__PURE__ */ l(i, { children: C })] });
+	}), /* @__PURE__ */ l(i, { children: T })] });
 };
 //#endregion
 export { d as CopyButton };

package/dist/components/form/Dropzone/Dropzone.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/InteractiveArea/InteractiveArea.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../../../i18n/generated/form.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),o=require("./dropzone.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=({label:e,description:u,accept:d,multiple:f=!1,disabled:p=!1,value:m,onChange:h,className:g,iconName:_=`UploadIcon`,error:v,required:y,layout:b=`vertical`,size:x=`md`})=>{let{t:S}=n.useWimTranslation(i.formNs),C=u??S(`dropzone.description`),w=`wim-dropzone-${s.default.useId()}`,T=e?`${w}-label`:void 0,E=v?`${w}-error`:void 0,D=(0,s.useRef)(null),[O,k]=(0,s.useState)(!1),[A,j]=(0,s.useState)(null),M=()=>{p||D.current?.click()},N=e=>{e.preventDefault(),!p&&k(!0)},P=()=>{k(!1)},F=e=>{if(e.preventDefault(),k(!1),p)return;let t=e.dataTransfer.files;j(t),h&&h(t)},I=e=>{let t=e.target.files;j(t),h&&h(t)},L=m===void 0?A?Array.from(A).map(e=>e.name):[]:m;return(0,l.jsxs)(a.FieldTemplate,{label:e,error:v,required:y,layout:b,labelId:T,errorId:E,className:(0,c.default)(`wim-dropzone`,o.default.container,g),children:[(0,l.jsx)(`input`,{type:`file`,ref:D,accept:d,multiple:f,disabled:p,onChange:I,style:{display:`none`},"aria-hidden":`true`,tabIndex:-1}),(0,l.jsx)(t.InteractiveArea,{size:x,isDragging:O,disabled:p,isClickable:!p,onClick:M,onDragOver:N,onDragLeave:P,onDrop:F,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&M()},"aria-labelledby":T,"aria-describedby":E,"aria-required":y,"aria-invalid":!!v,icon:_&&(0,l.jsx)(r.Icon,{name:_,color:p?`disabled`:`primary`}),description:C,children:L.length>0?(0,l.jsx)(`div`,{className:o.default.fileList,children:L.map((e,t)=>(0,l.jsx)(`span`,{className:o.default.fileName,children:e},t))}):null})]})};exports.Dropzone=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/InteractiveArea/InteractiveArea.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../../../i18n/generated/form.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),o=require("./dropzone.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=({label:e,description:u,accept:d,multiple:f=!1,disabled:p=!1,value:m,onChange:h,className:g,iconName:_=`UploadIcon`,error:v,required:y,layout:b=`vertical`,size:x=`md`,"aria-label":S,"aria-labelledby":C,"aria-describedby":w})=>{let{t:T}=n.useWimTranslation(i.formNs),E=u??T(`dropzone.description`),D=`wim-dropzone-${s.default.useId()}`,O=e?`${D}-label`:void 0,k=v?`${D}-error`:void 0,A=(0,s.useRef)(null),[j,M]=(0,s.useState)(!1),[N,P]=(0,s.useState)(null),F=()=>{p||A.current?.click()},I=e=>{e.preventDefault(),!p&&M(!0)},L=()=>{M(!1)},R=e=>{if(e.preventDefault(),M(!1),p)return;let t=e.dataTransfer.files;P(t),h&&h(t)},z=e=>{let t=e.target.files;P(t),h&&h(t)},B=m===void 0?N?Array.from(N).map(e=>e.name):[]:m;return(0,l.jsxs)(a.FieldTemplate,{label:e,error:v,required:y,layout:b,labelId:O,errorId:k,className:(0,c.default)(`wim-dropzone`,o.default.container,g),children:[(0,l.jsx)(`input`,{type:`file`,ref:A,accept:d,multiple:f,disabled:p,onChange:z,style:{display:`none`},"aria-hidden":`true`,tabIndex:-1}),(0,l.jsx)(t.InteractiveArea,{size:x,isDragging:j,disabled:p,isClickable:!p,onClick:F,onDragOver:I,onDragLeave:L,onDrop:R,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&F()},"aria-labelledby":O??C,"aria-label":O||C?void 0:S,"aria-describedby":[w,k].filter(Boolean).join(` `)||void 0,"aria-required":y,"aria-invalid":!!v,icon:_&&(0,l.jsx)(r.Icon,{name:_,color:p?`disabled`:`primary`}),description:E,children:B.length>0?(0,l.jsx)(`div`,{className:o.default.fileList,children:B.map((e,t)=>(0,l.jsx)(`span`,{className:o.default.fileName,children:e},t))}):null})]})};exports.Dropzone=u;

package/dist/components/form/Dropzone/Dropzone.d.ts

@@ -35,9 +35,15 @@ type DropzoneProps = {
     layout?: "vertical" | "horizontal";
     /** Size of the drop area */
     size?: InteractiveAreaProps["size"];
+    /** Accessible name for the drop area when no visible `label` is provided. */
+    "aria-label"?: string;
+    /** ID of the element that labels the drop area when no visible `label` is provided. */
+    "aria-labelledby"?: string;
+    /** ID of the element that describes the drop area. Announced together with the error message. */
+    "aria-describedby"?: string;
 };
 /**
  * Component for uploading files by drag and drop or by clicking.
  */
-export declare const Dropzone: ({ label, description, accept, multiple, disabled, value, onChange, className, iconName, error, required, layout, size, }: DropzoneProps) => React.JSX.Element;
+export declare const Dropzone: ({ label, description, accept, multiple, disabled, value, onChange, className, iconName, error, required, layout, size, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, }: DropzoneProps) => React.JSX.Element;
 export {};

package/dist/components/form/Dropzone/Dropzone.js

@@ -9,63 +9,64 @@ import o, { useRef as s, useState as c } from "react";
 import l from "classnames";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/form/Dropzone/Dropzone.tsx
-var f = ({ label: f, description: p, accept: m, multiple: h = !1, disabled: g = !1, value: _, onChange: v, className: y, iconName: b = "UploadIcon", error: x, required: S, layout: C = "vertical", size: w = "md" }) => {
-	let { t: T } = t(r), E = p ?? T("dropzone.description"), D = `wim-dropzone-${o.useId()}`, O = f ? `${D}-label` : void 0, k = x ? `${D}-error` : void 0, A = s(null), [j, M] = c(!1), [N, P] = c(null), F = () => {
-		g || A.current?.click();
-	}, I = (e) => {
-		e.preventDefault(), !g && M(!0);
-	}, L = () => {
-		M(!1);
-	}, R = (e) => {
-		if (e.preventDefault(), M(!1), g) return;
-		let t = e.dataTransfer.files;
-		P(t), v && v(t);
+var f = ({ label: f, description: p, accept: m, multiple: h = !1, disabled: g = !1, value: _, onChange: v, className: y, iconName: b = "UploadIcon", error: x, required: S, layout: C = "vertical", size: w = "md", "aria-label": T, "aria-labelledby": E, "aria-describedby": D }) => {
+	let { t: O } = t(r), k = p ?? O("dropzone.description"), A = `wim-dropzone-${o.useId()}`, j = f ? `${A}-label` : void 0, M = x ? `${A}-error` : void 0, N = s(null), [P, F] = c(!1), [I, L] = c(null), R = () => {
+		g || N.current?.click();
 	}, z = (e) => {
+		e.preventDefault(), !g && F(!0);
+	}, B = () => {
+		F(!1);
+	}, V = (e) => {
+		if (e.preventDefault(), F(!1), g) return;
+		let t = e.dataTransfer.files;
+		L(t), v && v(t);
+	}, H = (e) => {
 		let t = e.target.files;
-		P(t), v && v(t);
-	}, B = _ === void 0 ? N ? Array.from(N).map((e) => e.name) : [] : _;
+		L(t), v && v(t);
+	}, U = _ === void 0 ? I ? Array.from(I).map((e) => e.name) : [] : _;
 	return /* @__PURE__ */ d(i, {
 		label: f,
 		error: x,
 		required: S,
 		layout: C,
-		labelId: O,
-		errorId: k,
+		labelId: j,
+		errorId: M,
 		className: l("wim-dropzone", a.container, y),
 		children: [/* @__PURE__ */ u("input", {
 			type: "file",
-			ref: A,
+			ref: N,
 			accept: m,
 			multiple: h,
 			disabled: g,
-			onChange: z,
+			onChange: H,
 			style: { display: "none" },
 			"aria-hidden": "true",
 			tabIndex: -1
 		}), /* @__PURE__ */ u(e, {
 			size: w,
-			isDragging: j,
+			isDragging: P,
 			disabled: g,
 			isClickable: !g,
-			onClick: F,
-			onDragOver: I,
-			onDragLeave: L,
-			onDrop: R,
+			onClick: R,
+			onDragOver: z,
+			onDragLeave: B,
+			onDrop: V,
 			onKeyDown: (e) => {
-				(e.key === "Enter" || e.key === " ") && F();
+				(e.key === "Enter" || e.key === " ") && R();
 			},
-			"aria-labelledby": O,
-			"aria-describedby": k,
+			"aria-labelledby": j ?? E,
+			"aria-label": j || E ? void 0 : T,
+			"aria-describedby": [D, M].filter(Boolean).join(" ") || void 0,
 			"aria-required": S,
 			"aria-invalid": !!x,
 			icon: b && /* @__PURE__ */ u(n, {
 				name: b,
 				color: g ? "disabled" : "primary"
 			}),
-			description: E,
-			children: B.length > 0 ? /* @__PURE__ */ u("div", {
+			description: k,
+			children: U.length > 0 ? /* @__PURE__ */ u("div", {
 				className: a.fileList,
-				children: B.map((e, t) => /* @__PURE__ */ u("span", {
+				children: U.map((e, t) => /* @__PURE__ */ u("span", {
 					className: a.fileName,
 					children: e
 				}, t))

package/dist/components/form/FileUpload/FileUpload.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),r=require("../Button/Button.cjs"),i=require("../../../i18n/generated/form.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),o=require("./file-upload.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=({label:e,buttonLabel:u,noFileLabel:d,accept:f,multiple:p=!1,disabled:m=!1,value:h,onChange:g,className:_,iconName:v,iconPosition:y,size:b=`md`,error:x,required:S,layout:C=`vertical`})=>{let{t:w}=t.useWimTranslation(i.formNs),T=`wim-fileupload-${s.default.useId()}`,E=e?`${T}-label`:void 0,D=x?`${T}-error`:void 0,O=S?`${T}-required`:void 0,k=[D,O].filter(Boolean).join(` `)||void 0,A=(0,s.useRef)(null),[j,M]=(0,s.useState)(null),N=()=>{A.current?.click()},P=e=>{let t=e.target.files;M(t),g&&g(t)},F=h===void 0?j?Array.from(j).map(e=>e.name):[]:h,I=F.length>0?F.join(`, `):d??w(`fileupload.no_file`);return(0,l.jsx)(a.FieldTemplate,{label:e,error:x,required:S,layout:C,labelId:E,errorId:D,className:(0,c.default)(`wim-file-upload`,o.default.root,o.default[b],_),children:(0,l.jsxs)(`div`,{className:o.default.controls,children:[(0,l.jsx)(`input`,{type:`file`,ref:A,accept:f,multiple:p,disabled:m,onChange:P,className:o.default.input,"aria-hidden":`true`,tabIndex:-1}),(0,l.jsx)(r.Button,{onClick:N,disabled:m,variant:`outline`,icon:v,iconPosition:y,size:b,"aria-labelledby":E,"aria-describedby":k,"aria-invalid":x?!0:void 0,children:u??w(`fileupload.button`)}),S&&(0,l.jsx)(n.VisuallyHidden,{id:O,children:w(`form.required`)}),(0,l.jsx)(`span`,{className:(0,c.default)(o.default.fileNames,o.default[b],m&&o.default.disabled),"aria-disabled":m||void 0,children:I})]})})};exports.FileUpload=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),r=require("../Button/Button.cjs"),i=require("../../../i18n/generated/form.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),o=require("./file-upload.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=({label:e,buttonLabel:u,noFileLabel:d,accept:f,multiple:p=!1,disabled:m=!1,value:h,onChange:g,className:_,iconName:v,iconPosition:y,size:b=`md`,error:x,required:S,layout:C=`vertical`,"aria-label":w,"aria-labelledby":T,"aria-describedby":E})=>{let{t:D}=t.useWimTranslation(i.formNs),O=`wim-fileupload-${s.default.useId()}`,k=e?`${O}-label`:void 0,A=x?`${O}-error`:void 0,j=S?`${O}-required`:void 0,M=[E,A,j].filter(Boolean).join(` `)||void 0,N=(0,s.useRef)(null),[P,F]=(0,s.useState)(null),I=()=>{N.current?.click()},L=e=>{let t=e.target.files;F(t),g&&g(t)},R=h===void 0?P?Array.from(P).map(e=>e.name):[]:h,z=R.length>0?R.join(`, `):d??D(`fileupload.no_file`);return(0,l.jsx)(a.FieldTemplate,{label:e,error:x,required:S,layout:C,labelId:k,errorId:A,className:(0,c.default)(`wim-file-upload`,o.default.root,o.default[b],_),children:(0,l.jsxs)(`div`,{className:o.default.controls,children:[(0,l.jsx)(`input`,{type:`file`,ref:N,accept:f,multiple:p,disabled:m,onChange:L,className:o.default.input,"aria-hidden":`true`,tabIndex:-1}),(0,l.jsx)(r.Button,{onClick:I,disabled:m,variant:`outline`,icon:v,iconPosition:y,size:b,"aria-labelledby":k??T,"aria-label":k||T?void 0:w,"aria-describedby":M,"aria-invalid":x?!0:void 0,children:u??D(`fileupload.button`)}),S&&(0,l.jsx)(n.VisuallyHidden,{id:j,children:D(`form.required`)}),(0,l.jsx)(`span`,{className:(0,c.default)(o.default.fileNames,o.default[b],m&&o.default.disabled),"aria-disabled":m||void 0,children:z})]})})};exports.FileUpload=u;

package/dist/components/form/FileUpload/FileUpload.d.ts

@@ -39,9 +39,15 @@ type FileUploadProps = {
     required?: boolean;
     /** Layout direction of label and field */
     layout?: "vertical" | "horizontal";
+    /** Accessible name for the choose-file button when no visible `label` is provided. */
+    "aria-label"?: string;
+    /** ID of the element that labels the choose-file button when no visible `label` is provided. */
+    "aria-labelledby"?: string;
+    /** ID of the element that describes the choose-file button. Announced together with the error message. */
+    "aria-describedby"?: string;
 };
 /**
  * Component for selecting and uploading files.
  */
-export declare const FileUpload: ({ label, buttonLabel, noFileLabel, accept, multiple, disabled, value, onChange, className, iconName, iconPosition, size, error, required, layout, }: FileUploadProps) => React.JSX.Element;
+export declare const FileUpload: ({ label, buttonLabel, noFileLabel, accept, multiple, disabled, value, onChange, className, iconName, iconPosition, size, error, required, layout, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, }: FileUploadProps) => React.JSX.Element;
 export {};