wimui 0.53.1 → 0.55.0

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

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../../i18n/generated/common.cjs"),i=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),a=require("../../../icon/more-horizontal.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("./kanban.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=(0,c.forwardRef)(({columns:e,onMove:i,onCardMove:a,className:o,forceMobileUI:d=!1,children:p,asChild:m=!1,...g},_)=>{let{t:y}=n.useWimTranslation(r.commonNs),[b,x]=(0,c.useState)(null),[S,C]=(0,c.useState)(null),[w,T]=(0,c.useState)(null),E=i||a,D=(e,t,n)=>{x({itemId:t,columnId:n}),e.dataTransfer.setData(`text/plain`,`${n}:${t}`),e.dataTransfer.effectAllowed=`move`},O=(e,t)=>{e.preventDefault(),C(t)},k=(e,t)=>{e.preventDefault(),C(null);let[n,r]=e.dataTransfer.getData(`text/plain`).split(`:`);E?.(r,n,t),x(null)},A=(e,t,n)=>{E?.(e,t,n),T(null)},j=c.default.useMemo(()=>{if(e)return e;let t=[];return c.default.Children.forEach(p,e=>{if(c.default.isValidElement(e)){let n=e.props;typeof n.id==`string`&&typeof n.title==`string`&&t.push({id:n.id,title:n.title,items:[]})}}),t},[p,e]),M=()=>p||(e?e.map(e=>(0,u.jsx)(v,{id:e.id,title:e.title,cardCount:e.items.length,children:e.items.map(e=>(0,u.jsx)(h,{id:e.id,children:e.content},e.id))},e.id)):null),N=m?t.Root:`div`;return(0,u.jsx)(f.Provider,{value:{draggedItem:b,dragOverColumn:S,setDragOverColumn:C,handleDragStart:D,handleDragOver:O,handleDrop:k,handleMobileMove:A,activeMobileMenu:w,setActiveMobileMenu:T,columns:j},children:(0,u.jsx)(N,{...g,ref:_,className:(0,l.default)(`wim-kanban`,s.default.root,d&&s.default.touch,o),role:`region`,"aria-label":y(`a11y.kanban_board`),tabIndex:0,children:(0,u.jsx)(t.Slottable,{children:M()})})})}),f=c.default.createContext(null),p=()=>{let e=c.default.useContext(f);if(!e)throw Error(`Kanban compound components must be used within Kanban`);return e},m=({id:e,title:t,cardCount:a,children:o,className:d})=>{let{dragOverColumn:f,handleDragOver:m,handleDrop:g,setDragOverColumn:v}=p(),{t:y}=n.useWimTranslation(r.commonNs),b=c.default.useId(),x=c.default.Children.toArray(o),S=x.length>0&&x.every(e=>c.default.isValidElement(e)&&e.type===h);return(0,u.jsxs)(`div`,{className:(0,l.default)(s.default.column,{[s.default.dragOver]:f===e},d),role:`group`,"aria-labelledby":t?b:void 0,onDragOver:t=>m(t,e),onDrop:t=>g(t,e),onDragLeave:()=>v(null),children:[(0,u.jsxs)(`div`,{className:s.default.columnHeader,children:[(0,u.jsx)(`div`,{id:b,className:s.default.columnTitle,"aria-hidden":`true`,children:t}),a!==void 0&&(0,u.jsxs)(`div`,{className:s.default.columnCount,children:[(0,u.jsx)(`span`,{"aria-hidden":`true`,children:a}),(0,u.jsx)(i.VisuallyHidden,{children:y(`a11y.kanban_column_count`,{count:a})})]})]}),(0,u.jsx)(`div`,{className:s.default.columnBody,role:S?`list`:void 0,children:(0,u.jsx)(_.Provider,{value:S,children:o})})]})},h=({id:e,children:t,disabled:i,className:d})=>{let{t:f}=n.useWimTranslation(r.commonNs),{draggedItem:m,handleDragStart:h,handleMobileMove:v,activeMobileMenu:y,setActiveMobileMenu:b,columns:x}=p(),S=c.default.useContext(g),C=c.default.useContext(_);return(0,u.jsxs)(`div`,{role:C?`listitem`:void 0,className:(0,l.default)(s.default.card,{[s.default.dragging]:m?.itemId===e,[s.default.disabled]:i},d),draggable:!i,onDragStart:t=>S&&h(t,e,S),children:[(0,u.jsx)(`div`,{className:s.default.cardContent,children:t}),(0,u.jsxs)(`div`,{className:s.default.cardMove,children:[(0,u.jsx)(`button`,{type:`button`,className:s.default.cardMoveBtn,onClick:()=>b(y===e?null:e),"aria-label":f(`a11y.move_card`),disabled:i,children:(0,u.jsx)(o.Icon,{component:a.default,size:`sm`})}),y===e&&(0,u.jsx)(`div`,{className:s.default.cardMoveMenu,role:`listbox`,"aria-label":f(`a11y.move_to_column`),children:x.filter(e=>e.id!==S).map(t=>(0,u.jsx)(`button`,{type:`button`,className:s.default.cardMoveOption,onClick:()=>S&&v(e,S,t.id),role:`option`,"aria-selected":!1,children:t.title},t.id))})]})]})},g=c.default.createContext(null),_=c.default.createContext(!1),v=e=>(0,u.jsx)(g.Provider,{value:e.id,children:(0,u.jsx)(m,{...e})}),y=d;y.Column=v,y.Card=h,d.displayName=`Kanban`,y.displayName=`KanbanBoard`,m.displayName=`KanbanColumn`,h.displayName=`KanbanCard`,v.displayName=`KanbanColumnWrapper`,exports.Kanban=d,exports.KanbanBoard=y,exports.default=y,exports.KanbanCard=h,exports.KanbanColumn=m;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../../i18n/generated/common.cjs"),i=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),a=require("../../../icon/more-horizontal.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("./kanban.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=(0,c.forwardRef)(({columns:e,onMove:i,onCardMove:a,className:o,forceMobileUI:d=!1,children:p,asChild:m=!1,...g},_)=>{let{t:y}=n.useWimTranslation(r.commonNs),[b,x]=(0,c.useState)(null),[S,C]=(0,c.useState)(null),[w,T]=(0,c.useState)(null),E=i||a,D=(e,t,n)=>{x({itemId:t,columnId:n}),e.dataTransfer.setData(`text/plain`,`${n}:${t}`),e.dataTransfer.effectAllowed=`move`},O=(e,t)=>{e.preventDefault(),C(t)},k=(e,t)=>{e.preventDefault(),C(null);let[n,r]=e.dataTransfer.getData(`text/plain`).split(`:`);E?.(r,n,t),x(null)},A=(e,t,n)=>{E?.(e,t,n),T(null)},j=c.default.useMemo(()=>{if(e)return e;let t=[];return c.default.Children.forEach(p,e=>{if(c.default.isValidElement(e)){let n=e.props;typeof n.id==`string`&&typeof n.title==`string`&&t.push({id:n.id,title:n.title,items:[]})}}),t},[p,e]),M=()=>p||(e?e.map(e=>(0,u.jsx)(v,{id:e.id,title:e.title,cardCount:e.items.length,children:e.items.map(e=>(0,u.jsx)(h,{id:e.id,children:e.content},e.id))},e.id)):null),N=m?t.Root:`div`;return(0,u.jsx)(f.Provider,{value:{draggedItem:b,dragOverColumn:S,setDragOverColumn:C,handleDragStart:D,handleDragOver:O,handleDrop:k,handleMobileMove:A,activeMobileMenu:w,setActiveMobileMenu:T,columns:j},children:(0,u.jsx)(N,{...g,ref:_,className:(0,l.default)(`wim-kanban`,s.default.root,d&&s.default.touch,o),role:`region`,"aria-label":g[`aria-labelledby`]?void 0:g[`aria-label`]??y(`a11y.kanban_board`),tabIndex:0,children:(0,u.jsx)(t.Slottable,{children:M()})})})}),f=c.default.createContext(null),p=()=>{let e=c.default.useContext(f);if(!e)throw Error(`Kanban compound components must be used within Kanban`);return e},m=({id:e,title:t,cardCount:a,children:o,className:d})=>{let{dragOverColumn:f,handleDragOver:m,handleDrop:g,setDragOverColumn:v}=p(),{t:y}=n.useWimTranslation(r.commonNs),b=c.default.useId(),x=c.default.Children.toArray(o),S=x.length>0&&x.every(e=>c.default.isValidElement(e)&&e.type===h);return(0,u.jsxs)(`div`,{className:(0,l.default)(s.default.column,{[s.default.dragOver]:f===e},d),role:`group`,"aria-labelledby":t?b:void 0,onDragOver:t=>m(t,e),onDrop:t=>g(t,e),onDragLeave:()=>v(null),children:[(0,u.jsxs)(`div`,{className:s.default.columnHeader,children:[(0,u.jsx)(`div`,{id:b,className:s.default.columnTitle,"aria-hidden":`true`,children:t}),a!==void 0&&(0,u.jsxs)(`div`,{className:s.default.columnCount,children:[(0,u.jsx)(`span`,{"aria-hidden":`true`,children:a}),(0,u.jsx)(i.VisuallyHidden,{children:y(`a11y.kanban_column_count`,{count:a})})]})]}),(0,u.jsx)(`div`,{className:s.default.columnBody,role:S?`list`:void 0,children:(0,u.jsx)(_.Provider,{value:S,children:o})})]})},h=({id:e,children:t,disabled:i,className:d})=>{let{t:f}=n.useWimTranslation(r.commonNs),{draggedItem:m,handleDragStart:h,handleMobileMove:v,activeMobileMenu:y,setActiveMobileMenu:b,columns:x}=p(),S=c.default.useContext(g),C=c.default.useContext(_);return(0,u.jsxs)(`div`,{role:C?`listitem`:void 0,className:(0,l.default)(s.default.card,{[s.default.dragging]:m?.itemId===e,[s.default.disabled]:i},d),draggable:!i,onDragStart:t=>S&&h(t,e,S),children:[(0,u.jsx)(`div`,{className:s.default.cardContent,children:t}),(0,u.jsxs)(`div`,{className:s.default.cardMove,children:[(0,u.jsx)(`button`,{type:`button`,className:s.default.cardMoveBtn,onClick:()=>b(y===e?null:e),"aria-label":f(`a11y.move_card`),disabled:i,children:(0,u.jsx)(o.Icon,{component:a.default,size:`sm`})}),y===e&&(0,u.jsx)(`div`,{className:s.default.cardMoveMenu,role:`listbox`,"aria-label":f(`a11y.move_to_column`),children:x.filter(e=>e.id!==S).map(t=>(0,u.jsx)(`button`,{type:`button`,className:s.default.cardMoveOption,onClick:()=>S&&v(e,S,t.id),role:`option`,"aria-selected":!1,children:t.title},t.id))})]})]})},g=c.default.createContext(null),_=c.default.createContext(!1),v=e=>(0,u.jsx)(g.Provider,{value:e.id,children:(0,u.jsx)(m,{...e})}),y=d;y.Column=v,y.Card=h,d.displayName=`Kanban`,y.displayName=`KanbanBoard`,m.displayName=`KanbanColumn`,h.displayName=`KanbanCard`,v.displayName=`KanbanColumnWrapper`,exports.Kanban=d,exports.KanbanBoard=y,exports.default=y,exports.KanbanCard=h,exports.KanbanColumn=m;

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

@@ -64,7 +64,7 @@ var m = l(({ columns: i, onMove: a, onCardMove: o, className: l, forceMobileUI:
 			ref: y,
 			className: d("wim-kanban", s.root, p && s.touch, l),
 			role: "region",
-			"aria-label": b("a11y.kanban_board"),
+			"aria-label": _["aria-labelledby"] ? void 0 : _["aria-label"] ?? b("a11y.kanban_board"),
 			tabIndex: 0,
 			children: /* @__PURE__ */ f(t, { children: P() })
 		})

package/dist/components/form/CheckboxGroup/CheckboxGroup.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../FieldTemplate/FieldTemplate.cjs"),r=require("../Checkbox/Checkbox.cjs"),i=require("./checkbox-group.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=(0,a.forwardRef)(({options:e,value:c,defaultValue:l=[],onChange:u,direction:d=`vertical`,name:f,className:p,label:m,error:h,required:g,disabled:_,asChild:v=!1,children:y,...b},x)=>{let S=c!==void 0,[C,w]=(0,a.useState)(l),T=`wim-checkbox-group-${(0,a.useId)()}`,E=`${T}-label`,D=h?`${T}-error`:void 0,O=S?c:C,k=(e,t)=>{let n;n=t?[...O,e]:O.filter(t=>t!==e),S||w(n),u&&u(n)};return(0,s.jsx)(n.FieldTemplate,{label:m,error:h,required:g,labelId:E,errorId:D,className:p,children:(0,s.jsxs)(v?t.Root:`div`,{...b,ref:x,className:(0,o.default)(`wim-checkbox-group`,i.default.root,d===`horizontal`&&i.default.horizontal),role:`group`,"aria-labelledby":m?E:void 0,"aria-describedby":D,children:[(0,s.jsx)(t.Slottable,{children:e.map(e=>(0,s.jsx)(r.Checkbox,{value:e.value,checked:O.includes(e.value),disabled:_||e.disabled,error:!!h,name:f,onChange:t=>k(e.value,t.target.checked),children:e.label},e.value))}),y]})})});c.displayName=`CheckboxGroup`,exports.CheckboxGroup=c,exports.default=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../FieldTemplate/FieldTemplate.cjs"),r=require("../Checkbox/Checkbox.cjs"),i=require("./checkbox-group.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=(0,a.forwardRef)(({options:e,value:c,defaultValue:l=[],onChange:u,direction:d=`vertical`,name:f,className:p,label:m,error:h,required:g,disabled:_,asChild:v=!1,children:y,...b},x)=>{let S=c!==void 0,[C,w]=(0,a.useState)(l),T=`wim-checkbox-group-${(0,a.useId)()}`,E=`${T}-label`,D=h?`${T}-error`:void 0,O=S?c:C,k=(e,t)=>{let n;n=t?[...O,e]:O.filter(t=>t!==e),S||w(n),u&&u(n)};return(0,s.jsx)(n.FieldTemplate,{label:m,error:h,required:g,labelId:E,errorId:D,className:p,children:(0,s.jsxs)(v?t.Root:`div`,{...b,ref:x,className:(0,o.default)(`wim-checkbox-group`,i.default.root,d===`horizontal`&&i.default.horizontal),role:`group`,"aria-labelledby":m?E:b[`aria-labelledby`],"aria-describedby":[b[`aria-describedby`],D].filter(Boolean).join(` `)||void 0,children:[(0,s.jsx)(t.Slottable,{children:e.map(e=>(0,s.jsx)(r.Checkbox,{value:e.value,checked:O.includes(e.value),disabled:_||e.disabled,error:!!h,name:f,onChange:t=>k(e.value,t.target.checked),children:e.label},e.value))}),y]})})});c.displayName=`CheckboxGroup`,exports.CheckboxGroup=c,exports.default=c;

package/dist/components/form/CheckboxGroup/CheckboxGroup.js

@@ -24,8 +24,8 @@ var d = a(({ options: a, value: d, defaultValue: f = [], onChange: p, direction:
 			ref: w,
 			className: c("wim-checkbox-group", i.root, m === "horizontal" && i.horizontal),
 			role: "group",
-			"aria-labelledby": _ ? k : void 0,
-			"aria-describedby": A,
+			"aria-labelledby": _ ? k : C["aria-labelledby"],
+			"aria-describedby": [C["aria-describedby"], A].filter(Boolean).join(" ") || void 0,
 			children: [/* @__PURE__ */ l(t, { children: a.map((e) => /* @__PURE__ */ l(r, {
 				value: e.value,
 				checked: j.includes(e.value),

package/dist/components/form/CounterTextarea/CounterTextarea.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../FieldTemplate/FieldTemplate.cjs"),n=require("../Textarea/Textarea.cjs"),r=require("../../_internal/FieldCharacterCount/FieldCharacterCount.cjs"),i=require("./counter-textarea.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=a.default.forwardRef(({showCount:e=!0,counterPosition:c=`bottom`,maxLength:l,onChange:u,value:d,defaultValue:f,className:p,fullWidth:m=!1,children:h,...g},_)=>{let[v,y]=(0,a.useState)(f??``),b=String(d===void 0?v:d).length,x=(0,a.useCallback)(e=>{d===void 0&&y(e.target.value),u?.(e)},[d,u]),S=a.default.useId(),C=g.id||`wim-counter-textarea-${S}`,w=g.label?`${C}-label`:void 0,T=g.error?`${C}-error`:void 0;return(0,s.jsx)(t.FieldTemplate,{label:g.label,error:g.error,required:g.required,layout:g.layout,labelId:w,htmlFor:C,errorId:T,className:(0,o.default)(`wim-counter-textarea`,p),children:(0,s.jsxs)(`div`,{className:(0,o.default)(i.default.container,c===`overlay`&&i.default[`container--overlay`],m&&i.default.fullWidth),children:[(0,s.jsx)(n.Textarea,{...g,ref:_,id:C,value:d,defaultValue:f,onChange:x,maxLength:l,fullWidth:m,label:void 0,error:void 0,className:i.default.textarea,"aria-labelledby":w,"aria-describedby":T,children:h}),e&&(0,s.jsx)(r.FieldCharacterCount,{count:b,maxLength:l,className:i.default.counter})]})})});c.displayName=`CounterTextarea`,exports.CounterTextarea=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../FieldTemplate/FieldTemplate.cjs"),n=require("../Textarea/Textarea.cjs"),r=require("../../_internal/FieldCharacterCount/FieldCharacterCount.cjs"),i=require("./counter-textarea.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=a.default.forwardRef(({showCount:e=!0,counterPosition:c=`bottom`,maxLength:l,onChange:u,value:d,defaultValue:f,className:p,fullWidth:m=!1,children:h,...g},_)=>{let[v,y]=(0,a.useState)(f??``),b=String(d===void 0?v:d).length,x=(0,a.useCallback)(e=>{d===void 0&&y(e.target.value),u?.(e)},[d,u]),S=a.default.useId(),C=g.id||`wim-counter-textarea-${S}`,w=g.label?`${C}-label`:void 0,T=g.error?`${C}-error`:void 0;return(0,s.jsx)(t.FieldTemplate,{label:g.label,error:g.error,required:g.required,layout:g.layout,labelId:w,htmlFor:C,errorId:T,className:(0,o.default)(`wim-counter-textarea`,p),children:(0,s.jsxs)(`div`,{className:(0,o.default)(i.default.container,c===`overlay`&&i.default[`container--overlay`],m&&i.default.fullWidth),children:[(0,s.jsx)(n.Textarea,{...g,ref:_,id:C,value:d,defaultValue:f,onChange:x,maxLength:l,fullWidth:m,label:void 0,error:void 0,className:i.default.textarea,"aria-labelledby":w??g[`aria-labelledby`],"aria-describedby":[g[`aria-describedby`],T].filter(Boolean).join(` `)||void 0,children:h}),e&&(0,s.jsx)(r.FieldCharacterCount,{count:b,maxLength:l,className:i.default.counter})]})})});c.displayName=`CounterTextarea`,exports.CounterTextarea=c;

package/dist/components/form/CounterTextarea/CounterTextarea.js

@@ -34,8 +34,8 @@ var u = i.forwardRef(({ showCount: u = !0, counterPosition: d = "bottom", maxLen
 				label: void 0,
 				error: void 0,
 				className: r.textarea,
-				"aria-labelledby": D,
-				"aria-describedby": O,
+				"aria-labelledby": D ?? y["aria-labelledby"],
+				"aria-describedby": [y["aria-describedby"], O].filter(Boolean).join(" ") || void 0,
 				children: v
 			}), u && /* @__PURE__ */ c(n, {
 				count: C,

package/dist/components/form/ImageCropper/ImageCropper.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../Button/Button.cjs"),i=require("../../../i18n/generated/form.cjs"),a=require("../Slider/Slider.cjs"),o=require("../IconButton/IconButton.cjs"),s=require("../../overlay/Dialog/Dialog.cjs"),c=require("./image-cropper.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=l.default.forwardRef(({src:e,aspectRatio:f=1,circular:p=!1,onCrop:m,showRotation:h=!0,showZoom:g=!0,showApplyButton:_=!0,applyLabel:v,onApply:y,className:b,...x},S)=>{let{t:C}=t.useWimTranslation([i.formNs,n.commonNs]),[w,T]=(0,l.useState)(1),[E,D]=(0,l.useState)(0),[O,k]=(0,l.useState)({x:0,y:0}),[A,j]=(0,l.useState)(!1),[M,N]=(0,l.useState)({x:0,y:0}),[P,F]=(0,l.useState)(!1),I=(0,l.useRef)(null),L=(0,l.useRef)(null);(0,l.useEffect)(()=>{k({x:0,y:0}),T(1),D(0)},[e]);let R=e=>{j(!0),N({x:e.clientX-O.x,y:e.clientY-O.y})},z=(0,l.useCallback)(e=>{A&&k({x:e.clientX-M.x,y:e.clientY-M.y})},[A,M]),B=(0,l.useCallback)(()=>{j(!1)},[]);(0,l.useEffect)(()=>(A?(window.addEventListener(`mousemove`,z),window.addEventListener(`mouseup`,B)):(window.removeEventListener(`mousemove`,z),window.removeEventListener(`mouseup`,B)),()=>{window.removeEventListener(`mousemove`,z),window.removeEventListener(`mouseup`,B)}),[A,z,B]);let V=()=>{D(e=>(e+90)%360)},H=()=>{F(!0)},U=()=>{let t=e||``;m?.(t),y?.(t),F(!1)};return e?(0,d.jsxs)(`div`,{ref:S,className:(0,u.default)(`wim-image-cropper`,c.default.root,b),...x,children:[(0,d.jsxs)(`div`,{ref:L,className:c.default.viewer,onMouseDown:R,role:`presentation`,children:[(0,d.jsx)(`div`,{className:c.default.imageContainer,children:(0,d.jsx)(`img`,{ref:I,src:e,alt:C(`a11y.crop_target`),className:c.default.image,style:{transform:`translate(${O.x}px, ${O.y}px) rotate(${E}deg) scale(${w})`},draggable:!1})}),(0,d.jsx)(`div`,{className:c.default.overlay,children:(0,d.jsx)(`div`,{className:(0,u.default)(c.default.cropArea,{[c.default.circular]:p}),style:{aspectRatio:f}})})]}),(0,d.jsxs)(`div`,{className:c.default.controls,children:[g&&(0,d.jsx)(`div`,{className:c.default.zoomControl,children:(0,d.jsx)(a.Slider,{min:1,max:3,step:.1,value:w,onChange:e=>T(e),label:C(`image_cropper.zoom`),styles:{root:c.default.zoomSlider}})}),h&&(0,d.jsx)(`div`,{className:c.default.rotationControl,children:(0,d.jsx)(o.IconButton,{iconName:`RefreshIcon`,onClick:V,"aria-label":C(`image_cropper.rotate`),variant:`outline`,size:`sm`})}),_&&(0,d.jsx)(`div`,{className:c.default.applyControl,children:(0,d.jsx)(r.Button,{onClick:H,size:`sm`,variant:`solid`,children:v||C(`image_cropper.apply`)})})]}),(0,d.jsx)(s.Dialog,{open:P,onOpenChange:F,children:(0,d.jsxs)(s.DialogContent,{children:[(0,d.jsx)(s.DialogHeader,{children:(0,d.jsx)(s.DialogTitle,{children:C(`image_cropper.confirm_title`)})}),(0,d.jsx)(s.DialogDescription,{children:C(`image_cropper.confirm_message`)}),(0,d.jsxs)(s.DialogFooter,{children:[(0,d.jsx)(s.DialogClose,{asChild:!0,children:(0,d.jsx)(r.Button,{variant:`ghost`,children:C(`image_cropper.cancel`)})}),(0,d.jsx)(r.Button,{onClick:U,variant:`solid`,children:C(`image_cropper.confirm`)})]})]})})]}):(0,d.jsx)(`div`,{ref:S,className:(0,u.default)(`wim-image-cropper`,c.default.root,c.default.empty,b),...x,children:(0,d.jsx)(`div`,{className:c.default.emptyContent,children:C(`image_cropper.no_image`)})})});f.displayName=`ImageCropper`,exports.ImageCropper=f;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),i=require("../Button/Button.cjs"),a=require("../../../i18n/generated/form.cjs"),o=require("../Slider/Slider.cjs"),s=require("../IconButton/IconButton.cjs"),c=require("../../overlay/Dialog/Dialog.cjs"),l=require("./image-cropper.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=10,m=50,h=u.default.forwardRef(({src:e,aspectRatio:h=1,circular:g=!1,onCrop:_,showRotation:v=!0,showZoom:y=!0,showApplyButton:b=!0,applyLabel:x,onApply:S,className:C,...w},T)=>{let{t:E}=t.useWimTranslation([a.formNs,n.commonNs]),[D,O]=(0,u.useState)(1),[k,A]=(0,u.useState)(0),[j,M]=(0,u.useState)({x:0,y:0}),[N,P]=(0,u.useState)(!1),[F,I]=(0,u.useState)({x:0,y:0}),[L,R]=(0,u.useState)(!1),z=(0,u.useRef)(null),B=(0,u.useRef)(null),V=(0,u.useId)();(0,u.useEffect)(()=>{M({x:0,y:0}),O(1),A(0)},[e]);let H=e=>{P(!0),I({x:e.clientX-j.x,y:e.clientY-j.y})},U=(0,u.useCallback)(e=>{N&&M({x:e.clientX-F.x,y:e.clientY-F.y})},[N,F]),W=(0,u.useCallback)(()=>{P(!1)},[]);(0,u.useEffect)(()=>(N?(window.addEventListener(`mousemove`,U),window.addEventListener(`mouseup`,W)):(window.removeEventListener(`mousemove`,U),window.removeEventListener(`mouseup`,W)),()=>{window.removeEventListener(`mousemove`,U),window.removeEventListener(`mouseup`,W)}),[N,U,W]);let G=e=>{let t=e.shiftKey?m:p,n={ArrowLeft:[-t,0],ArrowRight:[t,0],ArrowUp:[0,-t],ArrowDown:[0,t]}[e.key];n?(e.preventDefault(),M(e=>({x:e.x+n[0],y:e.y+n[1]}))):e.key===`Home`&&(e.preventDefault(),M({x:0,y:0}))},K=()=>{A(e=>(e+90)%360)},q=()=>{R(!0)},J=()=>{let t=e||``;_?.(t),S?.(t),R(!1)};return e?(0,f.jsxs)(`div`,{ref:T,className:(0,d.default)(`wim-image-cropper`,l.default.root,C),...w,children:[(0,f.jsxs)(`div`,{ref:B,className:l.default.viewer,onMouseDown:H,onKeyDown:G,role:`application`,tabIndex:0,"aria-label":E(`image_cropper.position_label`),"aria-describedby":V,children:[(0,f.jsx)(r.VisuallyHidden,{id:V,children:E(`image_cropper.position_hint`)}),(0,f.jsx)(`div`,{className:l.default.imageContainer,children:(0,f.jsx)(`img`,{ref:z,src:e,alt:E(`a11y.crop_target`),className:l.default.image,style:{transform:`translate(${j.x}px, ${j.y}px) rotate(${k}deg) scale(${D})`},draggable:!1})}),(0,f.jsx)(`div`,{className:l.default.overlay,children:(0,f.jsx)(`div`,{className:(0,d.default)(l.default.cropArea,{[l.default.circular]:g}),style:{aspectRatio:h}})})]}),(0,f.jsxs)(`div`,{className:l.default.controls,children:[y&&(0,f.jsx)(`div`,{className:l.default.zoomControl,children:(0,f.jsx)(o.Slider,{min:1,max:3,step:.1,value:D,onChange:e=>O(e),label:E(`image_cropper.zoom`),styles:{root:l.default.zoomSlider}})}),v&&(0,f.jsx)(`div`,{className:l.default.rotationControl,children:(0,f.jsx)(s.IconButton,{iconName:`RefreshIcon`,onClick:K,"aria-label":E(`image_cropper.rotate`),variant:`outline`,size:`sm`})}),b&&(0,f.jsx)(`div`,{className:l.default.applyControl,children:(0,f.jsx)(i.Button,{onClick:q,size:`sm`,variant:`solid`,children:x||E(`image_cropper.apply`)})})]}),(0,f.jsx)(c.Dialog,{open:L,onOpenChange:R,children:(0,f.jsxs)(c.DialogContent,{children:[(0,f.jsx)(c.DialogHeader,{children:(0,f.jsx)(c.DialogTitle,{children:E(`image_cropper.confirm_title`)})}),(0,f.jsx)(c.DialogDescription,{children:E(`image_cropper.confirm_message`)}),(0,f.jsxs)(c.DialogFooter,{children:[(0,f.jsx)(c.DialogClose,{asChild:!0,children:(0,f.jsx)(i.Button,{variant:`ghost`,children:E(`image_cropper.cancel`)})}),(0,f.jsx)(i.Button,{onClick:J,variant:`solid`,children:E(`image_cropper.confirm`)})]})]})})]}):(0,f.jsx)(`div`,{ref:T,className:(0,d.default)(`wim-image-cropper`,l.default.root,l.default.empty,C),...w,children:(0,f.jsx)(`div`,{className:l.default.emptyContent,children:E(`image_cropper.no_image`)})})});h.displayName=`ImageCropper`,exports.ImageCropper=h;

package/dist/components/form/ImageCropper/ImageCropper.js

@@ -1,152 +1,178 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
 import { commonNs as t } from "../../../i18n/generated/common.js";
-import { Button as n } from "../Button/Button.js";
-import { formNs as r } from "../../../i18n/generated/form.js";
-import { Slider as i } from "../Slider/Slider.js";
-import { IconButton as a } from "../IconButton/IconButton.js";
-import { Dialog as o, DialogClose as s, DialogContent as c, DialogDescription as l, DialogFooter as u, DialogHeader as d, DialogTitle as f } from "../../overlay/Dialog/Dialog.js";
+import { VisuallyHidden as n } from "../../layout/VisuallyHidden/VisuallyHidden.js";
+import { Button as r } from "../Button/Button.js";
+import { formNs as i } from "../../../i18n/generated/form.js";
+import { Slider as a } from "../Slider/Slider.js";
+import { IconButton as o } from "../IconButton/IconButton.js";
+import { Dialog as s, DialogClose as c, DialogContent as l, DialogDescription as u, DialogFooter as d, DialogHeader as f, DialogTitle as ee } from "../../overlay/Dialog/Dialog.js";
 import p from "./image-cropper.module.js";
-import m, { useCallback as h, useEffect as g, useRef as _, useState as v } from "react";
-import y from "classnames";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import m, { useCallback as h, useEffect as g, useId as _, useRef as v, useState as y } from "react";
+import b from "classnames";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/components/form/ImageCropper/ImageCropper.tsx
-var S = m.forwardRef(({ src: m, aspectRatio: S = 1, circular: C = !1, onCrop: w, showRotation: T = !0, showZoom: E = !0, showApplyButton: D = !0, applyLabel: O, onApply: k, className: A, ...j }, M) => {
-	let { t: N } = e([r, t]), [P, F] = v(1), [I, L] = v(0), [R, z] = v({
+var C = 10, w = 50, T = m.forwardRef(({ src: m, aspectRatio: T = 1, circular: E = !1, onCrop: D, showRotation: O = !0, showZoom: te = !0, showApplyButton: k = !0, applyLabel: A, onApply: j, className: M, ...N }, P) => {
+	let { t: F } = e([i, t]), [I, L] = y(1), [R, z] = y(0), [B, V] = y({
 		x: 0,
 		y: 0
-	}), [B, V] = v(!1), [H, U] = v({
+	}), [H, U] = y(!1), [W, G] = y({
 		x: 0,
 		y: 0
-	}), [W, G] = v(!1), K = _(null), q = _(null);
+	}), [K, q] = y(!1), J = v(null), Y = v(null), X = _();
 	g(() => {
-		z({
+		V({
 			x: 0,
 			y: 0
-		}), F(1), L(0);
+		}), L(1), z(0);
 	}, [m]);
-	let J = (e) => {
-		V(!0), U({
-			x: e.clientX - R.x,
-			y: e.clientY - R.y
+	let Z = (e) => {
+		U(!0), G({
+			x: e.clientX - B.x,
+			y: e.clientY - B.y
 		});
-	}, Y = h((e) => {
-		B && z({
-			x: e.clientX - H.x,
-			y: e.clientY - H.y
+	}, Q = h((e) => {
+		H && V({
+			x: e.clientX - W.x,
+			y: e.clientY - W.y
 		});
-	}, [B, H]), X = h(() => {
-		V(!1);
+	}, [H, W]), $ = h(() => {
+		U(!1);
 	}, []);
-	g(() => (B ? (window.addEventListener("mousemove", Y), window.addEventListener("mouseup", X)) : (window.removeEventListener("mousemove", Y), window.removeEventListener("mouseup", X)), () => {
-		window.removeEventListener("mousemove", Y), window.removeEventListener("mouseup", X);
+	g(() => (H ? (window.addEventListener("mousemove", Q), window.addEventListener("mouseup", $)) : (window.removeEventListener("mousemove", Q), window.removeEventListener("mouseup", $)), () => {
+		window.removeEventListener("mousemove", Q), window.removeEventListener("mouseup", $);
 	}), [
-		B,
-		Y,
-		X
+		H,
+		Q,
+		$
 	]);
-	let Z = () => {
-		L((e) => (e + 90) % 360);
-	}, Q = () => {
-		G(!0);
-	}, $ = () => {
+	let ne = (e) => {
+		let t = e.shiftKey ? w : C, n = {
+			ArrowLeft: [-t, 0],
+			ArrowRight: [t, 0],
+			ArrowUp: [0, -t],
+			ArrowDown: [0, t]
+		}[e.key];
+		n ? (e.preventDefault(), V((e) => ({
+			x: e.x + n[0],
+			y: e.y + n[1]
+		}))) : e.key === "Home" && (e.preventDefault(), V({
+			x: 0,
+			y: 0
+		}));
+	}, re = () => {
+		z((e) => (e + 90) % 360);
+	}, ie = () => {
+		q(!0);
+	}, ae = () => {
 		let e = m || "";
-		w?.(e), k?.(e), G(!1);
+		D?.(e), j?.(e), q(!1);
 	};
-	return m ? /* @__PURE__ */ x("div", {
-		ref: M,
-		className: y("wim-image-cropper", p.root, A),
-		...j,
+	return m ? /* @__PURE__ */ S("div", {
+		ref: P,
+		className: b("wim-image-cropper", p.root, M),
+		...N,
 		children: [
-			/* @__PURE__ */ x("div", {
-				ref: q,
+			/* @__PURE__ */ S("div", {
+				ref: Y,
 				className: p.viewer,
-				onMouseDown: J,
-				role: "presentation",
-				children: [/* @__PURE__ */ b("div", {
-					className: p.imageContainer,
-					children: /* @__PURE__ */ b("img", {
-						ref: K,
-						src: m,
-						alt: N("a11y.crop_target"),
-						className: p.image,
-						style: { transform: `translate(${R.x}px, ${R.y}px) rotate(${I}deg) scale(${P})` },
-						draggable: !1
-					})
-				}), /* @__PURE__ */ b("div", {
-					className: p.overlay,
-					children: /* @__PURE__ */ b("div", {
-						className: y(p.cropArea, { [p.circular]: C }),
-						style: { aspectRatio: S }
+				onMouseDown: Z,
+				onKeyDown: ne,
+				role: "application",
+				tabIndex: 0,
+				"aria-label": F("image_cropper.position_label"),
+				"aria-describedby": X,
+				children: [
+					/* @__PURE__ */ x(n, {
+						id: X,
+						children: F("image_cropper.position_hint")
+					}),
+					/* @__PURE__ */ x("div", {
+						className: p.imageContainer,
+						children: /* @__PURE__ */ x("img", {
+							ref: J,
+							src: m,
+							alt: F("a11y.crop_target"),
+							className: p.image,
+							style: { transform: `translate(${B.x}px, ${B.y}px) rotate(${R}deg) scale(${I})` },
+							draggable: !1
+						})
+					}),
+					/* @__PURE__ */ x("div", {
+						className: p.overlay,
+						children: /* @__PURE__ */ x("div", {
+							className: b(p.cropArea, { [p.circular]: E }),
+							style: { aspectRatio: T }
+						})
 					})
-				})]
+				]
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ S("div", {
 				className: p.controls,
 				children: [
-					E && /* @__PURE__ */ b("div", {
+					te && /* @__PURE__ */ x("div", {
 						className: p.zoomControl,
-						children: /* @__PURE__ */ b(i, {
+						children: /* @__PURE__ */ x(a, {
 							min: 1,
 							max: 3,
 							step: .1,
-							value: P,
-							onChange: (e) => F(e),
-							label: N("image_cropper.zoom"),
+							value: I,
+							onChange: (e) => L(e),
+							label: F("image_cropper.zoom"),
 							styles: { root: p.zoomSlider }
 						})
 					}),
-					T && /* @__PURE__ */ b("div", {
+					O && /* @__PURE__ */ x("div", {
 						className: p.rotationControl,
-						children: /* @__PURE__ */ b(a, {
+						children: /* @__PURE__ */ x(o, {
 							iconName: "RefreshIcon",
-							onClick: Z,
-							"aria-label": N("image_cropper.rotate"),
+							onClick: re,
+							"aria-label": F("image_cropper.rotate"),
 							variant: "outline",
 							size: "sm"
 						})
 					}),
-					D && /* @__PURE__ */ b("div", {
+					k && /* @__PURE__ */ x("div", {
 						className: p.applyControl,
-						children: /* @__PURE__ */ b(n, {
-							onClick: Q,
+						children: /* @__PURE__ */ x(r, {
+							onClick: ie,
 							size: "sm",
 							variant: "solid",
-							children: O || N("image_cropper.apply")
+							children: A || F("image_cropper.apply")
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ b(o, {
-				open: W,
-				onOpenChange: G,
-				children: /* @__PURE__ */ x(c, { children: [
-					/* @__PURE__ */ b(d, { children: /* @__PURE__ */ b(f, { children: N("image_cropper.confirm_title") }) }),
-					/* @__PURE__ */ b(l, { children: N("image_cropper.confirm_message") }),
-					/* @__PURE__ */ x(u, { children: [/* @__PURE__ */ b(s, {
+			/* @__PURE__ */ x(s, {
+				open: K,
+				onOpenChange: q,
+				children: /* @__PURE__ */ S(l, { children: [
+					/* @__PURE__ */ x(f, { children: /* @__PURE__ */ x(ee, { children: F("image_cropper.confirm_title") }) }),
+					/* @__PURE__ */ x(u, { children: F("image_cropper.confirm_message") }),
+					/* @__PURE__ */ S(d, { children: [/* @__PURE__ */ x(c, {
 						asChild: !0,
-						children: /* @__PURE__ */ b(n, {
+						children: /* @__PURE__ */ x(r, {
 							variant: "ghost",
-							children: N("image_cropper.cancel")
+							children: F("image_cropper.cancel")
 						})
-					}), /* @__PURE__ */ b(n, {
-						onClick: $,
+					}), /* @__PURE__ */ x(r, {
+						onClick: ae,
 						variant: "solid",
-						children: N("image_cropper.confirm")
+						children: F("image_cropper.confirm")
 					})] })
 				] })
 			})
 		]
-	}) : /* @__PURE__ */ b("div", {
-		ref: M,
-		className: y("wim-image-cropper", p.root, p.empty, A),
-		...j,
-		children: /* @__PURE__ */ b("div", {
+	}) : /* @__PURE__ */ x("div", {
+		ref: P,
+		className: b("wim-image-cropper", p.root, p.empty, M),
+		...N,
+		children: /* @__PURE__ */ x("div", {
 			className: p.emptyContent,
-			children: N("image_cropper.no_image")
+			children: F("image_cropper.no_image")
 		})
 	});
 });
-S.displayName = "ImageCropper";
+T.displayName = "ImageCropper";
 //#endregion
-export { S as ImageCropper };
+export { T as ImageCropper };

package/dist/components/form/ImageCropper/image-cropper.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_13usn_3`,t=`_viewer_13usn_13`,n=`_imageContainer_13usn_24`,r=`_image_13usn_24`,i=`_overlay_13usn_36`,a=`_cropArea_13usn_45`,o=`_circular_13usn_51`,s=`_controls_13usn_54`,c=`_zoomControl_13usn_62`,l=`_zoomSlider_13usn_65`,u=`_rotationControl_13usn_68`,d=`_applyControl_13usn_71`,f=`_empty_13usn_75`,p=`_emptyContent_13usn_84`,m={root:e,viewer:t,imageContainer:n,image:r,overlay:i,cropArea:a,circular:o,controls:s,zoomControl:c,zoomSlider:l,rotationControl:u,applyControl:d,empty:f,emptyContent:p};exports.applyControl=d,exports.circular=o,exports.controls=s,exports.cropArea=a,exports.default=m,exports.empty=f,exports.emptyContent=p,exports.image=r,exports.imageContainer=n,exports.overlay=i,exports.root=e,exports.rotationControl=u,exports.viewer=t,exports.zoomControl=c,exports.zoomSlider=l;
+var e=`_root_jol5m_3`,t=`_viewer_jol5m_13`,n=`_imageContainer_jol5m_31`,r=`_image_jol5m_31`,i=`_overlay_jol5m_43`,a=`_cropArea_jol5m_52`,o=`_circular_jol5m_58`,s=`_controls_jol5m_61`,c=`_zoomControl_jol5m_69`,l=`_zoomSlider_jol5m_72`,u=`_rotationControl_jol5m_75`,d=`_applyControl_jol5m_78`,f=`_empty_jol5m_82`,p=`_emptyContent_jol5m_91`,m={root:e,viewer:t,imageContainer:n,image:r,overlay:i,cropArea:a,circular:o,controls:s,zoomControl:c,zoomSlider:l,rotationControl:u,applyControl:d,empty:f,emptyContent:p};exports.applyControl=d,exports.circular=o,exports.controls=s,exports.cropArea=a,exports.default=m,exports.empty=f,exports.emptyContent=p,exports.image=r,exports.imageContainer=n,exports.overlay=i,exports.root=e,exports.rotationControl=u,exports.viewer=t,exports.zoomControl=c,exports.zoomSlider=l;

package/dist/components/form/ImageCropper/image-cropper.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/ImageCropper/image-cropper.module.scss
-var e = "_root_13usn_3", t = "_viewer_13usn_13", n = "_imageContainer_13usn_24", r = "_image_13usn_24", i = "_overlay_13usn_36", a = "_cropArea_13usn_45", o = "_circular_13usn_51", s = "_controls_13usn_54", c = "_zoomControl_13usn_62", l = "_zoomSlider_13usn_65", u = "_rotationControl_13usn_68", d = "_applyControl_13usn_71", f = "_empty_13usn_75", p = "_emptyContent_13usn_84", m = {
+var e = "_root_jol5m_3", t = "_viewer_jol5m_13", n = "_imageContainer_jol5m_31", r = "_image_jol5m_31", i = "_overlay_jol5m_43", a = "_cropArea_jol5m_52", o = "_circular_jol5m_58", s = "_controls_jol5m_61", c = "_zoomControl_jol5m_69", l = "_zoomSlider_jol5m_72", u = "_rotationControl_jol5m_75", d = "_applyControl_jol5m_78", f = "_empty_jol5m_82", p = "_emptyContent_jol5m_91", m = {
 	root: e,
 	viewer: t,
 	imageContainer: n,

package/dist/components/form/RadioGroup/RadioGroup.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../FieldTemplate/FieldTemplate.cjs"),r=require("../Radio/Radio.cjs"),i=require("./radio-group.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=(0,a.forwardRef)(({options:e,value:c,defaultValue:l,onChange:u,direction:d=`vertical`,name:f,className:p,label:m,error:h,required:g,disabled:_,asChild:v=!1,children:y,...b},x)=>{let S=c!==void 0,[C,w]=(0,a.useState)(l),T=`wim-radio-group-${(0,a.useId)()}`,E=`${T}-label`,D=h?`${T}-error`:void 0,O=S?c:C,k=e=>{S||w(e),u&&u(e)};return(0,s.jsx)(n.FieldTemplate,{label:m,error:h,required:g,labelId:E,errorId:D,className:p,children:(0,s.jsxs)(v?t.Root:`div`,{...b,ref:x,className:(0,o.default)(`wim-radio-group`,i.default.root,d===`horizontal`&&i.default.horizontal),role:`radiogroup`,"aria-labelledby":m?E:void 0,"aria-describedby":D,"aria-required":g,"aria-invalid":!!h,children:[(0,s.jsx)(t.Slottable,{children:e.map(e=>(0,s.jsx)(r.Radio,{value:e.value,checked:O===e.value,disabled:_||e.disabled,error:!!h,name:f,onChange:()=>k(e.value),children:e.label},e.value))}),y]})})});c.displayName=`RadioGroup`,exports.RadioGroup=c,exports.default=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../FieldTemplate/FieldTemplate.cjs"),r=require("../Radio/Radio.cjs"),i=require("./radio-group.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=(0,a.forwardRef)(({options:e,value:c,defaultValue:l,onChange:u,direction:d=`vertical`,name:f,className:p,label:m,error:h,required:g,disabled:_,asChild:v=!1,children:y,...b},x)=>{let S=c!==void 0,[C,w]=(0,a.useState)(l),T=`wim-radio-group-${(0,a.useId)()}`,E=`${T}-label`,D=h?`${T}-error`:void 0,O=S?c:C,k=e=>{S||w(e),u&&u(e)};return(0,s.jsx)(n.FieldTemplate,{label:m,error:h,required:g,labelId:E,errorId:D,className:p,children:(0,s.jsxs)(v?t.Root:`div`,{...b,ref:x,className:(0,o.default)(`wim-radio-group`,i.default.root,d===`horizontal`&&i.default.horizontal),role:`radiogroup`,"aria-labelledby":m?E:b[`aria-labelledby`],"aria-describedby":[b[`aria-describedby`],D].filter(Boolean).join(` `)||void 0,"aria-required":g,"aria-invalid":!!h,children:[(0,s.jsx)(t.Slottable,{children:e.map(e=>(0,s.jsx)(r.Radio,{value:e.value,checked:O===e.value,disabled:_||e.disabled,error:!!h,name:f,onChange:()=>k(e.value),children:e.label},e.value))}),y]})})});c.displayName=`RadioGroup`,exports.RadioGroup=c,exports.default=c;

package/dist/components/form/RadioGroup/RadioGroup.js

@@ -23,8 +23,8 @@ var d = a(({ options: a, value: d, defaultValue: f, onChange: p, direction: m =
 			ref: w,
 			className: c("wim-radio-group", i.root, m === "horizontal" && i.horizontal),
 			role: "radiogroup",
-			"aria-labelledby": _ ? k : void 0,
-			"aria-describedby": A,
+			"aria-labelledby": _ ? k : C["aria-labelledby"],
+			"aria-describedby": [C["aria-describedby"], A].filter(Boolean).join(" ") || void 0,
 			"aria-required": y,
 			"aria-invalid": !!v,
 			children: [/* @__PURE__ */ l(t, { children: a.map((e) => /* @__PURE__ */ l(r, {

package/dist/components/form/SwitchGroup/SwitchGroup.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../FieldTemplate/FieldTemplate.cjs"),r=require("../Switch/Switch.cjs"),i=require("./switch-group.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=(0,a.forwardRef)(({options:e,value:c,defaultValue:l=[],onChange:u,direction:d=`vertical`,name:f,className:p,label:m,error:h,required:g,disabled:_,asChild:v=!1,children:y,...b},x)=>{let S=c!==void 0,[C,w]=(0,a.useState)(l),T=`wim-switch-group-${(0,a.useId)()}`,E=`${T}-label`,D=h?`${T}-error`:void 0,O=S?c:C,k=(e,t)=>{let n;n=t?[...O||[],e]:(O||[]).filter(t=>t!==e),S||w(n),u&&u(n)};return(0,s.jsx)(n.FieldTemplate,{label:m,error:h,required:g,labelId:E,errorId:D,className:p,children:(0,s.jsxs)(v?t.Root:`div`,{...b,ref:x,className:(0,o.default)(`wim-switch-group`,i.default.root,d===`horizontal`&&i.default.horizontal),role:`group`,"aria-labelledby":m?E:void 0,"aria-describedby":D,children:[(0,s.jsx)(t.Slottable,{children:e.map(e=>(0,s.jsx)(r.Switch,{value:e.value,checked:(O||[]).includes(e.value),disabled:_||e.disabled,error:!!h,name:f,onChange:t=>k(e.value,t.target.checked),children:e.label},e.value))}),y]})})});c.displayName=`SwitchGroup`,exports.SwitchGroup=c,exports.default=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../FieldTemplate/FieldTemplate.cjs"),r=require("../Switch/Switch.cjs"),i=require("./switch-group.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=(0,a.forwardRef)(({options:e,value:c,defaultValue:l=[],onChange:u,direction:d=`vertical`,name:f,className:p,label:m,error:h,required:g,disabled:_,asChild:v=!1,children:y,...b},x)=>{let S=c!==void 0,[C,w]=(0,a.useState)(l),T=`wim-switch-group-${(0,a.useId)()}`,E=`${T}-label`,D=h?`${T}-error`:void 0,O=S?c:C,k=(e,t)=>{let n;n=t?[...O||[],e]:(O||[]).filter(t=>t!==e),S||w(n),u&&u(n)};return(0,s.jsx)(n.FieldTemplate,{label:m,error:h,required:g,labelId:E,errorId:D,className:p,children:(0,s.jsxs)(v?t.Root:`div`,{...b,ref:x,className:(0,o.default)(`wim-switch-group`,i.default.root,d===`horizontal`&&i.default.horizontal),role:`group`,"aria-labelledby":m?E:b[`aria-labelledby`],"aria-describedby":[b[`aria-describedby`],D].filter(Boolean).join(` `)||void 0,children:[(0,s.jsx)(t.Slottable,{children:e.map(e=>(0,s.jsx)(r.Switch,{value:e.value,checked:(O||[]).includes(e.value),disabled:_||e.disabled,error:!!h,name:f,onChange:t=>k(e.value,t.target.checked),children:e.label},e.value))}),y]})})});c.displayName=`SwitchGroup`,exports.SwitchGroup=c,exports.default=c;

package/dist/components/form/SwitchGroup/SwitchGroup.js

@@ -24,8 +24,8 @@ var d = a(({ options: a, value: d, defaultValue: f = [], onChange: p, direction:
 			ref: w,
 			className: c("wim-switch-group", i.root, m === "horizontal" && i.horizontal),
 			role: "group",
-			"aria-labelledby": _ ? k : void 0,
-			"aria-describedby": A,
+			"aria-labelledby": _ ? k : C["aria-labelledby"],
+			"aria-describedby": [C["aria-describedby"], A].filter(Boolean).join(" ") || void 0,
 			children: [/* @__PURE__ */ l(t, { children: a.map((e) => /* @__PURE__ */ l(r, {
 				value: e.value,
 				checked: (j || []).includes(e.value),

package/dist/components/form/TagInput/TagInput.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../InputBase/InputBase.cjs"),r=require("../../../i18n/generated/form.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("../../data-display/Tag/Tag.cjs"),o=require("./tag-input.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,placeholder:f,disabled:p=!1,intent:m=`default`,variant:h=`outline`,fullWidth:g=!1,width:_,label:v,error:y,required:b,layout:x,allowDelete:S=!0,maxTags:C,className:w,...T},E)=>{let[D,O]=(0,s.useState)(u),[k,A]=(0,s.useState)(``),j=(0,s.useRef)(null),M=e!==void 0,N=M?e:D,P=f,F=e=>{A(e.target.value)},I=e=>{let t=e.trim();if(!t)return;if(N.includes(t)){A(``);return}if(C&&N.length>=C)return;let n=[...N,t];M||O(n),d?.(n),A(``)},L=e=>{if(p||!S)return;let t=N.filter(t=>t!==e);M||O(t),d?.(t)},R=e=>{e.key===`Enter`||e.key===`,`?(e.preventDefault(),I(k)):e.key===`Backspace`&&k===``&&N.length>0&&L(N[N.length-1])},z=()=>{j.current?.focus()},{t:B}=t.useWimTranslation(r.formNs),V=(0,s.useId)(),H=T.id||`wim-tag-input-${V}`,U=y?`${H}-error`:void 0,W=v?`${H}-label`:void 0,G=y?`danger`:m;return(0,l.jsx)(i.FieldTemplate,{ref:E,label:v,error:y,required:b,layout:x,labelId:W,htmlFor:H,errorId:U,className:(0,c.default)(`wim-tag-input`,w),children:(0,l.jsx)(n.InputBase,{intent:G,variant:h,fullWidth:g,width:_,disabled:p,className:o.default.inputBase,styles:{inner:o.default.inputBaseInner},children:(0,l.jsx)(`div`,{className:(0,c.default)(o.default.container,{[o.default.disabled]:p}),onClick:z,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&z()},role:`presentation`,children:(0,l.jsxs)(`div`,{className:o.default.tagList,children:[N.map(e=>(0,l.jsx)(a.Tag,{variant:`solid`,intent:`neutral`,size:`sm`,disabled:p,onDelete:S&&!p?()=>L(e):void 0,className:o.default.tag,children:e},e)),(0,l.jsx)(`input`,{id:H,ref:j,type:`text`,value:k,onChange:F,onKeyDown:R,disabled:p,placeholder:N.length===0?P:``,className:o.default.input,"aria-invalid":G===`danger`,"aria-describedby":U,"aria-labelledby":v?W:void 0,"aria-label":v?void 0:B(`tag_input.input_label`),"aria-required":b})]})})})})});u.displayName=`TagInput`,exports.TagInput=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../InputBase/InputBase.cjs"),r=require("../../../i18n/generated/form.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("../../data-display/Tag/Tag.cjs"),o=require("./tag-input.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,placeholder:f,disabled:p=!1,intent:m=`default`,variant:h=`outline`,fullWidth:g=!1,width:_,label:v,error:y,required:b,layout:x,allowDelete:S=!0,maxTags:C,className:w,id:T,"aria-label":E,"aria-labelledby":D,"aria-describedby":O,...k},A)=>{let[j,M]=(0,s.useState)(u),[N,P]=(0,s.useState)(``),F=(0,s.useRef)(null),I=e!==void 0,L=I?e:j,R=f,z=e=>{P(e.target.value)},B=e=>{let t=e.trim();if(!t)return;if(L.includes(t)){P(``);return}if(C&&L.length>=C)return;let n=[...L,t];I||M(n),d?.(n),P(``)},V=e=>{if(p||!S)return;let t=L.filter(t=>t!==e);I||M(t),d?.(t)},H=e=>{e.key===`Enter`||e.key===`,`?(e.preventDefault(),B(N)):e.key===`Backspace`&&N===``&&L.length>0&&V(L[L.length-1])},U=()=>{F.current?.focus()},{t:W}=t.useWimTranslation(r.formNs),G=(0,s.useId)(),K=T||`wim-tag-input-${G}`,q=y?`${K}-error`:void 0,J=v?`${K}-label`:void 0,Y=y?`danger`:m;return(0,l.jsx)(i.FieldTemplate,{...k,ref:A,label:v,error:y,required:b,layout:x,labelId:J,htmlFor:K,errorId:q,className:(0,c.default)(`wim-tag-input`,w),children:(0,l.jsx)(n.InputBase,{intent:Y,variant:h,fullWidth:g,width:_,disabled:p,className:o.default.inputBase,styles:{inner:o.default.inputBaseInner},children:(0,l.jsx)(`div`,{className:(0,c.default)(o.default.container,{[o.default.disabled]:p}),onClick:U,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&U()},role:`presentation`,children:(0,l.jsxs)(`div`,{className:o.default.tagList,children:[L.map(e=>(0,l.jsx)(a.Tag,{variant:`solid`,intent:`neutral`,size:`sm`,disabled:p,onDelete:S&&!p?()=>V(e):void 0,className:o.default.tag,children:e},e)),(0,l.jsx)(`input`,{id:K,ref:F,type:`text`,value:N,onChange:z,onKeyDown:H,disabled:p,placeholder:L.length===0?R:``,className:o.default.input,"aria-invalid":Y===`danger`,"aria-describedby":[O,q].filter(Boolean).join(` `)||void 0,"aria-labelledby":v?J:D,"aria-label":v||D?void 0:E??W(`tag_input.input_label`),"aria-required":b})]})})})})});u.displayName=`TagInput`,exports.TagInput=u;

package/dist/components/form/TagInput/TagInput.js

@@ -9,40 +9,41 @@ import o, { useId as s, useRef as c, useState as l } from "react";
 import u from "classnames";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/form/TagInput/TagInput.tsx
-var p = o.forwardRef(({ value: o, defaultValue: p = [], onChange: m, placeholder: h, disabled: g = !1, intent: _ = "default", variant: v = "outline", fullWidth: y = !1, width: b, label: x, error: S, required: C, layout: w, allowDelete: T = !0, maxTags: E, className: D, ...O }, k) => {
-	let [A, j] = l(p), [M, N] = l(""), P = c(null), F = o !== void 0, I = F ? o : A, L = h, R = (e) => {
-		N(e.target.value);
-	}, z = (e) => {
+var p = o.forwardRef(({ value: o, defaultValue: p = [], onChange: m, placeholder: h, disabled: g = !1, intent: _ = "default", variant: v = "outline", fullWidth: y = !1, width: b, label: x, error: S, required: C, layout: w, allowDelete: T = !0, maxTags: E, className: D, id: O, "aria-label": k, "aria-labelledby": A, "aria-describedby": j, ...M }, N) => {
+	let [P, F] = l(p), [I, L] = l(""), R = c(null), z = o !== void 0, B = z ? o : P, V = h, H = (e) => {
+		L(e.target.value);
+	}, U = (e) => {
 		let t = e.trim();
 		if (!t) return;
-		if (I.includes(t)) {
-			N("");
+		if (B.includes(t)) {
+			L("");
 			return;
 		}
-		if (E && I.length >= E) return;
-		let n = [...I, t];
-		F || j(n), m?.(n), N("");
-	}, B = (e) => {
+		if (E && B.length >= E) return;
+		let n = [...B, t];
+		z || F(n), m?.(n), L("");
+	}, W = (e) => {
 		if (g || !T) return;
-		let t = I.filter((t) => t !== e);
-		F || j(t), m?.(t);
-	}, V = (e) => {
-		e.key === "Enter" || e.key === "," ? (e.preventDefault(), z(M)) : e.key === "Backspace" && M === "" && I.length > 0 && B(I[I.length - 1]);
-	}, H = () => {
-		P.current?.focus();
-	}, { t: U } = e(n), W = s(), G = O.id || `wim-tag-input-${W}`, K = S ? `${G}-error` : void 0, q = x ? `${G}-label` : void 0, J = S ? "danger" : _;
+		let t = B.filter((t) => t !== e);
+		z || F(t), m?.(t);
+	}, G = (e) => {
+		e.key === "Enter" || e.key === "," ? (e.preventDefault(), U(I)) : e.key === "Backspace" && I === "" && B.length > 0 && W(B[B.length - 1]);
+	}, K = () => {
+		R.current?.focus();
+	}, { t: q } = e(n), J = s(), Y = O || `wim-tag-input-${J}`, X = S ? `${Y}-error` : void 0, Z = x ? `${Y}-label` : void 0, Q = S ? "danger" : _;
 	return /* @__PURE__ */ d(r, {
-		ref: k,
+		...M,
+		ref: N,
 		label: x,
 		error: S,
 		required: C,
 		layout: w,
-		labelId: q,
-		htmlFor: G,
-		errorId: K,
+		labelId: Z,
+		htmlFor: Y,
+		errorId: X,
 		className: u("wim-tag-input", D),
 		children: /* @__PURE__ */ d(t, {
-			intent: J,
+			intent: Q,
 			variant: v,
 			fullWidth: y,
 			width: b,
@@ -51,35 +52,35 @@ var p = o.forwardRef(({ value: o, defaultValue: p = [], onChange: m, placeholder
 			styles: { inner: a.inputBaseInner },
 			children: /* @__PURE__ */ d("div", {
 				className: u(a.container, { [a.disabled]: g }),
-				onClick: H,
+				onClick: K,
 				onKeyDown: (e) => {
-					(e.key === "Enter" || e.key === " ") && H();
+					(e.key === "Enter" || e.key === " ") && K();
 				},
 				role: "presentation",
 				children: /* @__PURE__ */ f("div", {
 					className: a.tagList,
-					children: [I.map((e) => /* @__PURE__ */ d(i, {
+					children: [B.map((e) => /* @__PURE__ */ d(i, {
 						variant: "solid",
 						intent: "neutral",
 						size: "sm",
 						disabled: g,
-						onDelete: T && !g ? () => B(e) : void 0,
+						onDelete: T && !g ? () => W(e) : void 0,
 						className: a.tag,
 						children: e
 					}, e)), /* @__PURE__ */ d("input", {
-						id: G,
-						ref: P,
+						id: Y,
+						ref: R,
 						type: "text",
-						value: M,
-						onChange: R,
-						onKeyDown: V,
+						value: I,
+						onChange: H,
+						onKeyDown: G,
 						disabled: g,
-						placeholder: I.length === 0 ? L : "",
+						placeholder: B.length === 0 ? V : "",
 						className: a.input,
-						"aria-invalid": J === "danger",
-						"aria-describedby": K,
-						"aria-labelledby": x ? q : void 0,
-						"aria-label": x ? void 0 : U("tag_input.input_label"),
+						"aria-invalid": Q === "danger",
+						"aria-describedby": [j, X].filter(Boolean).join(" ") || void 0,
+						"aria-labelledby": x ? Z : A,
+						"aria-label": x || A ? void 0 : k ?? q("tag_input.input_label"),
 						"aria-required": C
 					})]
 				})

package/dist/components/form/ToggleGroup/ToggleGroup.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../hooks/useMergedRef.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("../../_internal/useIndicator.cjs"),o=require("./toggle-group.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=(0,s.forwardRef)(({options:e,value:u,defaultValue:d,onChange:f,selectionMode:p=`single`,size:m=`md`,fullWidth:h=!1,className:g,"aria-label":_,"aria-labelledby":v,disabled:y=!1,label:b,error:x,required:S,layout:C=`vertical`,id:w,asChild:T=!1,children:E},D)=>{let O=s.default.useId(),k=w||`wim-toggle-group-${O}`,A=`${k}-label`,j=`${k}-error`,M=u!==void 0,[N,P]=(0,s.useState)(d??(p===`multiple`?[]:``)),F=M?u:N,{containerRef:I,sliderStyle:L,isReady:R}=a.useIndicator({activeSelector:`.${o.default.active}`,dependence:e.length}),z=(0,s.useRef)([]),B=e.findIndex(e=>!e.disabled),[V,H]=(0,s.useState)(()=>{if(p===`single`){let t=M?u:d;if(typeof t==`string`){let n=e.findIndex(e=>!e.disabled&&e.value===t);if(n>=0)return n}}return B>=0?B:0});(0,s.useEffect)(()=>{if(p===`single`&&M&&typeof u==`string`){let t=e.findIndex(e=>!e.disabled&&e.value===u);t>=0&&H(t)}},[u,p,M,e]);let U=e=>{let t;if(p===`multiple`){let n=Array.isArray(F)?F:[];t=n.includes(e)?n.filter(t=>t!==e):[...n,e]}else t=F===e?``:e;M||P(t),f?.(t)},W=e=>p===`multiple`?(Array.isArray(F)?F:[]).includes(e):F===e,G=(t,n)=>{for(let r=1;r<=e.length;r++){let i=(t+n*r+e.length)%e.length;if(!e[i].disabled)return i}return t},K=(t,n)=>{let r=null;if(n.key===`ArrowRight`||n.key===`ArrowDown`)n.preventDefault(),r=G(t,1);else if(n.key===`ArrowLeft`||n.key===`ArrowUp`)n.preventDefault(),r=G(t,-1);else if(n.key===`Home`)n.preventDefault(),r=B>=0?B:null;else if(n.key===`End`){n.preventDefault();for(let t=e.length-1;t>=0;t--)if(!e[t].disabled){r=t;break}}r!==null&&r!==t&&(H(r),z.current[r]?.focus(),p===`single`&&U(e[r].value))},q=p===`single`?`radiogroup`:`toolbar`,J=`${k}-item-0`;return(0,l.jsx)(i.FieldTemplate,{label:b,error:x,required:S,layout:C,labelId:A,htmlFor:J,errorId:j,className:g,children:(0,l.jsxs)(T?t.Root:`div`,{ref:n.useMergedRef(I,D),id:k,className:(0,c.default)(`wim-toggle-group`,o.default.root,o.default[m],o.default[p],h&&o.default.fullWidth,R&&o.default.ready,x&&o.default.danger),role:q,"aria-label":_,"aria-labelledby":b?A:v,"aria-orientation":`horizontal`,"aria-invalid":x?!0:void 0,"aria-describedby":x?j:void 0,children:[(0,l.jsx)(`div`,{className:(0,c.default)(o.default.slider,o.default[p],R&&o.default.ready),style:L,"aria-hidden":`true`}),e.map((e,t)=>{let n=`${k}-item-${t}`;return(0,l.jsxs)(`button`,{id:n,ref:e=>{z.current[t]=e},type:`button`,className:(0,c.default)(o.default.item,o.default[p],W(e.value)&&o.default.active,!e.label&&e.iconName&&o.default.iconOnly),onClick:()=>{H(t),U(e.value)},onKeyDown:e=>K(t,e),disabled:y||e.disabled,role:p===`single`?`radio`:`button`,"aria-checked":p===`single`?W(e.value):void 0,"aria-pressed":p===`multiple`?W(e.value):void 0,"aria-label":e.label||e.value,tabIndex:!e.disabled&&t===V?0:-1,children:[e.iconName&&(0,l.jsx)(r.Icon,{name:e.iconName,size:m,className:o.default.icon}),e.label&&(0,l.jsx)(`span`,{children:e.label})]},e.value)}),(0,l.jsx)(t.Slottable,{children:E})]})})});u.displayName=`ToggleGroup`,exports.ToggleGroup=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../hooks/useMergedRef.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("../../_internal/useIndicator.cjs"),o=require("./toggle-group.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=(0,s.forwardRef)(({options:e,value:u,defaultValue:d,onChange:f,selectionMode:p=`single`,size:m=`md`,fullWidth:h=!1,className:g,"aria-label":_,"aria-labelledby":v,"aria-describedby":y,disabled:b=!1,label:x,error:S,required:C,layout:w=`vertical`,id:T,asChild:E=!1,children:D},O)=>{let k=s.default.useId(),A=T||`wim-toggle-group-${k}`,j=`${A}-label`,M=`${A}-error`,N=u!==void 0,[P,F]=(0,s.useState)(d??(p===`multiple`?[]:``)),I=N?u:P,{containerRef:L,sliderStyle:R,isReady:z}=a.useIndicator({activeSelector:`.${o.default.active}`,dependence:e.length}),B=(0,s.useRef)([]),V=e.findIndex(e=>!e.disabled),[H,U]=(0,s.useState)(()=>{if(p===`single`){let t=N?u:d;if(typeof t==`string`){let n=e.findIndex(e=>!e.disabled&&e.value===t);if(n>=0)return n}}return V>=0?V:0});(0,s.useEffect)(()=>{if(p===`single`&&N&&typeof u==`string`){let t=e.findIndex(e=>!e.disabled&&e.value===u);t>=0&&U(t)}},[u,p,N,e]);let W=e=>{let t;if(p===`multiple`){let n=Array.isArray(I)?I:[];t=n.includes(e)?n.filter(t=>t!==e):[...n,e]}else t=I===e?``:e;N||F(t),f?.(t)},G=e=>p===`multiple`?(Array.isArray(I)?I:[]).includes(e):I===e,K=(t,n)=>{for(let r=1;r<=e.length;r++){let i=(t+n*r+e.length)%e.length;if(!e[i].disabled)return i}return t},q=(t,n)=>{let r=null;if(n.key===`ArrowRight`||n.key===`ArrowDown`)n.preventDefault(),r=K(t,1);else if(n.key===`ArrowLeft`||n.key===`ArrowUp`)n.preventDefault(),r=K(t,-1);else if(n.key===`Home`)n.preventDefault(),r=V>=0?V:null;else if(n.key===`End`){n.preventDefault();for(let t=e.length-1;t>=0;t--)if(!e[t].disabled){r=t;break}}r!==null&&r!==t&&(U(r),B.current[r]?.focus(),p===`single`&&W(e[r].value))},J=p===`single`?`radiogroup`:`toolbar`,Y=`${A}-item-0`;return(0,l.jsx)(i.FieldTemplate,{label:x,error:S,required:C,layout:w,labelId:j,htmlFor:Y,errorId:M,className:g,children:(0,l.jsxs)(E?t.Root:`div`,{ref:n.useMergedRef(L,O),id:A,className:(0,c.default)(`wim-toggle-group`,o.default.root,o.default[m],o.default[p],h&&o.default.fullWidth,z&&o.default.ready,S&&o.default.danger),role:J,"aria-label":_,"aria-labelledby":x?j:v,"aria-orientation":`horizontal`,"aria-invalid":S?!0:void 0,"aria-describedby":[y,S?M:void 0].filter(Boolean).join(` `)||void 0,children:[(0,l.jsx)(`div`,{className:(0,c.default)(o.default.slider,o.default[p],z&&o.default.ready),style:R,"aria-hidden":`true`}),e.map((e,t)=>{let n=`${A}-item-${t}`;return(0,l.jsxs)(`button`,{id:n,ref:e=>{B.current[t]=e},type:`button`,className:(0,c.default)(o.default.item,o.default[p],G(e.value)&&o.default.active,!e.label&&e.iconName&&o.default.iconOnly),onClick:()=>{U(t),W(e.value)},onKeyDown:e=>q(t,e),disabled:b||e.disabled,role:p===`single`?`radio`:`button`,"aria-checked":p===`single`?G(e.value):void 0,"aria-pressed":p===`multiple`?G(e.value):void 0,"aria-label":e.label||e.value,tabIndex:!e.disabled&&t===H?0:-1,children:[e.iconName&&(0,l.jsx)(r.Icon,{name:e.iconName,size:m,className:o.default.icon}),e.label&&(0,l.jsx)(`span`,{children:e.label})]},e.value)}),(0,l.jsx)(t.Slottable,{children:D})]})})});u.displayName=`ToggleGroup`,exports.ToggleGroup=u;