wimui 0.62.0 → 0.62.2

package/dist/components/feedback/ScrollProgress/ScrollProgress.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("./scrollprogress.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=({intent:e=`primary`,target:s,className:c,"aria-label":l,...u})=>{let{t:d}=t.useWimTranslation(n.commonNs),[f,p]=(0,i.useState)(0);return(0,i.useEffect)(()=>{let e=()=>{let e=0;if(s&&s.current){let t=s.current,n=t.scrollHeight-t.clientHeight;n>0&&(e=t.scrollTop/n*100)}else{let t=document.documentElement.scrollHeight-window.innerHeight;t>0&&(e=window.scrollY/t*100)}p(e)},t=s&&s.current?s.current:window;return t.addEventListener(`scroll`,e),e(),()=>{t.removeEventListener(`scroll`,e)}},[s]),(0,o.jsx)(`div`,{className:(0,a.default)(`wim-scroll-progress`,r.default.root,r.default[e],c),role:`progressbar`,"aria-valuenow":Math.round(f),"aria-valuemin":0,"aria-valuemax":100,"aria-label":l??d(`a11y.scroll_progress`),...u,children:(0,o.jsx)(`div`,{className:r.default.bar,style:{width:`${f}%`}})})};exports.ScrollProgress=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("./scrollprogress.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=({intent:e=`primary`,target:s,className:c,"aria-label":l,...u})=>{let{t:d}=t.useWimTranslation(n.commonNs),[f,p]=(0,i.useState)(0);return(0,i.useEffect)(()=>{let e=()=>{let e=0;if(s&&s.current){let t=s.current,n=t.scrollHeight-t.clientHeight;n>0&&(e=t.scrollTop/n*100)}else{let t=document.documentElement.scrollHeight-window.innerHeight;t>0&&(e=window.scrollY/t*100)}p(e)},t=s&&s.current?s.current:window;t.addEventListener(`scroll`,e),e(),window.addEventListener(`resize`,e);let n=s&&s.current?s.current:document.body,r=typeof ResizeObserver<`u`?new ResizeObserver(e):null,i=()=>{r?.disconnect(),r?.observe(n);for(let e of Array.from(n.children))r?.observe(e);e()},a=typeof MutationObserver<`u`?new MutationObserver(i):null;return a?.observe(n,{childList:!0}),i(),()=>{t.removeEventListener(`scroll`,e),window.removeEventListener(`resize`,e),r?.disconnect(),a?.disconnect()}},[s]),(0,o.jsx)(`div`,{className:(0,a.default)(`wim-scroll-progress`,r.default.root,r.default[e],c),role:`progressbar`,"aria-valuenow":Math.round(f),"aria-valuemin":0,"aria-valuemax":100,"aria-label":l??d(`a11y.scroll_progress`),...u,children:(0,o.jsx)(`div`,{className:r.default.bar,style:{width:`${f}%`}})})};exports.ScrollProgress=s;

package/dist/components/feedback/ScrollProgress/ScrollProgress.js

@@ -20,8 +20,14 @@ var s = ({ intent: s = "primary", target: c, className: l, "aria-label": u, ...d
 			}
 			m(e);
 		}, t = c && c.current ? c.current : window;
-		return t.addEventListener("scroll", e), e(), () => {
-			t.removeEventListener("scroll", e);
+		t.addEventListener("scroll", e), e(), window.addEventListener("resize", e);
+		let n = c && c.current ? c.current : document.body, r = typeof ResizeObserver < "u" ? new ResizeObserver(e) : null, i = () => {
+			r?.disconnect(), r?.observe(n);
+			for (let e of Array.from(n.children)) r?.observe(e);
+			e();
+		}, a = typeof MutationObserver < "u" ? new MutationObserver(i) : null;
+		return a?.observe(n, { childList: !0 }), i(), () => {
+			t.removeEventListener("scroll", e), window.removeEventListener("resize", e), r?.disconnect(), a?.disconnect();
 		};
 	}, [c]), /* @__PURE__ */ o("div", {
 		className: a("wim-scroll-progress", n.root, n[s], l),

package/dist/components/media/Gallery/Gallery.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/components.cjs"),r=require("../../../icon/close.cjs"),i=require("../Icon/Icon.cjs"),a=require("../../form/Button/Button.cjs"),o=require("../../form/Checkbox/Checkbox.cjs"),s=require("./gallery.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.createContext)(null),f=()=>{let e=(0,c.useContext)(d);if(!e)throw Error(`Gallery subcomponents must be used within Gallery`);return e},p=c.default.forwardRef(({items:e,columns:o=3,gap:f=`md`,aspect:p=`square`,selectable:h=!1,selected:g,defaultSelected:_=[],onSelectionChange:v,onItemClick:y,renderActions:b,className:x,style:S,...C},w)=>{let{t:T}=t.useWimTranslation(n.componentsNs),E=g!==void 0,[D,O]=(0,c.useState)(()=>new Set(_)),[k,A]=(0,c.useState)(0),j=(0,c.useRef)(null),M=(0,c.useRef)(null),[N,P]=(0,c.useState)(o),F=(0,c.useCallback)(e=>{M.current=e,typeof w==`function`?w(e):w&&(w.current=e)},[w]);(0,c.useEffect)(()=>{let e=M.current;if(!e)return;let t=new ResizeObserver(e=>{let t=e[0].contentRect.width;P(t<480?1:t<576?2:o)});return t.observe(e),()=>t.disconnect()},[o]);let I=(0,c.useMemo)(()=>E?new Set(g):D,[E,g,D]),L=(0,c.useCallback)(e=>{E||O(e),v?.(Array.from(e))},[E,v]),R=(0,c.useCallback)((t,n,r)=>{let i=new Set(I);if(r&&j.current!==null){let r=Math.min(j.current,n),a=Math.max(j.current,n),o=!I.has(t);for(let t=r;t<=a;t++)o?i.add(e[t].id):i.delete(e[t].id)}else i.has(t)?i.delete(t):i.add(t),j.current=n;L(i)},[I,e,L]),z=(0,c.useCallback)(()=>{L(new Set(e.map(e=>e.id)))},[e,L]),B=(0,c.useCallback)(()=>{L(new Set)},[L]),V=(0,c.useMemo)(()=>{let t=[];for(let n=0;n<e.length;n+=N)t.push({rowItems:e.slice(n,n+N),startIndex:n});return t},[e,N]),H=Array.from(I),U=H.length>0,W={"--gallery-columns":N,...S},G=t=>{let n=N,r=e.length,i=k;switch(t.key){case`ArrowRight`:t.preventDefault(),i=Math.min(k+1,r-1);break;case`ArrowLeft`:t.preventDefault(),i=Math.max(k-1,0);break;case`ArrowDown`:t.preventDefault(),i=Math.min(k+n,r-1);break;case`ArrowUp`:t.preventDefault(),i=Math.max(k-n,0);break;case`Home`:t.preventDefault(),i=0;break;case`End`:t.preventDefault(),i=r-1;break;case`Escape`:h&&(t.preventDefault(),B());break;case`a`:case`A`:h&&(t.ctrlKey||t.metaKey)&&(t.preventDefault(),z());break;default:return}i!==k&&(A(i),t.currentTarget.querySelectorAll(`[data-gallery-item]`)[i]?.focus())};return(0,u.jsx)(d.Provider,{value:{selectable:h,selectedIds:I,lastClickedIndex:j,items:e,toggleSelect:R,focusedIndex:k,setFocusedIndex:A,selectAll:z,clearSelection:B,onItemClick:y},children:(0,u.jsxs)(`div`,{ref:F,className:(0,l.default)(`wim-gallery`,s.default.root,x),...C,children:[h&&U&&(0,u.jsxs)(`div`,{className:s.default.toolbar,role:`toolbar`,"aria-label":T(`gallery.toolbar_label`),children:[(0,u.jsx)(`span`,{className:s.default.toolbarCount,children:T(`gallery.selected_count`,{count:H.length})}),(0,u.jsxs)(`div`,{className:s.default.toolbarActions,children:[b?.({selectedIds:H,clearSelection:B}),(0,u.jsx)(a.Button,{size:`sm`,variant:`ghost`,className:s.default.toolbarClear,onClick:B,"aria-label":T(`gallery.clear_selection`),icon:(0,u.jsx)(i.Icon,{component:r.default,size:`sm`})})]})]}),(0,u.jsx)(`div`,{className:(0,l.default)(s.default.grid,s.default[`gap-${f}`],s.default[`aspect-${p}`]),style:W,role:`grid`,"aria-multiselectable":h||void 0,"aria-label":T(`gallery.grid_label`),onKeyDown:G,tabIndex:0,children:V.map(({rowItems:e,startIndex:t},n)=>(0,u.jsx)(`div`,{role:`row`,style:{display:`contents`},children:e.map((e,n)=>(0,u.jsx)(m,{item:e,index:t+n},e.id))},n))})]})})});p.displayName=`Gallery`;var m=({item:e,index:r})=>{let{selectable:i,selectedIds:a,toggleSelect:c,focusedIndex:d,setFocusedIndex:p,onItemClick:m}=f(),{t:h}=t.useWimTranslation(n.componentsNs),g=a.has(e.id),_=d===r,v=()=>{m?.(e,r),p(r)},y=t=>{t.stopPropagation(),c(e.id,r,t.shiftKey)},b=t=>{(t.key===` `||t.key===`Enter`)&&(t.preventDefault(),i&&t.key===` `?c(e.id,r,t.shiftKey):m?.(e,r))};return(0,u.jsxs)(`div`,{className:(0,l.default)(s.default.item,{[s.default.selected]:g}),role:`gridcell`,"aria-selected":i?g:void 0,tabIndex:_?0:-1,onClick:v,onKeyDown:b,onFocus:()=>p(r),"data-gallery-item":!0,children:[(0,u.jsxs)(`div`,{className:s.default.imageWrapper,children:[(0,u.jsx)(`img`,{src:e.src,alt:e.alt??e.title??``,className:s.default.image,draggable:!1}),i&&(0,u.jsx)(`div`,{className:s.default.checkboxOverlay,children:(0,u.jsx)(o.Checkbox,{checked:g,onChange:()=>{},onClick:y,"aria-label":h(g?`gallery.deselect_item`:`gallery.select_item`,{title:e.title??e.alt??String(r+1)}),tabIndex:-1,className:s.default.checkbox})}),g&&(0,u.jsx)(`div`,{className:s.default.selectedRing,"aria-hidden":!0})]}),(e.title||e.caption)&&(0,u.jsxs)(`div`,{className:s.default.caption,children:[e.title&&(0,u.jsx)(`span`,{className:s.default.captionTitle,children:e.title}),e.caption&&(0,u.jsx)(`span`,{className:s.default.captionText,children:e.caption})]})]})};exports.Gallery=p;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/components.cjs"),r=require("../../../icon/close.cjs"),i=require("../Icon/Icon.cjs"),a=require("../../form/Button/Button.cjs"),o=require("../../form/Checkbox/Checkbox.cjs"),s=require("./gallery.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.createContext)(null),f=()=>{let e=(0,c.useContext)(d);if(!e)throw Error(`Gallery subcomponents must be used within Gallery`);return e},p=c.default.forwardRef(({items:e,columns:o=3,gap:f=`md`,aspect:p=`square`,selectable:h=!1,selected:g,defaultSelected:_=[],onSelectionChange:v,onItemClick:y,renderActions:b,className:x,style:S,...C},w)=>{let{t:T}=t.useWimTranslation(n.componentsNs),E=g!==void 0,[D,O]=(0,c.useState)(()=>new Set(_)),k=Math.max(1,Math.floor(o)||1),[A,j]=(0,c.useState)(0),M=(0,c.useRef)(null),N=(0,c.useRef)(null),[P,F]=(0,c.useState)(k),I=(0,c.useCallback)(e=>{N.current=e,typeof w==`function`?w(e):w&&(w.current=e)},[w]);(0,c.useEffect)(()=>{let e=N.current;if(!e)return;let t=new ResizeObserver(e=>{let t=e[0].contentRect.width;F(t<480?1:t<576?2:k)});return t.observe(e),()=>t.disconnect()},[k]);let L=(0,c.useMemo)(()=>E?new Set(g):D,[E,g,D]),R=(0,c.useCallback)(e=>{E||O(e),v?.(Array.from(e))},[E,v]),z=(0,c.useCallback)((t,n,r)=>{let i=new Set(L);if(r&&M.current!==null){let r=Math.min(M.current,n),a=Math.max(M.current,n),o=!L.has(t);for(let t=r;t<=a;t++)o?i.add(e[t].id):i.delete(e[t].id)}else i.has(t)?i.delete(t):i.add(t),M.current=n;R(i)},[L,e,R]),B=(0,c.useCallback)(()=>{R(new Set(e.map(e=>e.id)))},[e,R]),V=(0,c.useCallback)(()=>{R(new Set)},[R]),H=(0,c.useMemo)(()=>{let t=[];for(let n=0;n<e.length;n+=P)t.push({rowItems:e.slice(n,n+P),startIndex:n});return t},[e,P]),U=Array.from(L),W=U.length>0,G={"--gallery-columns":P,...S},K=t=>{let n=P,r=e.length,i=A;switch(t.key){case`ArrowRight`:t.preventDefault(),i=Math.min(A+1,r-1);break;case`ArrowLeft`:t.preventDefault(),i=Math.max(A-1,0);break;case`ArrowDown`:t.preventDefault(),i=Math.min(A+n,r-1);break;case`ArrowUp`:t.preventDefault(),i=Math.max(A-n,0);break;case`Home`:t.preventDefault(),i=0;break;case`End`:t.preventDefault(),i=r-1;break;case`Escape`:h&&(t.preventDefault(),V());break;case`a`:case`A`:h&&(t.ctrlKey||t.metaKey)&&(t.preventDefault(),B());break;default:return}i!==A&&(j(i),t.currentTarget.querySelectorAll(`[data-gallery-item]`)[i]?.focus())};return(0,u.jsx)(d.Provider,{value:{selectable:h,selectedIds:L,lastClickedIndex:M,items:e,toggleSelect:z,focusedIndex:A,setFocusedIndex:j,selectAll:B,clearSelection:V,onItemClick:y},children:(0,u.jsxs)(`div`,{ref:I,className:(0,l.default)(`wim-gallery`,s.default.root,x),...C,children:[h&&W&&(0,u.jsxs)(`div`,{className:s.default.toolbar,role:`toolbar`,"aria-label":T(`gallery.toolbar_label`),children:[(0,u.jsx)(`span`,{className:s.default.toolbarCount,children:T(`gallery.selected_count`,{count:U.length})}),(0,u.jsxs)(`div`,{className:s.default.toolbarActions,children:[b?.({selectedIds:U,clearSelection:V}),(0,u.jsx)(a.Button,{size:`sm`,variant:`ghost`,className:s.default.toolbarClear,onClick:V,"aria-label":T(`gallery.clear_selection`),icon:(0,u.jsx)(i.Icon,{component:r.default,size:`sm`})})]})]}),(0,u.jsx)(`div`,{className:(0,l.default)(s.default.grid,s.default[`gap-${f}`],s.default[`aspect-${p}`]),style:G,role:`grid`,"aria-multiselectable":h||void 0,"aria-label":T(`gallery.grid_label`),onKeyDown:K,tabIndex:0,children:H.map(({rowItems:e,startIndex:t},n)=>(0,u.jsx)(`div`,{role:`row`,style:{display:`contents`},children:e.map((e,n)=>(0,u.jsx)(m,{item:e,index:t+n},e.id))},n))})]})})});p.displayName=`Gallery`;var m=({item:e,index:r})=>{let{selectable:i,selectedIds:a,toggleSelect:c,focusedIndex:d,setFocusedIndex:p,onItemClick:m}=f(),{t:h}=t.useWimTranslation(n.componentsNs),g=a.has(e.id),_=d===r,v=()=>{m?.(e,r),p(r)},y=t=>{t.stopPropagation(),c(e.id,r,t.shiftKey)},b=t=>{(t.key===` `||t.key===`Enter`)&&(t.preventDefault(),i&&t.key===` `?c(e.id,r,t.shiftKey):m?.(e,r))};return(0,u.jsxs)(`div`,{className:(0,l.default)(s.default.item,{[s.default.selected]:g}),role:`gridcell`,"aria-selected":i?g:void 0,tabIndex:_?0:-1,onClick:v,onKeyDown:b,onFocus:()=>p(r),"data-gallery-item":!0,children:[(0,u.jsxs)(`div`,{className:s.default.imageWrapper,children:[(0,u.jsx)(`img`,{src:e.src,alt:e.alt??e.title??``,className:s.default.image,draggable:!1}),i&&(0,u.jsx)(`div`,{className:s.default.checkboxOverlay,children:(0,u.jsx)(o.Checkbox,{checked:g,onChange:()=>{},onClick:y,"aria-label":h(g?`gallery.deselect_item`:`gallery.select_item`,{title:e.title??e.alt??String(r+1)}),tabIndex:-1,className:s.default.checkbox})}),g&&(0,u.jsx)(`div`,{className:s.default.selectedRing,"aria-hidden":!0})]}),(e.title||e.caption)&&(0,u.jsxs)(`div`,{className:s.default.caption,children:[e.title&&(0,u.jsx)(`span`,{className:s.default.captionTitle,children:e.title}),e.caption&&(0,u.jsx)(`span`,{className:s.default.captionText,children:e.caption})]})]})};exports.Gallery=p;

