wimui 0.56.2 → 0.57.0

package/dist/components/ai/ThoughtProcess/ThoughtProcess.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../icon/alert-circle.cjs"),n=require("../../../icon/check.cjs"),r=require("../../../icon/chevron-right.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../data-display/Timeline/Timeline.cjs"),o=require("./thought-process.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=({children:e,status:r=`completed`,label:s,isLast:u=!1,isStreaming:d=!1})=>{let f=r===`pending`?(0,l.jsx)(`div`,{className:o.default.spinner,"aria-hidden":`true`}):r===`completed`?(0,l.jsx)(i.Icon,{component:n.default,size:`xs`}):r===`error`?(0,l.jsx)(i.Icon,{component:t.default,size:`xs`}):null,p=r===`completed`?`success`:r===`error`?`danger`:`neutral`;return(0,l.jsxs)(a.TimelineItem,{className:(0,c.default)(o.default.item,o.default[r]),"aria-busy":r===`pending`||void 0,children:[(0,l.jsxs)(a.TimelineSeparator,{children:[(0,l.jsx)(a.TimelinePoint,{intent:p,children:f}),!u&&(0,l.jsx)(a.TimelineConnector,{className:o.default.connector})]}),(0,l.jsxs)(a.TimelineContent,{className:o.default.content,children:[s&&(0,l.jsx)(`div`,{className:o.default.label,children:s}),(0,l.jsx)(`div`,{className:(0,c.default)(o.default.text,d&&o.default.streaming),children:e})]})]})},d=({children:e,title:t=`Thinking Process`,className:n,isCollapsible:u=!0,defaultExpanded:d=!0,isThinking:f=!1})=>{let[p,m]=s.default.useState(d),h=(0,s.useId)();return(0,l.jsxs)(`div`,{className:(0,c.default)(`wim-thought-process`,o.default.root,f&&o.default.thinking,n),children:[u?(0,l.jsxs)(`button`,{type:`button`,className:o.default.header,onClick:()=>m(e=>!e),"aria-expanded":p,"aria-controls":h,children:[(0,l.jsx)(i.Icon,{component:r.default,size:`sm`,className:(0,c.default)(o.default.chevron,p&&o.default.expanded),"aria-hidden":`true`}),(0,l.jsx)(`span`,{className:o.default.title,children:t})]}):(0,l.jsx)(`div`,{className:o.default.header,role:`heading`,"aria-level":3,children:(0,l.jsx)(`span`,{className:o.default.title,children:t})}),(0,l.jsx)(`div`,{id:h,className:(0,c.default)(o.default.bodyWrapper,p&&o.default.open),"aria-hidden":!p,children:(0,l.jsx)(`div`,{className:o.default.body,children:(0,l.jsx)(a.Timeline,{align:`left`,children:e})})})]})};exports.ThoughtProcess=d,exports.ThoughtStep=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../icon/alert-circle.cjs"),n=require("../../../icon/check.cjs"),r=require("../../../icon/chevron-right.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../data-display/Timeline/Timeline.cjs"),o=require("./thought-process.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=({children:e,status:r=`completed`,label:s,isLast:u=!1,isStreaming:d=!1})=>{let f=r===`pending`?(0,l.jsx)(`div`,{className:o.default.spinner,"aria-hidden":`true`}):r===`completed`?(0,l.jsx)(i.Icon,{component:n.default,size:`xs`}):r===`error`?(0,l.jsx)(i.Icon,{component:t.default,size:`xs`}):null,p=r===`completed`?`success`:r===`error`?`danger`:`neutral`;return(0,l.jsxs)(a.TimelineItem,{className:(0,c.default)(o.default.item,o.default[r]),"aria-busy":r===`pending`||void 0,children:[(0,l.jsxs)(a.TimelineSeparator,{children:[(0,l.jsx)(a.TimelinePoint,{intent:p,children:f}),!u&&(0,l.jsx)(a.TimelineConnector,{className:o.default.connector})]}),(0,l.jsxs)(a.TimelineContent,{className:o.default.content,children:[s&&(0,l.jsx)(`div`,{className:o.default.label,children:s}),(0,l.jsx)(`div`,{className:(0,c.default)(o.default.text,d&&o.default.streaming),children:e})]})]})},d=({children:e,title:t=`Thinking Process`,titleLevel:n=3,className:u,isCollapsible:d=!0,defaultExpanded:f=!0,isThinking:p=!1})=>{let[m,h]=s.default.useState(f),g=(0,s.useId)();return(0,l.jsxs)(`div`,{className:(0,c.default)(`wim-thought-process`,o.default.root,p&&o.default.thinking,u),children:[d?(0,l.jsxs)(`button`,{type:`button`,className:o.default.header,onClick:()=>h(e=>!e),"aria-expanded":m,"aria-controls":g,children:[(0,l.jsx)(i.Icon,{component:r.default,size:`sm`,className:(0,c.default)(o.default.chevron,m&&o.default.expanded),"aria-hidden":`true`}),(0,l.jsx)(`span`,{className:o.default.title,children:t})]}):(0,l.jsx)(`div`,{className:o.default.header,role:`heading`,"aria-level":n,children:(0,l.jsx)(`span`,{className:o.default.title,children:t})}),(0,l.jsx)(`div`,{id:g,className:(0,c.default)(o.default.bodyWrapper,m&&o.default.open),"aria-hidden":!m,children:(0,l.jsx)(`div`,{className:o.default.body,children:(0,l.jsx)(a.Timeline,{align:`left`,children:e})})})]})};exports.ThoughtProcess=d,exports.ThoughtStep=u;

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

@@ -12,11 +12,20 @@ export interface ThoughtStepProps {
     isStreaming?: boolean;
 }
 export declare const ThoughtStep: ({ children, status, label, isLast, isStreaming, }: ThoughtStepProps) => React.JSX.Element;
+/** 見出しの段。`Dashboard` の `titleLevel` と同じ語彙に揃えてある（T333）。 */
+export type ThoughtProcessTitleLevel = 2 | 3 | 4 | 5 | 6;
 export interface ThoughtProcessProps {
     /** Reasoning steps to display (typically ThoughtStep elements) */
     children: React.ReactNode;
     /** Header title */
     title?: string;
+    /**
+     * Heading level of the title when `isCollapsible` is false. Match it to the
+     * page: under an `h1` use `2`, under an `h3` use `4`. Has no effect when
+     * `isCollapsible` is true, where the title is a toggle button, not a heading.
+     * @default 3
+     */
+    titleLevel?: ThoughtProcessTitleLevel;
     /** Additional CSS class */
     className?: string;
     /** Whether the body can be collapsed */
@@ -34,4 +43,4 @@ export interface ThoughtProcessProps {
  * - Managed by: App consumption
  * - Scroll lock: No
  */
-export declare const ThoughtProcess: ({ children, title, className, isCollapsible, defaultExpanded, isThinking, }: ThoughtProcessProps) => React.JSX.Element;
+export declare const ThoughtProcess: ({ children, title, titleLevel, className, isCollapsible, defaultExpanded, isThinking, }: ThoughtProcessProps) => React.JSX.Element;

package/dist/components/ai/ThoughtProcess/ThoughtProcess.js

@@ -37,20 +37,20 @@ var g = ({ children: n, status: i = "completed", label: d, isLast: f = !1, isStr
 			})]
 		})]
 	});
