wimui 0.5.3 → 0.6.1

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

@@ -21,7 +21,7 @@ var d = s.forwardRef(({ asChild: n = !1, striped: r = !1, bordered: a = !1, hove
 		role: "none",
 		"data-testid": "table-container",
 		children: /* @__PURE__ */ l(S, {
-			className: c(i.root, r && i.striped, a && i.bordered, o && i.hoverable, s && i.fullWidth, u && i.stickyHeader, f && i.mobileCard, "wim-table", _),
+			className: c(i.root, r && i.striped, a && i.bordered, o && i.hoverable, s && i.fullWidth, u && i.stickyHeader, f === "md" ? i.mobileCardMd : f && i.mobileCard, "wim-table", _),
 			ref: b,
 			"data-testid": "table-root",
 			...y,

package/dist/components/data-display/Table/table.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_container_n6iuv_4`,t=`_sticky_n6iuv_10`,n=`_cardContainer_n6iuv_13`,r=`_root_n6iuv_18`,i=`_fullWidth_n6iuv_34`,a=`_striped_n6iuv_37`,o=`_bordered_n6iuv_41`,s=`_hoverable_n6iuv_48`,c=`_stickyLeft_n6iuv_52`,l=`_stickyRight_n6iuv_52`,u=`_stickyHeader_n6iuv_55`,d=`_mobileCard_n6iuv_72`,f=`_header_n6iuv_109`,p=`_body_n6iuv_113`,m=`_row_n6iuv_116`,h=`_selected_n6iuv_121`,g=`_head_n6iuv_109`,_=`_sortable_n6iuv_132`,v=`_selection_n6iuv_139`,y=`_cell_n6iuv_159`,b=`_headContent_n6iuv_183`,x=`_sortIcon_n6iuv_191`,S=`_asc_n6iuv_196`,C=`_desc_n6iuv_200`,w=`_noScrollbar_n6iuv_203`,T=`_subtleScrollbar_n6iuv_211`,E={container:e,sticky:t,cardContainer:n,root:r,fullWidth:i,striped:a,bordered:o,hoverable:s,stickyLeft:c,stickyRight:l,stickyHeader:u,mobileCard:d,header:f,body:p,row:m,selected:h,head:g,sortable:_,selection:v,cell:y,headContent:b,sortIcon:x,asc:S,desc:C,noScrollbar:w,subtleScrollbar:T};exports.asc=S,exports.body=p,exports.bordered=o,exports.cardContainer=n,exports.cell=y,exports.container=e,exports.default=E,exports.desc=C,exports.fullWidth=i,exports.head=g,exports.headContent=b,exports.header=f,exports.hoverable=s,exports.mobileCard=d,exports.noScrollbar=w,exports.root=r,exports.row=m,exports.selected=h,exports.selection=v,exports.sortIcon=x,exports.sortable=_,exports.sticky=t,exports.stickyHeader=u,exports.stickyLeft=c,exports.stickyRight=l,exports.striped=a,exports.subtleScrollbar=T;
+var e=`_container_1c5bz_4`,t=`_mobileCard_1c5bz_13`,n=`_mobileCardMd_1c5bz_13`,r=`_sticky_1c5bz_16`,i=`_cardContainer_1c5bz_19`,a=`_root_1c5bz_24`,o=`_fullWidth_1c5bz_40`,s=`_striped_1c5bz_43`,c=`_bordered_1c5bz_47`,l=`_hoverable_1c5bz_54`,u=`_stickyLeft_1c5bz_58`,d=`_stickyRight_1c5bz_58`,f=`_stickyHeader_1c5bz_61`,p=`_selection_1c5bz_150`,m=`_header_1c5bz_11`,h=`_body_1c5bz_11`,g=`_row_1c5bz_255`,_=`_selected_1c5bz_260`,v=`_head_1c5bz_11`,y=`_sortable_1c5bz_271`,b=`_cell_1c5bz_298`,x=`_headContent_1c5bz_328`,S=`_sortIcon_1c5bz_336`,C=`_asc_1c5bz_341`,w=`_desc_1c5bz_345`,T=`_noScrollbar_1c5bz_348`,E=`_subtleScrollbar_1c5bz_356`,D={container:e,mobileCard:t,mobileCardMd:n,sticky:r,cardContainer:i,root:a,fullWidth:o,striped:s,bordered:c,hoverable:l,stickyLeft:u,stickyRight:d,stickyHeader:f,selection:p,header:m,body:h,row:g,selected:_,head:v,sortable:y,cell:b,headContent:x,sortIcon:S,asc:C,desc:w,noScrollbar:T,subtleScrollbar:E};exports.asc=C,exports.body=h,exports.bordered=c,exports.cardContainer=i,exports.cell=b,exports.container=e,exports.default=D,exports.desc=w,exports.fullWidth=o,exports.head=v,exports.headContent=x,exports.header=m,exports.hoverable=l,exports.mobileCard=t,exports.mobileCardMd=n,exports.noScrollbar=T,exports.root=a,exports.row=g,exports.selected=_,exports.selection=p,exports.sortIcon=S,exports.sortable=y,exports.sticky=r,exports.stickyHeader=f,exports.stickyLeft=u,exports.stickyRight=d,exports.striped=s,exports.subtleScrollbar=E;

package/dist/components/data-display/Table/table.module.js

@@ -1,32 +1,33 @@
 "use client";
 //#region src/components/data-display/Table/table.module.scss
-var e = "_container_n6iuv_4", t = "_sticky_n6iuv_10", n = "_cardContainer_n6iuv_13", r = "_root_n6iuv_18", i = "_fullWidth_n6iuv_34", a = "_striped_n6iuv_37", o = "_bordered_n6iuv_41", s = "_hoverable_n6iuv_48", c = "_stickyLeft_n6iuv_52", l = "_stickyRight_n6iuv_52", u = "_stickyHeader_n6iuv_55", d = "_mobileCard_n6iuv_72", f = "_header_n6iuv_109", p = "_body_n6iuv_113", m = "_row_n6iuv_116", h = "_selected_n6iuv_121", g = "_head_n6iuv_109", _ = "_sortable_n6iuv_132", v = "_selection_n6iuv_139", y = "_cell_n6iuv_159", b = "_headContent_n6iuv_183", x = "_sortIcon_n6iuv_191", S = "_asc_n6iuv_196", C = "_desc_n6iuv_200", w = "_noScrollbar_n6iuv_203", T = "_subtleScrollbar_n6iuv_211", E = {
+var e = "_container_1c5bz_4", t = "_mobileCard_1c5bz_13", n = "_mobileCardMd_1c5bz_13", r = "_sticky_1c5bz_16", i = "_cardContainer_1c5bz_19", a = "_root_1c5bz_24", o = "_fullWidth_1c5bz_40", s = "_striped_1c5bz_43", c = "_bordered_1c5bz_47", l = "_hoverable_1c5bz_54", u = "_stickyLeft_1c5bz_58", d = "_stickyRight_1c5bz_58", f = "_stickyHeader_1c5bz_61", p = "_selection_1c5bz_150", m = "_header_1c5bz_11", h = "_body_1c5bz_11", g = "_row_1c5bz_255", _ = "_selected_1c5bz_260", v = "_head_1c5bz_11", y = "_sortable_1c5bz_271", b = "_cell_1c5bz_298", x = "_headContent_1c5bz_328", S = "_sortIcon_1c5bz_336", C = "_asc_1c5bz_341", w = "_desc_1c5bz_345", T = "_noScrollbar_1c5bz_348", E = "_subtleScrollbar_1c5bz_356", D = {
 	container: e,
-	sticky: t,
-	cardContainer: n,
-	root: r,
-	fullWidth: i,
-	striped: a,
-	bordered: o,
-	hoverable: s,
-	stickyLeft: c,
-	stickyRight: l,
-	stickyHeader: u,
-	mobileCard: d,
-	header: f,
-	body: p,
-	row: m,
-	selected: h,
-	head: g,
-	sortable: _,
-	selection: v,
-	cell: y,
-	headContent: b,
-	sortIcon: x,
-	asc: S,
-	desc: C,
-	noScrollbar: w,
-	subtleScrollbar: T
+	mobileCard: t,
+	mobileCardMd: n,
+	sticky: r,
+	cardContainer: i,
+	root: a,
+	fullWidth: o,
+	striped: s,
+	bordered: c,
+	hoverable: l,
+	stickyLeft: u,
+	stickyRight: d,
+	stickyHeader: f,
+	selection: p,
+	header: m,
+	body: h,
+	row: g,
+	selected: _,
+	head: v,
+	sortable: y,
+	cell: b,
+	headContent: x,
+	sortIcon: S,
+	asc: C,
+	desc: w,
+	noScrollbar: T,
+	subtleScrollbar: E
 };
 //#endregion
-export { S as asc, p as body, o as bordered, n as cardContainer, y as cell, e as container, E as default, C as desc, i as fullWidth, g as head, b as headContent, f as header, s as hoverable, d as mobileCard, w as noScrollbar, r as root, m as row, h as selected, v as selection, x as sortIcon, _ as sortable, t as sticky, u as stickyHeader, c as stickyLeft, l as stickyRight, a as striped, T as subtleScrollbar };
+export { C as asc, h as body, c as bordered, i as cardContainer, b as cell, e as container, D as default, w as desc, o as fullWidth, v as head, x as headContent, m as header, l as hoverable, t as mobileCard, n as mobileCardMd, T as noScrollbar, a as root, g as row, _ as selected, p as selection, S as sortIcon, y as sortable, r as sticky, f as stickyHeader, u as stickyLeft, d as stickyRight, s as striped, E as subtleScrollbar };

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

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../icon/close.cjs"),n=require("../../media/Icon/Icon.cjs"),r=require("../../_internal/IndicatorBase.cjs"),i=require("./tag.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(({children:e,content:a,icon:c,onDelete:l,disabled:u,interactive:d=!1,...f},p)=>(0,s.jsxs)(r.IndicatorBase,{ref:p,styles:i.default,icon:c,content:a,className:(0,o.default)(`wim-tag`,f.className,{[i.default.disabled]:u}),interactive:d,...f,children:[e,l&&(0,s.jsx)(`button`,{type:`button`,className:i.default.closeButton,onClick:e=>{e.stopPropagation(),l(e)},"aria-label":`Close`,children:(0,s.jsx)(n.Icon,{component:t.default,size:`sm`})})]}));c.displayName=`Tag`,exports.Tag=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/close.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../../_internal/IndicatorBase.cjs"),a=require("./tag.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=o.default.forwardRef(({children:e,content:o,icon:l,onDelete:u,disabled:d,interactive:f=!1,...p},m)=>{let{t:h}=t.useWimTranslation(`common`);return(0,c.jsxs)(i.IndicatorBase,{ref:m,styles:a.default,icon:l,content:o,className:(0,s.default)(`wim-tag`,p.className,{[a.default.disabled]:d}),interactive:f,...p,children:[e,u&&(0,c.jsx)(`button`,{type:`button`,className:a.default.closeButton,onClick:e=>{e.stopPropagation(),u(e)},"aria-label":h(`a11y.close`),children:(0,c.jsx)(r.Icon,{component:n.default,size:`sm`})})]})});l.displayName=`Tag`,exports.Tag=l;

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

@@ -1,33 +1,37 @@
 "use client";
-import e from "../../../icon/close.js";
-import { Icon as t } from "../../media/Icon/Icon.js";
-import { IndicatorBase as n } from "../../_internal/IndicatorBase.js";
-import r from "./tag.module.js";
-import i from "react";
-import a from "classnames";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
+import t from "../../../icon/close.js";
+import { Icon as n } from "../../media/Icon/Icon.js";
+import { IndicatorBase as r } from "../../_internal/IndicatorBase.js";
+import i from "./tag.module.js";
+import a from "react";
+import o from "classnames";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/data-display/Tag/Tag.tsx
-var c = i.forwardRef(({ children: i, content: c, icon: l, onDelete: u, disabled: d, interactive: f = !1, ...p }, m) => /* @__PURE__ */ s(n, {
-	ref: m,
-	styles: r,
-	icon: l,
-	content: c,
-	className: a("wim-tag", p.className, { [r.disabled]: d }),
-	interactive: f,
-	...p,
-	children: [i, u && /* @__PURE__ */ o("button", {
-		type: "button",
-		className: r.closeButton,
-		onClick: (e) => {
-			e.stopPropagation(), u(e);
-		},
-		"aria-label": "Close",
-		children: /* @__PURE__ */ o(t, {
-			component: e,
-			size: "sm"
-		})
-	})]
-}));
-c.displayName = "Tag";
+var l = a.forwardRef(({ children: a, content: l, icon: u, onDelete: d, disabled: f, interactive: p = !1, ...m }, h) => {
+	let { t: g } = e("common");
+	return /* @__PURE__ */ c(r, {
+		ref: h,
+		styles: i,
+		icon: u,
+		content: l,
+		className: o("wim-tag", m.className, { [i.disabled]: f }),
+		interactive: p,
+		...m,
+		children: [a, d && /* @__PURE__ */ s("button", {
+			type: "button",
+			className: i.closeButton,
+			onClick: (e) => {
+				e.stopPropagation(), d(e);
+			},
+			"aria-label": g("a11y.close"),
+			children: /* @__PURE__ */ s(n, {
+				component: t,
+				size: "sm"
+			})
+		})]
+	});
+});
+l.displayName = "Tag";
 //#endregion
-export { c as Tag };
+export { l as Tag };

package/dist/components/feedback/Result/Result.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/InteractiveArea/InteractiveArea.cjs"),n=require("../../../icon/check.cjs"),r=require("../../../icon/circle.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./result.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=({intent:e,status:t,className:a})=>{if(t)return(0,c.jsx)(i.Icon,{component:r.default,color:`secondary`,className:a});switch(e){case`success`:return(0,c.jsx)(i.Icon,{component:n.default,color:`success`,className:a});case`danger`:return(0,c.jsx)(i.Icon,{component:r.default,color:`danger`,className:a});case`warning`:return(0,c.jsx)(i.Icon,{component:r.default,color:`warning`,className:a});case`info`:return(0,c.jsx)(i.Icon,{component:r.default,color:`info`,className:a});default:return(0,c.jsx)(i.Icon,{component:r.default,color:`secondary`,className:a})}},u=({intent:e=`default`,status:n,title:r,description:i,extra:o,icon:u,className:d,children:f})=>(0,c.jsx)(t.InteractiveArea,{icon:u||(0,c.jsx)(l,{intent:e,status:n,className:a.default.icon}),title:r??void 0,description:i??void 0,actions:o,variant:`none`,bgVariant:`transparent`,className:(0,s.default)(`wim-result`,a.default.root,e&&a.default[e],n&&a.default[n],d),styles:{inner:a.default.inner,icon:a.default.icon,content:a.default.content},children:f});exports.Result=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/InteractiveArea/InteractiveArea.cjs"),n=require("../../../icon/alert-circle.cjs"),r=require("../../../icon/check.cjs"),i=require("../../../icon/circle.cjs"),a=require("../../../icon/info-circle.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("./result.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=({intent:e,status:t,className:s})=>{if(t)return(0,u.jsx)(o.Icon,{component:n.default,color:`secondary`,className:s});switch(e){case`success`:return(0,u.jsx)(o.Icon,{component:r.default,color:`success`,className:s});case`danger`:return(0,u.jsx)(o.Icon,{component:n.default,color:`danger`,className:s});case`warning`:return(0,u.jsx)(o.Icon,{component:n.default,color:`warning`,className:s});case`info`:return(0,u.jsx)(o.Icon,{component:a.default,color:`info`,className:s});default:return(0,u.jsx)(o.Icon,{component:i.default,color:`secondary`,className:s})}},f=({intent:e=`default`,status:n,title:r,description:i,extra:a,icon:o,className:c,children:f})=>(0,u.jsx)(t.InteractiveArea,{icon:o||(0,u.jsx)(d,{intent:e,status:n,className:s.default.icon}),title:r??void 0,description:i??void 0,actions:a,variant:`none`,bgVariant:`transparent`,className:(0,l.default)(`wim-result`,s.default.root,e&&s.default[e],n&&s.default[n],c),styles:{inner:s.default.inner,icon:s.default.icon,content:s.default.content},children:f});exports.Result=f;

package/dist/components/feedback/Result/Result.js

@@ -1,64 +1,66 @@
 "use client";
 import { InteractiveArea as e } from "../../layout/InteractiveArea/InteractiveArea.js";
-import t from "../../../icon/check.js";
-import n from "../../../icon/circle.js";
-import { Icon as r } from "../../media/Icon/Icon.js";
-import i from "./result.module.js";
+import t from "../../../icon/alert-circle.js";
+import n from "../../../icon/check.js";
+import r from "../../../icon/circle.js";
+import i from "../../../icon/info-circle.js";
+import { Icon as a } from "../../media/Icon/Icon.js";
+import o from "./result.module.js";
 import "react";
-import a from "classnames";
-import { jsx as o } from "react/jsx-runtime";
+import s from "classnames";
+import { jsx as c } from "react/jsx-runtime";
 //#region src/components/feedback/Result/Result.tsx
-var s = ({ intent: e, status: i, className: a }) => {
-	if (i) return /* @__PURE__ */ o(r, {
-		component: n,
+var l = ({ intent: e, status: o, className: s }) => {
+	if (o) return /* @__PURE__ */ c(a, {
+		component: t,
 		color: "secondary",
-		className: a
+		className: s
 	});
 	switch (e) {
-		case "success": return /* @__PURE__ */ o(r, {
-			component: t,
+		case "success": return /* @__PURE__ */ c(a, {
+			component: n,
 			color: "success",
-			className: a
+			className: s
 		});
-		case "danger": return /* @__PURE__ */ o(r, {
-			component: n,
+		case "danger": return /* @__PURE__ */ c(a, {
+			component: t,
 			color: "danger",
-			className: a
+			className: s
 		});
-		case "warning": return /* @__PURE__ */ o(r, {
-			component: n,
+		case "warning": return /* @__PURE__ */ c(a, {
+			component: t,
 			color: "warning",
-			className: a
+			className: s
 		});
-		case "info": return /* @__PURE__ */ o(r, {
-			component: n,
+		case "info": return /* @__PURE__ */ c(a, {
+			component: i,
 			color: "info",
-			className: a
+			className: s
 		});
-		default: return /* @__PURE__ */ o(r, {
-			component: n,
+		default: return /* @__PURE__ */ c(a, {
+			component: r,
 			color: "secondary",
-			className: a
+			className: s
 		});
 	}
-}, c = ({ intent: t = "default", status: n, title: r, description: c, extra: l, icon: u, className: d, children: f }) => /* @__PURE__ */ o(e, {
-	icon: u || /* @__PURE__ */ o(s, {
+}, u = ({ intent: t = "default", status: n, title: r, description: i, extra: a, icon: u, className: d, children: f }) => /* @__PURE__ */ c(e, {
+	icon: u || /* @__PURE__ */ c(l, {
 		intent: t,
 		status: n,
-		className: i.icon
+		className: o.icon
 	}),
 	title: r ?? void 0,
-	description: c ?? void 0,
-	actions: l,
+	description: i ?? void 0,
+	actions: a,
 	variant: "none",
 	bgVariant: "transparent",
-	className: a("wim-result", i.root, t && i[t], n && i[n], d),
+	className: s("wim-result", o.root, t && o[t], n && o[n], d),
 	styles: {
-		inner: i.inner,
-		icon: i.icon,
-		content: i.content
+		inner: o.inner,
+		icon: o.icon,
+		content: o.content
 	},
 	children: f
 });
 //#endregion
-export { c as Result };
+export { u as Result };

package/dist/components/form/Button/button.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1lz2p_2`,t=`_fullWidth_1lz2p_29`,n=`_inner_1lz2p_37`,r=`_loader_1lz2p_40`,i=`_label_1lz2p_47`,a=`_lg_1lz2p_57`,o=`_md_1lz2p_66`,s=`_sm_1lz2p_75`,c=`_solid_1lz2p_85`,l=`_danger_1lz2p_95`,u=`_success_1lz2p_100`,d=`_outline_1lz2p_124`,f=`_ghost_1lz2p_157`,p=`_iconOnly_1lz2p_190`,m=`_content_1lz2p_200`,h=`_loading_1lz2p_210`,g=`_animatedWidth_1lz2p_219`,_={root:e,fullWidth:t,inner:n,loader:r,label:i,lg:a,md:o,sm:s,solid:c,default:`_default_1lz2p_90`,danger:l,success:u,outline:d,ghost:f,iconOnly:p,content:m,loading:h,animatedWidth:g};exports.animatedWidth=g,exports.content=m,exports.danger=l,exports.default=_,exports.fullWidth=t,exports.ghost=f,exports.iconOnly=p,exports.inner=n,exports.label=i,exports.lg=a,exports.loader=r,exports.loading=h,exports.md=o,exports.outline=d,exports.root=e,exports.sm=s,exports.solid=c,exports.success=u;
+var e=`_root_1v3gk_3`,t=`_fullWidth_1v3gk_30`,n=`_inner_1v3gk_38`,r=`_loader_1v3gk_41`,i=`_label_1v3gk_48`,a=`_lg_1v3gk_58`,o=`_md_1v3gk_67`,s=`_sm_1v3gk_76`,c=`_solid_1v3gk_86`,l=`_danger_1v3gk_96`,u=`_success_1v3gk_101`,d=`_outline_1v3gk_125`,f=`_ghost_1v3gk_162`,p=`_iconOnly_1v3gk_198`,m=`_content_1v3gk_208`,h=`_loading_1v3gk_218`,g=`_animatedWidth_1v3gk_227`,_={root:e,fullWidth:t,inner:n,loader:r,label:i,lg:a,md:o,sm:s,solid:c,default:`_default_1v3gk_91`,danger:l,success:u,outline:d,ghost:f,iconOnly:p,content:m,loading:h,animatedWidth:g};exports.animatedWidth=g,exports.content=m,exports.danger=l,exports.default=_,exports.fullWidth=t,exports.ghost=f,exports.iconOnly=p,exports.inner=n,exports.label=i,exports.lg=a,exports.loader=r,exports.loading=h,exports.md=o,exports.outline=d,exports.root=e,exports.sm=s,exports.solid=c,exports.success=u;

package/dist/components/form/Button/button.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/Button/button.module.scss
-var e = "_root_1lz2p_2", t = "_fullWidth_1lz2p_29", n = "_inner_1lz2p_37", r = "_loader_1lz2p_40", i = "_label_1lz2p_47", a = "_lg_1lz2p_57", o = "_md_1lz2p_66", s = "_sm_1lz2p_75", c = "_solid_1lz2p_85", l = "_danger_1lz2p_95", u = "_success_1lz2p_100", d = "_outline_1lz2p_124", f = "_ghost_1lz2p_157", p = "_iconOnly_1lz2p_190", m = "_content_1lz2p_200", h = "_loading_1lz2p_210", g = "_animatedWidth_1lz2p_219", _ = {
+var e = "_root_1v3gk_3", t = "_fullWidth_1v3gk_30", n = "_inner_1v3gk_38", r = "_loader_1v3gk_41", i = "_label_1v3gk_48", a = "_lg_1v3gk_58", o = "_md_1v3gk_67", s = "_sm_1v3gk_76", c = "_solid_1v3gk_86", l = "_danger_1v3gk_96", u = "_success_1v3gk_101", d = "_outline_1v3gk_125", f = "_ghost_1v3gk_162", p = "_iconOnly_1v3gk_198", m = "_content_1v3gk_208", h = "_loading_1v3gk_218", g = "_animatedWidth_1v3gk_227", _ = {
 	root: e,
 	fullWidth: t,
 	inner: n,
@@ -10,7 +10,7 @@ var e = "_root_1lz2p_2", t = "_fullWidth_1lz2p_29", n = "_inner_1lz2p_37", r = "
 	md: o,
 	sm: s,
 	solid: c,
-	default: "_default_1lz2p_90",
+	default: "_default_1v3gk_91",
 	danger: l,
 	success: u,
 	outline: d,

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

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

package/dist/components/form/FileUpload/FileUpload.js

@@ -1,62 +1,66 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import { Button as t } from "../Button/Button.js";
-import { FieldTemplate as n } from "../FieldTemplate/FieldTemplate.js";
-import r from "./file-upload.module.js";
-import i, { useRef as a, useState as o } from "react";
-import s from "classnames";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { VisuallyHidden as t } from "../../layout/VisuallyHidden/VisuallyHidden.js";
+import { Button as n } from "../Button/Button.js";
+import { FieldTemplate as r } from "../FieldTemplate/FieldTemplate.js";
+import i from "./file-upload.module.js";
+import a, { useRef as o, useState as s } from "react";
+import c from "classnames";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/form/FileUpload/FileUpload.tsx
-var u = ({ label: u, buttonLabel: d, noFileLabel: f, accept: p, multiple: m = !1, disabled: h = !1, onChange: g, className: _, iconName: v, iconPosition: y, size: b = "md", error: x, required: S, layout: C = "vertical" }) => {
-	let { t: w } = e("form"), T = `wim-fileupload-${i.useId()}`, E = u ? `${T}-label` : void 0, D = x ? `${T}-error` : void 0, O = a(null), [k, A] = o(null), j = () => {
-		O.current?.click();
-	}, M = (e) => {
+var d = ({ label: d, buttonLabel: f, noFileLabel: p, accept: m, multiple: h = !1, disabled: g = !1, onChange: _, className: v, iconName: y, iconPosition: b, size: x = "md", error: S, required: C, layout: w = "vertical" }) => {
+	let { t: T } = e("form"), E = `wim-fileupload-${a.useId()}`, D = d ? `${E}-label` : void 0, O = S ? `${E}-error` : void 0, k = C ? `${E}-required` : void 0, A = [O, k].filter(Boolean).join(" ") || void 0, j = o(null), [M, N] = s(null), P = () => {
+		j.current?.click();
+	}, F = (e) => {
 		let t = e.target.files;
-		A(t), g && g(t);
-	}, N = k ? Array.from(k).map((e) => e.name).join(", ") : f ?? w("fileupload.no_file");
-	return /* @__PURE__ */ c(n, {
-		label: u,
-		error: x,
-		required: S,
-		layout: C,
-		labelId: E,
-		errorId: D,
-		className: s("wim-file-upload", r.root, r[b], _),
-		children: /* @__PURE__ */ l("div", {
-			className: r.controls,
+		N(t), _ && _(t);
+	}, I = M ? Array.from(M).map((e) => e.name).join(", ") : p ?? T("fileupload.no_file");
+	return /* @__PURE__ */ l(r, {
+		label: d,
+		error: S,
+		required: C,
+		layout: w,
+		labelId: D,
+		errorId: O,
+		className: c("wim-file-upload", i.root, i[x], v),
+		children: /* @__PURE__ */ u("div", {
+			className: i.controls,
 			children: [
-				/* @__PURE__ */ c("input", {
+				/* @__PURE__ */ l("input", {
 					type: "file",
-					ref: O,
-					accept: p,
-					multiple: m,
-					disabled: h,
-					onChange: M,
-					className: r.input,
+					ref: j,
+					accept: m,
+					multiple: h,
+					disabled: g,
+					onChange: F,
+					className: i.input,
 					"aria-hidden": "true",
 					tabIndex: -1
 				}),
-				/* @__PURE__ */ c(t, {
-					onClick: j,
-					disabled: h,
+				/* @__PURE__ */ l(n, {
+					onClick: P,
+					disabled: g,
 					variant: "outline",
-					icon: v,
-					iconPosition: y,
-					size: b,
-					"aria-labelledby": E,
-					"aria-describedby": D,
-					"aria-required": S,
-					"aria-invalid": x ? !0 : void 0,
-					children: d ?? w("fileupload.button")
+					icon: y,
+					iconPosition: b,
+					size: x,
+					"aria-labelledby": D,
+					"aria-describedby": A,
+					"aria-invalid": S ? !0 : void 0,
+					children: f ?? T("fileupload.button")
 				}),
-				/* @__PURE__ */ c("span", {
-					className: s(r.fileNames, r[b], h && r.disabled),
-					"aria-disabled": h || void 0,
-					children: N
+				C && /* @__PURE__ */ l(t, {
+					id: k,
+					children: T("form.required")
+				}),
+				/* @__PURE__ */ l("span", {
+					className: c(i.fileNames, i[x], g && i.disabled),
+					"aria-disabled": g || void 0,
+					children: I
 				})
 			]
 		})
 	});
 };
 //#endregion
-export { u as FileUpload };
+export { d as FileUpload };

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

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

@@ -66,7 +66,7 @@ var b = f.forwardRef(({ src: f, aspectRatio: b = 1, circular: x = !1, onCrop: S,
 					children: /* @__PURE__ */ v("img", {
 						ref: W,
 						src: f,
-						alt: "Crop target",
+						alt: j("a11y.crop_target"),
 						className: d.image,
 						style: { transform: `translate(${I.x}px, ${I.y}px) rotate(${P}deg) scale(${M})` },
 						draggable: !1

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

package/dist/components/form/InlineEdit/InlineEdit.js

@@ -8,37 +8,38 @@ import a, { useEffect as o, useRef as s, useState as c } from "react";
 import l from "classnames";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/form/InlineEdit/InlineEdit.tsx
-var f = a.forwardRef(({ value: a, defaultValue: f, onChange: p, onSave: m, onCancel: h, onEdit: g, placeholder: _, disabled: v = !1, fullWidth: y = !1, label: b, className: x, ...S }, C) => {
-	let { t: w } = e("common"), [T, E] = c(!1), [D, O] = c(f ?? ""), [k, A] = c(f ?? ""), j = s(null), M = a !== void 0, N = M ? a : k, P = () => {
-		v || (M || A(D), E(!0), g?.());
-	}, F = () => {
-		v || (M || O(N), E(!1), m?.(N));
+var f = a.forwardRef(({ value: a, defaultValue: f, onChange: p, onSave: m, onCancel: h, onEdit: g, placeholder: _, disabled: v = !1, fullWidth: y = !1, label: b, className: x, "aria-label": S, ...C }, w) => {
+	let { t: T } = e("common"), [E, D] = c(!1), [O, k] = c(f ?? ""), [A, j] = c(f ?? ""), M = s(null), N = a !== void 0, P = N ? a : A, F = () => {
+		v || (N || j(O), D(!0), g?.());
 	}, I = () => {
-		v || (M || A(D), E(!1), h?.());
-	}, L = (e) => {
-		let t = e.target.value;
-		M || A(t), p?.(t);
+		v || (N || k(P), D(!1), m?.(P));
+	}, L = () => {
+		v || (N || j(O), D(!1), h?.());
 	}, R = (e) => {
-		e.key === "Enter" ? (e.preventDefault(), F()) : e.key === "Escape" && (e.preventDefault(), I());
+		let t = e.target.value;
+		N || j(t), p?.(t);
+	}, z = (e) => {
+		e.key === "Enter" ? (e.preventDefault(), I()) : e.key === "Escape" && (e.preventDefault(), L());
 	};
 	return o(() => {
-		T && j.current && j.current.focus();
-	}, [T]), /* @__PURE__ */ u(t, {
+		E && M.current && M.current.focus();
+	}, [E]), /* @__PURE__ */ u(t, {
 		label: b,
 		className: x,
 		children: /* @__PURE__ */ u("div", {
-			ref: C,
+			ref: w,
 			className: l("wim-inline-edit", i.root, y && i.fullWidth, v && i.disabled),
-			...S,
-			children: T ? /* @__PURE__ */ d("div", {
+			...C,
+			children: E ? /* @__PURE__ */ d("div", {
 				className: i.editWrapper,
 				children: [/* @__PURE__ */ u(n, {
-					ref: j,
-					value: N,
-					onChange: L,
-					onKeyDown: R,
+					ref: M,
+					value: P,
+					onChange: R,
+					onKeyDown: z,
 					disabled: v,
 					placeholder: _,
+					"aria-label": S,
 					fullWidth: y,
 					className: i.input
 				}), /* @__PURE__ */ d("div", {
@@ -47,37 +48,39 @@ var f = a.forwardRef(({ value: a, defaultValue: f, onChange: p, onSave: m, onCan
 						iconName: "CheckIcon",
 						intent: "success",
 						variant: "outline",
-						"aria-label": w("action.save"),
-						onClick: F,
+						"aria-label": T("action.save"),
+						onClick: I,
 						disabled: v
 					}), /* @__PURE__ */ u(r, {
 						iconName: "CloseIcon",
 						intent: "default",
 						variant: "outline",
-						"aria-label": w("action.cancel"),
-						onClick: I,
+						"aria-label": T("action.cancel"),
+						onClick: L,
 						disabled: v
 					})]
 				})]
 			}) : /* @__PURE__ */ d("div", {
 				className: i.preview,
-				onClick: P,
+				onClick: F,
 				onKeyDown: (e) => {
-					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), P());
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), F());
 				},
 				tabIndex: v ? -1 : 0,
 				role: "button",
+				"aria-label": S,
 				"aria-disabled": v,
 				children: [/* @__PURE__ */ u("span", {
-					className: l(i.text, !N && i.placeholder),
-					children: N || _ || "\xA0"
+					className: l(i.text, !P && i.placeholder),
+					children: P || _ || "\xA0"
 				}), /* @__PURE__ */ u("span", {
 					className: i.editIconWrapper,
 					children: /* @__PURE__ */ u(r, {
 						iconName: "EditIcon",
 						variant: "ghost",
+						size: "sm",
 						tabIndex: -1,
-						"aria-label": w("action.edit"),
+						"aria-label": T("action.edit"),
 						"aria-hidden": "true",
 						asChild: !0,
 						children: /* @__PURE__ */ u("span", {})