wimui 0.63.1 → 0.63.2

package/dist/components/_internal/observeMove.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=(e,t)=>{if(typeof IntersectionObserver>`u`)return()=>{};let n=e.ownerDocument.documentElement,r=null,i,a=()=>{clearTimeout(i),r?.disconnect(),r=null},o=(s,c=1)=>{a();let{left:l,top:u,width:d,height:f}=e.getBoundingClientRect();if(s&&t(),!d||!f)return;let p=[-Math.floor(u),-Math.floor(n.clientWidth-(l+d)),-Math.floor(n.clientHeight-(u+f)),-Math.floor(l)].map(e=>`${e}px`).join(` `),m=!0;r=new IntersectionObserver(t=>{let n=t[0].intersectionRatio;if(typeof n!=`number`){a();return}let r=e.getBoundingClientRect();if(m&&(Math.abs(r.left-l)>=1||Math.abs(r.top-u)>=1)){o(!0);return}if(n!==c){if(!m){o(!0);return}n?o(!1,n):i=setTimeout(()=>o(!1,1e-7),1e3)}m=!1},{rootMargin:p,threshold:Math.max(0,Math.min(1,c))||1}),r.observe(e)};return o(!1),a};exports.observeMove=e;
+var e=(e,t)=>{if(typeof IntersectionObserver>`u`)return()=>{};let n=e.ownerDocument?.documentElement;if(!n)return()=>{};let r=null,i,a=()=>{clearTimeout(i),r?.disconnect(),r=null},o=(s,c=1)=>{a();let{left:l,top:u,width:d,height:f}=e.getBoundingClientRect();if(s&&t(),!d||!f)return;let p=[-Math.floor(u),-Math.floor(n.clientWidth-(l+d)),-Math.floor(n.clientHeight-(u+f)),-Math.floor(l)].map(e=>`${e}px`).join(` `),m=!0;r=new IntersectionObserver(t=>{let n=t[0].intersectionRatio;if(typeof n!=`number`){a();return}let r=e.getBoundingClientRect();if(m&&(Math.abs(r.left-l)>=1||Math.abs(r.top-u)>=1)){o(!0);return}if(n!==c){if(!m){o(!0);return}n?o(!1,n):i=setTimeout(()=>o(!1,1e-7),1e3)}m=!1},{rootMargin:p,threshold:Math.max(0,Math.min(1,c))||1}),r.observe(e)};return o(!1),a};exports.observeMove=e;

package/dist/components/_internal/observeMove.js