-}, _ = ({ children: e, title: t = "Thinking Process", className: a, isCollapsible: o = !0, defaultExpanded: s = !0, isThinking: c = !1 }) => {
-	let [l, g] = d.useState(s), _ = f();
+}, _ = ({ children: e, title: t = "Thinking Process", titleLevel: a = 3, className: o, isCollapsible: s = !0, defaultExpanded: c = !0, isThinking: l = !1 }) => {
+	let [g, _] = d.useState(c), v = f();
 	return /* @__PURE__ */ h("div", {
-		className: p("wim-thought-process", u.root, c && u.thinking, a),
-		children: [o ? /* @__PURE__ */ h("button", {
+		className: p("wim-thought-process", u.root, l && u.thinking, o),
+		children: [s ? /* @__PURE__ */ h("button", {
 			type: "button",
 			className: u.header,
-			onClick: () => g((e) => !e),
-			"aria-expanded": l,
-			"aria-controls": _,
+			onClick: () => _((e) => !e),
+			"aria-expanded": g,
+			"aria-controls": v,
 			children: [/* @__PURE__ */ m(r, {
 				component: n,
 				size: "sm",
-				className: p(u.chevron, l && u.expanded),
+				className: p(u.chevron, g && u.expanded),
 				"aria-hidden": "true"
 			}), /* @__PURE__ */ m("span", {
 				className: u.title,
@@ -59,15 +59,15 @@ var g = ({ children: n, status: i = "completed", label: d, isLast: f = !1, isStr
 		}) : /* @__PURE__ */ m("div", {
 			className: u.header,
 			role: "heading",
-			"aria-level": 3,
+			"aria-level": a,
 			children: /* @__PURE__ */ m("span", {
 				className: u.title,
 				children: t
 			})
 		}), /* @__PURE__ */ m("div", {
-			id: _,
-			className: p(u.bodyWrapper, l && u.open),
-			"aria-hidden": !l,
+			id: v,
+			className: p(u.bodyWrapper, g && u.open),
+			"aria-hidden": !g,
 			children: /* @__PURE__ */ m("div", {
 				className: u.body,
 				children: /* @__PURE__ */ m(i, {

package/dist/components/feedback/Toast/Toast.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/Transition/Transition.cjs"),n=require("../../_internal/FeedbackIcon.cjs"),r=require("../../_internal/FeedbackCloseButton.cjs"),i=require("./toast.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=({id:e,title:c,description:l,intent:u=`default`,duration:d=3e3,open:f=!0,onClose:p,className:m})=>{let[h,g]=(0,a.useState)(!0),_=(0,a.useCallback)(()=>{g(!1),p&&p(e)},[p,e]);return(0,a.useEffect)(()=>{if(f&&d>0&&h){let e=setTimeout(()=>{_()},d+300);return()=>clearTimeout(e)}},[f,d,e,p,h,_]),(0,s.jsxs)(t.Transition,{show:f&&h,enter:i.default.enter,enterFrom:i.default.enterFrom,enterTo:i.default.enterTo,leave:i.default.leave,leaveFrom:i.default.leaveFrom,leaveTo:i.default.leaveTo,className:(0,o.default)(`wim-toast`,i.default.root,i.default[u],m),role:`status`,"aria-live":`polite`,children:[(u===`success`||u===`warning`||u===`danger`||u===`info`)&&(0,s.jsx)(`div`,{className:i.default.icon,children:(0,s.jsx)(n.FeedbackIcon,{intent:u,size:`sm`})}),(0,s.jsxs)(`div`,{className:i.default.content,children:[c&&(0,s.jsx)(`h5`,{className:i.default.title,children:c}),l&&(0,s.jsx)(`p`,{className:i.default.description,children:l})]}),(0,s.jsx)(r.FeedbackCloseButton,{onClose:p?_:void 0,id:e,className:i.default.closeButton,size:`md`})]})},l=(0,a.createContext)(void 0),u=({children:e,position:t=`top-right`})=>{let[n,r]=(0,a.useState)([]),u=(0,a.useCallback)(e=>{let t=Math.random().toString(36).substr(2,9);r(n=>[...n,{...e,id:t}])},[]),d=(0,a.useCallback)(e=>{r(t=>t.filter(t=>t.id!==e))},[]);return(0,s.jsxs)(l.Provider,{value:{show:u,remove:d},children:[e,(0,s.jsx)(`div`,{className:(0,o.default)(i.default.container,i.default[t]),children:n.map(e=>(0,s.jsx)(c,{...e,onClose:()=>d(e.id)},e.id))})]})},d=()=>{let e=(0,a.useContext)(l);if(!e)throw Error(`useToast must be used within a ToastProvider`);return e};exports.Toast=c,exports.ToastProvider=u,exports.useToast=d;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/Transition/Transition.cjs"),n=require("../../_internal/FeedbackIcon.cjs"),r=require("../../_internal/FeedbackCloseButton.cjs"),i=require("./toast.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=({id:e,title:c,description:l,intent:u=`default`,duration:d=3e3,open:f=!0,onClose:p,className:m})=>{let[h,g]=(0,a.useState)(!0),_=(0,a.useCallback)(()=>{g(!1),p&&p(e)},[p,e]);return(0,a.useEffect)(()=>{if(f&&d>0&&h){let e=setTimeout(()=>{_()},d+300);return()=>clearTimeout(e)}},[f,d,e,p,h,_]),(0,s.jsxs)(t.Transition,{show:f&&h,enter:i.default.enter,enterFrom:i.default.enterFrom,enterTo:i.default.enterTo,leave:i.default.leave,leaveFrom:i.default.leaveFrom,leaveTo:i.default.leaveTo,className:(0,o.default)(`wim-toast`,i.default.root,i.default[u],m),role:`status`,"aria-live":`polite`,children:[(u===`success`||u===`warning`||u===`danger`||u===`info`)&&(0,s.jsx)(`div`,{className:i.default.icon,children:(0,s.jsx)(n.FeedbackIcon,{intent:u,size:`sm`})}),(0,s.jsxs)(`div`,{className:i.default.content,children:[c&&(0,s.jsx)(`div`,{className:i.default.title,children:c}),l&&(0,s.jsx)(`p`,{className:i.default.description,children:l})]}),(0,s.jsx)(r.FeedbackCloseButton,{onClose:p?_:void 0,id:e,className:i.default.closeButton,size:`md`})]})},l=(0,a.createContext)(void 0),u=({children:e,position:t=`top-right`})=>{let[n,r]=(0,a.useState)([]),u=(0,a.useCallback)(e=>{let t=Math.random().toString(36).substr(2,9);r(n=>[...n,{...e,id:t}])},[]),d=(0,a.useCallback)(e=>{r(t=>t.filter(t=>t.id!==e))},[]);return(0,s.jsxs)(l.Provider,{value:{show:u,remove:d},children:[e,(0,s.jsx)(`div`,{className:(0,o.default)(i.default.container,i.default[t]),children:n.map(e=>(0,s.jsx)(c,{...e,onClose:()=>d(e.id)},e.id))})]})},d=()=>{let e=(0,a.useContext)(l);if(!e)throw Error(`useToast must be used within a ToastProvider`);return e};exports.Toast=c,exports.ToastProvider=u,exports.useToast=d;

package/dist/components/feedback/Toast/Toast.js

@@ -46,7 +46,7 @@ var f = ({ id: i, title: o, description: f, intent: p = "default", duration: m =
 			}),
 			/* @__PURE__ */ d("div", {
 				className: r.content,
-				children: [o && /* @__PURE__ */ u("h5", {
+				children: [o && /* @__PURE__ */ u("div", {
 					className: r.title,
 					children: o
 				}), f && /* @__PURE__ */ u("p", {

package/dist/components/feedback/Toast/toast.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_container_wk2f0_3`,t=`_root_wk2f0_38`,n=`_icon_wk2f0_53`,r=`_title_wk2f0_64`,i=`_content_wk2f0_67`,a=`_description_wk2f0_85`,o=`_closeButton_wk2f0_93`,s=`_info_wk2f0_130`,c=`_success_wk2f0_137`,l=`_warning_wk2f0_144`,u=`_danger_wk2f0_151`,d=`_enter_wk2f0_158`,f=`_enterFrom_wk2f0_161`,p=`_enterTo_wk2f0_165`,m=`_leave_wk2f0_169`,h=`_leaveFrom_wk2f0_172`,g=`_leaveTo_wk2f0_176`,_={container:e,"top-right":`_top-right_wk2f0_12`,"top-left":`_top-left_wk2f0_16`,"top-center":`_top-center_wk2f0_20`,"bottom-right":`_bottom-right_wk2f0_25`,"bottom-left":`_bottom-left_wk2f0_29`,"bottom-center":`_bottom-center_wk2f0_33`,root:t,icon:n,title:r,content:i,description:a,closeButton:o,default:`_default_wk2f0_123`,info:s,success:c,warning:l,danger:u,enter:d,enterFrom:f,enterTo:p,leave:m,leaveFrom:h,leaveTo:g};exports.closeButton=o,exports.container=e,exports.content=i,exports.danger=u,exports.default=_,exports.description=a,exports.enter=d,exports.enterFrom=f,exports.enterTo=p,exports.icon=n,exports.info=s,exports.leave=m,exports.leaveFrom=h,exports.leaveTo=g,exports.root=t,exports.success=c,exports.title=r,exports.warning=l;
+var e=`_container_7lhr6_3`,t=`_root_7lhr6_38`,n=`_icon_7lhr6_53`,r=`_title_7lhr6_64`,i=`_content_7lhr6_67`,a=`_description_7lhr6_88`,o=`_closeButton_7lhr6_96`,s=`_info_7lhr6_133`,c=`_success_7lhr6_140`,l=`_warning_7lhr6_147`,u=`_danger_7lhr6_154`,d=`_enter_7lhr6_161`,f=`_enterFrom_7lhr6_164`,p=`_enterTo_7lhr6_168`,m=`_leave_7lhr6_172`,h=`_leaveFrom_7lhr6_175`,g=`_leaveTo_7lhr6_179`,_={container:e,"top-right":`_top-right_7lhr6_12`,"top-left":`_top-left_7lhr6_16`,"top-center":`_top-center_7lhr6_20`,"bottom-right":`_bottom-right_7lhr6_25`,"bottom-left":`_bottom-left_7lhr6_29`,"bottom-center":`_bottom-center_7lhr6_33`,root:t,icon:n,title:r,content:i,description:a,closeButton:o,default:`_default_7lhr6_126`,info:s,success:c,warning:l,danger:u,enter:d,enterFrom:f,enterTo:p,leave:m,leaveFrom:h,leaveTo:g};exports.closeButton=o,exports.container=e,exports.content=i,exports.danger=u,exports.default=_,exports.description=a,exports.enter=d,exports.enterFrom=f,exports.enterTo=p,exports.icon=n,exports.info=s,exports.leave=m,exports.leaveFrom=h,exports.leaveTo=g,exports.root=t,exports.success=c,exports.title=r,exports.warning=l;

package/dist/components/feedback/Toast/toast.module.js

@@ -1,20 +1,20 @@
 "use client";
 //#region src/components/feedback/Toast/toast.module.scss
-var e = "_container_wk2f0_3", t = "_root_wk2f0_38", n = "_icon_wk2f0_53", r = "_title_wk2f0_64", i = "_content_wk2f0_67", a = "_description_wk2f0_85", o = "_closeButton_wk2f0_93", s = "_info_wk2f0_130", c = "_success_wk2f0_137", l = "_warning_wk2f0_144", u = "_danger_wk2f0_151", d = "_enter_wk2f0_158", f = "_enterFrom_wk2f0_161", p = "_enterTo_wk2f0_165", m = "_leave_wk2f0_169", h = "_leaveFrom_wk2f0_172", g = "_leaveTo_wk2f0_176", _ = {
+var e = "_container_7lhr6_3", t = "_root_7lhr6_38", n = "_icon_7lhr6_53", r = "_title_7lhr6_64", i = "_content_7lhr6_67", a = "_description_7lhr6_88", o = "_closeButton_7lhr6_96", s = "_info_7lhr6_133", c = "_success_7lhr6_140", l = "_warning_7lhr6_147", u = "_danger_7lhr6_154", d = "_enter_7lhr6_161", f = "_enterFrom_7lhr6_164", p = "_enterTo_7lhr6_168", m = "_leave_7lhr6_172", h = "_leaveFrom_7lhr6_175", g = "_leaveTo_7lhr6_179", _ = {
 	container: e,
-	"top-right": "_top-right_wk2f0_12",
-	"top-left": "_top-left_wk2f0_16",
-	"top-center": "_top-center_wk2f0_20",
-	"bottom-right": "_bottom-right_wk2f0_25",
-	"bottom-left": "_bottom-left_wk2f0_29",
-	"bottom-center": "_bottom-center_wk2f0_33",
+	"top-right": "_top-right_7lhr6_12",
+	"top-left": "_top-left_7lhr6_16",
+	"top-center": "_top-center_7lhr6_20",
+	"bottom-right": "_bottom-right_7lhr6_25",
+	"bottom-left": "_bottom-left_7lhr6_29",
+	"bottom-center": "_bottom-center_7lhr6_33",
 	root: t,
 	icon: n,
 	title: r,
 	content: i,
 	description: a,
 	closeButton: o,
-	default: "_default_wk2f0_123",
+	default: "_default_7lhr6_126",
 	info: s,
 	success: c,
 	warning: l,

package/dist/components/form/Cascader/Cascader.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/Transition/Transition.cjs"),n=require("../../../icon/chevron-right.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../../_internal/BaseListItem/BaseListItem.cjs"),a=require("../InputBase/InputBase.cjs"),o=require("./cascader.module.cjs"),s=require("../FieldTemplate/FieldTemplate.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");function d(e){return typeof e==`string`?e:typeof e==`number`?String(e):``}var f=({options:e=[],value:f,onChange:p,placeholder:m,label:h,error:g,required:_,layout:ee,className:v,disabled:y=!1,defaultValue:te,id:ne,expandTrigger:b=`click`,separator:x=` / `,allowClear:S=!1,"aria-label":C,width:w,fullWidth:re=!1,...T})=>{let E=(0,c.useId)(),D=ne||`wim-cascader-${E}`,O=h?`${D}-label`:void 0,k=g?`${D}-error`:void 0,A=`${D}-trigger`,j=`${D}-popup`,[M,N]=(0,c.useState)(!1),[P,F]=(0,c.useState)(te||[]),[I,L]=(0,c.useState)([]),[R,z]=(0,c.useState)(-1),[B,V]=(0,c.useState)([]),[ie,H]=(0,c.useState)(!1),U=(0,c.useRef)(null),W=(0,c.useRef)(null),G=f!==void 0,K=G?f:P;(0,c.useEffect)(()=>{let e=e=>{U.current&&!U.current.contains(e.target)&&N(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,c.useEffect)(()=>{if(M&&R>=0){let e=B[R],t=`${D}-menu-${R}-option-${e}`,n=U.current?.querySelector(`#${t}`);n&&n.scrollIntoView({block:`nearest`,behavior:`smooth`})}},[R,B,M,D]);let q=()=>{if(!y){let e=!M;N(e),e?(L(K||[]),z(0),V([0])):z(-1)}},J=()=>{if(!K||K.length===0)return null;let t=[],n=e;for(let e of K){let r=n.find(t=>t.value===e);if(r)t.push(r.label),n=r.children||[];else break}return t.length===0?null:t.map((e,n)=>(0,u.jsxs)(c.default.Fragment,{children:[e,n<t.length-1&&(0,u.jsx)(`span`,{children:x})]},n))},Y=(t,n)=>{if(t.disabled)return;let r=[...I.slice(0,n),t.value];if(L(r),!t.children||t.children.length===0){if(G||F(r),p){let t=[],n=e;for(let e of r){let r=n.find(t=>t.value===e);r&&(t.push(r),n=r.children||[])}p(r,t)}N(!1),W.current?.focus()}},ae=e=>{e?.stopPropagation(),!y&&(G||F([]),p&&p([],[]))},oe=(e,t)=>{b===`hover`&&!e.disabled&&L([...I.slice(0,t),e.value])},se=t=>{if(H(!0),y)return;if(!M){(t.key===`Enter`||t.key===` `||t.key===`ArrowDown`||t.key===`ArrowDown`&&t.altKey)&&(t.preventDefault(),q());return}let n=[e],r=e;for(let e=0;e<I.length;e++){let t=I[e],i=r.find(e=>e.value===t);if(i&&i.children&&i.children.length>0)n.push(i.children),r=i.children;else break}let i=n[R]||[],a=B[R]||0;switch(t.key){case`ArrowDown`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=Math.min(a+1,i.length-1),t});break;case`ArrowUp`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=Math.max(a-1,0),t});break;case`ArrowRight`:{t.preventDefault();let e=i[a];e&&e.children&&e.children.length>0&&(L([...I.slice(0,R),e.value]),z(R+1),V(e=>[...e.slice(0,R+1),0]));break}case`ArrowLeft`:t.preventDefault(),R>0&&(z(R-1),V(e=>e.slice(0,R)));break;case`Enter`:case` `:{t.preventDefault();let e=i[a];e&&Y(e,R);break}case`Escape`:t.preventDefault(),N(!1),z(-1),W.current?.focus();break;case`Home`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=0,t});break;case`End`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=i.length-1,t});break;case`Tab`:M&&(N(!1),z(-1))}},X=[e],Z=e;for(let e=0;e<I.length;e++){let t=I[e],n=Z.find(e=>e.value===t);if(n&&n.children&&n.children.length>0)X.push(n.children),Z=n.children;else break}let Q=J(),$=()=>{if(!K||K.length===0)return``;let t=[],n=e;for(let e of K){let r=n.find(t=>t.value===e);if(r)t.push(d(r.label)),n=r.children||[];else break}return t.join(x)};return(0,u.jsx)(s.FieldTemplate,{label:h,error:g,required:_,layout:ee,labelId:O,errorId:k,className:(0,l.default)(`wim-cascader`,v),children:(0,u.jsxs)(`div`,{className:o.default.root,ref:U,onMouseMove:()=>H(!1),"data-keyboard-nav":ie,...T,children:[(0,u.jsx)(a.InputBase,{disabled:y,allowClear:S,hasValue:!!Q,onClear:ae,intent:g?`danger`:`default`,width:w,fullWidth:re,rightIcons:[{name:`ChevronDownIcon`,rotated:M}],className:(0,l.default)(M&&o.default.open),children:(0,u.jsx)(`div`,{id:A,ref:W,className:(0,l.default)(o.default.trigger,y&&o.default.disabled),onClick:q,onKeyDown:se,tabIndex:y?-1:0,role:`combobox`,"aria-expanded":M,"aria-controls":M?j:void 0,"aria-haspopup":`listbox`,"aria-disabled":y,"aria-labelledby":O,"aria-label":O?void 0:C||$()||d(m),"aria-describedby":k,"aria-required":_,"aria-invalid":!!g,"aria-activedescendant":M&&R>=0?`${D}-menu-${R}-option-${B[R]}`:void 0,children:(0,u.jsx)(`div`,{className:(0,l.default)(o.default.value,!Q&&o.default.placeholder),children:Q||m})})}),(0,u.jsx)(t.Transition,{show:M&&!y,preset:`fade`,id:j,className:o.default.dropdown,children:X.map((e,t)=>(0,u.jsx)(`div`,{className:o.default.menu,role:`listbox`,"aria-labelledby":O,"aria-label":O?void 0:C||$()||d(m),children:e.map((e,a)=>{let s=I[t]===e.value,c=R===t&&B[t]===a,d=K[t]===e.value,f=e.children&&e.children.length>0;return(0,u.jsx)(i.BaseListItem,{className:(0,l.default)(o.default.menuItem,d&&o.default.selected),active:c||s,disabled:e.disabled,onClick:n=>{n.stopPropagation(),Y(e,t)},onMouseEnter:()=>{oe(e,t),z(t),V(e=>[...e.slice(0,t),a])},rightSection:f?(0,u.jsx)(r.Icon,{component:n.default,size:`sm`}):void 0,role:`option`,id:`${D}-menu-${t}-option-${a}`,"aria-selected":d,tabIndex:-1,children:e.label},e.value)})},t))})]})})};f.displayName=`Cascader`,exports.Cascader=f;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/Transition/Transition.cjs"),n=require("../../../icon/chevron-right.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../../_internal/BaseListItem/BaseListItem.cjs"),a=require("../InputBase/InputBase.cjs"),o=require("./cascader.module.cjs"),s=require("../FieldTemplate/FieldTemplate.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");function d(e){return typeof e==`string`?e:typeof e==`number`?String(e):``}var f=({options:e=[],value:f,onChange:p,placeholder:m,label:h,error:g,required:_,layout:ee,className:te,disabled:v=!1,defaultValue:y,id:ne,expandTrigger:re=`click`,separator:b=` / `,allowClear:ie=!1,"aria-label":x,"aria-labelledby":ae,"aria-describedby":oe,width:S,fullWidth:C=!1,...w})=>{let T=(0,c.useId)(),E=ne||`wim-cascader-${T}`,D=h?`${E}-label`:void 0,O=g?`${E}-error`:void 0,k=D??ae,A=`${E}-trigger`,j=`${E}-popup`,[M,N]=(0,c.useState)(!1),[se,P]=(0,c.useState)(y||[]),[F,I]=(0,c.useState)([]),[L,R]=(0,c.useState)(-1),[z,B]=(0,c.useState)([]),[V,H]=(0,c.useState)(!1),U=(0,c.useRef)(null),W=(0,c.useRef)(null),G=f!==void 0,K=G?f:se;(0,c.useEffect)(()=>{let e=e=>{U.current&&!U.current.contains(e.target)&&N(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,c.useEffect)(()=>{if(M&&L>=0){let e=z[L],t=`${E}-menu-${L}-option-${e}`,n=U.current?.querySelector(`#${t}`);n&&n.scrollIntoView({block:`nearest`,behavior:`smooth`})}},[L,z,M,E]);let q=()=>{if(!v){let e=!M;N(e),e?(I(K||[]),R(0),B([0])):R(-1)}},ce=()=>{if(!K||K.length===0)return null;let t=[],n=e;for(let e of K){let r=n.find(t=>t.value===e);if(r)t.push(r.label),n=r.children||[];else break}return t.length===0?null:t.map((e,n)=>(0,u.jsxs)(c.default.Fragment,{children:[e,n<t.length-1&&(0,u.jsx)(`span`,{children:b})]},n))},J=(t,n)=>{if(t.disabled)return;let r=[...F.slice(0,n),t.value];if(I(r),!t.children||t.children.length===0){if(G||P(r),p){let t=[],n=e;for(let e of r){let r=n.find(t=>t.value===e);r&&(t.push(r),n=r.children||[])}p(r,t)}N(!1),W.current?.focus()}},Y=e=>{e?.stopPropagation(),!v&&(G||P([]),p&&p([],[]))},le=(e,t)=>{re===`hover`&&!e.disabled&&I([...F.slice(0,t),e.value])},ue=t=>{if(H(!0),v)return;if(!M){(t.key===`Enter`||t.key===` `||t.key===`ArrowDown`||t.key===`ArrowDown`&&t.altKey)&&(t.preventDefault(),q());return}let n=[e],r=e;for(let e=0;e<F.length;e++){let t=F[e],i=r.find(e=>e.value===t);if(i&&i.children&&i.children.length>0)n.push(i.children),r=i.children;else break}let i=n[L]||[],a=z[L]||0;switch(t.key){case`ArrowDown`:t.preventDefault(),B(e=>{let t=[...e];return t[L]=Math.min(a+1,i.length-1),t});break;case`ArrowUp`:t.preventDefault(),B(e=>{let t=[...e];return t[L]=Math.max(a-1,0),t});break;case`ArrowRight`:{t.preventDefault();let e=i[a];e&&e.children&&e.children.length>0&&(I([...F.slice(0,L),e.value]),R(L+1),B(e=>[...e.slice(0,L+1),0]));break}case`ArrowLeft`:t.preventDefault(),L>0&&(R(L-1),B(e=>e.slice(0,L)));break;case`Enter`:case` `:{t.preventDefault();let e=i[a];e&&J(e,L);break}case`Escape`:t.preventDefault(),N(!1),R(-1),W.current?.focus();break;case`Home`:t.preventDefault(),B(e=>{let t=[...e];return t[L]=0,t});break;case`End`:t.preventDefault(),B(e=>{let t=[...e];return t[L]=i.length-1,t});break;case`Tab`:M&&(N(!1),R(-1))}},X=[e],Z=e;for(let e=0;e<F.length;e++){let t=F[e],n=Z.find(e=>e.value===t);if(n&&n.children&&n.children.length>0)X.push(n.children),Z=n.children;else break}let Q=ce(),$=()=>{if(!K||K.length===0)return``;let t=[],n=e;for(let e of K){let r=n.find(t=>t.value===e);if(r)t.push(d(r.label)),n=r.children||[];else break}return t.join(b)};return(0,u.jsx)(s.FieldTemplate,{label:h,error:g,required:_,layout:ee,labelId:D,errorId:O,className:(0,l.default)(`wim-cascader`,te),children:(0,u.jsxs)(`div`,{className:o.default.root,ref:U,onMouseMove:()=>H(!1),"data-keyboard-nav":V,...w,children:[(0,u.jsx)(a.InputBase,{disabled:v,allowClear:ie,hasValue:!!Q,onClear:Y,intent:g?`danger`:`default`,width:S,fullWidth:C,rightIcons:[{name:`ChevronDownIcon`,rotated:M}],className:(0,l.default)(M&&o.default.open),children:(0,u.jsx)(`div`,{id:A,ref:W,className:(0,l.default)(o.default.trigger,v&&o.default.disabled),onClick:q,onKeyDown:ue,tabIndex:v?-1:0,role:`combobox`,"aria-expanded":M,"aria-controls":M?j:void 0,"aria-haspopup":`listbox`,"aria-disabled":v,"aria-labelledby":k,"aria-label":k?void 0:x||$()||d(m),"aria-describedby":[oe,O].filter(Boolean).join(` `)||void 0,"aria-required":_,"aria-invalid":!!g,"aria-activedescendant":M&&L>=0?`${E}-menu-${L}-option-${z[L]}`:void 0,children:(0,u.jsx)(`div`,{className:(0,l.default)(o.default.value,!Q&&o.default.placeholder),children:Q||m})})}),(0,u.jsx)(t.Transition,{show:M&&!v,preset:`fade`,id:j,className:o.default.dropdown,children:X.map((e,t)=>(0,u.jsx)(`div`,{className:o.default.menu,role:`listbox`,"aria-labelledby":k,"aria-label":k?void 0:x||$()||d(m),children:e.map((e,a)=>{let s=F[t]===e.value,c=L===t&&z[t]===a,d=K[t]===e.value,f=e.children&&e.children.length>0;return(0,u.jsx)(i.BaseListItem,{className:(0,l.default)(o.default.menuItem,d&&o.default.selected),active:c||s,disabled:e.disabled,onClick:n=>{n.stopPropagation(),J(e,t)},onMouseEnter:()=>{le(e,t),R(t),B(e=>[...e.slice(0,t),a])},rightSection:f?(0,u.jsx)(r.Icon,{component:n.default,size:`sm`}):void 0,role:`option`,id:`${E}-menu-${t}-option-${a}`,"aria-selected":d,tabIndex:-1,children:e.label},e.value)})},t))})]})})};f.displayName=`Cascader`,exports.Cascader=f;

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

@@ -48,6 +48,6 @@ export type CascaderProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onChange
  * Component for selecting a single option by walking through hierarchical data.
  */
 export declare const Cascader: {
-    ({ options, value, onChange, placeholder, label, error, required, layout, className, disabled, defaultValue, id: customId, expandTrigger, separator, allowClear, "aria-label": ariaLabel, width, fullWidth, ...props }: CascaderProps): React.JSX.Element;
+    ({ options, value, onChange, placeholder, label, error, required, layout, className, disabled, defaultValue, id: customId, expandTrigger, separator, allowClear, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, width, fullWidth, ...props }: CascaderProps): React.JSX.Element;
     displayName: string;
 };

package/dist/components/form/Cascader/Cascader.js

@@ -13,16 +13,16 @@ import { jsx as p, jsxs as m } from "react/jsx-runtime";
 function h(e) {
 	return typeof e == "string" ? e : typeof e == "number" ? String(e) : "";
 }
-var g = ({ options: g = [], value: _, onChange: v, placeholder: y, label: b, error: x, required: S, layout: C, className: ee, disabled: w = !1, defaultValue: te, id: ne, expandTrigger: re = "click", separator: T = " / ", allowClear: ie = !1, "aria-label": E, width: ae, fullWidth: oe = !1, ...se }) => {
-	let D = l(), O = ne || `wim-cascader-${D}`, k = b ? `${O}-label` : void 0, A = x ? `${O}-error` : void 0, j = `${O}-trigger`, M = `${O}-popup`, [N, P] = d(!1), [F, I] = d(te || []), [L, R] = d([]), [z, B] = d(-1), [V, H] = d([]), [ce, U] = d(!1), W = u(null), G = u(null), K = _ !== void 0, q = K ? _ : F;
+var g = ({ options: g = [], value: _, onChange: v, placeholder: y, label: b, error: x, required: S, layout: ee, className: te, disabled: C = !1, defaultValue: w, id: ne, expandTrigger: T = "click", separator: E = " / ", allowClear: re = !1, "aria-label": D, "aria-labelledby": ie, "aria-describedby": ae, width: oe, fullWidth: se = !1, ...O }) => {
+	let ce = l(), k = ne || `wim-cascader-${ce}`, A = b ? `${k}-label` : void 0, j = x ? `${k}-error` : void 0, M = A ?? ie, le = `${k}-trigger`, N = `${k}-popup`, [P, F] = d(!1), [ue, I] = d(w || []), [L, R] = d([]), [z, B] = d(-1), [V, H] = d([]), [de, U] = d(!1), W = u(null), G = u(null), K = _ !== void 0, q = K ? _ : ue;
 	c(() => {
 		let e = (e) => {
-			W.current && !W.current.contains(e.target) && P(!1);
+			W.current && !W.current.contains(e.target) && F(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, []), c(() => {
-		if (N && z >= 0) {
-			let e = V[z], t = `${O}-menu-${z}-option-${e}`, n = W.current?.querySelector(`#${t}`);
+		if (P && z >= 0) {
+			let e = V[z], t = `${k}-menu-${z}-option-${e}`, n = W.current?.querySelector(`#${t}`);
 			n && n.scrollIntoView({
 				block: "nearest",
 				behavior: "smooth"
@@ -31,15 +31,15 @@ var g = ({ options: g = [], value: _, onChange: v, placeholder: y, label: b, err
 	}, [
 		z,
 		V,
-		N,
-		O
+		P,
+		k
 	]);
 	let J = () => {
-		if (!w) {
-			let e = !N;
-			P(e), e ? (R(q || []), B(0), H([0])) : B(-1);
+		if (!C) {
+			let e = !P;
+			F(e), e ? (R(q || []), B(0), H([0])) : B(-1);
 		}
-	}, le = () => {
+	}, fe = () => {
 		if (!q || q.length === 0) return null;
 		let e = [], t = g;
 		for (let n of q) {
@@ -47,7 +47,7 @@ var g = ({ options: g = [], value: _, onChange: v, placeholder: y, label: b, err
 			if (r) e.push(r.label), t = r.children || [];
 			else break;
 		}
-		return e.length === 0 ? null : e.map((t, n) => /* @__PURE__ */ m(s.Fragment, { children: [t, n < e.length - 1 && /* @__PURE__ */ p("span", { children: T })] }, n));
+		return e.length === 0 ? null : e.map((t, n) => /* @__PURE__ */ m(s.Fragment, { children: [t, n < e.length - 1 && /* @__PURE__ */ p("span", { children: E })] }, n));
 	}, Y = (e, t) => {
 		if (e.disabled) return;
 		let n = [...L.slice(0, t), e.value];
@@ -60,15 +60,15 @@ var g = ({ options: g = [], value: _, onChange: v, placeholder: y, label: b, err
 				}
 				v(n, e);
 			}
-			P(!1), G.current?.focus();
+			F(!1), G.current?.focus();
 		}
-	}, ue = (e) => {
-		e?.stopPropagation(), !w && (K || I([]), v && v([], []));
-	}, de = (e, t) => {
-		re === "hover" && !e.disabled && R([...L.slice(0, t), e.value]);
-	}, fe = (e) => {
-		if (U(!0), w) return;
-		if (!N) {
+	}, pe = (e) => {
+		e?.stopPropagation(), !C && (K || I([]), v && v([], []));
+	}, me = (e, t) => {
+		T === "hover" && !e.disabled && R([...L.slice(0, t), e.value]);
+	}, he = (e) => {
+		if (U(!0), C) return;
+		if (!P) {
 			(e.key === "Enter" || e.key === " " || e.key === "ArrowDown" || e.key === "ArrowDown" && e.altKey) && (e.preventDefault(), J());
 			return;
 		}
@@ -109,7 +109,7 @@ var g = ({ options: g = [], value: _, onChange: v, placeholder: y, label: b, err
 				break;
 			}
 			case "Escape":
-				e.preventDefault(), P(!1), B(-1), G.current?.focus();
+				e.preventDefault(), F(!1), B(-1), G.current?.focus();
 				break;
 			case "Home":
 				e.preventDefault(), H((e) => {
@@ -123,7 +123,7 @@ var g = ({ options: g = [], value: _, onChange: v, placeholder: y, label: b, err
 					return t[z] = r.length - 1, t;
 				});
 				break;
-			case "Tab": N && (P(!1), B(-1));
+			case "Tab": P && (F(!1), B(-1));
 		}
 	}, X = [g], Z = g;
 	for (let e = 0; e < L.length; e++) {
@@ -131,7 +131,7 @@ var g = ({ options: g = [], value: _, onChange: v, placeholder: y, label: b, err
 		if (n && n.children && n.children.length > 0) X.push(n.children), Z = n.children;
 		else break;
 	}
-	let Q = le(), $ = () => {
+	let Q = fe(), $ = () => {
 		if (!q || q.length === 0) return "";
 		let e = [], t = g;
 		for (let n of q) {
@@ -139,68 +139,68 @@ var g = ({ options: g = [], value: _, onChange: v, placeholder: y, label: b, err
 			if (r) e.push(h(r.label)), t = r.children || [];
 			else break;
 		}
-		return e.join(T);
+		return e.join(E);
 	};
 	return /* @__PURE__ */ p(o, {
 		label: b,
 		error: x,
 		required: S,
-		layout: C,
-		labelId: k,
-		errorId: A,
-		className: f("wim-cascader", ee),
+		layout: ee,
+		labelId: A,
+		errorId: j,
+		className: f("wim-cascader", te),
 		children: /* @__PURE__ */ m("div", {
 			className: a.root,
 			ref: W,
 			onMouseMove: () => U(!1),
-			"data-keyboard-nav": ce,
-			...se,
+			"data-keyboard-nav": de,
+			...O,
 			children: [/* @__PURE__ */ p(i, {
-				disabled: w,
-				allowClear: ie,
+				disabled: C,
+				allowClear: re,
 				hasValue: !!Q,
-				onClear: ue,
+				onClear: pe,
 				intent: x ? "danger" : "default",
-				width: ae,
-				fullWidth: oe,
+				width: oe,
+				fullWidth: se,
 				rightIcons: [{
 					name: "ChevronDownIcon",
-					rotated: N
+					rotated: P
 				}],
-				className: f(N && a.open),
+				className: f(P && a.open),
 				children: /* @__PURE__ */ p("div", {
-					id: j,
+					id: le,
 					ref: G,
-					className: f(a.trigger, w && a.disabled),
+					className: f(a.trigger, C && a.disabled),
 					onClick: J,
-					onKeyDown: fe,
-					tabIndex: w ? -1 : 0,
+					onKeyDown: he,
+					tabIndex: C ? -1 : 0,
 					role: "combobox",
-					"aria-expanded": N,
-					"aria-controls": N ? M : void 0,
+					"aria-expanded": P,
+					"aria-controls": P ? N : void 0,
 					"aria-haspopup": "listbox",
-					"aria-disabled": w,
-					"aria-labelledby": k,
-					"aria-label": k ? void 0 : E || $() || h(y),
-					"aria-describedby": A,
+					"aria-disabled": C,
+					"aria-labelledby": M,
+					"aria-label": M ? void 0 : D || $() || h(y),
+					"aria-describedby": [ae, j].filter(Boolean).join(" ") || void 0,
 					"aria-required": S,
 					"aria-invalid": !!x,
-					"aria-activedescendant": N && z >= 0 ? `${O}-menu-${z}-option-${V[z]}` : void 0,
+					"aria-activedescendant": P && z >= 0 ? `${k}-menu-${z}-option-${V[z]}` : void 0,
 					children: /* @__PURE__ */ p("div", {
 						className: f(a.value, !Q && a.placeholder),
 						children: Q || y
 					})
 				})
 			}), /* @__PURE__ */ p(e, {
-				show: N && !w,
+				show: P && !C,
 				preset: "fade",
-				id: M,
+				id: N,
 				className: a.dropdown,
 				children: X.map((e, i) => /* @__PURE__ */ p("div", {
 					className: a.menu,
 					role: "listbox",
-					"aria-labelledby": k,
-					"aria-label": k ? void 0 : E || $() || h(y),
+					"aria-labelledby": M,
+					"aria-label": M ? void 0 : D || $() || h(y),
 					children: e.map((e, o) => {
 						let s = L[i] === e.value, c = z === i && V[i] === o, l = q[i] === e.value, u = e.children && e.children.length > 0;
 						return /* @__PURE__ */ p(r, {
@@ -211,14 +211,14 @@ var g = ({ options: g = [], value: _, onChange: v, placeholder: y, label: b, err
 								t.stopPropagation(), Y(e, i);
 							},
 							onMouseEnter: () => {
-								de(e, i), B(i), H((e) => [...e.slice(0, i), o]);
+								me(e, i), B(i), H((e) => [...e.slice(0, i), o]);
 							},
 							rightSection: u ? /* @__PURE__ */ p(n, {
 								component: t,
 								size: "sm"
 							}) : void 0,
 							role: "option",
-							id: `${O}-menu-${i}-option-${o}`,
+							id: `${k}-menu-${i}-option-${o}`,
 							"aria-selected": l,
 							tabIndex: -1,
 							children: e.label

package/dist/components/form/DateRangePicker/DateRangePicker.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/components.cjs"),r=require("../FieldTemplate/FieldTemplate.cjs"),i=require("../DatePicker/DatePicker.cjs"),a=require("./date-range-picker.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");var l=({startProps:e,endProps:l,className:u,label:d,error:f,required:p,layout:m=`vertical`})=>{let{t:h}=t.useWimTranslation(n.componentsNs),g=`wim-daterangepicker-${(0,o.useId)()}`,_=d?`${g}-label`:void 0,v=f?`${g}-error`:void 0,y=e?.label?void 0:h(`daterangepicker.start`),b=l?.label?void 0:h(`daterangepicker.end`);return(0,c.jsx)(r.FieldTemplate,{label:d,error:f,required:p,layout:m,labelId:_,errorId:v,className:(0,s.default)(`wim-date-range-picker`,a.default.container,u),children:(0,c.jsxs)(`div`,{className:a.default.root,role:`group`,"aria-labelledby":_,"aria-describedby":v,children:[(0,c.jsx)(`div`,{className:a.default.pickerWrapper,children:(0,c.jsx)(i.DatePicker,{"aria-label":y,...e,intent:f?`danger`:e?.intent,fullWidth:!0})}),(0,c.jsx)(`span`,{className:a.default.separator,children:`~`}),(0,c.jsx)(`div`,{className:a.default.pickerWrapper,children:(0,c.jsx)(i.DatePicker,{"aria-label":b,...l,intent:f?`danger`:l?.intent,fullWidth:!0})})]})})};exports.DateRangePicker=l;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/components.cjs"),r=require("../FieldTemplate/FieldTemplate.cjs"),i=require("../DatePicker/DatePicker.cjs"),a=require("./date-range-picker.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");var l=({startProps:e,endProps:l,className:u,label:d,error:f,required:p,layout:m=`vertical`,"aria-label":h,"aria-labelledby":g,"aria-describedby":_})=>{let{t:v}=t.useWimTranslation(n.componentsNs),y=`wim-daterangepicker-${(0,o.useId)()}`,b=d?`${y}-label`:void 0,x=f?`${y}-error`:void 0,S=e?.label?void 0:v(`daterangepicker.start`),C=l?.label?void 0:v(`daterangepicker.end`);return(0,c.jsx)(r.FieldTemplate,{label:d,error:f,required:p,layout:m,labelId:b,errorId:x,className:(0,s.default)(`wim-date-range-picker`,a.default.container,u),children:(0,c.jsxs)(`div`,{className:a.default.root,role:`group`,"aria-labelledby":b??g,"aria-label":d||g?void 0:h,"aria-describedby":[_,x].filter(Boolean).join(` `)||void 0,children:[(0,c.jsx)(`div`,{className:a.default.pickerWrapper,children:(0,c.jsx)(i.DatePicker,{"aria-label":S,...e,intent:f?`danger`:e?.intent,fullWidth:!0})}),(0,c.jsx)(`span`,{className:a.default.separator,children:`~`}),(0,c.jsx)(`div`,{className:a.default.pickerWrapper,children:(0,c.jsx)(i.DatePicker,{"aria-label":C,...l,intent:f?`danger`:l?.intent,fullWidth:!0})})]})})};exports.DateRangePicker=l;

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

@@ -15,9 +15,15 @@ type DateRangePickerProps = {
     required?: boolean;
     /** Layout direction of label and field */
     layout?: "vertical" | "horizontal";
+    /** Accessible name for the group of the two date fields when no visible `label` is provided. */
+    "aria-label"?: string;
+    /** ID of the element that labels the group of the two date fields when no visible `label` is provided. */
+    "aria-labelledby"?: string;
+    /** ID of the element that describes the group. Announced together with the error message. */
+    "aria-describedby"?: string;
 };
 /**
  * Component for selecting a date range (start and end dates).
  */
-export declare const DateRangePicker: ({ startProps, endProps, className, label, error, required, layout, }: DateRangePickerProps) => React.JSX.Element;
+export declare const DateRangePicker: ({ startProps, endProps, className, label, error, required, layout, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, }: DateRangePickerProps) => React.JSX.Element;
 export {};

package/dist/components/form/DateRangePicker/DateRangePicker.js

@@ -8,26 +8,27 @@ import { useId as a } from "react";
 import o from "classnames";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/form/DateRangePicker/DateRangePicker.tsx
-var l = ({ startProps: l, endProps: u, className: d, label: f, error: p, required: m, layout: h = "vertical" }) => {
-	let { t: g } = e(t), _ = `wim-daterangepicker-${a()}`, v = f ? `${_}-label` : void 0, y = p ? `${_}-error` : void 0, b = l?.label ? void 0 : g("daterangepicker.start"), x = u?.label ? void 0 : g("daterangepicker.end");
+var l = ({ startProps: l, endProps: u, className: d, label: f, error: p, required: m, layout: h = "vertical", "aria-label": g, "aria-labelledby": _, "aria-describedby": v }) => {
+	let { t: y } = e(t), b = `wim-daterangepicker-${a()}`, x = f ? `${b}-label` : void 0, S = p ? `${b}-error` : void 0, C = l?.label ? void 0 : y("daterangepicker.start"), w = u?.label ? void 0 : y("daterangepicker.end");
 	return /* @__PURE__ */ s(n, {
 		label: f,
 		error: p,
 		required: m,
 		layout: h,
-		labelId: v,
-		errorId: y,
+		labelId: x,
+		errorId: S,
 		className: o("wim-date-range-picker", i.container, d),
 		children: /* @__PURE__ */ c("div", {
 			className: i.root,
 			role: "group",
-			"aria-labelledby": v,
-			"aria-describedby": y,
+			"aria-labelledby": x ?? _,
+			"aria-label": f || _ ? void 0 : g,
+			"aria-describedby": [v, S].filter(Boolean).join(" ") || void 0,
 			children: [
 				/* @__PURE__ */ s("div", {
 					className: i.pickerWrapper,
 					children: /* @__PURE__ */ s(r, {
-						"aria-label": b,
+						"aria-label": C,
 						...l,
 						intent: p ? "danger" : l?.intent,
 						fullWidth: !0
@@ -40,7 +41,7 @@ var l = ({ startProps: l, endProps: u, className: d, label: f, error: p, require
 				/* @__PURE__ */ s("div", {
 					className: i.pickerWrapper,
 					children: /* @__PURE__ */ s(r, {
-						"aria-label": x,
+						"aria-label": w,
 						...u,
 						intent: p ? "danger" : u?.intent,
 						fullWidth: !0

package/dist/components/form/InlineEdit/InlineEdit.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("../FieldTemplate/FieldTemplate.cjs"),i=require("../Input/Input.cjs"),a=require("../IconButton/IconButton.cjs"),o=require("./inline-edit.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=s.default.forwardRef(({value:e,defaultValue:u,onChange:d,onSave:f,onCancel:p,onEdit:m,placeholder:h,disabled:g=!1,fullWidth:_=!1,label:v,className:y,"aria-label":b,...x},S)=>{let{t:C}=t.useWimTranslation(n.commonNs),[w,T]=(0,s.useState)(!1),[E,D]=(0,s.useState)(u??``),[O,k]=(0,s.useState)(u??``),A=(0,s.useRef)(null),j=e!==void 0,M=j?e:O,N=()=>{g||(j||k(E),T(!0),m?.())},P=()=>{g||(j||D(M),T(!1),f?.(M))},F=()=>{g||(j||k(E),T(!1),p?.())},I=e=>{let t=e.target.value;j||k(t),d?.(t)},L=e=>{e.key===`Enter`?(e.preventDefault(),P()):e.key===`Escape`&&(e.preventDefault(),F())};return(0,s.useEffect)(()=>{w&&A.current&&A.current.focus()},[w]),(0,l.jsx)(r.FieldTemplate,{label:v,className:y,children:(0,l.jsx)(`div`,{ref:S,className:(0,c.default)(`wim-inline-edit`,o.default.root,_&&o.default.fullWidth,g&&o.default.disabled),...x,children:w?(0,l.jsxs)(`div`,{className:o.default.editWrapper,children:[(0,l.jsx)(i.Input,{ref:A,value:M,onChange:I,onKeyDown:L,disabled:g,placeholder:h,"aria-label":b,fullWidth:_,className:o.default.input}),(0,l.jsxs)(`div`,{className:o.default.editActions,children:[(0,l.jsx)(a.IconButton,{iconName:`CheckIcon`,intent:`success`,variant:`outline`,"aria-label":C(`action.save`),onClick:P,disabled:g}),(0,l.jsx)(a.IconButton,{iconName:`CloseIcon`,intent:`default`,variant:`outline`,"aria-label":C(`action.cancel`),onClick:F,disabled:g})]})]}):(0,l.jsxs)(`div`,{className:o.default.preview,onClick:N,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),N())},tabIndex:g?-1:0,role:`button`,"aria-label":b,"aria-disabled":g,children:[(0,l.jsx)(`span`,{className:(0,c.default)(o.default.text,!M&&o.default.placeholder),children:M||h||`\xA0`}),(0,l.jsx)(`span`,{className:o.default.editIconWrapper,children:(0,l.jsx)(a.IconButton,{iconName:`EditIcon`,variant:`ghost`,size:`sm`,tabIndex:-1,"aria-label":C(`action.edit`),"aria-hidden":`true`,asChild:!0,children:(0,l.jsx)(`span`,{})})})]})})})});u.displayName=`InlineEdit`,exports.InlineEdit=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../FieldTemplate/FieldTemplate.cjs"),i=require("../Input/Input.cjs"),a=require("../IconButton/IconButton.cjs"),o=require("./inline-edit.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=s.default.forwardRef(({value:e,defaultValue:u,onChange:d,onSave:f,onCancel:p,onEdit:m,placeholder:h,disabled:g=!1,fullWidth:_=!1,label:v,className:y,"aria-label":b,"aria-labelledby":x,"aria-describedby":S,...C},w)=>{let{t:T}=t.useWimTranslation(n.commonNs),[E,D]=(0,s.useState)(!1),[O,k]=(0,s.useState)(u??``),[A,j]=(0,s.useState)(u??``),M=(0,s.useRef)(null),N=e!==void 0,P=N?e:A,F=()=>{g||(N||j(O),D(!0),m?.())},I=()=>{g||(N||k(P),D(!1),f?.(P))},L=()=>{g||(N||j(O),D(!1),p?.())},R=e=>{let t=e.target.value;N||j(t),d?.(t)},z=e=>{e.key===`Enter`?(e.preventDefault(),I()):e.key===`Escape`&&(e.preventDefault(),L())};return(0,s.useEffect)(()=>{E&&M.current&&M.current.focus()},[E]),(0,l.jsx)(r.FieldTemplate,{label:v,className:y,children:(0,l.jsx)(`div`,{ref:w,className:(0,c.default)(`wim-inline-edit`,o.default.root,_&&o.default.fullWidth,g&&o.default.disabled),...C,children:E?(0,l.jsxs)(`div`,{className:o.default.editWrapper,children:[(0,l.jsx)(i.Input,{ref:M,value:P,onChange:R,onKeyDown:z,disabled:g,placeholder:h,"aria-label":b,"aria-labelledby":x,"aria-describedby":S,fullWidth:_,className:o.default.input}),(0,l.jsxs)(`div`,{className:o.default.editActions,children:[(0,l.jsx)(a.IconButton,{iconName:`CheckIcon`,intent:`success`,variant:`outline`,"aria-label":T(`action.save`),onClick:I,disabled:g}),(0,l.jsx)(a.IconButton,{iconName:`CloseIcon`,intent:`default`,variant:`outline`,"aria-label":T(`action.cancel`),onClick:L,disabled:g})]})]}):(0,l.jsxs)(`div`,{className:o.default.preview,onClick:F,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),F())},tabIndex:g?-1:0,role:`button`,"aria-label":b,"aria-labelledby":x,"aria-describedby":S,"aria-disabled":g,children:[(0,l.jsx)(`span`,{className:(0,c.default)(o.default.text,!P&&o.default.placeholder),children:P||h||`\xA0`}),(0,l.jsx)(`span`,{className:o.default.editIconWrapper,children:(0,l.jsx)(a.IconButton,{iconName:`EditIcon`,variant:`ghost`,size:`sm`,tabIndex:-1,"aria-label":T(`action.edit`),"aria-hidden":`true`,asChild:!0,children:(0,l.jsx)(`span`,{})})})]})})})});u.displayName=`InlineEdit`,exports.InlineEdit=u;