wimui 0.63.2 → 0.63.5

package/dist/components/ai/CodeDiffViewer/code-diff-viewer.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1nbrn_29`,t=`_header_1nbrn_45`,n=`_headerLeft_1nbrn_55`,r=`_filename_1nbrn_61`,i=`_viewToggle_1nbrn_69`,a=`_viewBtn_1nbrn_75`,o=`_active_1nbrn_87`,s=`_headerActions_1nbrn_101`,c=`_iconButton_1nbrn_107`,l=`_copied_1nbrn_131`,u=`_actionButton_1nbrn_137`,d=`_applyButton_1nbrn_157`,f=`_applying_1nbrn_166`,p=`_applied_1nbrn_170`,m=`_spin_1nbrn_179`,h=`_rejectButton_1nbrn_187`,g=`_body_1nbrn_196`,_=`_unified_1nbrn_201`,v=`_row_1nbrn_206`,y=`_added_1nbrn_209`,b=`_removed_1nbrn_212`,x=`_split_1nbrn_219`,S=`_splitPane_1nbrn_223`,C=`_splitDivider_1nbrn_228`,w=`_splitCell_1nbrn_233`,T=`_empty_1nbrn_243`,E=`_lineNum_1nbrn_253`,D=`_prefix_1nbrn_268`,O=`_lineContent_1nbrn_283`,k={root:e,header:t,headerLeft:n,filename:r,viewToggle:i,viewBtn:a,active:o,headerActions:s,iconButton:c,copied:l,actionButton:u,applyButton:d,applying:f,applied:p,spin:m,"code-spin":`_code-spin_1nbrn_1`,rejectButton:h,body:g,unified:_,row:v,added:y,removed:b,split:x,splitPane:S,splitDivider:C,splitCell:w,empty:T,lineNum:E,prefix:D,lineContent:O};exports.actionButton=u,exports.active=o,exports.added=y,exports.applied=p,exports.applyButton=d,exports.applying=f,exports.body=g,exports.copied=l,exports.default=k,exports.empty=T,exports.filename=r,exports.header=t,exports.headerActions=s,exports.headerLeft=n,exports.iconButton=c,exports.lineContent=O,exports.lineNum=E,exports.prefix=D,exports.rejectButton=h,exports.removed=b,exports.root=e,exports.row=v,exports.spin=m,exports.split=x,exports.splitCell=w,exports.splitDivider=C,exports.splitPane=S,exports.unified=_,exports.viewBtn=a,exports.viewToggle=i;
+var e=`_root_ykmne_29`,t=`_header_ykmne_45`,n=`_headerLeft_ykmne_55`,r=`_filename_ykmne_61`,i=`_viewToggle_ykmne_69`,a=`_viewBtn_ykmne_75`,o=`_active_ykmne_87`,s=`_headerActions_ykmne_101`,c=`_iconButton_ykmne_107`,l=`_copied_ykmne_131`,u=`_actionButton_ykmne_137`,d=`_applyButton_ykmne_157`,f=`_applying_ykmne_166`,p=`_applied_ykmne_170`,m=`_spin_ykmne_179`,h=`_rejectButton_ykmne_187`,g=`_body_ykmne_196`,_=`_unified_ykmne_201`,v=`_row_ykmne_206`,y=`_added_ykmne_209`,b=`_removed_ykmne_212`,x=`_split_ykmne_219`,S=`_splitPane_ykmne_223`,C=`_splitDivider_ykmne_228`,w=`_splitCell_ykmne_233`,T=`_empty_ykmne_243`,E=`_lineNum_ykmne_253`,D=`_prefix_ykmne_268`,O=`_lineContent_ykmne_283`,k={root:e,header:t,headerLeft:n,filename:r,viewToggle:i,viewBtn:a,active:o,headerActions:s,iconButton:c,copied:l,actionButton:u,applyButton:d,applying:f,applied:p,spin:m,"code-spin":`_code-spin_ykmne_1`,rejectButton:h,body:g,unified:_,row:v,added:y,removed:b,split:x,splitPane:S,splitDivider:C,splitCell:w,empty:T,lineNum:E,prefix:D,lineContent:O};exports.actionButton=u,exports.active=o,exports.added=y,exports.applied=p,exports.applyButton=d,exports.applying=f,exports.body=g,exports.copied=l,exports.default=k,exports.empty=T,exports.filename=r,exports.header=t,exports.headerActions=s,exports.headerLeft=n,exports.iconButton=c,exports.lineContent=O,exports.lineNum=E,exports.prefix=D,exports.rejectButton=h,exports.removed=b,exports.root=e,exports.row=v,exports.spin=m,exports.split=x,exports.splitCell=w,exports.splitDivider=C,exports.splitPane=S,exports.unified=_,exports.viewBtn=a,exports.viewToggle=i;

package/dist/components/ai/CodeDiffViewer/code-diff-viewer.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/ai/CodeDiffViewer/code-diff-viewer.module.scss
-var e = "_root_1nbrn_29", t = "_header_1nbrn_45", n = "_headerLeft_1nbrn_55", r = "_filename_1nbrn_61", i = "_viewToggle_1nbrn_69", a = "_viewBtn_1nbrn_75", o = "_active_1nbrn_87", s = "_headerActions_1nbrn_101", c = "_iconButton_1nbrn_107", l = "_copied_1nbrn_131", u = "_actionButton_1nbrn_137", d = "_applyButton_1nbrn_157", f = "_applying_1nbrn_166", p = "_applied_1nbrn_170", m = "_spin_1nbrn_179", h = "_rejectButton_1nbrn_187", g = "_body_1nbrn_196", _ = "_unified_1nbrn_201", v = "_row_1nbrn_206", y = "_added_1nbrn_209", b = "_removed_1nbrn_212", x = "_split_1nbrn_219", S = "_splitPane_1nbrn_223", C = "_splitDivider_1nbrn_228", w = "_splitCell_1nbrn_233", T = "_empty_1nbrn_243", E = "_lineNum_1nbrn_253", D = "_prefix_1nbrn_268", O = "_lineContent_1nbrn_283", k = {
+var e = "_root_ykmne_29", t = "_header_ykmne_45", n = "_headerLeft_ykmne_55", r = "_filename_ykmne_61", i = "_viewToggle_ykmne_69", a = "_viewBtn_ykmne_75", o = "_active_ykmne_87", s = "_headerActions_ykmne_101", c = "_iconButton_ykmne_107", l = "_copied_ykmne_131", u = "_actionButton_ykmne_137", d = "_applyButton_ykmne_157", f = "_applying_ykmne_166", p = "_applied_ykmne_170", m = "_spin_ykmne_179", h = "_rejectButton_ykmne_187", g = "_body_ykmne_196", _ = "_unified_ykmne_201", v = "_row_ykmne_206", y = "_added_ykmne_209", b = "_removed_ykmne_212", x = "_split_ykmne_219", S = "_splitPane_ykmne_223", C = "_splitDivider_ykmne_228", w = "_splitCell_ykmne_233", T = "_empty_ykmne_243", E = "_lineNum_ykmne_253", D = "_prefix_ykmne_268", O = "_lineContent_ykmne_283", k = {
 	root: e,
 	header: t,
 	headerLeft: n,
@@ -16,7 +16,7 @@ var e = "_root_1nbrn_29", t = "_header_1nbrn_45", n = "_headerLeft_1nbrn_55", r
 	applying: f,
 	applied: p,
 	spin: m,
-	"code-spin": "_code-spin_1nbrn_1",
+	"code-spin": "_code-spin_ykmne_1",
 	rejectButton: h,
 	body: g,
 	unified: _,

package/dist/components/feedback/Tour/Tour.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("../../overlay/Portal/Portal.cjs"),i=require("../../overlay/FocusTrap/FocusTrap.cjs"),a=require("../../form/Button/Button.cjs"),o=require("./tour.module.cjs"),s=require("../../_internal/observeMove.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=16;function f(e){let t=getComputedStyle(e);return`${t.fontWeight} ${t.fontSize} ${t.fontFamily}`}async function p(e){let t=document.fonts;if(t&&typeof t.load==`function`){try{await t.load(f(e))}catch{}for(;t.status===`loading`;)await new Promise(e=>{t.addEventListener(`loadingdone`,()=>e(),{once:!0})})}}function m(e){let t=document.fonts;return!t||typeof t.load!=`function`?!1:t.status===`loading`||typeof t.check==`function`&&!t.check(f(e))}function h(e,t){return Math.round(e.top)===Math.round(t.top)&&Math.round(e.left)===Math.round(t.left)&&Math.round(e.width)===Math.round(t.width)&&Math.round(e.height)===Math.round(t.height)}function g(e){return e.top>=d&&e.bottom<=window.innerHeight-d&&e.left>=d&&e.right<=window.innerWidth-d}var _=({steps:e,open:d,onClose:f,onFinish:_})=>{let{t:v}=t.useWimTranslation(n.commonNs),[y,b]=(0,c.useState)(0),[x,S]=(0,c.useState)(null),C=e[y],w=C?.target;(0,c.useLayoutEffect)(()=>{if(!d||!w){S(null);return}let e=!1,t=t=>{e||S(e=>t?e&&h(e,t)?e:t:null)},n=()=>{let e=document.querySelector(w);if(!e){t(null);return}g(e.getBoundingClientRect())||e.scrollIntoView({block:`center`,inline:`nearest`}),t(e.getBoundingClientRect())},r=()=>{let e=document.querySelector(w);t(e?e.getBoundingClientRect():null)},i,a=()=>{window.addEventListener(`resize`,r),window.addEventListener(`scroll`,r,!0);let e=document.querySelector(w);e&&(i=s.observeMove(e,r))},o=async()=>{let t=document.querySelector(w);t&&await p(t),!e&&(n(),a())},c=document.querySelector(w);return c&&m(c)?o():(n(),a()),()=>{e=!0,window.removeEventListener(`resize`,r),window.removeEventListener(`scroll`,r,!0),i?.()}},[d,y,w]);let T=(0,c.useId)(),E=(0,c.useRef)(null),D=(0,c.useRef)(null),O=d&&!!C&&!!x;if((0,c.useEffect)(()=>{if(!O)return;let e=E.current;e&&!e.contains(document.activeElement)&&D.current?.focus()},[O,y]),(0,c.useEffect)(()=>{if(!d)return;let e=e=>{e.key===`Escape`&&(e.preventDefault(),f())};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[d,f]),!d||!C)return null;let k=()=>{y<e.length-1?b(y+1):(_?_():f(),b(0))},A=()=>{y>0&&b(y-1)},j={},M=C.placement||`bottom`;if(x){let e=window.innerWidth,t=Math.min(300,e-32),n=M;if(e<640&&(n===`left`||n===`right`)&&(n=`bottom`),M=n,n===`top`||n===`bottom`){let r=x.left+x.width/2,i=t/2+16,a=e-t/2-16;r=i>a?e/2:Math.max(i,Math.min(a,r)),j.left=r,n===`top`?(j.top=x.top-12,j.transform=`translate(-50%, -100%)`):(j.top=x.bottom+12,j.transform=`translateX(-50%)`)}else n===`left`?(j.left=x.left-12,j.top=x.top+x.height/2,j.transform=`translate(-100%, -50%)`):n===`right`&&(j.left=x.right+12,j.top=x.top+x.height/2,j.transform=`translateY(-50%)`)}return(0,u.jsx)(r.Portal,{children:(0,u.jsx)(i.FocusTrap,{initialFocus:!1,children:(0,u.jsxs)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":C.title,"aria-describedby":x?T:void 0,children:[x&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`div`,{className:o.default.highlight,style:{top:x.top-4,left:x.left-4,width:x.width+8,height:x.height+8}}),(0,u.jsx)(`div`,{ref:E,className:(0,l.default)(`wim-tour`,o.default.bubble),"data-placement":M,style:j,children:(0,u.jsxs)(`div`,{className:o.default.inner,children:[(0,u.jsx)(`h3`,{className:o.default.title,children:C.title}),(0,u.jsx)(`p`,{id:T,className:o.default.description,children:C.description}),(0,u.jsxs)(`div`,{className:o.default.footer,children:[(0,u.jsxs)(`span`,{className:o.default.progress,children:[y+1,` / `,e.length]}),(0,u.jsxs)(`div`,{className:o.default.buttons,children:[y>0&&(0,u.jsx)(a.Button,{size:`sm`,variant:`outline`,onClick:A,children:v(`action.back`)}),(0,u.jsx)(a.Button,{ref:D,size:`sm`,variant:`solid`,onClick:k,children:y===e.length-1?v(`action.finish`):v(`action.next`)})]})]})]})})]}),(0,u.jsx)(`div`,{className:o.default.mask,onClick:f,role:`button`,tabIndex:0,"aria-label":v(`a11y.close_tour`),onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&f()}})]})})})};exports.Tour=_;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../overlay/Portal/Portal.cjs"),i=require("../../overlay/FocusTrap/FocusTrap.cjs"),a=require("../../form/Button/Button.cjs"),o=require("./tour.module.cjs"),s=require("../../_internal/observeMove.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=16;function f(e){let t=getComputedStyle(e);return`${t.fontWeight} ${t.fontSize} ${t.fontFamily}`}async function p(e){let t=document.fonts;if(t&&typeof t.load==`function`){try{await t.load(f(e))}catch{}for(;t.status===`loading`;)await new Promise(e=>{t.addEventListener(`loadingdone`,()=>e(),{once:!0})})}}function m(e){let t=document.fonts;return!t||typeof t.load!=`function`?!1:t.status===`loading`||typeof t.check==`function`&&!t.check(f(e))}function h(e,t){return Math.round(e.top)===Math.round(t.top)&&Math.round(e.left)===Math.round(t.left)&&Math.round(e.width)===Math.round(t.width)&&Math.round(e.height)===Math.round(t.height)}function g(e){return e.top>=d&&e.bottom<=window.innerHeight-d&&e.left>=d&&e.right<=window.innerWidth-d}var _=({steps:e,open:d,onClose:f,onFinish:_})=>{let{t:v}=t.useWimTranslation(n.commonNs),[y,b]=(0,c.useState)(0),[x,S]=(0,c.useState)(null),C=e[y],w=C?.target;(0,c.useLayoutEffect)(()=>{if(!d||!w){S(null);return}let e=!1,t=t=>{e||S(e=>t?e&&h(e,t)?e:t:null)},n=()=>{let e=document.querySelector(w);if(!e){t(null);return}g(e.getBoundingClientRect())||e.scrollIntoView({block:`center`,inline:`nearest`}),t(e.getBoundingClientRect())},r=()=>{let e=document.querySelector(w);t(e?e.getBoundingClientRect():null)},i,a=()=>{window.addEventListener(`resize`,r),window.addEventListener(`scroll`,r,!0);let e=document.querySelector(w);e&&(i=s.observeMove(e,r))},o=async()=>{let t=document.querySelector(w);t&&await p(t),!e&&(n(),a())},c=document.querySelector(w);return c&&m(c)?o():(n(),a()),()=>{e=!0,window.removeEventListener(`resize`,r),window.removeEventListener(`scroll`,r,!0),i?.()}},[d,y,w]);let T=(0,c.useId)(),E=(0,c.useRef)(null),D=(0,c.useRef)(null),O=d&&!!C&&!!x;if((0,c.useEffect)(()=>{if(!O)return;let e=E.current;e&&!e.contains(document.activeElement)&&D.current?.focus()},[O,y]),(0,c.useEffect)(()=>{if(!d)return;let e=e=>{e.key===`Escape`&&(e.preventDefault(),f())};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[d,f]),!d||!C)return null;let k=()=>{y<e.length-1?b(y+1):(_?_():f(),b(0))},A=()=>{y>0&&b(y-1)},j={},M=C.placement||`bottom`;if(x){let e=window.innerWidth,t=Math.min(300,e-32),n=M;if(e<640&&(n===`left`||n===`right`)&&(n=`bottom`),M=n,n===`top`||n===`bottom`){let r=x.left+x.width/2,i=t/2+16,a=e-t/2-16;r=i>a?e/2:Math.max(i,Math.min(a,r)),j.left=r,n===`top`?(j.top=x.top-12,j.transform=`translate(-50%, -100%)`):(j.top=x.bottom+12,j.transform=`translateX(-50%)`)}else n===`left`?(j.left=x.left-12,j.top=x.top+x.height/2,j.transform=`translate(-100%, -50%)`):n===`right`&&(j.left=x.right+12,j.top=x.top+x.height/2,j.transform=`translateY(-50%)`)}return(0,u.jsx)(r.Portal,{children:(0,u.jsx)(i.FocusTrap,{initialFocus:!1,children:(0,u.jsxs)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":C.title,"aria-describedby":x?T:void 0,children:[x&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`div`,{className:o.default.highlight,style:{top:x.top-4,left:x.left-4,width:x.width+8,height:x.height+8}}),(0,u.jsx)(`div`,{ref:E,className:(0,l.default)(`wim-tour`,o.default.bubble),"data-placement":M,style:j,children:(0,u.jsxs)(`div`,{className:o.default.inner,children:[(0,u.jsx)(`h3`,{className:o.default.title,children:C.title}),(0,u.jsx)(`p`,{id:T,className:o.default.description,children:C.description}),(0,u.jsxs)(`div`,{className:o.default.footer,children:[(0,u.jsxs)(`span`,{className:o.default.progress,children:[y+1,` / `,e.length]}),(0,u.jsxs)(`div`,{className:o.default.buttons,children:[y>0&&(0,u.jsx)(a.Button,{size:`sm`,variant:`outline`,onClick:A,children:v(`action.back`)}),(0,u.jsx)(a.Button,{ref:D,size:`sm`,variant:`solid`,onClick:k,children:y===e.length-1?v(`action.finish`):v(`action.next`)})]})]})]})})]}),(0,u.jsx)(`div`,{className:o.default.mask,onClick:f,role:`button`,tabIndex:0,"aria-label":v(`a11y.close_tour`),onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&f()}})]},y)})})};exports.Tour=_;

package/dist/components/feedback/Tour/Tour.js

@@ -167,7 +167,7 @@ var S = ({ steps: g, open: _, onClose: S, onFinish: C }) => {
 					(e.key === "Enter" || e.key === " ") && S();
 				}
 			})]
-		})
+		}, T)
 	}) });
 };
 //#endregion

package/dist/components/feedback/Tour/tour.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_mask_q23ul_3`,t=`_highlight_q23ul_9`,n=`_bubble_q23ul_17`,r=`_inner_q23ul_27`,i=`_title_q23ul_30`,a=`_description_q23ul_35`,o=`_footer_q23ul_40`,s=`_progress_q23ul_45`,c=`_buttons_q23ul_49`,l={mask:e,highlight:t,bubble:n,inner:r,title:i,description:a,footer:o,progress:s,buttons:c};exports.bubble=n,exports.buttons=c,exports.default=l,exports.description=a,exports.footer=o,exports.highlight=t,exports.inner=r,exports.mask=e,exports.progress=s,exports.title=i;
+var e=`_mask_15j7q_3`,t=`_highlight_15j7q_9`,n=`_bubble_15j7q_17`,r=`_inner_15j7q_27`,i=`_title_15j7q_30`,a=`_description_15j7q_35`,o=`_footer_15j7q_40`,s=`_progress_15j7q_45`,c=`_buttons_15j7q_49`,l={mask:e,highlight:t,bubble:n,inner:r,title:i,description:a,footer:o,progress:s,buttons:c};exports.bubble=n,exports.buttons=c,exports.default=l,exports.description=a,exports.footer=o,exports.highlight=t,exports.inner=r,exports.mask=e,exports.progress=s,exports.title=i;