@@ -2,7 +2,9 @@
 //#region src/components/_internal/observeMove.ts
 var e = (e, t) => {
 	if (typeof IntersectionObserver > "u") return () => {};
-	let n = e.ownerDocument.documentElement, r = null, i, a = () => {
+	let n = e.ownerDocument?.documentElement;
+	if (!n) return () => {};
+	let r = null, i, a = () => {
 		clearTimeout(i), r?.disconnect(), r = null;
 	}, o = (s, c = 1) => {
 		a();

package/dist/components/layout/AppShell/AppShell.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./appshell.module.cjs"),n=require("./warn-discarded-sidebar.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=new Set([]),s=e=>r.default.Children.toArray(e).some(e=>r.default.isValidElement(e)&&o.has(e.type)),c=r.default.forwardRef(({className:e,children:r,header:o,sidebar:c,footer:l,navbar:u,padding:d=!0,centered:f,maxWidth:p,...m},h)=>{let g=s(r);g&&c&&n.warnDiscardedSidebarProp();let _=p?{"--wim-appshell-max-width":typeof p==`number`?`${p}px`:p}:void 0;return(0,a.jsxs)(`div`,{ref:h,className:(0,i.default)(`wim-app-shell`,t.default.root,!!u&&t.default.withNavbar,e),style:_,...m,children:[o&&(0,a.jsx)(`div`,{className:t.default.header,children:o}),g?r:(0,a.jsxs)(`div`,{className:t.default.body,children:[c&&(0,a.jsx)(`div`,{className:t.default.sidebar,children:c}),(0,a.jsx)(`main`,{className:(0,i.default)(t.default.main,d&&t.default.padded,f&&t.default.centered),tabIndex:0,children:f?(0,a.jsx)(`div`,{className:t.default.content,children:r}):r})]}),u&&(0,a.jsx)(`div`,{className:t.default.navbar,children:u}),l&&(0,a.jsx)(`div`,{className:t.default.footer,children:l})]})});c.displayName=`AppShell`;var l=r.default.forwardRef(({className:e,children:n,padding:r=!0,centered:o,...s},c)=>(0,a.jsx)(`main`,{ref:c,className:(0,i.default)(t.default.main,r&&t.default.padded,o&&t.default.centered,e),tabIndex:0,...s,children:o?(0,a.jsx)(`div`,{className:t.default.content,children:n}):n}));l.displayName=`AppShell.Main`;var u=r.default.forwardRef(({className:e,children:n,...r},o)=>(0,a.jsx)(`div`,{ref:o,className:(0,i.default)(t.default.body,e),...r,children:n}));u.displayName=`AppShell.Body`;var d=r.default.forwardRef(({className:e,children:n,...r},o)=>(0,a.jsx)(`div`,{ref:o,className:(0,i.default)(t.default.header,e),...r,children:n}));d.displayName=`AppShell.Header`;var f=r.default.forwardRef(({className:e,children:n,...r},o)=>(0,a.jsx)(`div`,{ref:o,className:(0,i.default)(t.default.sidebar,e),...r,children:n}));f.displayName=`AppShell.Sidebar`;var p=r.default.forwardRef(({className:e,children:n,...r},o)=>(0,a.jsx)(`div`,{ref:o,className:(0,i.default)(t.default.footer,e),...r,children:n}));p.displayName=`AppShell.Footer`;var m=r.default.forwardRef(({className:e,children:n,...r},o)=>(0,a.jsx)(`div`,{ref:o,className:(0,i.default)(t.default.navbar,e),...r,children:n}));m.displayName=`AppShell.Navbar`;var h=c;for(let e of[u,l,d,f,p,m])o.add(e);h.Main=l,h.Body=u,h.Header=d,h.Sidebar=f,h.Footer=p,h.Navbar=m,exports.AppShell=h,exports.default=h,exports.AppShellBody=u,exports.AppShellFooter=p,exports.AppShellHeader=d,exports.AppShellMain=l,exports.AppShellNavbar=m,exports.AppShellRoot=c,exports.AppShellSidebar=f;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./appshell.module.cjs"),n=require("./warn-discarded-sidebar.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=new Set([]),s=e=>r.default.Children.toArray(e).some(e=>r.default.isValidElement(e)&&o.has(e.type)),c=r.default.forwardRef(({className:e,children:r,header:o,sidebar:c,footer:l,navbar:u,padding:d=!0,centered:f,maxWidth:p,...m},h)=>{let g=s(r);g&&c&&n.warnDiscardedSidebarProp();let _=p?{"--wim-appshell-max-width":typeof p==`number`?`${p}px`:p}:void 0;return(0,a.jsxs)(`div`,{ref:h,className:(0,i.default)(`wim-app-shell`,t.default.root,!!u&&t.default.withNavbar,e),...m,style:{..._,...m.style},children:[o&&(0,a.jsx)(`div`,{className:t.default.header,children:o}),g?r:(0,a.jsxs)(`div`,{className:t.default.body,children:[c&&(0,a.jsx)(`div`,{className:t.default.sidebar,children:c}),(0,a.jsx)(`main`,{className:(0,i.default)(t.default.main,d&&t.default.padded,f&&t.default.centered),tabIndex:0,children:f?(0,a.jsx)(`div`,{className:t.default.content,children:r}):r})]}),u&&(0,a.jsx)(`div`,{className:t.default.navbar,children:u}),l&&(0,a.jsx)(`div`,{className:t.default.footer,children:l})]})});c.displayName=`AppShell`;var l=r.default.forwardRef(({className:e,children:n,padding:r=!0,centered:o,...s},c)=>(0,a.jsx)(`main`,{ref:c,className:(0,i.default)(t.default.main,r&&t.default.padded,o&&t.default.centered,e),tabIndex:0,...s,children:o?(0,a.jsx)(`div`,{className:t.default.content,children:n}):n}));l.displayName=`AppShell.Main`;var u=r.default.forwardRef(({className:e,children:n,...r},o)=>(0,a.jsx)(`div`,{ref:o,className:(0,i.default)(t.default.body,e),...r,children:n}));u.displayName=`AppShell.Body`;var d=r.default.forwardRef(({className:e,children:n,...r},o)=>(0,a.jsx)(`div`,{ref:o,className:(0,i.default)(t.default.header,e),...r,children:n}));d.displayName=`AppShell.Header`;var f=r.default.forwardRef(({className:e,children:n,...r},o)=>(0,a.jsx)(`div`,{ref:o,className:(0,i.default)(t.default.sidebar,e),...r,children:n}));f.displayName=`AppShell.Sidebar`;var p=r.default.forwardRef(({className:e,children:n,...r},o)=>(0,a.jsx)(`div`,{ref:o,className:(0,i.default)(t.default.footer,e),...r,children:n}));p.displayName=`AppShell.Footer`;var m=r.default.forwardRef(({className:e,children:n,...r},o)=>(0,a.jsx)(`div`,{ref:o,className:(0,i.default)(t.default.navbar,e),...r,children:n}));m.displayName=`AppShell.Navbar`;var h=c;for(let e of[u,l,d,f,p,m])o.add(e);h.Main=l,h.Body=u,h.Header=d,h.Sidebar=f,h.Footer=p,h.Navbar=m,exports.AppShell=h,exports.default=h,exports.AppShellBody=u,exports.AppShellFooter=p,exports.AppShellHeader=d,exports.AppShellMain=l,exports.AppShellNavbar=m,exports.AppShellRoot=c,exports.AppShellSidebar=f;

package/dist/components/layout/AppShell/AppShell.js

@@ -12,8 +12,11 @@ var o = /* @__PURE__ */ new Set([]), s = (e) => n.Children.toArray(e).some((e) =
 	return /* @__PURE__ */ a("div", {
 		ref: g,
 		className: r("wim-app-shell", e.root, !!d && e.withNavbar, n),
-		style: v,
 		...h,
+		style: {
+			...v,
+			...h.style
+		},
 		children: [
 			c && /* @__PURE__ */ i("div", {
 				className: e.header,

package/dist/components/layout/Sidebar/Sidebar.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./sidebar.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({className:e,children:n,fixed:a,collapsed:o,width:s=260,bordered:c=!0,responsive:l=!0,mobileOpen:u,onOverlayClick:d,...f},p)=>{let m={"--wim-sidebar-width":typeof s==`number`?`${s}px`:s};return(0,i.jsxs)(i.Fragment,{children:[l&&u&&(0,i.jsx)(`div`,{className:t.default.overlay,onClick:d,"aria-hidden":`true`}),(0,i.jsx)(`aside`,{ref:p,style:m,className:(0,r.default)(`wim-sidebar`,t.default.root,a&&t.default.fixed,o&&t.default.collapsed,c&&t.default.bordered,l&&t.default.responsive,u&&t.default[`mobile-open`],e),"data-collapsed":o,...f,children:(0,i.jsx)(`div`,{className:t.default.container,children:n})})]})});a.displayName=`Sidebar`;var o=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.header,e),...a,children:n}));o.displayName=`Sidebar.Header`;var s=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.content,e),...a,children:n}));s.displayName=`Sidebar.Content`;var c=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.footer,e),...a,children:n}));c.displayName=`Sidebar.Footer`;var l=n.default.forwardRef(({className:e,children:n,active:a,disabled:o,icon:s,...c},l)=>(0,i.jsxs)(`div`,{ref:l,className:(0,r.default)(t.default.item,a&&t.default.active,o&&t.default.disabled,e),...c,children:[s&&(0,i.jsx)(`span`,{className:t.default.itemIcon,children:s}),(0,i.jsx)(`span`,{className:t.default.itemText,children:n})]}));l.displayName=`Sidebar.Item`;var u=a;u.Header=o,u.Content=s,u.Footer=c,u.Item=l,exports.Sidebar=u,exports.default=u,exports.SidebarContent=s,exports.SidebarFooter=c,exports.SidebarHeader=o,exports.SidebarItem=l;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./sidebar.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({className:e,children:n,fixed:a,collapsed:o,width:s=260,bordered:c=!0,responsive:l=!0,mobileOpen:u,onOverlayClick:d,...f},p)=>{let m={"--wim-sidebar-width":typeof s==`number`?`${s}px`:s};return(0,i.jsxs)(i.Fragment,{children:[l&&u&&(0,i.jsx)(`div`,{className:t.default.overlay,onClick:d,"aria-hidden":`true`}),(0,i.jsx)(`aside`,{ref:p,className:(0,r.default)(`wim-sidebar`,t.default.root,a&&t.default.fixed,o&&t.default.collapsed,c&&t.default.bordered,l&&t.default.responsive,u&&t.default[`mobile-open`],e),"data-collapsed":o,...f,style:{...m,...f.style},children:(0,i.jsx)(`div`,{className:t.default.container,children:n})})]})});a.displayName=`Sidebar`;var o=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.header,e),...a,children:n}));o.displayName=`Sidebar.Header`;var s=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.content,e),...a,children:n}));s.displayName=`Sidebar.Content`;var c=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.footer,e),...a,children:n}));c.displayName=`Sidebar.Footer`;var l=n.default.forwardRef(({className:e,children:n,active:a,disabled:o,icon:s,...c},l)=>(0,i.jsxs)(`div`,{ref:l,className:(0,r.default)(t.default.item,a&&t.default.active,o&&t.default.disabled,e),...c,children:[s&&(0,i.jsx)(`span`,{className:t.default.itemIcon,children:s}),(0,i.jsx)(`span`,{className:t.default.itemText,children:n})]}));l.displayName=`Sidebar.Item`;var u=a;u.Header=o,u.Content=s,u.Footer=c,u.Item=l,exports.Sidebar=u,exports.default=u,exports.SidebarContent=s,exports.SidebarFooter=c,exports.SidebarHeader=o,exports.SidebarItem=l;

