wimui 0.58.1 → 0.60.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/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("../../../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;
+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,"aria-label":m,"aria-labelledby":h})=>{let{t:g}=t.useWimTranslation(i.formNs),_=f??(o?l(o):void 0),v=d==null?e:g(`source_citation.source_label`,{index:d}),y=h?void 0:m??v,b=(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`})]}),_&&(0,c.jsx)(`div`,{className:a.default.domain,children:_}),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":y,"aria-labelledby":h,children:b}):(0,c.jsx)(`div`,{className:(0,s.default)(`wim-source-citation`,a.default.root,p),role:`group`,"aria-label":y,"aria-labelledby":h,children:b})},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;

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

@@ -12,6 +12,10 @@ export interface SourceCitationProps {
     domain?: string;
     /** Additional CSS class */
     className?: string;
+    /** Accessible name for the citation. */
+    "aria-label"?: string;
+    /** ID of the element that labels the citation. Takes precedence over `aria-label`. */
+    "aria-labelledby"?: string;
 }
 /**
  * SourceCitation displays a single cited source with optional link, index badge, and description.
@@ -21,7 +25,7 @@ export interface SourceCitationProps {
  * - Managed by: App consumption
  * - Scroll lock: No
  */
-export declare const SourceCitation: ({ title, url, description, index, domain: domainProp, className, }: SourceCitationProps) => React.JSX.Element;
+export declare const SourceCitation: ({ title, url, description, index, domain: domainProp, className, "aria-label": ariaLabelAttr, "aria-labelledby": ariaLabelledBy, }: SourceCitationProps) => React.JSX.Element;
 export interface SourceCitationListProps extends React.ComponentPropsWithoutRef<"div"> {
     /** Array of sources to display */
     sources: SourceCitationProps[];

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

@@ -15,8 +15,8 @@ function u(e) {
 		return e;
 	}
 }
-var d = ({ title: a, url: d, description: f, index: p, domain: m, className: h }) => {
-	let { t: g } = e(r), _ = m ?? (d ? u(d) : void 0), v = p == null ? a : g("source_citation.source_label", { index: p }), y = /* @__PURE__ */ l(s, { children: [
+var d = ({ title: a, url: d, description: f, index: p, domain: m, className: h, "aria-label": g, "aria-labelledby": _ }) => {
+	let { t: v } = e(r), y = m ?? (d ? u(d) : void 0), b = p == null ? a : v("source_citation.source_label", { index: p }), x = _ ? void 0 : g ?? b, S = /* @__PURE__ */ l(s, { children: [
 		/* @__PURE__ */ l("div", {
 			className: i.header,
 			children: [
@@ -37,9 +37,9 @@ var d = ({ title: a, url: d, description: f, index: p, domain: m, className: h }
 				})
 			]
 		}),
-		_ && /* @__PURE__ */ c("div", {
+		y && /* @__PURE__ */ c("div", {
 			className: i.domain,
-			children: _
+			children: y
 		}),
 		f && /* @__PURE__ */ c("p", {
 			className: i.description,
@@ -51,13 +51,15 @@ var d = ({ title: a, url: d, description: f, index: p, domain: m, className: h }
 		target: "_blank",
 		rel: "noopener noreferrer",
 		className: o("wim-source-citation", i.root, i.link, h),
-		"aria-label": v,
-		children: y
+		"aria-label": x,
+		"aria-labelledby": _,
+		children: S
 	}) : /* @__PURE__ */ c("div", {
 		className: o("wim-source-citation", i.root, h),
 		role: "group",
-		"aria-label": v,
-		children: y
+		"aria-label": x,
+		"aria-labelledby": _,
+		children: S
 	});
 }, f = a.forwardRef(({ sources: e, className: t, ...n }, r) => /* @__PURE__ */ c("div", {
 	ref: r,

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/DataGrid/DataGrid.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("../../form/Checkbox/Checkbox.cjs"),i=require("../../navigation/Pagination/Pagination.cjs"),a=require("../Table/Table.cjs"),o=require("./useFixedColumns.cjs"),s=require("./useDataGridKeyboard.cjs"),c=require("./useInfiniteScroll.cjs"),l=require("./datagrid.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");function p({columns:e,data:p,rowKey:m=`id`,loading:h=!1,striped:g=!1,bordered:_=!1,hoverable:v=!0,stickyHeader:y=!0,height:b,maxHeight:x,emptyMessage:S,mobileCard:C=!1,selection:w,selectedRowKeys:T,onSelectionChange:E,sortConfig:D,onSortChange:O,pagination:k,infiniteScroll:A,className:j,ariaLabel:M}){let{t:N}=t.useWimTranslation(n.commonNs),P=h!==!1&&h!==void 0,F=h===!0||h===`blocking`,I=(0,u.useMemo)(()=>w?w===!0?{type:`checkbox`,selectedRowKeys:T??[],onChange:(e,t)=>{E?.(e,t)}}:w:null,[w,T,E]),{fixedLeftOffsets:L,fixedRightOffsets:R}=o.useFixedColumns(e,!!I),z=(e,t=!1)=>{let n=L[e];if(n)return{stickyLeft:!0,leftOffset:n.offset,stickyZIndex:t?1e3+n.zIndex:n.zIndex,className:(0,d.default)(l.default.cellFixed,n.isLast&&l.default.cellFixedLeftLast)};let r=R[e];return r?{stickyRight:!0,rightOffset:r.offset,stickyZIndex:t?1e3+r.zIndex:r.zIndex,className:(0,d.default)(l.default.cellFixed,r.isFirst&&l.default.cellFixedRightFirst)}:{}},B=(0,u.useCallback)(e=>typeof m==`function`?m(e):e[m],[m]),V=(0,u.useMemo)(()=>!I||p.length===0?!1:p.every(e=>I.selectedRowKeys.includes(B(e))),[p,I,B]),H=(0,u.useMemo)(()=>I?!V&&p.some(e=>I.selectedRowKeys.includes(B(e))):!1,[p,I,V,B]),U=e=>{if(!I)return;let t=e.target.checked,n=t?p.map(B):[],r=t?p:[];I.onChange(n,r)},W=(e,t)=>{if(!I)return;let n=t.target.checked,r=B(e),i=n?[...I.selectedRowKeys,r]:I.selectedRowKeys.filter(e=>e!==r),a=p.filter(e=>i.includes(B(e)));I.onChange(i,a)},{focusedCell:G,handleKeyDown:K,containerRef:q}=s.useDataGridKeyboard(e,p,!!I),{loaderRef:J}=c.useInfiniteScroll(A),Y=e.length+ +!!I;return(0,f.jsxs)(`div`,{className:(0,d.default)(`wim-data-grid`,l.default.root,F&&l.default.loading,C===`md`?l.default.mobileCardMd:C&&l.default.mobileCard,j),"aria-busy":P||void 0,children:[(0,f.jsxs)(`div`,{className:l.default.container,style:{height:b,maxHeight:x},inert:F||void 0,children:[(0,f.jsxs)(a.Table,{ref:q,onKeyDown:K,tabIndex:0,role:`grid`,"aria-label":M??N(`a11y.data_grid`),"aria-rowcount":p.length+1,"aria-colcount":Y,striped:g,bordered:_,hoverable:v,stickyHeader:y,mobileCard:C,fullWidth:!0,className:(0,d.default)(`wim-table`,l.default.table),containerClassName:l.default.tableContainer,children:[(0,f.jsx)(a.Table.Header,{children:(0,f.jsxs)(a.Table.Row,{children:[I&&(0,f.jsx)(a.Table.Head,{role:`columnheader`,selection:!0,stickyLeft:!0,leftOffset:0,stickyZIndex:1150,"data-row":-1,"data-col":-1,"aria-label":N(`a11y.select_all_rows`),tabIndex:G.row===-1&&G.col===-1?0:-1,children:(I.type??`checkbox`)===`checkbox`&&(0,f.jsx)(r.Checkbox,{checked:V,indeterminate:H,onChange:U,"aria-label":N(`a11y.select_all_rows`)})}),e.map((e,t)=>{let n=z(e.key,!0);return(0,f.jsx)(a.Table.Head,{role:`columnheader`,style:{width:e.width,minWidth:e.width},sortable:!!(e.sortable&&O),sortDirection:D?.key===e.key?D.direction:`none`,onSort:()=>{if(!e.sortable||!O)return;let t=D?.key===e.key?D.direction===`asc`?`desc`:D.direction===`desc`?`none`:`asc`:`asc`;O(e.key,t)},...n,tabIndex:G.row===-1&&G.col===(I?t+1:t)?0:-1,"data-row":-1,"data-col":I?t+1:t,children:e.title},e.key)})]})}),(0,f.jsx)(a.Table.Body,{children:p.map((t,n)=>{let i=B(t),o=I?.selectedRowKeys.includes(i);return(0,f.jsxs)(a.Table.Row,{selected:o,children:[I&&(0,f.jsx)(a.Table.Cell,{role:`gridcell`,selection:!0,stickyLeft:!0,leftOffset:0,stickyZIndex:150,"data-row":n,"data-col":-1,tabIndex:G.row===n&&G.col===-1?0:-1,children:(0,f.jsx)(r.Checkbox,{checked:o,onChange:e=>W(t,e),"aria-label":N(`a11y.select_row`)})}),e.map((e,r)=>{let i=z(e.key,!1),o=t[e.dataIndex??e.key];return(0,f.jsx)(a.Table.Cell,{role:`gridcell`,label:typeof e.title==`string`?e.title:void 0,...i,"data-row":n,"data-col":I?r+1:r,tabIndex:G.row===n&&G.col===(I?r+1:r)?0:-1,children:e.maxWidth==null?e.render?e.render(o,t,n):o:(0,f.jsx)(`div`,{style:{maxWidth:e.maxWidth},children:e.render?e.render(o,t,n):o})},e.key)})]},i)})})]}),p.length===0&&S&&(0,f.jsx)(`div`,{role:`status`,className:l.default.empty,children:S}),A?.hasMore&&(0,f.jsx)(`div`,{ref:J,className:l.default.loader,children:A.hasMore&&N(`dataGrid.loading_more`)})]}),k&&(0,f.jsxs)(`div`,{className:l.default.footer,inert:F||void 0,children:[(0,f.jsxs)(`div`,{className:l.default.info,children:[N(`dataGrid.displaying`,{shown:p.length,total:k.total}),I?.selectedRowKeys&&I.selectedRowKeys.length>0&&(0,f.jsx)(`span`,{className:l.default.selectionInfo,children:N(`dataGrid.rows_selected`,{selected:I.selectedRowKeys.length})})]}),(0,f.jsx)(`div`,{className:l.default.pagination,children:(0,f.jsx)(i.Pagination,{className:l.default.paginationContent,current:k.current,total:k.total,pageSize:k.pageSize,onChange:k.onChange})})]})]})}exports.DataGrid=p;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../form/Checkbox/Checkbox.cjs"),i=require("../../navigation/Pagination/Pagination.cjs"),a=require("../Table/Table.cjs"),o=require("./useFixedColumns.cjs"),s=require("./useDataGridKeyboard.cjs"),c=require("./useInfiniteScroll.cjs"),l=require("./datagrid.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");function p({columns:e,data:p,rowKey:m=`id`,loading:h=!1,striped:g=!1,bordered:_=!1,hoverable:v=!0,stickyHeader:y=!0,height:b,maxHeight:x,emptyMessage:S,mobileCard:C=!1,selection:w,selectedRowKeys:T,onSelectionChange:E,sortConfig:D,onSortChange:O,pagination:k,infiniteScroll:A,className:j,ariaLabel:M,"aria-label":N,"aria-labelledby":P}){let{t:F}=t.useWimTranslation(n.commonNs),I=h!==!1&&h!==void 0,L=h===!0||h===`blocking`,R=(0,u.useMemo)(()=>w?w===!0?{type:`checkbox`,selectedRowKeys:T??[],onChange:(e,t)=>{E?.(e,t)}}:w:null,[w,T,E]),{fixedLeftOffsets:z,fixedRightOffsets:B}=o.useFixedColumns(e,!!R),V=(e,t=!1)=>{let n=z[e];if(n)return{stickyLeft:!0,leftOffset:n.offset,stickyZIndex:t?1e3+n.zIndex:n.zIndex,className:(0,d.default)(l.default.cellFixed,n.isLast&&l.default.cellFixedLeftLast)};let r=B[e];return r?{stickyRight:!0,rightOffset:r.offset,stickyZIndex:t?1e3+r.zIndex:r.zIndex,className:(0,d.default)(l.default.cellFixed,r.isFirst&&l.default.cellFixedRightFirst)}:{}},H=(0,u.useCallback)(e=>typeof m==`function`?m(e):e[m],[m]),U=(0,u.useMemo)(()=>!R||p.length===0?!1:p.every(e=>R.selectedRowKeys.includes(H(e))),[p,R,H]),W=(0,u.useMemo)(()=>R?!U&&p.some(e=>R.selectedRowKeys.includes(H(e))):!1,[p,R,U,H]),G=e=>{if(!R)return;let t=e.target.checked,n=t?p.map(H):[],r=t?p:[];R.onChange(n,r)},K=(e,t)=>{if(!R)return;let n=t.target.checked,r=H(e),i=n?[...R.selectedRowKeys,r]:R.selectedRowKeys.filter(e=>e!==r),a=p.filter(e=>i.includes(H(e)));R.onChange(i,a)},{focusedCell:q,handleKeyDown:J,containerRef:Y}=s.useDataGridKeyboard(e,p,!!R),{loaderRef:X}=c.useInfiniteScroll(A),Z=e.length+ +!!R;return(0,f.jsxs)(`div`,{className:(0,d.default)(`wim-data-grid`,l.default.root,L&&l.default.loading,C===`md`?l.default.mobileCardMd:C&&l.default.mobileCard,j),"aria-busy":I||void 0,children:[(0,f.jsxs)(`div`,{className:l.default.container,style:{height:b,maxHeight:x},inert:L||void 0,children:[(0,f.jsxs)(a.Table,{ref:Y,onKeyDown:J,tabIndex:0,role:`grid`,"aria-label":P?void 0:N??M??F(`a11y.data_grid`),"aria-labelledby":P,"aria-rowcount":p.length+1,"aria-colcount":Z,striped:g,bordered:_,hoverable:v,stickyHeader:y,mobileCard:C,fullWidth:!0,className:(0,d.default)(`wim-table`,l.default.table),containerClassName:l.default.tableContainer,children:[(0,f.jsx)(a.Table.Header,{children:(0,f.jsxs)(a.Table.Row,{children:[R&&(0,f.jsx)(a.Table.Head,{role:`columnheader`,selection:!0,stickyLeft:!0,leftOffset:0,stickyZIndex:1150,"data-row":-1,"data-col":-1,"aria-label":F(`a11y.select_all_rows`),tabIndex:q.row===-1&&q.col===-1?0:-1,children:(R.type??`checkbox`)===`checkbox`&&(0,f.jsx)(r.Checkbox,{checked:U,indeterminate:W,onChange:G,"aria-label":F(`a11y.select_all_rows`)})}),e.map((e,t)=>{let n=V(e.key,!0);return(0,f.jsx)(a.Table.Head,{role:`columnheader`,style:{width:e.width,minWidth:e.width},sortable:!!(e.sortable&&O),sortDirection:D?.key===e.key?D.direction:`none`,onSort:()=>{if(!e.sortable||!O)return;let t=D?.key===e.key?D.direction===`asc`?`desc`:D.direction===`desc`?`none`:`asc`:`asc`;O(e.key,t)},...n,tabIndex:q.row===-1&&q.col===(R?t+1:t)?0:-1,"data-row":-1,"data-col":R?t+1:t,children:e.title},e.key)})]})}),(0,f.jsx)(a.Table.Body,{children:p.map((t,n)=>{let i=H(t),o=R?.selectedRowKeys.includes(i);return(0,f.jsxs)(a.Table.Row,{selected:o,children:[R&&(0,f.jsx)(a.Table.Cell,{role:`gridcell`,selection:!0,stickyLeft:!0,leftOffset:0,stickyZIndex:150,"data-row":n,"data-col":-1,tabIndex:q.row===n&&q.col===-1?0:-1,children:(0,f.jsx)(r.Checkbox,{checked:o,onChange:e=>K(t,e),"aria-label":F(`a11y.select_row`)})}),e.map((e,r)=>{let i=V(e.key,!1),o=t[e.dataIndex??e.key];return(0,f.jsx)(a.Table.Cell,{role:`gridcell`,label:typeof e.title==`string`?e.title:void 0,...i,"data-row":n,"data-col":R?r+1:r,tabIndex:q.row===n&&q.col===(R?r+1:r)?0:-1,children:e.maxWidth==null?e.render?e.render(o,t,n):o:(0,f.jsx)(`div`,{style:{maxWidth:e.maxWidth},children:e.render?e.render(o,t,n):o})},e.key)})]},i)})})]}),p.length===0&&S&&(0,f.jsx)(`div`,{role:`status`,className:l.default.empty,children:S}),A?.hasMore&&(0,f.jsx)(`div`,{ref:X,className:l.default.loader,children:A.hasMore&&F(`dataGrid.loading_more`)})]}),k&&(0,f.jsxs)(`div`,{className:l.default.footer,inert:L||void 0,children:[(0,f.jsxs)(`div`,{className:l.default.info,children:[F(`dataGrid.displaying`,{shown:p.length,total:k.total}),R?.selectedRowKeys&&R.selectedRowKeys.length>0&&(0,f.jsx)(`span`,{className:l.default.selectionInfo,children:F(`dataGrid.rows_selected`,{selected:R.selectedRowKeys.length})})]}),(0,f.jsx)(`div`,{className:l.default.pagination,children:(0,f.jsx)(i.Pagination,{className:l.default.paginationContent,current:k.current,total:k.total,pageSize:k.pageSize,onChange:k.onChange})})]})]})}exports.DataGrid=p;

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

@@ -96,6 +96,10 @@ export type DataGridProps<T> = {
     className?: string;
     /** Accessibility label for the grid */
     ariaLabel?: string;
+    /** Accessible name for the grid. Takes precedence over `ariaLabel`. */
+    "aria-label"?: string;
+    /** ID of the element that labels the grid. Takes precedence over `aria-label`. */
+    "aria-labelledby"?: string;
 };
-export declare function DataGrid<T extends Record<string, unknown>>({ columns, data, rowKey, loading, striped, bordered, hoverable, stickyHeader, height, maxHeight, emptyMessage, mobileCard, selection: selectionProp, selectedRowKeys: propsSelectedRowKeys, onSelectionChange, sortConfig, onSortChange, pagination, infiniteScroll, className, ariaLabel, }: DataGridProps<T>): React.JSX.Element;
+export declare function DataGrid<T extends Record<string, unknown>>({ columns, data, rowKey, loading, striped, bordered, hoverable, stickyHeader, height, maxHeight, emptyMessage, mobileCard, selection: selectionProp, selectedRowKeys: propsSelectedRowKeys, onSelectionChange, sortConfig, onSortChange, pagination, infiniteScroll, className, ariaLabel, "aria-label": ariaLabelAttr, "aria-labelledby": ariaLabelledBy, }: DataGridProps<T>): React.JSX.Element;
 export {};

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

@@ -12,8 +12,8 @@ import { useCallback as l, useMemo as u } from "react";
 import d from "classnames";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/data-display/DataGrid/DataGrid.tsx
-function m({ columns: m, data: h, rowKey: g = "id", loading: _ = !1, striped: v = !1, bordered: y = !1, hoverable: b = !0, stickyHeader: x = !0, height: S, maxHeight: C, emptyMessage: w, mobileCard: T = !1, selection: E, selectedRowKeys: D, onSelectionChange: O, sortConfig: k, onSortChange: A, pagination: j, infiniteScroll: M, className: N, ariaLabel: P }) {
-	let { t: F } = e(t), I = _ !== !1 && _ !== void 0, L = _ === !0 || _ === "blocking", R = u(() => E ? E === !0 ? {
+function m({ columns: m, data: h, rowKey: g = "id", loading: _ = !1, striped: v = !1, bordered: y = !1, hoverable: b = !0, stickyHeader: x = !0, height: S, maxHeight: C, emptyMessage: w, mobileCard: T = !1, selection: E, selectedRowKeys: D, onSelectionChange: O, sortConfig: k, onSortChange: A, pagination: j, infiniteScroll: M, className: N, ariaLabel: P, "aria-label": F, "aria-labelledby": I }) {
+	let { t: L } = e(t), R = _ !== !1 && _ !== void 0, z = _ === !0 || _ === "blocking", B = u(() => E ? E === !0 ? {
 		type: "checkbox",
 		selectedRowKeys: D ?? [],
 		onChange: (e, t) => {
@@ -23,58 +23,59 @@ function m({ columns: m, data: h, rowKey: g = "id", loading: _ = !1, striped: v
 		E,
 		D,
 		O
-	]), { fixedLeftOffsets: z, fixedRightOffsets: B } = a(m, !!R), V = (e, t = !1) => {
-		let n = z[e];
+	]), { fixedLeftOffsets: V, fixedRightOffsets: H } = a(m, !!B), U = (e, t = !1) => {
+		let n = V[e];
 		if (n) return {
 			stickyLeft: !0,
 			leftOffset: n.offset,
 			stickyZIndex: t ? 1e3 + n.zIndex : n.zIndex,
 			className: d(c.cellFixed, n.isLast && c.cellFixedLeftLast)
 		};
-		let r = B[e];
+		let r = H[e];
 		return r ? {
 			stickyRight: !0,
 			rightOffset: r.offset,
 			stickyZIndex: t ? 1e3 + r.zIndex : r.zIndex,
 			className: d(c.cellFixed, r.isFirst && c.cellFixedRightFirst)
 		} : {};
-	}, H = l((e) => typeof g == "function" ? g(e) : e[g], [g]), U = u(() => !R || h.length === 0 ? !1 : h.every((e) => R.selectedRowKeys.includes(H(e))), [
+	}, W = l((e) => typeof g == "function" ? g(e) : e[g], [g]), G = u(() => !B || h.length === 0 ? !1 : h.every((e) => B.selectedRowKeys.includes(W(e))), [
 		h,
-		R,
-		H
-	]), W = u(() => R ? !U && h.some((e) => R.selectedRowKeys.includes(H(e))) : !1, [
+		B,
+		W
+	]), K = u(() => B ? !G && h.some((e) => B.selectedRowKeys.includes(W(e))) : !1, [
 		h,
-		R,
-		U,
-		H
-	]), G = (e) => {
-		if (!R) return;
-		let t = e.target.checked, n = t ? h.map(H) : [], r = t ? h : [];
-		R.onChange(n, r);
-	}, K = (e, t) => {
-		if (!R) return;
-		let n = t.target.checked, r = H(e), i = n ? [...R.selectedRowKeys, r] : R.selectedRowKeys.filter((e) => e !== r), a = h.filter((e) => i.includes(H(e)));
-		R.onChange(i, a);
-	}, { focusedCell: q, handleKeyDown: J, containerRef: Y } = o(m, h, !!R), { loaderRef: X } = s(M), Z = m.length + +!!R;
+		B,
+		G,
+		W
+	]), q = (e) => {
+		if (!B) return;
+		let t = e.target.checked, n = t ? h.map(W) : [], r = t ? h : [];
+		B.onChange(n, r);
+	}, J = (e, t) => {
+		if (!B) return;
+		let n = t.target.checked, r = W(e), i = n ? [...B.selectedRowKeys, r] : B.selectedRowKeys.filter((e) => e !== r), a = h.filter((e) => i.includes(W(e)));
+		B.onChange(i, a);
+	}, { focusedCell: Y, handleKeyDown: X, containerRef: Z } = o(m, h, !!B), { loaderRef: Q } = s(M), $ = m.length + +!!B;
 	return /* @__PURE__ */ p("div", {
-		className: d("wim-data-grid", c.root, L && c.loading, T === "md" ? c.mobileCardMd : T && c.mobileCard, N),
-		"aria-busy": I || void 0,
+		className: d("wim-data-grid", c.root, z && c.loading, T === "md" ? c.mobileCardMd : T && c.mobileCard, N),
+		"aria-busy": R || void 0,
 		children: [/* @__PURE__ */ p("div", {
 			className: c.container,
 			style: {
 				height: S,
 				maxHeight: C
 			},
-			inert: L || void 0,
+			inert: z || void 0,
 			children: [
 				/* @__PURE__ */ p(i, {
-					ref: Y,
-					onKeyDown: J,
+					ref: Z,
+					onKeyDown: X,
 					tabIndex: 0,
 					role: "grid",
-					"aria-label": P ?? F("a11y.data_grid"),
+					"aria-label": I ? void 0 : F ?? P ?? L("a11y.data_grid"),
+					"aria-labelledby": I,
 					"aria-rowcount": h.length + 1,
-					"aria-colcount": Z,
+					"aria-colcount": $,
 					striped: v,
 					bordered: y,
 					hoverable: b,
@@ -83,7 +84,7 @@ function m({ columns: m, data: h, rowKey: g = "id", loading: _ = !1, striped: v
 					fullWidth: !0,
 					className: d("wim-table", c.table),
 					containerClassName: c.tableContainer,
-					children: [/* @__PURE__ */ f(i.Header, { children: /* @__PURE__ */ p(i.Row, { children: [R && /* @__PURE__ */ f(i.Head, {
+					children: [/* @__PURE__ */ f(i.Header, { children: /* @__PURE__ */ p(i.Row, { children: [B && /* @__PURE__ */ f(i.Head, {
 						role: "columnheader",
 						selection: !0,
 						stickyLeft: !0,
@@ -91,16 +92,16 @@ function m({ columns: m, data: h, rowKey: g = "id", loading: _ = !1, striped: v
 						stickyZIndex: 1150,
 						"data-row": -1,
 						"data-col": -1,
-						"aria-label": F("a11y.select_all_rows"),
-						tabIndex: q.row === -1 && q.col === -1 ? 0 : -1,
-						children: (R.type ?? "checkbox") === "checkbox" && /* @__PURE__ */ f(n, {
-							checked: U,
-							indeterminate: W,
-							onChange: G,
-							"aria-label": F("a11y.select_all_rows")
+						"aria-label": L("a11y.select_all_rows"),
+						tabIndex: Y.row === -1 && Y.col === -1 ? 0 : -1,
+						children: (B.type ?? "checkbox") === "checkbox" && /* @__PURE__ */ f(n, {
+							checked: G,
+							indeterminate: K,
+							onChange: q,
+							"aria-label": L("a11y.select_all_rows")
 						})
 					}), m.map((e, t) => {
-						let n = V(e.key, !0);
+						let n = U(e.key, !0);
 						return /* @__PURE__ */ f(i.Head, {
 							role: "columnheader",
 							style: {
@@ -115,16 +116,16 @@ function m({ columns: m, data: h, rowKey: g = "id", loading: _ = !1, striped: v
 								A(e.key, t);
 							},
 							...n,
-							tabIndex: q.row === -1 && q.col === (R ? t + 1 : t) ? 0 : -1,
+							tabIndex: Y.row === -1 && Y.col === (B ? t + 1 : t) ? 0 : -1,
 							"data-row": -1,
-							"data-col": R ? t + 1 : t,
+							"data-col": B ? t + 1 : t,
 							children: e.title
 						}, e.key);
 					})] }) }), /* @__PURE__ */ f(i.Body, { children: h.map((e, t) => {
-						let r = H(e), a = R?.selectedRowKeys.includes(r);
+						let r = W(e), a = B?.selectedRowKeys.includes(r);
 						return /* @__PURE__ */ p(i.Row, {
 							selected: a,
-							children: [R && /* @__PURE__ */ f(i.Cell, {
+							children: [B && /* @__PURE__ */ f(i.Cell, {
 								role: "gridcell",
 								selection: !0,
 								stickyLeft: !0,
@@ -132,21 +133,21 @@ function m({ columns: m, data: h, rowKey: g = "id", loading: _ = !1, striped: v
 								stickyZIndex: 150,
 								"data-row": t,
 								"data-col": -1,
-								tabIndex: q.row === t && q.col === -1 ? 0 : -1,
+								tabIndex: Y.row === t && Y.col === -1 ? 0 : -1,
 								children: /* @__PURE__ */ f(n, {
 									checked: a,
-									onChange: (t) => K(e, t),
-									"aria-label": F("a11y.select_row")
+									onChange: (t) => J(e, t),
+									"aria-label": L("a11y.select_row")
 								})
 							}), m.map((n, r) => {
-								let a = V(n.key, !1), o = e[n.dataIndex ?? n.key];
+								let a = U(n.key, !1), o = e[n.dataIndex ?? n.key];
 								return /* @__PURE__ */ f(i.Cell, {
 									role: "gridcell",
 									label: typeof n.title == "string" ? n.title : void 0,
 									...a,
 									"data-row": t,
-									"data-col": R ? r + 1 : r,
-									tabIndex: q.row === t && q.col === (R ? r + 1 : r) ? 0 : -1,
+									"data-col": B ? r + 1 : r,
+									tabIndex: Y.row === t && Y.col === (B ? r + 1 : r) ? 0 : -1,
 									children: n.maxWidth == null ? n.render ? n.render(o, e, t) : o : /* @__PURE__ */ f("div", {
 										style: { maxWidth: n.maxWidth },
 										children: n.render ? n.render(o, e, t) : o
@@ -162,22 +163,22 @@ function m({ columns: m, data: h, rowKey: g = "id", loading: _ = !1, striped: v
 					children: w
 				}),
 				M?.hasMore && /* @__PURE__ */ f("div", {
-					ref: X,
+					ref: Q,
 					className: c.loader,
-					children: M.hasMore && F("dataGrid.loading_more")
+					children: M.hasMore && L("dataGrid.loading_more")
 				})
 			]
 		}), j && /* @__PURE__ */ p("div", {
 			className: c.footer,
-			inert: L || void 0,
+			inert: z || void 0,
 			children: [/* @__PURE__ */ p("div", {
 				className: c.info,
-				children: [F("dataGrid.displaying", {
+				children: [L("dataGrid.displaying", {
 					shown: h.length,
 					total: j.total
-				}), R?.selectedRowKeys && R.selectedRowKeys.length > 0 && /* @__PURE__ */ f("span", {
+				}), B?.selectedRowKeys && B.selectedRowKeys.length > 0 && /* @__PURE__ */ f("span", {
 					className: c.selectionInfo,
-					children: F("dataGrid.rows_selected", { selected: R.selectedRowKeys.length })
+					children: L("dataGrid.rows_selected", { selected: B.selectedRowKeys.length })
 				})]
 			}), /* @__PURE__ */ f("div", {
 				className: c.pagination,

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

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Text/Text.cjs"),n=require("../Accordion/Accordion.cjs"),r=require("../../typography/Title/Title.cjs"),i=require("./faq-section.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");var c=({items:e,title:a,description:c,layout:l=`top`,accordionProps:u,className:d})=>{let f=!!(a||c);return(0,s.jsxs)(`section`,{className:(0,o.default)(`wim-faq-section`,i.default.root,i.default[`layout-${l}`],d),children:[f&&(0,s.jsxs)(`div`,{className:i.default.header,children:[a&&(0,s.jsx)(r.Title,{tag:`h2`,size:`xl`,className:i.default.title,children:a}),c&&(0,s.jsx)(t.Text,{content:c,color:`text-secondary`,className:i.default.description})]}),(0,s.jsx)(`div`,{className:i.default.content,children:(0,s.jsx)(n.Accordion,{type:`multiple`,collapsible:!0,...u,className:u?.className,children:e.map((e,t)=>(0,s.jsxs)(n.Accordion.Item,{value:`faq-item-${t}`,children:[(0,s.jsx)(n.Accordion.Trigger,{children:e.question}),(0,s.jsx)(n.Accordion.Content,{children:e.answer})]},t))})})]})};exports.FAQSection=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Text/Text.cjs"),n=require("../Accordion/Accordion.cjs"),r=require("../../typography/Title/Title.cjs"),i=require("./faq-section.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");var c=({items:e,title:a,description:c,layout:l=`top`,accordionProps:u,className:d,"aria-label":f,"aria-labelledby":p})=>{let m=!!(a||c);return(0,s.jsxs)(`section`,{className:(0,o.default)(`wim-faq-section`,i.default.root,i.default[`layout-${l}`],d),"aria-label":p?void 0:f,"aria-labelledby":p,children:[m&&(0,s.jsxs)(`div`,{className:i.default.header,children:[a&&(0,s.jsx)(r.Title,{tag:`h2`,size:`xl`,className:i.default.title,children:a}),c&&(0,s.jsx)(t.Text,{content:c,color:`text-secondary`,className:i.default.description})]}),(0,s.jsx)(`div`,{className:i.default.content,children:(0,s.jsx)(n.Accordion,{type:`multiple`,collapsible:!0,...u,className:u?.className,children:e.map((e,t)=>(0,s.jsxs)(n.Accordion.Item,{value:`faq-item-${t}`,children:[(0,s.jsx)(n.Accordion.Trigger,{children:e.question}),(0,s.jsx)(n.Accordion.Content,{children:e.answer})]},t))})})]})};exports.FAQSection=c;

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

@@ -23,9 +23,13 @@ export interface FAQSectionProps {
     accordionProps?: Omit<AccordionProps, "children">;
     /** Additional class names. */
     className?: string;
+    /** Accessible name for the section. A named section is exposed as a region landmark. */
+    "aria-label"?: string;
+    /** ID of the element that labels the section. Takes precedence over `aria-label`. */
+    "aria-labelledby"?: string;
 }
 /**
  * Section component for displaying frequently asked questions (FAQ).
  * Built on top of the existing Accordion component.
  */
-export declare const FAQSection: ({ items, title, description, layout, accordionProps, className, }: FAQSectionProps) => React.JSX.Element;
+export declare const FAQSection: ({ items, title, description, layout, accordionProps, className, "aria-label": ariaLabelAttr, "aria-labelledby": ariaLabelledBy, }: FAQSectionProps) => React.JSX.Element;

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

@@ -7,11 +7,13 @@ import "react";
 import i from "classnames";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/data-display/FAQSection/FAQSection.tsx
-var s = ({ items: s, title: c, description: l, layout: u = "top", accordionProps: d, className: f }) => {
-	let p = !!(c || l);
+var s = ({ items: s, title: c, description: l, layout: u = "top", accordionProps: d, className: f, "aria-label": p, "aria-labelledby": m }) => {
+	let h = !!(c || l);
 	return /* @__PURE__ */ o("section", {
 		className: i("wim-faq-section", r.root, r[`layout-${u}`], f),
-		children: [p && /* @__PURE__ */ o("div", {
+		"aria-label": m ? void 0 : p,
+		"aria-labelledby": m,
+		children: [h && /* @__PURE__ */ o("div", {
 			className: r.header,
 			children: [c && /* @__PURE__ */ a(n, {
 				tag: "h2",