package/dist/components/media/Gallery/Gallery.js

@@ -15,63 +15,63 @@ var v = c(null), y = () => {
 	if (!e) throw Error("Gallery subcomponents must be used within Gallery");
 	return e;
 }, b = s.forwardRef(({ items: a, columns: s = 3, gap: c = "md", aspect: u = "square", selectable: y = !1, selected: b, defaultSelected: S = [], onSelectionChange: C, onItemClick: w, renderActions: T, className: E, style: D, ...O }, k) => {
-	let { t: A } = e(t), j = b !== void 0, [M, N] = m(() => new Set(S)), [P, F] = m(0), I = p(null), L = p(null), [R, z] = m(s), B = l((e) => {
-		L.current = e, typeof k == "function" ? k(e) : k && (k.current = e);
+	let { t: A } = e(t), j = b !== void 0, [M, N] = m(() => new Set(S)), P = Math.max(1, Math.floor(s) || 1), [F, I] = m(0), L = p(null), R = p(null), [z, B] = m(P), V = l((e) => {
+		R.current = e, typeof k == "function" ? k(e) : k && (k.current = e);
 	}, [k]);
 	d(() => {
-		let e = L.current;
+		let e = R.current;
 		if (!e) return;
 		let t = new ResizeObserver((e) => {
 			let t = e[0].contentRect.width;
-			z(t < 480 ? 1 : t < 576 ? 2 : s);
+			B(t < 480 ? 1 : t < 576 ? 2 : P);
 		});
 		return t.observe(e), () => t.disconnect();
-	}, [s]);
-	let V = f(() => j ? new Set(b) : M, [
+	}, [P]);
+	let H = f(() => j ? new Set(b) : M, [
 		j,
 		b,
 		M
-	]), H = l((e) => {
+	]), U = l((e) => {
 		j || N(e), C?.(Array.from(e));
-	}, [j, C]), U = l((e, t, n) => {
-		let r = new Set(V);
-		if (n && I.current !== null) {
-			let n = Math.min(I.current, t), i = Math.max(I.current, t), o = !V.has(e);
+	}, [j, C]), W = l((e, t, n) => {
+		let r = new Set(H);
+		if (n && L.current !== null) {
+			let n = Math.min(L.current, t), i = Math.max(L.current, t), o = !H.has(e);
 			for (let e = n; e <= i; e++) o ? r.add(a[e].id) : r.delete(a[e].id);
-		} else r.has(e) ? r.delete(e) : r.add(e), I.current = t;
-		H(r);
+		} else r.has(e) ? r.delete(e) : r.add(e), L.current = t;
+		U(r);
 	}, [
-		V,
+		H,
 		a,
-		H
-	]), W = l(() => {
-		H(new Set(a.map((e) => e.id)));
-	}, [a, H]), G = l(() => {
-		H(/* @__PURE__ */ new Set());
-	}, [H]), K = f(() => {
+		U
+	]), G = l(() => {
+		U(new Set(a.map((e) => e.id)));
+	}, [a, U]), K = l(() => {
+		U(/* @__PURE__ */ new Set());
+	}, [U]), q = f(() => {
 		let e = [];
-		for (let t = 0; t < a.length; t += R) e.push({
-			rowItems: a.slice(t, t + R),
+		for (let t = 0; t < a.length; t += z) e.push({
+			rowItems: a.slice(t, t + z),
 			startIndex: t
 		});
 		return e;
-	}, [a, R]), q = Array.from(V), J = q.length > 0, Y = {
-		"--gallery-columns": R,
+	}, [a, z]), J = Array.from(H), Y = J.length > 0, X = {
+		"--gallery-columns": z,
 		...D
-	}, X = (e) => {
-		let t = R, n = a.length, r = P;
+	}, Z = (e) => {
+		let t = z, n = a.length, r = F;
 		switch (e.key) {
 			case "ArrowRight":
-				e.preventDefault(), r = Math.min(P + 1, n - 1);
+				e.preventDefault(), r = Math.min(F + 1, n - 1);
 				break;
 			case "ArrowLeft":
-				e.preventDefault(), r = Math.max(P - 1, 0);
+				e.preventDefault(), r = Math.max(F - 1, 0);
 				break;
 			case "ArrowDown":
-				e.preventDefault(), r = Math.min(P + t, n - 1);
+				e.preventDefault(), r = Math.min(F + t, n - 1);
 				break;
 			case "ArrowUp":
-				e.preventDefault(), r = Math.max(P - t, 0);
+				e.preventDefault(), r = Math.max(F - t, 0);
 				break;
 			case "Home":
 				e.preventDefault(), r = 0;
@@ -80,50 +80,50 @@ var v = c(null), y = () => {
 				e.preventDefault(), r = n - 1;
 				break;
 			case "Escape":
-				y && (e.preventDefault(), G());
+				y && (e.preventDefault(), K());
 				break;
 			case "a":
 			case "A":
-				y && (e.ctrlKey || e.metaKey) && (e.preventDefault(), W());
+				y && (e.ctrlKey || e.metaKey) && (e.preventDefault(), G());
 				break;
 			default: return;
 		}
-		r !== P && (F(r), e.currentTarget.querySelectorAll("[data-gallery-item]")[r]?.focus());
+		r !== F && (I(r), e.currentTarget.querySelectorAll("[data-gallery-item]")[r]?.focus());
 	};
 	return /* @__PURE__ */ g(v.Provider, {
 		value: {
 			selectable: y,
-			selectedIds: V,
-			lastClickedIndex: I,
+			selectedIds: H,
+			lastClickedIndex: L,
 			items: a,
-			toggleSelect: U,
-			focusedIndex: P,
-			setFocusedIndex: F,
-			selectAll: W,
-			clearSelection: G,
+			toggleSelect: W,
+			focusedIndex: F,
+			setFocusedIndex: I,
+			selectAll: G,
+			clearSelection: K,
 			onItemClick: w
 		},
 		children: /* @__PURE__ */ _("div", {
-			ref: B,
+			ref: V,
 			className: h("wim-gallery", o.root, E),
 			...O,
-			children: [y && J && /* @__PURE__ */ _("div", {
+			children: [y && Y && /* @__PURE__ */ _("div", {
 				className: o.toolbar,
 				role: "toolbar",
 				"aria-label": A("gallery.toolbar_label"),
 				children: [/* @__PURE__ */ g("span", {
 					className: o.toolbarCount,
-					children: A("gallery.selected_count", { count: q.length })
+					children: A("gallery.selected_count", { count: J.length })
 				}), /* @__PURE__ */ _("div", {
 					className: o.toolbarActions,
 					children: [T?.({
-						selectedIds: q,
-						clearSelection: G
+						selectedIds: J,
+						clearSelection: K
 					}), /* @__PURE__ */ g(i, {
 						size: "sm",
 						variant: "ghost",
 						className: o.toolbarClear,
-						onClick: G,
+						onClick: K,
 						"aria-label": A("gallery.clear_selection"),
 						icon: /* @__PURE__ */ g(r, {
 							component: n,
@@ -133,13 +133,13 @@ var v = c(null), y = () => {
 				})]
 			}), /* @__PURE__ */ g("div", {
 				className: h(o.grid, o[`gap-${c}`], o[`aspect-${u}`]),
-				style: Y,
+				style: X,
 				role: "grid",
 				"aria-multiselectable": y || void 0,
 				"aria-label": A("gallery.grid_label"),
-				onKeyDown: X,
+				onKeyDown: Z,
 				tabIndex: 0,
-				children: K.map(({ rowItems: e, startIndex: t }, n) => /* @__PURE__ */ g("div", {
+				children: q.map(({ rowItems: e, startIndex: t }, n) => /* @__PURE__ */ g("div", {
 					role: "row",
 					style: { display: "contents" },
 					children: e.map((e, n) => /* @__PURE__ */ g(x, {

package/dist/llms-full.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.62.0 — a React 19 component library: 228 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
+**wimui** v0.62.2 — a React 19 component library: 228 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
 
 ## Install & required setup
 

package/dist/llms.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.62.0 — a React 19 component library: 228 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
+**wimui** v0.62.2 — a React 19 component library: 228 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
 
 ## Install & required setup