package/dist/components/layout/Sidebar/Sidebar.js

@@ -12,10 +12,13 @@ var o = t.forwardRef(({ className: t, children: o, fixed: s, collapsed: c, width
 		"aria-hidden": "true"
 	}), /* @__PURE__ */ i("aside", {
 		ref: h,
-		style: g,
 		className: n("wim-sidebar", e.root, s && e.fixed, c && e.collapsed, u && e.bordered, d && e.responsive, f && e["mobile-open"], t),
 		"data-collapsed": c,
 		...m,
+		style: {
+			...g,
+			...m.style
+		},
 		children: /* @__PURE__ */ i("div", {
 			className: e.container,
 			children: o

package/dist/components/navigation/Anchor/Anchor.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./anchor.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=({items:e=[],bounds:a=5,offset:o=0,direction:s=`vertical`,className:c,style:l,"aria-label":u,"aria-labelledby":d})=>{let[f,p]=(0,n.useState)(``),[m,h]=(0,n.useState)({}),g=(0,n.useRef)(null),_=(e,t)=>{e.preventDefault();let n=t.replace(`#`,``),r=document.getElementById(n);r&&(window.scrollTo({top:r.offsetTop-o,behavior:`smooth`}),p(t))};(0,n.useLayoutEffect)(()=>{let t=()=>{let t=(e,n)=>{let r=[];return e.forEach(e=>{r.push({href:e.href,parentHref:n}),e.children&&(r=r.concat(t(e.children,n||e.href)))}),r},n=t(e),r=``,i=window.scrollY||document.documentElement.scrollTop,c=document.documentElement.scrollHeight,l=document.documentElement.clientHeight;if(i>0&&Math.ceil(i+l)>=c&&n.length>0){let e=n[n.length-1];r=s===`horizontal`&&e.parentHref?e.parentHref:e.href}else for(let e of n){let t=e.href.replace(`#`,``),n=document.getElementById(t);if(n){if(n.getBoundingClientRect().top<=o+a)r=s===`horizontal`&&e.parentHref?e.parentHref:e.href;else break}}r&&r!==f&&p(r)};return window.addEventListener(`scroll`,t),t(),()=>window.removeEventListener(`scroll`,t)},[e,o,a,f,s]);let v=(0,n.useCallback)(()=>{if(!f||!g.current)return;let e=g.current.querySelector(`a[href="${f}"]`);if(e){let n=g.current.getBoundingClientRect();if(s===`vertical`){let t=e.getBoundingClientRect();h({top:t.top-n.top,height:t.height,opacity:1})}else{let r=g.current.querySelector(`.${t.default.list}`);if(r){let t=e.getBoundingClientRect(),i=r.getBoundingClientRect(),a=t.left-i.left+r.scrollLeft,o=a-i.width/2+t.width/2,s=r.scrollWidth-i.width,c=Math.max(0,Math.min(o,s)),l=a-c+(i.left-n.left);h({left:l,width:t.width,opacity:1}),r.scrollTo({left:c,behavior:`smooth`})}else{let t=e.getBoundingClientRect();h({left:t.left-g.current.getBoundingClientRect().left,width:t.width,opacity:1})}}}else h({opacity:0})},[f,s]);(0,n.useLayoutEffect)(()=>{v()},[v]),(0,n.useEffect)(()=>{let e=g.current;if(!e||typeof ResizeObserver>`u`)return;let t=new ResizeObserver(()=>v());return t.observe(e),e.querySelectorAll(`a`).forEach(e=>t.observe(e)),()=>t.disconnect()},[v,e]);let y=e=>(0,i.jsx)(`ul`,{className:(0,r.default)(t.default.list,t.default[s]),children:e.map(e=>(0,i.jsxs)(`li`,{className:(0,r.default)(t.default.item,f===e.href&&t.default.active),children:[(0,i.jsx)(`a`,{href:e.href,className:t.default.link,"aria-current":f===e.href?`location`:void 0,onClick:t=>_(t,e.href),title:typeof e.title==`string`?e.title:void 0,children:e.title}),e.children&&s===`vertical`&&y(e.children)]},e.key))});return(0,i.jsxs)(`div`,{className:(0,r.default)(`wim-anchor`,t.default.root,t.default[s],c),style:l,ref:g,role:u||d?`navigation`:void 0,"aria-label":d?void 0:u,"aria-labelledby":d,children:[(0,i.jsx)(`div`,{className:t.default.ink,children:(0,i.jsx)(`span`,{className:t.default.inkBall,style:m})}),y(e)]})};exports.Anchor=a,exports.default=a;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/observeMove.cjs"),n=require("./anchor.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=({items:e=[],bounds:o=5,offset:s=0,direction:c=`vertical`,className:l,style:u,"aria-label":d,"aria-labelledby":f})=>{let[p,m]=(0,r.useState)(``),[h,g]=(0,r.useState)({}),_=(0,r.useRef)(null),v=(e,t)=>{e.preventDefault();let n=t.replace(`#`,``),r=document.getElementById(n);r&&(window.scrollTo({top:r.offsetTop-s,behavior:`smooth`}),m(t))};(0,r.useLayoutEffect)(()=>{let n=()=>{let t=(e,n)=>{let r=[];return e.forEach(e=>{r.push({href:e.href,parentHref:n}),e.children&&(r=r.concat(t(e.children,n||e.href)))}),r},n=t(e),r=``,i=window.scrollY||document.documentElement.scrollTop,a=document.documentElement.scrollHeight,l=document.documentElement.clientHeight;if(i>0&&Math.ceil(i+l)>=a&&n.length>0){let e=n[n.length-1];r=c===`horizontal`&&e.parentHref?e.parentHref:e.href}else for(let e of n){let t=e.href.replace(`#`,``),n=document.getElementById(t);if(n){if(n.getBoundingClientRect().top<=s+o)r=c===`horizontal`&&e.parentHref?e.parentHref:e.href;else break}}r&&r!==p&&m(r)};window.addEventListener(`scroll`,n),window.addEventListener(`resize`,n);let r=e=>e.flatMap(e=>[e.href,...e.children?r(e.children):[]]),i=r(e).map(e=>document.getElementById(e.replace(`#`,``))).filter(e=>e!==null).map(e=>t.observeMove(e,n));return n(),()=>{window.removeEventListener(`scroll`,n),window.removeEventListener(`resize`,n),i.forEach(e=>e())}},[e,s,o,p,c]);let y=(0,r.useCallback)(()=>{if(!p||!_.current)return;let e=_.current.querySelector(`a[href="${p}"]`);if(e){let t=_.current.getBoundingClientRect();if(c===`vertical`){let n=e.getBoundingClientRect();g({top:n.top-t.top,height:n.height,opacity:1})}else{let r=_.current.querySelector(`.${n.default.list}`);if(r){let n=e.getBoundingClientRect(),i=r.getBoundingClientRect(),a=n.left-i.left+r.scrollLeft,o=a-i.width/2+n.width/2,s=r.scrollWidth-i.width,c=Math.max(0,Math.min(o,s)),l=a-c+(i.left-t.left);g({left:l,width:n.width,opacity:1}),r.scrollTo({left:c,behavior:`smooth`})}else{let t=e.getBoundingClientRect();g({left:t.left-_.current.getBoundingClientRect().left,width:t.width,opacity:1})}}}else g({opacity:0})},[p,c]);(0,r.useLayoutEffect)(()=>{y()},[y]),(0,r.useEffect)(()=>{let e=_.current;if(!e||typeof ResizeObserver>`u`)return;let t=new ResizeObserver(()=>y());return t.observe(e),e.querySelectorAll(`a`).forEach(e=>t.observe(e)),()=>t.disconnect()},[y,e]);let b=e=>(0,a.jsx)(`ul`,{className:(0,i.default)(n.default.list,n.default[c]),children:e.map(e=>(0,a.jsxs)(`li`,{className:(0,i.default)(n.default.item,p===e.href&&n.default.active),children:[(0,a.jsx)(`a`,{href:e.href,className:n.default.link,"aria-current":p===e.href?`location`:void 0,onClick:t=>v(t,e.href),title:typeof e.title==`string`?e.title:void 0,children:e.title}),e.children&&c===`vertical`&&b(e.children)]},e.key))});return(0,a.jsxs)(`div`,{className:(0,i.default)(`wim-anchor`,n.default.root,n.default[c],l),style:u,ref:_,role:d||f?`navigation`:void 0,"aria-label":f?void 0:d,"aria-labelledby":f,children:[(0,a.jsx)(`div`,{className:n.default.ink,children:(0,a.jsx)(`span`,{className:n.default.inkBall,style:h})}),b(e)]})};exports.Anchor=o,exports.default=o;

package/dist/components/navigation/Anchor/Anchor.js

@@ -1,20 +1,21 @@
 "use client";
-import e from "./anchor.module.js";
-import { useCallback as t, useEffect as n, useLayoutEffect as r, useRef as i, useState as a } from "react";
-import o from "classnames";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { observeMove as e } from "../../_internal/observeMove.js";
+import t from "./anchor.module.js";
+import { useCallback as n, useEffect as r, useLayoutEffect as i, useRef as a, useState as o } from "react";
+import s from "classnames";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/navigation/Anchor/Anchor.tsx
-var l = ({ items: l = [], bounds: u = 5, offset: d = 0, direction: f = "vertical", className: p, style: m, "aria-label": h, "aria-labelledby": g }) => {
-	let [_, v] = a(""), [y, b] = a({}), x = i(null), S = (e, t) => {
+var u = ({ items: u = [], bounds: d = 5, offset: f = 0, direction: p = "vertical", className: m, style: h, "aria-label": g, "aria-labelledby": _ }) => {
+	let [v, y] = o(""), [b, x] = o({}), S = a(null), C = (e, t) => {
 		e.preventDefault();
 		let n = t.replace("#", ""), r = document.getElementById(n);
 		r && (window.scrollTo({
-			top: r.offsetTop - d,
+			top: r.offsetTop - f,
 			behavior: "smooth"
-		}), v(t));
+		}), y(t));
 	};
-	r(() => {
-		let e = () => {
+	i(() => {
+		let t = () => {
 			let e = (t, n) => {
 				let r = [];
 				return t.forEach((t) => {
@@ -23,99 +24,103 @@ var l = ({ items: l = [], bounds: u = 5, offset: d = 0, direction: f = "vertical
 						parentHref: n
 					}), t.children && (r = r.concat(e(t.children, n || t.href)));
 				}), r;
-			}, t = e(l), n = "", r = window.scrollY || document.documentElement.scrollTop, i = document.documentElement.scrollHeight, a = document.documentElement.clientHeight;
+			}, t = e(u), n = "", r = window.scrollY || document.documentElement.scrollTop, i = document.documentElement.scrollHeight, a = document.documentElement.clientHeight;
 			if (r > 0 && Math.ceil(r + a) >= i && t.length > 0) {
 				let e = t[t.length - 1];
-				n = f === "horizontal" && e.parentHref ? e.parentHref : e.href;
+				n = p === "horizontal" && e.parentHref ? e.parentHref : e.href;
 			} else for (let e of t) {
 				let t = e.href.replace("#", ""), r = document.getElementById(t);
 				if (r) {
-					if (r.getBoundingClientRect().top <= d + u) n = f === "horizontal" && e.parentHref ? e.parentHref : e.href;
+					if (r.getBoundingClientRect().top <= f + d) n = p === "horizontal" && e.parentHref ? e.parentHref : e.href;
 					else break;
 				}
 			}
-			n && n !== _ && v(n);
+			n && n !== v && y(n);
+		};
+		window.addEventListener("scroll", t), window.addEventListener("resize", t);
+		let n = (e) => e.flatMap((e) => [e.href, ...e.children ? n(e.children) : []]), r = n(u).map((e) => document.getElementById(e.replace("#", ""))).filter((e) => e !== null).map((n) => e(n, t));
+		return t(), () => {
+			window.removeEventListener("scroll", t), window.removeEventListener("resize", t), r.forEach((e) => e());
 		};
-		return window.addEventListener("scroll", e), e(), () => window.removeEventListener("scroll", e);
 	}, [
-		l,
-		d,
 		u,
-		_,
-		f
+		f,
+		d,
+		v,
+		p
 	]);
-	let C = t(() => {
-		if (!_ || !x.current) return;
-		let t = x.current.querySelector(`a[href="${_}"]`);
-		if (t) {
-			let n = x.current.getBoundingClientRect();
-			if (f === "vertical") {
-				let e = t.getBoundingClientRect();
-				b({
-					top: e.top - n.top,
-					height: e.height,
+	let w = n(() => {
+		if (!v || !S.current) return;
+		let e = S.current.querySelector(`a[href="${v}"]`);
+		if (e) {
+			let n = S.current.getBoundingClientRect();
+			if (p === "vertical") {
+				let t = e.getBoundingClientRect();
+				x({
+					top: t.top - n.top,
+					height: t.height,
 					opacity: 1
 				});
 			} else {
-				let r = x.current.querySelector(`.${e.list}`);
+				let r = S.current.querySelector(`.${t.list}`);
 				if (r) {
-					let e = t.getBoundingClientRect(), i = r.getBoundingClientRect(), a = e.left - i.left + r.scrollLeft, o = a - i.width / 2 + e.width / 2, s = r.scrollWidth - i.width, c = Math.max(0, Math.min(o, s)), l = a - c + (i.left - n.left);
-					b({
+					let t = e.getBoundingClientRect(), i = r.getBoundingClientRect(), a = t.left - i.left + r.scrollLeft, o = a - i.width / 2 + t.width / 2, s = r.scrollWidth - i.width, c = Math.max(0, Math.min(o, s)), l = a - c + (i.left - n.left);
+					x({
 						left: l,
-						width: e.width,
+						width: t.width,
 						opacity: 1
 					}), r.scrollTo({
 						left: c,
 						behavior: "smooth"
 					});
 				} else {
-					let e = t.getBoundingClientRect();
-					b({
-						left: e.left - x.current.getBoundingClientRect().left,
-						width: e.width,
+					let t = e.getBoundingClientRect();
+					x({
+						left: t.left - S.current.getBoundingClientRect().left,
+						width: t.width,
 						opacity: 1
 					});
 				}
 			}
-		} else b({ opacity: 0 });
-	}, [_, f]);
-	r(() => {
-		C();
-	}, [C]), n(() => {
-		let e = x.current;
+		} else x({ opacity: 0 });
+	}, [v, p]);
+	i(() => {
+		w();
+	}, [w]), r(() => {
+		let e = S.current;
 		if (!e || typeof ResizeObserver > "u") return;
-		let t = new ResizeObserver(() => C());
+		let t = new ResizeObserver(() => w());
 		return t.observe(e), e.querySelectorAll("a").forEach((e) => t.observe(e)), () => t.disconnect();
-	}, [C, l]);
-	let w = (t) => /* @__PURE__ */ s("ul", {
-		className: o(e.list, e[f]),
-		children: t.map((t) => /* @__PURE__ */ c("li", {
-			className: o(e.item, _ === t.href && e.active),
-			children: [/* @__PURE__ */ s("a", {
-				href: t.href,
-				className: e.link,
-				"aria-current": _ === t.href ? "location" : void 0,
-				onClick: (e) => S(e, t.href),
-				title: typeof t.title == "string" ? t.title : void 0,
-				children: t.title
-			}), t.children && f === "vertical" && w(t.children)]
-		}, t.key))
+	}, [w, u]);
+	let T = (e) => /* @__PURE__ */ c("ul", {
+		className: s(t.list, t[p]),
+		children: e.map((e) => /* @__PURE__ */ l("li", {
+			className: s(t.item, v === e.href && t.active),
+			children: [/* @__PURE__ */ c("a", {
+				href: e.href,
+				className: t.link,
+				"aria-current": v === e.href ? "location" : void 0,
+				onClick: (t) => C(t, e.href),
+				title: typeof e.title == "string" ? e.title : void 0,
+				children: e.title
+			}), e.children && p === "vertical" && T(e.children)]
+		}, e.key))
 	});
-	return /* @__PURE__ */ c("div", {
-		className: o("wim-anchor", e.root, e[f], p),
-		style: m,
-		ref: x,
-		role: h || g ? "navigation" : void 0,
-		"aria-label": g ? void 0 : h,
-		"aria-labelledby": g,
-		children: [/* @__PURE__ */ s("div", {
-			className: e.ink,
-			children: /* @__PURE__ */ s("span", {
-				className: e.inkBall,
-				style: y
+	return /* @__PURE__ */ l("div", {
+		className: s("wim-anchor", t.root, t[p], m),
+		style: h,
+		ref: S,
+		role: g || _ ? "navigation" : void 0,
+		"aria-label": _ ? void 0 : g,
+		"aria-labelledby": _,
+		children: [/* @__PURE__ */ c("div", {
+			className: t.ink,
+			children: /* @__PURE__ */ c("span", {
+				className: t.inkBall,
+				style: b
 			})
-		}), w(l)]
+		}), T(u)]
 	});
 };
 //#endregion
-export { l as Anchor, l as default };
+export { u as Anchor, u as default };

package/dist/llms-full.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.63.1 — 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.63.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.63.1 — 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.63.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