package/dist/components/feedback/Tour/tour.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/feedback/Tour/tour.module.scss
-var e = "_mask_q23ul_3", t = "_highlight_q23ul_9", n = "_bubble_q23ul_17", r = "_inner_q23ul_27", i = "_title_q23ul_30", a = "_description_q23ul_35", o = "_footer_q23ul_40", s = "_progress_q23ul_45", c = "_buttons_q23ul_49", l = {
+var e = "_mask_15j7q_3", t = "_highlight_15j7q_9", n = "_bubble_15j7q_17", r = "_inner_15j7q_27", i = "_title_15j7q_30", a = "_description_15j7q_35", o = "_footer_15j7q_40", s = "_progress_15j7q_45", c = "_buttons_15j7q_49", l = {
 	mask: e,
 	highlight: t,
 	bubble: n,

package/dist/components/media/Icon/Icon.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utilities/style-utils.cjs"),n=require("./icon.module.cjs"),r=require("../../../icon/registry.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=[`danger`,`success`,`warning`,`info`,`primary`,`secondary`,`tertiary`,`disabled`],c=({name:e,component:i,size:c=`md`,color:l,spin:u,className:d,style:f,...p})=>{let m=i||(e?r.registeredIcons[e]:null);if(!m)return e&&r.warnUnregisteredIcon(e),null;let h=typeof l==`string`&&s.includes(l);return(0,o.jsx)(m,{style:!h&&l?{color:t.getColorValue(l),...f}:f,className:(0,a.default)(`wim-icon`,n.default.root,c&&n.default[`size-${c}`],h&&n.default[l],(u||e&&(e===`LoadingIcon`||e===`SpinnerIcon`))&&n.default.loading,d),...p})};exports.Icon=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utilities/style-utils.cjs"),n=require("./icon.module.cjs"),r=require("../../../icon/registry.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=[`danger`,`success`,`warning`,`info`,`primary`,`secondary`,`tertiary`,`disabled`],c=({name:e,component:i,size:c=`md`,color:l,spin:u,className:d,style:f,...p})=>{let m=i||(e?r.registeredIcons[e]:null);if(!m)return e&&r.warnUnregisteredIcon(e),null;let h=typeof l==`string`&&s.includes(l),g=p[`aria-label`]!=null||p[`aria-labelledby`]!=null;return(0,o.jsx)(m,{"aria-hidden":!g||void 0,role:g?`img`:void 0,style:!h&&l?{color:t.getColorValue(l),...f}:f,className:(0,a.default)(`wim-icon`,n.default.root,c&&n.default[`size-${c}`],h&&n.default[l],(u||e&&(e===`LoadingIcon`||e===`SpinnerIcon`))&&n.default.loading,d),...p})};exports.Icon=c;

package/dist/components/media/Icon/Icon.js

@@ -18,8 +18,10 @@ var o = [
 ], s = ({ name: s, component: c, size: l = "md", color: u, spin: d, className: f, style: p, ...m }) => {
 	let h = c || (s ? n[s] : null);
 	if (!h) return s && r(s), null;
-	let g = typeof u == "string" && o.includes(u);
+	let g = typeof u == "string" && o.includes(u), _ = m["aria-label"] != null || m["aria-labelledby"] != null;
 	return /* @__PURE__ */ a(h, {
+		"aria-hidden": !_ || void 0,
+		role: _ ? "img" : void 0,
 		style: !g && u ? {
 			color: e(u),
 			...p

package/dist/components/navigation/Pagination/Pagination.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("../../../icon/chevron-left.cjs"),a=require("../../../icon/chevron-right.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("../../form/Button/Button.cjs"),c=require("../../form/Input/Input.cjs"),l=require("../../form/Select/Select.cjs"),u=require("./pagination.module.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("classnames");f=e.__toESM(f,1);let p=require("react/jsx-runtime");var m=d.default.forwardRef(({asChild:e=!1,className:n,children:r,page:i,isActive:a,...o},s)=>(0,p.jsx)(e?t.Root:`button`,{ref:s,type:e?void 0:`button`,className:(0,f.default)(u.default.button,n),"aria-current":a?`page`:void 0,...o,children:e?(0,p.jsx)(t.Slottable,{children:r}):r}));m.displayName=`PaginationPage`;var h=`...`,g=({total:e,pageSize:g=10,current:_=1,onChange:v,onPageSizeChange:y,siblingCount:b=1,className:x,asChild:S=!1,children:C,renderPage:w,hideOnSinglePage:T=!1,simple:E=!1,showSizeChanger:D=!1,pageSizeOptions:ee=[10,20,50,100],showTotal:O,showQuickJumper:k=!1,labels:A={},"aria-label":j,"aria-labelledby":M})=>{let{t:N}=n.useWimTranslation(r.commonNs),{prevPage:P=N(`a11y.go_to_prev_page`),nextPage:F=N(`a11y.go_to_next_page`),pageAriaLabel:I=e=>N(`a11y.go_to_page`,{page:String(e)}),itemsPerPage:L=N(`pagination.items_per_page`),goTo:R=N(`pagination.go_to`),go:z=N(`pagination.go`),pageSizeAriaLabel:B=N(`a11y.items_per_page`),jumpToPageAriaLabel:V=N(`a11y.jump_to_page`),navAriaLabel:H=N(`a11y.pagination_nav`)}=A,[U,W]=(0,d.useState)(g),[G,K]=(0,d.useState)(``),q=U,J=Math.ceil(e/q),Y=(0,d.useMemo)(()=>{if(b+5>=J)return Array.from({length:J},(e,t)=>t+1);let e=Math.max(_-b,1),t=Math.min(_+b,J),n=e>2,r=t<J-2,i=J;if(!n&&r){let e=3+2*b;return[...Array.from({length:e},(e,t)=>t+1),h,J]}if(n&&!r){let e=3+2*b;return[1,h,...Array.from({length:e},(t,n)=>J-e+n+1)]}return n&&r?[1,h,...Array.from({length:t-e+1},(t,n)=>e+n),h,i]:[]},[J,b,_]);if(T&&J<=1)return null;let X=e=>{e<1||e>J||e===_||v?.(e,q)},Z=e=>{W(e),y?.(e),v?.(1,e)},Q=()=>{let e=parseInt(G);!isNaN(e)&&e>=1&&e<=J&&(X(e),K(``))},te=e=>{e.key===`Enter`&&Q()},ne=(_-1)*q+1,re=Math.min(_*q,e),$=S?t.Root:`nav`,ie=e=>{let t={page:e,isActive:e===_,onClick:()=>X(e),"aria-label":I(e)};return w?w(e,t):(0,p.jsx)(m,{...t,children:e})};return E?(0,p.jsxs)($,{className:(0,f.default)(`wim-pagination`,u.default.root,u.default.simple,x),"aria-label":M?void 0:j??H,"aria-labelledby":M,children:[(0,p.jsx)(t.Slottable,{children:C}),(0,p.jsxs)(`ul`,{className:u.default.root,children:[(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,_===1&&u.default.disabled),children:(0,p.jsx)(`button`,{className:u.default.button,onClick:()=>X(_-1),disabled:_===1,"aria-label":P,children:(0,p.jsx)(o.Icon,{component:i.default,size:`sm`})})}),(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,u.default.simplePager),children:(0,p.jsxs)(`span`,{children:[_,` / `,J]})}),(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,_===J&&u.default.disabled),children:(0,p.jsx)(`button`,{className:u.default.button,onClick:()=>X(_+1),disabled:_===J,"aria-label":F,children:(0,p.jsx)(o.Icon,{component:a.default,size:`sm`})})})]})]}):(0,p.jsx)(`div`,{className:(0,f.default)(`wim-pagination`,u.default.container,x),children:(0,p.jsxs)(`div`,{className:u.default.wrapper,children:[O&&(0,p.jsx)(`div`,{className:u.default.total,children:O(e,[ne,re])}),(0,p.jsxs)($,{className:u.default.root,"aria-label":M?void 0:j??H,"aria-labelledby":M,children:[(0,p.jsx)(t.Slottable,{children:C}),(0,p.jsxs)(`ul`,{className:u.default.root,children:[(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,_===1&&u.default.disabled),children:(0,p.jsx)(`button`,{className:u.default.button,onClick:()=>X(_-1),disabled:_===1,"aria-label":P,children:(0,p.jsx)(o.Icon,{component:i.default,size:`sm`})})}),(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,u.default.mobileIndicator),children:(0,p.jsxs)(`span`,{children:[_,` / `,J]})}),Y.map((e,t)=>e===h?(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,u.default.ellipsis),"aria-hidden":`true`,children:h},`ellipsis-${t}`):(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,u.default.number,e===_&&u.default.active),children:ie(e)},e)),(0,p.jsx)(`li`,{className:(0,f.default)(u.default.item,_===J&&u.default.disabled),children:(0,p.jsx)(`button`,{className:u.default.button,onClick:()=>X(_+1),disabled:_===J,"aria-label":F,children:(0,p.jsx)(o.Icon,{component:a.default,size:`sm`})})})]})]}),D&&(0,p.jsx)(`div`,{className:u.default.sizeChanger,children:(0,p.jsx)(l.Select,{value:String(q),onChange:e=>Z(Number(e)),options:ee.map(e=>({label:`${e} ${L}`,value:String(e)})),width:`auto`,"aria-label":B})}),k&&(0,p.jsxs)(`div`,{className:u.default.quickJumper,children:[(0,p.jsx)(`span`,{children:R}),(0,p.jsx)(c.Input,{type:`number`,min:1,max:J,value:G,onChange:e=>K(e.target.value),onKeyDown:te,width:`60px`,"aria-label":V}),(0,p.jsx)(s.Button,{size:`sm`,variant:`outline`,onClick:Q,disabled:!G,children:z})]})]})})};exports.Pagination=g,exports.default=g,exports.PaginationPage=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/chevron-left.cjs"),o=require("../../../icon/chevron-right.cjs"),s=require("../../media/Icon/Icon.cjs"),ee=require("../../form/Button/Button.cjs"),te=require("../../form/Input/Input.cjs"),c=require("../../form/Select/Select.cjs"),l=require("./pagination.module.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=u.default.forwardRef(({asChild:e=!1,className:n,children:r,page:i,isActive:a,...o},s)=>(0,f.jsx)(e?t.Root:`button`,{ref:s,type:e?void 0:`button`,className:(0,d.default)(l.default.button,n),"aria-current":a?`page`:void 0,...o,children:e?(0,f.jsx)(t.Slottable,{children:r}):r}));p.displayName=`PaginationPage`;var m=`...`,h=({total:e,pageSize:h=10,current:g=1,onChange:_,onPageSizeChange:v,siblingCount:y=1,className:b,asChild:x=!1,children:S,renderPage:C,hideOnSinglePage:w=!1,simple:ne=!1,showSizeChanger:re=!1,pageSizeOptions:T=[10,20,50,100],showTotal:E,showQuickJumper:D=!1,labels:O={},"aria-label":k,"aria-labelledby":A})=>{let{t:j}=n.useWimTranslation(r.commonNs),{prevPage:M=j(`a11y.go_to_prev_page`),nextPage:N=j(`a11y.go_to_next_page`),pageAriaLabel:P=e=>j(`a11y.go_to_page`,{page:String(e)}),itemsPerPage:F=j(`pagination.items_per_page`),goTo:I=j(`pagination.go_to`),go:L=j(`pagination.go`),pageSizeAriaLabel:R=j(`a11y.items_per_page`),jumpToPageAriaLabel:z=j(`a11y.jump_to_page`),navAriaLabel:B=j(`a11y.pagination_nav`),pageStatus:V=(e,t)=>j(`pagination.page_status`,{current:String(e),total:String(t)})}=O,[H,U]=(0,u.useState)(h),[W,G]=(0,u.useState)(``),K=H,q=Math.ceil(e/K),[J,Y]=(0,u.useState)(g),[ie,ae]=(0,u.useState)(``);g!==J&&(Y(g),ae(V(g,q)));let X=(0,f.jsx)(i.VisuallyHidden,{role:`status`,"aria-atomic":`true`,children:ie}),oe=(0,u.useMemo)(()=>{if(y+5>=q)return Array.from({length:q},(e,t)=>t+1);let e=Math.max(g-y,1),t=Math.min(g+y,q),n=e>2,r=t<q-2,i=q;if(!n&&r){let e=3+2*y;return[...Array.from({length:e},(e,t)=>t+1),m,q]}if(n&&!r){let e=3+2*y;return[1,m,...Array.from({length:e},(t,n)=>q-e+n+1)]}return n&&r?[1,m,...Array.from({length:t-e+1},(t,n)=>e+n),m,i]:[]},[q,y,g]);if(w&&q<=1)return null;let Z=e=>{e<1||e>q||e===g||_?.(e,K)},se=e=>{U(e),v?.(e),_?.(1,e)},Q=()=>{let e=parseInt(W);!isNaN(e)&&e>=1&&e<=q&&(Z(e),G(``))},ce=e=>{e.key===`Enter`&&Q()},le=(g-1)*K+1,ue=Math.min(g*K,e),$=x?t.Root:`nav`,de=e=>{let t={page:e,isActive:e===g,onClick:()=>Z(e),"aria-label":P(e)};return C?C(e,t):(0,f.jsx)(p,{...t,children:e})};return ne?(0,f.jsxs)($,{className:(0,d.default)(`wim-pagination`,l.default.root,l.default.simple,b),"aria-label":A?void 0:k??B,"aria-labelledby":A,children:[(0,f.jsx)(t.Slottable,{children:S}),X,(0,f.jsxs)(`ul`,{className:l.default.root,children:[(0,f.jsx)(`li`,{className:(0,d.default)(l.default.item,g===1&&l.default.disabled),children:(0,f.jsx)(`button`,{className:l.default.button,onClick:()=>Z(g-1),disabled:g===1,"aria-label":M,children:(0,f.jsx)(s.Icon,{component:a.default,size:`sm`})})}),(0,f.jsx)(`li`,{className:(0,d.default)(l.default.item,l.default.simplePager),children:(0,f.jsxs)(`span`,{children:[g,` / `,q]})}),(0,f.jsx)(`li`,{className:(0,d.default)(l.default.item,g===q&&l.default.disabled),children:(0,f.jsx)(`button`,{className:l.default.button,onClick:()=>Z(g+1),disabled:g===q,"aria-label":N,children:(0,f.jsx)(s.Icon,{component:o.default,size:`sm`})})})]})]}):(0,f.jsx)(`div`,{className:(0,d.default)(`wim-pagination`,l.default.container,b),children:(0,f.jsxs)(`div`,{className:l.default.wrapper,children:[E&&(0,f.jsx)(`div`,{className:l.default.total,children:E(e,[le,ue])}),(0,f.jsxs)($,{className:l.default.root,"aria-label":A?void 0:k??B,"aria-labelledby":A,children:[(0,f.jsx)(t.Slottable,{children:S}),X,(0,f.jsxs)(`ul`,{className:l.default.root,children:[(0,f.jsx)(`li`,{className:(0,d.default)(l.default.item,g===1&&l.default.disabled),children:(0,f.jsx)(`button`,{className:l.default.button,onClick:()=>Z(g-1),disabled:g===1,"aria-label":M,children:(0,f.jsx)(s.Icon,{component:a.default,size:`sm`})})}),(0,f.jsx)(`li`,{className:(0,d.default)(l.default.item,l.default.mobileIndicator),children:(0,f.jsxs)(`span`,{children:[g,` / `,q]})}),oe.map((e,t)=>e===m?(0,f.jsx)(`li`,{className:(0,d.default)(l.default.item,l.default.ellipsis),"aria-hidden":`true`,children:m},`ellipsis-${t}`):(0,f.jsx)(`li`,{className:(0,d.default)(l.default.item,l.default.number,e===g&&l.default.active),children:de(e)},e)),(0,f.jsx)(`li`,{className:(0,d.default)(l.default.item,g===q&&l.default.disabled),children:(0,f.jsx)(`button`,{className:l.default.button,onClick:()=>Z(g+1),disabled:g===q,"aria-label":N,children:(0,f.jsx)(s.Icon,{component:o.default,size:`sm`})})})]})]}),re&&(0,f.jsx)(`div`,{className:l.default.sizeChanger,children:(0,f.jsx)(c.Select,{value:String(K),onChange:e=>se(Number(e)),options:T.map(e=>({label:`${e} ${F}`,value:String(e)})),width:`auto`,"aria-label":R})}),D&&(0,f.jsxs)(`div`,{className:l.default.quickJumper,children:[(0,f.jsx)(`span`,{children:I}),(0,f.jsx)(te.Input,{type:`number`,min:1,max:q,value:W,onChange:e=>G(e.target.value),onKeyDown:ce,width:`60px`,"aria-label":z}),(0,f.jsx)(ee.Button,{size:`sm`,variant:`outline`,onClick:Q,disabled:!W,children:L})]})]})})};exports.Pagination=h,exports.default=h,exports.PaginationPage=p;

package/dist/components/navigation/Pagination/Pagination.d.ts

@@ -76,6 +76,8 @@ export interface PaginationProps {
         jumpToPageAriaLabel?: string;
         navAriaLabel?: string;
         totalLabel?: string;
+        /** Announced to screen readers when the page changes. Receives the current page and the page count. */
+        pageStatus?: (current: number, totalPages: number) => string;
     };
     /** Accessible name for the navigation landmark. Takes precedence over `labels.navAriaLabel`. */
     "aria-label"?: string;

package/dist/components/navigation/Pagination/Pagination.js

@@ -2,222 +2,240 @@
 import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
 import { useWimTranslation as n } from "../../../i18n/useWimTranslation.js";
 import { commonNs as r } from "../../../i18n/generated/common.js";
-import i from "../../../icon/chevron-left.js";
-import a from "../../../icon/chevron-right.js";
-import { Icon as o } from "../../media/Icon/Icon.js";
-import { Button as s } from "../../form/Button/Button.js";
-import { Input as c } from "../../form/Input/Input.js";
-import { Select as ee } from "../../form/Select/Select.js";
+import { VisuallyHidden as i } from "../../layout/VisuallyHidden/VisuallyHidden.js";
+import a from "../../../icon/chevron-left.js";
+import o from "../../../icon/chevron-right.js";
+import { Icon as s } from "../../media/Icon/Icon.js";
+import { Button as c } from "../../form/Button/Button.js";
+import { Input as ee } from "../../form/Input/Input.js";
+import { Select as te } from "../../form/Select/Select.js";
 import l from "./pagination.module.js";
-import u, { useMemo as d, useState as f } from "react";
-import p from "classnames";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import u, { useMemo as ne, useState as d } from "react";
+import f from "classnames";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/navigation/Pagination/Pagination.tsx
-var g = u.forwardRef(({ asChild: n = !1, className: r, children: i, page: a, isActive: o, ...s }, c) => /* @__PURE__ */ m(n ? e : "button", {
+var h = u.forwardRef(({ asChild: n = !1, className: r, children: i, page: a, isActive: o, ...s }, c) => /* @__PURE__ */ p(n ? e : "button", {
 	ref: c,
 	type: n ? void 0 : "button",
-	className: p(l.button, r),
+	className: f(l.button, r),
 	"aria-current": o ? "page" : void 0,
 	...s,
-	children: n ? /* @__PURE__ */ m(t, { children: i }) : i
+	children: n ? /* @__PURE__ */ p(t, { children: i }) : i
 }));
-g.displayName = "PaginationPage";
-var _ = "...", v = ({ total: u, pageSize: v = 10, current: y = 1, onChange: b, onPageSizeChange: x, siblingCount: S = 1, className: C, asChild: w = !1, children: T, renderPage: E, hideOnSinglePage: te = !1, simple: ne = !1, showSizeChanger: D = !1, pageSizeOptions: O = [
+h.displayName = "PaginationPage";
+var g = "...", _ = ({ total: u, pageSize: _ = 10, current: v = 1, onChange: y, onPageSizeChange: re, siblingCount: b = 1, className: x, asChild: S = !1, children: C, renderPage: w, hideOnSinglePage: T = !1, simple: ie = !1, showSizeChanger: ae = !1, pageSizeOptions: E = [
 	10,
 	20,
 	50,
 	100
-], showTotal: k, showQuickJumper: A = !1, labels: j = {}, "aria-label": M, "aria-labelledby": N }) => {
-	let { t: P } = n(r), { prevPage: F = P("a11y.go_to_prev_page"), nextPage: I = P("a11y.go_to_next_page"), pageAriaLabel: L = (e) => P("a11y.go_to_page", { page: String(e) }), itemsPerPage: R = P("pagination.items_per_page"), goTo: z = P("pagination.go_to"), go: B = P("pagination.go"), pageSizeAriaLabel: V = P("a11y.items_per_page"), jumpToPageAriaLabel: H = P("a11y.jump_to_page"), navAriaLabel: U = P("a11y.pagination_nav") } = j, [W, G] = f(v), [K, q] = f(""), J = W, Y = Math.ceil(u / J), X = d(() => {
-		if (S + 5 >= Y) return Array.from({ length: Y }, (e, t) => t + 1);
-		let e = Math.max(y - S, 1), t = Math.min(y + S, Y), n = e > 2, r = t < Y - 2, i = Y;
+], showTotal: D, showQuickJumper: O = !1, labels: k = {}, "aria-label": A, "aria-labelledby": j }) => {
+	let { t: M } = n(r), { prevPage: N = M("a11y.go_to_prev_page"), nextPage: P = M("a11y.go_to_next_page"), pageAriaLabel: F = (e) => M("a11y.go_to_page", { page: String(e) }), itemsPerPage: I = M("pagination.items_per_page"), goTo: L = M("pagination.go_to"), go: R = M("pagination.go"), pageSizeAriaLabel: z = M("a11y.items_per_page"), jumpToPageAriaLabel: B = M("a11y.jump_to_page"), navAriaLabel: V = M("a11y.pagination_nav"), pageStatus: H = (e, t) => M("pagination.page_status", {
+		current: String(e),
+		total: String(t)
+	}) } = k, [U, W] = d(_), [G, K] = d(""), q = U, J = Math.ceil(u / q), [oe, se] = d(v), [ce, le] = d("");
+	v !== oe && (se(v), le(H(v, J)));
+	let Y = /* @__PURE__ */ p(i, {
+		role: "status",
+		"aria-atomic": "true",
+		children: ce
+	}), X = ne(() => {
+		if (b + 5 >= J) return Array.from({ length: J }, (e, t) => t + 1);
+		let e = Math.max(v - b, 1), t = Math.min(v + b, J), n = e > 2, r = t < J - 2, i = J;
 		if (!n && r) {
-			let e = 3 + 2 * S;
+			let e = 3 + 2 * b;
 			return [
 				...Array.from({ length: e }, (e, t) => t + 1),
-				_,
-				Y
+				g,
+				J
 			];
 		}
 		if (n && !r) {
-			let e = 3 + 2 * S;
+			let e = 3 + 2 * b;
 			return [
 				1,
-				_,
-				...Array.from({ length: e }, (t, n) => Y - e + n + 1)
+				g,
+				...Array.from({ length: e }, (t, n) => J - e + n + 1)
 			];
 		}
 		return n && r ? [
 			1,
-			_,
+			g,
 			...Array.from({ length: t - e + 1 }, (t, n) => e + n),
-			_,
+			g,
 			i
 		] : [];
 	}, [
-		Y,
-		S,
-		y
+		J,
+		b,
+		v
 	]);
-	if (te && Y <= 1) return null;
+	if (T && J <= 1) return null;
 	let Z = (e) => {
-		e < 1 || e > Y || e === y || b?.(e, J);
-	}, re = (e) => {
-		G(e), x?.(e), b?.(1, e);
+		e < 1 || e > J || e === v || y?.(e, q);
+	}, ue = (e) => {
+		W(e), re?.(e), y?.(1, e);
 	}, Q = () => {
-		let e = parseInt(K);
-		!isNaN(e) && e >= 1 && e <= Y && (Z(e), q(""));
-	}, ie = (e) => {
+		let e = parseInt(G);
+		!isNaN(e) && e >= 1 && e <= J && (Z(e), K(""));
+	}, de = (e) => {
 		e.key === "Enter" && Q();
-	}, ae = (y - 1) * J + 1, oe = Math.min(y * J, u), $ = w ? e : "nav", se = (e) => {
+	}, fe = (v - 1) * q + 1, pe = Math.min(v * q, u), $ = S ? e : "nav", me = (e) => {
 		let t = {
 			page: e,
-			isActive: e === y,
+			isActive: e === v,
 			onClick: () => Z(e),
-			"aria-label": L(e)
+			"aria-label": F(e)
 		};
-		return E ? E(e, t) : /* @__PURE__ */ m(g, {
+		return w ? w(e, t) : /* @__PURE__ */ p(h, {
 			...t,
 			children: e
 		});
 	};
-	return ne ? /* @__PURE__ */ h($, {
-		className: p("wim-pagination", l.root, l.simple, C),
-		"aria-label": N ? void 0 : M ?? U,
-		"aria-labelledby": N,
-		children: [/* @__PURE__ */ m(t, { children: T }), /* @__PURE__ */ h("ul", {
-			className: l.root,
-			children: [
-				/* @__PURE__ */ m("li", {
-					className: p(l.item, y === 1 && l.disabled),
-					children: /* @__PURE__ */ m("button", {
-						className: l.button,
-						onClick: () => Z(y - 1),
-						disabled: y === 1,
-						"aria-label": F,
-						children: /* @__PURE__ */ m(o, {
-							component: i,
-							size: "sm"
+	return ie ? /* @__PURE__ */ m($, {
+		className: f("wim-pagination", l.root, l.simple, x),
+		"aria-label": j ? void 0 : A ?? V,
+		"aria-labelledby": j,
+		children: [
+			/* @__PURE__ */ p(t, { children: C }),
+			Y,
+			/* @__PURE__ */ m("ul", {
+				className: l.root,
+				children: [
+					/* @__PURE__ */ p("li", {
+						className: f(l.item, v === 1 && l.disabled),
+						children: /* @__PURE__ */ p("button", {
+							className: l.button,
+							onClick: () => Z(v - 1),
+							disabled: v === 1,
+							"aria-label": N,
+							children: /* @__PURE__ */ p(s, {
+								component: a,
+								size: "sm"
+							})
 						})
-					})
-				}),
-				/* @__PURE__ */ m("li", {
-					className: p(l.item, l.simplePager),
-					children: /* @__PURE__ */ h("span", { children: [
-						y,
-						" / ",
-						Y
-					] })
-				}),
-				/* @__PURE__ */ m("li", {
-					className: p(l.item, y === Y && l.disabled),
-					children: /* @__PURE__ */ m("button", {
-						className: l.button,
-						onClick: () => Z(y + 1),
-						disabled: y === Y,
-						"aria-label": I,
-						children: /* @__PURE__ */ m(o, {
-							component: a,
-							size: "sm"
+					}),
+					/* @__PURE__ */ p("li", {
+						className: f(l.item, l.simplePager),
+						children: /* @__PURE__ */ m("span", { children: [
+							v,
+							" / ",
+							J
+						] })
+					}),
+					/* @__PURE__ */ p("li", {
+						className: f(l.item, v === J && l.disabled),
+						children: /* @__PURE__ */ p("button", {
+							className: l.button,
+							onClick: () => Z(v + 1),
+							disabled: v === J,
+							"aria-label": P,
+							children: /* @__PURE__ */ p(s, {
+								component: o,
+								size: "sm"
+							})
 						})
 					})
-				})
-			]
-		})]
-	}) : /* @__PURE__ */ m("div", {
-		className: p("wim-pagination", l.container, C),
-		children: /* @__PURE__ */ h("div", {
+				]
+			})
+		]
+	}) : /* @__PURE__ */ p("div", {
+		className: f("wim-pagination", l.container, x),
+		children: /* @__PURE__ */ m("div", {
 			className: l.wrapper,
 			children: [
-				k && /* @__PURE__ */ m("div", {
+				D && /* @__PURE__ */ p("div", {
 					className: l.total,
-					children: k(u, [ae, oe])
+					children: D(u, [fe, pe])
 				}),
-				/* @__PURE__ */ h($, {
+				/* @__PURE__ */ m($, {
 					className: l.root,
-					"aria-label": N ? void 0 : M ?? U,
-					"aria-labelledby": N,
-					children: [/* @__PURE__ */ m(t, { children: T }), /* @__PURE__ */ h("ul", {
-						className: l.root,
-						children: [
-							/* @__PURE__ */ m("li", {
-								className: p(l.item, y === 1 && l.disabled),
-								children: /* @__PURE__ */ m("button", {
-									className: l.button,
-									onClick: () => Z(y - 1),
-									disabled: y === 1,
-									"aria-label": F,
-									children: /* @__PURE__ */ m(o, {
-										component: i,
-										size: "sm"
+					"aria-label": j ? void 0 : A ?? V,
+					"aria-labelledby": j,
+					children: [
+						/* @__PURE__ */ p(t, { children: C }),
+						Y,
+						/* @__PURE__ */ m("ul", {
+							className: l.root,
+							children: [
+								/* @__PURE__ */ p("li", {
+									className: f(l.item, v === 1 && l.disabled),
+									children: /* @__PURE__ */ p("button", {
+										className: l.button,
+										onClick: () => Z(v - 1),
+										disabled: v === 1,
+										"aria-label": N,
+										children: /* @__PURE__ */ p(s, {
+											component: a,
+											size: "sm"
+										})
 									})
-								})
-							}),
-							/* @__PURE__ */ m("li", {
-								className: p(l.item, l.mobileIndicator),
-								children: /* @__PURE__ */ h("span", { children: [
-									y,
-									" / ",
-									Y
-								] })
-							}),
-							X.map((e, t) => e === _ ? /* @__PURE__ */ m("li", {
-								className: p(l.item, l.ellipsis),
-								"aria-hidden": "true",
-								children: _
-							}, `ellipsis-${t}`) : /* @__PURE__ */ m("li", {
-								className: p(l.item, l.number, e === y && l.active),
-								children: se(e)
-							}, e)),
-							/* @__PURE__ */ m("li", {
-								className: p(l.item, y === Y && l.disabled),
-								children: /* @__PURE__ */ m("button", {
-									className: l.button,
-									onClick: () => Z(y + 1),
-									disabled: y === Y,
-									"aria-label": I,
-									children: /* @__PURE__ */ m(o, {
-										component: a,
-										size: "sm"
+								}),
+								/* @__PURE__ */ p("li", {
+									className: f(l.item, l.mobileIndicator),
+									children: /* @__PURE__ */ m("span", { children: [
+										v,
+										" / ",
+										J
+									] })
+								}),
+								X.map((e, t) => e === g ? /* @__PURE__ */ p("li", {
+									className: f(l.item, l.ellipsis),
+									"aria-hidden": "true",
+									children: g
+								}, `ellipsis-${t}`) : /* @__PURE__ */ p("li", {
+									className: f(l.item, l.number, e === v && l.active),
+									children: me(e)
+								}, e)),
+								/* @__PURE__ */ p("li", {
+									className: f(l.item, v === J && l.disabled),
+									children: /* @__PURE__ */ p("button", {
+										className: l.button,
+										onClick: () => Z(v + 1),
+										disabled: v === J,
+										"aria-label": P,
+										children: /* @__PURE__ */ p(s, {
+											component: o,
+											size: "sm"
+										})
 									})
 								})
-							})
-						]
-					})]
+							]
+						})
+					]
 				}),
-				D && /* @__PURE__ */ m("div", {
+				ae && /* @__PURE__ */ p("div", {
 					className: l.sizeChanger,
-					children: /* @__PURE__ */ m(ee, {
-						value: String(J),
-						onChange: (e) => re(Number(e)),
-						options: O.map((e) => ({
-							label: `${e} ${R}`,
+					children: /* @__PURE__ */ p(te, {
+						value: String(q),
+						onChange: (e) => ue(Number(e)),
+						options: E.map((e) => ({
+							label: `${e} ${I}`,
 							value: String(e)
 						})),
 						width: "auto",
-						"aria-label": V
+						"aria-label": z
 					})
 				}),
-				A && /* @__PURE__ */ h("div", {
+				O && /* @__PURE__ */ m("div", {
 					className: l.quickJumper,
 					children: [
-						/* @__PURE__ */ m("span", { children: z }),
-						/* @__PURE__ */ m(c, {
+						/* @__PURE__ */ p("span", { children: L }),
+						/* @__PURE__ */ p(ee, {
 							type: "number",
 							min: 1,
-							max: Y,
-							value: K,
-							onChange: (e) => q(e.target.value),
-							onKeyDown: ie,
+							max: J,
+							value: G,
+							onChange: (e) => K(e.target.value),
+							onKeyDown: de,
 							width: "60px",
-							"aria-label": H
+							"aria-label": B
 						}),
-						/* @__PURE__ */ m(s, {
+						/* @__PURE__ */ p(c, {
 							size: "sm",
 							variant: "outline",
 							onClick: Q,
-							disabled: !K,
-							children: B
+							disabled: !G,
+							children: R
 						})
 					]
 				})
@@ -226,4 +244,4 @@ var _ = "...", v = ({ total: u, pageSize: v = 10, current: y = 1, onChange: b, o
 	});
 };
 //#endregion
-export { v as Pagination, v as default, g as PaginationPage };
+export { _ as Pagination, _ as default, h as PaginationPage };