wimui 0.60.0 → 0.61.0

package/dist/components/form/TreeSelect/TreeSelect.js

@@ -1,166 +1,169 @@
 "use client";
 import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
 import { useMergedRef as n } from "../../../hooks/useMergedRef.js";
-import { Transition as ee } from "../../layout/Transition/Transition.js";
-import { FocusTrap as r } from "../../overlay/FocusTrap/FocusTrap.js";
-import { InputBase as i } from "../InputBase/InputBase.js";
-import { FieldTemplate as a } from "../FieldTemplate/FieldTemplate.js";
-import { TreeView as te } from "../../data-display/TreeView/TreeView.js";
-import o from "./tree-select.module.js";
-import { forwardRef as s, useEffect as c, useId as l, useMemo as u, useRef as d, useState as f } from "react";
-import p from "classnames";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Transition as r } from "../../layout/Transition/Transition.js";
+import { FocusTrap as i } from "../../overlay/FocusTrap/FocusTrap.js";
+import { InputBase as a } from "../InputBase/InputBase.js";
+import { useInlineFloating as o } from "../../_internal/useInlineFloating.js";
+import { FieldTemplate as s } from "../FieldTemplate/FieldTemplate.js";
+import { TreeView as c } from "../../data-display/TreeView/TreeView.js";
+import l from "./tree-select.module.js";
+import { forwardRef as u, useEffect as d, useId as ee, useMemo as f, useRef as p, useState as m } from "react";
+import h from "classnames";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/form/TreeSelect/TreeSelect.tsx
-function g(e) {
+function v(e) {
 	return e.map((e) => ({
 		value: e.value,
 		label: e.label,
 		disabled: e.disabled,
 		icon: e.icon,
-		children: e.children ? g(e.children) : void 0
+		children: e.children ? v(e.children) : void 0
 	}));
 }
-var _ = s(({ treeData: s = [], value: _, onChange: v, placeholder: y, label: b, error: x, required: S, layout: C, className: w, disabled: T = !1, multiple: E = !1, searchable: D = !1, defaultExpandedKeys: O = [], allowClear: k = !1, checkStrategy: A = "cascade", id: ne, width: re, fullWidth: j = !1, asChild: M = !1, children: ie, ...ae }, oe) => {
-	let se = l(), N = ne || `wim-tree-select-${se}`, P = b ? `${N}-label` : void 0, F = x ? `${N}-error` : void 0, I = `${N}-trigger`, L = `${N}-dropdown`, [R, z] = f(!1), [B, V] = f(E ? [] : ""), H = d(null), U = d(null), W = _ !== void 0, G = W ? _ : B;
-	c(() => {
+var y = u(({ treeData: u = [], value: y, onChange: b, placeholder: x, label: S, error: C, required: w, layout: T, className: E, disabled: D = !1, multiple: O = !1, searchable: k = !1, defaultExpandedKeys: A = [], allowClear: te = !1, checkStrategy: ne = "cascade", id: re, width: ie, fullWidth: j = !1, asChild: ae = !1, children: oe, ...se }, ce) => {
+	let le = ee(), M = re || `wim-tree-select-${le}`, N = S ? `${M}-label` : void 0, P = C ? `${M}-error` : void 0, F = `${M}-trigger`, I = `${M}-dropdown`, [L, R] = m(!1), [z, B] = m(O ? [] : ""), V = p(null), H = p(null), U = y !== void 0, W = U ? y : z;
+	d(() => {
 		let e = (e) => {
-			H.current && !H.current.contains(e.target) && z(!1);
+			V.current && !V.current.contains(e.target) && R(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, []), c(() => {
-		if (R) {
+	}, []), d(() => {
+		if (L) {
 			let e = setTimeout(() => {
-				let e = H.current?.querySelector("[data-testid=\"tree-view-search-input\"]");
-				e ? e.focus() : (H.current?.querySelector("[data-testid=\"tree-view-root\"]"))?.focus();
+				let e = V.current?.querySelector("[data-testid=\"tree-view-search-input\"]");
+				e ? e.focus() : (V.current?.querySelector("[data-testid=\"tree-view-root\"]"))?.focus();
 			}, 100);
 			return () => clearTimeout(e);
 		}
-	}, [R]);
-	let K = () => {
-		if (!T) {
-			let e = !R;
-			z(e), e || U.current?.focus();
+	}, [L]);
+	let G = () => {
+		if (!D) {
+			let e = !L;
+			R(e), e || H.current?.focus();
 		}
-	}, ce = (e) => {
-		if (!T) {
-			if (!R) {
-				(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), z(!0));
+	}, ue = (e) => {
+		if (!D) {
+			if (!L) {
+				(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), R(!0));
 				return;
 			}
-			e.key === "Escape" && (e.preventDefault(), z(!1), U.current?.focus());
+			e.key === "Escape" && (e.preventDefault(), R(!1), H.current?.focus());
 		}
-	}, q = u(() => {
+	}, K = f(() => {
 		let e = {}, t = (n) => {
 			n.forEach((n) => {
 				e[n.value] = n, n.children && t(n.children);
 			});
 		};
-		return t(s), e;
-	}, [s]), le = () => {
-		if (E) {
-			let e = Array.isArray(G) ? G : [];
-			return e.length === 0 ? null : e.map((e) => q[e] ? q[e].label : e).reduce((e, t) => [
+		return t(u), e;
+	}, [u]), de = () => {
+		if (O) {
+			let e = Array.isArray(W) ? W : [];
+			return e.length === 0 ? null : e.map((e) => K[e] ? K[e].label : e).reduce((e, t) => [
 				e,
 				", ",
 				t
 			]);
 		}
 		{
-			let e = G;
-			return e ? q[e] ? q[e].label : e : null;
+			let e = W;
+			return e ? K[e] ? K[e].label : e : null;
 		}
-	}, J = (e) => {
+	}, q = (e) => {
 		let t;
-		E ? t = e : (t = e[0] || "", z(!1), U.current?.focus()), W || V(t), v && v(t);
-	}, ue = () => {
-		if (T) return;
-		let e = E ? [] : "";
-		W || V(e), v && v(e);
-	}, de = u(() => g(s), [s]), Y = u(() => E ? Array.isArray(G) ? G : [] : G ? [G] : [], [G, E]), X = le(), { "aria-label": Z, "aria-labelledby": Q, "aria-describedby": fe, ...pe } = ae, $ = typeof y == "string" ? y : "Select", me = M ? e : "div", he = n(H, oe);
-	return /* @__PURE__ */ m(a, {
-		label: b,
-		error: x,
-		required: S,
-		layout: C,
-		labelId: P,
-		errorId: F,
-		className: p(o.container, w),
-		children: /* @__PURE__ */ h(me, {
-			className: p("wim-tree-select", o.root, j && o.fullWidth),
-			ref: he,
-			...pe,
+		O ? t = e : (t = e[0] || "", R(!1), H.current?.focus()), U || B(t), b && b(t);
+	}, fe = () => {
+		if (D) return;
+		let e = O ? [] : "";
+		U || B(e), b && b(e);
+	}, pe = f(() => v(u), [u]), J = f(() => O ? Array.isArray(W) ? W : [] : W ? [W] : [], [W, O]), Y = de(), { "aria-label": X, "aria-labelledby": Z, "aria-describedby": me, ...he } = se, Q = typeof x == "string" ? x : "Select", ge = ae ? e : "div", { setReference: $, setFloating: _e, floatingProps: ve } = o({ open: L && !D }), ye = n(V, ce, $);
+	return /* @__PURE__ */ g(s, {
+		label: S,
+		error: C,
+		required: w,
+		layout: T,
+		labelId: N,
+		errorId: P,
+		className: h(l.container, E),
+		children: /* @__PURE__ */ _(ge, {
+			className: h("wim-tree-select", l.root, j && l.fullWidth),
+			ref: ye,
+			...he,
 			children: [
-				/* @__PURE__ */ m(t, { children: ie }),
-				/* @__PURE__ */ m(i, {
-					disabled: T,
-					allowClear: k,
-					hasValue: !!X,
-					onClear: ue,
-					intent: x ? "danger" : "default",
-					width: re,
+				/* @__PURE__ */ g(t, { children: oe }),
+				/* @__PURE__ */ g(a, {
+					disabled: D,
+					allowClear: te,
+					hasValue: !!Y,
+					onClear: fe,
+					intent: C ? "danger" : "default",
+					width: ie,
 					fullWidth: j,
 					rightIcons: [{
 						name: "ChevronDownIcon",
-						rotated: R,
-						onClick: K,
+						rotated: L,
+						onClick: G,
 						decorative: !0
 					}],
-					className: p(R && o.open),
-					children: /* @__PURE__ */ m("div", {
-						id: I,
-						className: p(o.trigger, T && o.disabled),
-						onClick: K,
-						onKeyDown: ce,
-						tabIndex: T ? -1 : 0,
+					className: h(L && l.open),
+					children: /* @__PURE__ */ g("div", {
+						id: F,
+						className: h(l.trigger, D && l.disabled),
+						onClick: G,
+						onKeyDown: ue,
+						tabIndex: D ? -1 : 0,
 						role: "combobox",
-						"aria-expanded": R,
+						"aria-expanded": L,
 						"aria-haspopup": "tree",
-						"aria-controls": R ? L : void 0,
-						"aria-disabled": T,
-						"aria-labelledby": P || Q,
-						"aria-label": b ? void 0 : Z || $,
-						"aria-describedby": F || fe,
-						"aria-required": S,
-						"aria-invalid": !!x,
-						ref: U,
-						children: /* @__PURE__ */ m("div", {
-							className: p(o.value, !X && o.placeholder),
-							children: X || y
+						"aria-controls": L ? I : void 0,
+						"aria-disabled": D,
+						"aria-labelledby": N || Z,
+						"aria-label": S ? void 0 : X || Q,
+						"aria-describedby": P || me,
+						"aria-required": w,
+						"aria-invalid": !!C,
+						ref: H,
+						children: /* @__PURE__ */ g("div", {
+							className: h(l.value, !Y && l.placeholder),
+							children: Y || x
 						})
 					})
 				}),
-				/* @__PURE__ */ m(ee, {
-					show: R && !T,
+				/* @__PURE__ */ g(r, {
+					show: L && !D,
 					preset: "fade",
-					className: o.dropdown,
-					children: /* @__PURE__ */ m("div", {
-						id: L,
-						children: /* @__PURE__ */ m(r, {
-							active: R,
+					className: l.dropdown,
+					ref: _e,
+					...ve,
+					children: /* @__PURE__ */ g("div", {
+						id: I,
+						children: /* @__PURE__ */ g(i, {
+							active: L,
 							initialFocus: !1,
-							children: /* @__PURE__ */ m("div", {
+							children: /* @__PURE__ */ g("div", {
 								role: "dialog",
 								"aria-modal": "true",
-								"aria-labelledby": P || Q,
-								"aria-label": b ? void 0 : Z || $,
+								"aria-labelledby": N || Z,
+								"aria-label": S ? void 0 : X || Q,
 								onKeyDown: (e) => {
-									e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), z(!1), U.current?.focus());
+									e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), R(!1), H.current?.focus());
 								},
-								children: /* @__PURE__ */ m(te, {
-									multiSelect: E,
-									defaultSelectedValues: Y,
-									defaultCheckedValues: E ? Y : [],
-									nodes: de,
-									onCheckedChange: J,
-									onSelectedChange: J,
-									checkable: E,
-									checkStrategy: A,
-									searchable: D,
-									defaultExpandedValues: O,
+								children: /* @__PURE__ */ g(c, {
+									multiSelect: O,
+									defaultSelectedValues: J,
+									defaultCheckedValues: O ? J : [],
+									nodes: pe,
+									onCheckedChange: q,
+									onSelectedChange: q,
+									checkable: O,
+									checkStrategy: ne,
+									searchable: k,
+									defaultExpandedValues: A,
 									styles: {
-										root: o.treeView,
-										item: o.treeViewItem,
-										search: o.treeViewSearch
+										root: l.treeView,
+										item: l.treeViewItem,
+										search: l.treeViewSearch
 									}
 								})
 							})
@@ -171,6 +174,6 @@ var _ = s(({ treeData: s = [], value: _, onChange: v, placeholder: y, label: b,
 		})
 	});
 });
-_.displayName = "TreeSelect";
+y.displayName = "TreeSelect";
 //#endregion
-export { _ as TreeSelect };
+export { y as TreeSelect };

package/dist/components/form/TreeSelect/tree-select.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_container_vlaog_322`,t=`_root_vlaog_332`,n=`_fullWidth_vlaog_345`,r=`_label_vlaog_349`,i=`_trigger_vlaog_356`,a=`_disabled_vlaog_369`,o=`_open_vlaog_381`,s=`_value_vlaog_389`,c=`_placeholder_vlaog_390`,l=`_icon_vlaog_393`,u=`_clear_vlaog_413`,d=`_dropdown_vlaog_425`,f=`_treeView_vlaog_455`,p=`_treeViewItem_vlaog_463`,m=`_treeViewSearch_vlaog_466`,h={"wim-docs-container":`_wim-docs-container_vlaog_87`,"wim-t":`_wim-t_vlaog_290`,"react-flow":`_react-flow_vlaog_313`,"react-flow__edges":`_react-flow__edges_vlaog_314`,"react-flow__connectionline":`_react-flow__connectionline_vlaog_315`,container:e,root:t,fullWidth:n,label:r,trigger:i,disabled:a,open:o,value:s,placeholder:c,icon:l,clear:u,dropdown:d,treeView:f,treeViewItem:p,treeViewSearch:m};exports.clear=u,exports.container=e,exports.default=h,exports.disabled=a,exports.dropdown=d,exports.fullWidth=n,exports.icon=l,exports.label=r,exports.open=o,exports.placeholder=c,exports.root=t,exports.treeView=f,exports.treeViewItem=p,exports.treeViewSearch=m,exports.trigger=i,exports.value=s;
+var e=`_container_133hu_322`,t=`_root_133hu_332`,n=`_fullWidth_133hu_345`,r=`_label_133hu_349`,i=`_trigger_133hu_356`,a=`_disabled_133hu_369`,o=`_open_133hu_381`,s=`_value_133hu_389`,c=`_placeholder_133hu_390`,l=`_icon_133hu_393`,u=`_clear_133hu_413`,d=`_dropdown_133hu_425`,f=`_treeView_133hu_455`,p=`_treeViewItem_133hu_463`,m=`_treeViewSearch_133hu_466`,h={"wim-docs-container":`_wim-docs-container_133hu_87`,"wim-t":`_wim-t_133hu_290`,"react-flow":`_react-flow_133hu_313`,"react-flow__edges":`_react-flow__edges_133hu_314`,"react-flow__connectionline":`_react-flow__connectionline_133hu_315`,container:e,root:t,fullWidth:n,label:r,trigger:i,disabled:a,open:o,value:s,placeholder:c,icon:l,clear:u,dropdown:d,treeView:f,treeViewItem:p,treeViewSearch:m};exports.clear=u,exports.container=e,exports.default=h,exports.disabled=a,exports.dropdown=d,exports.fullWidth=n,exports.icon=l,exports.label=r,exports.open=o,exports.placeholder=c,exports.root=t,exports.treeView=f,exports.treeViewItem=p,exports.treeViewSearch=m,exports.trigger=i,exports.value=s;

package/dist/components/form/TreeSelect/tree-select.module.js

@@ -1,11 +1,11 @@
 "use client";
 //#region src/components/form/TreeSelect/tree-select.module.scss
-var e = "_container_vlaog_322", t = "_root_vlaog_332", n = "_fullWidth_vlaog_345", r = "_label_vlaog_349", i = "_trigger_vlaog_356", a = "_disabled_vlaog_369", o = "_open_vlaog_381", s = "_value_vlaog_389", c = "_placeholder_vlaog_390", l = "_icon_vlaog_393", u = "_clear_vlaog_413", d = "_dropdown_vlaog_425", f = "_treeView_vlaog_455", p = "_treeViewItem_vlaog_463", m = "_treeViewSearch_vlaog_466", h = {
-	"wim-docs-container": "_wim-docs-container_vlaog_87",
-	"wim-t": "_wim-t_vlaog_290",
-	"react-flow": "_react-flow_vlaog_313",
-	"react-flow__edges": "_react-flow__edges_vlaog_314",
-	"react-flow__connectionline": "_react-flow__connectionline_vlaog_315",
+var e = "_container_133hu_322", t = "_root_133hu_332", n = "_fullWidth_133hu_345", r = "_label_133hu_349", i = "_trigger_133hu_356", a = "_disabled_133hu_369", o = "_open_133hu_381", s = "_value_133hu_389", c = "_placeholder_133hu_390", l = "_icon_133hu_393", u = "_clear_133hu_413", d = "_dropdown_133hu_425", f = "_treeView_133hu_455", p = "_treeViewItem_133hu_463", m = "_treeViewSearch_133hu_466", h = {
+	"wim-docs-container": "_wim-docs-container_133hu_87",
+	"wim-t": "_wim-t_133hu_290",
+	"react-flow": "_react-flow_133hu_313",
+	"react-flow__edges": "_react-flow__edges_133hu_314",
+	"react-flow__connectionline": "_react-flow__connectionline_133hu_315",
 	container: e,
 	root: t,
 	fullWidth: n,

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})=>{let[u,d]=(0,n.useState)(``),[f,p]=(0,n.useState)({}),m=(0,n.useRef)(null),h=(e,t)=>{e.preventDefault();let n=t.replace(`#`,``),r=document.getElementById(n);r&&(window.scrollTo({top:r.offsetTop-o,behavior:`smooth`}),d(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!==u&&d(r)};return window.addEventListener(`scroll`,t),t(),()=>window.removeEventListener(`scroll`,t)},[e,o,a,u,s]);let g=(0,n.useCallback)(()=>{if(!u||!m.current)return;let e=m.current.querySelector(`a[href="${u}"]`);if(e){let n=m.current.getBoundingClientRect();if(s===`vertical`){let t=e.getBoundingClientRect();p({top:t.top-n.top,height:t.height,opacity:1})}else{let r=m.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);p({left:l,width:t.width,opacity:1}),r.scrollTo({left:c,behavior:`smooth`})}else{let t=e.getBoundingClientRect();p({left:t.left-m.current.getBoundingClientRect().left,width:t.width,opacity:1})}}}else p({opacity:0})},[u,s]);(0,n.useLayoutEffect)(()=>{g()},[g]),(0,n.useEffect)(()=>{let e=m.current;if(!e||typeof ResizeObserver>`u`)return;let t=new ResizeObserver(()=>g());return t.observe(e),e.querySelectorAll(`a`).forEach(e=>t.observe(e)),()=>t.disconnect()},[g,e]);let _=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,u===e.href&&t.default.active),children:[(0,i.jsx)(`a`,{href:e.href,className:t.default.link,"aria-current":u===e.href?`location`:void 0,onClick:t=>h(t,e.href),title:typeof e.title==`string`?e.title:void 0,children:e.title}),e.children&&s===`vertical`&&_(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:m,children:[(0,i.jsx)(`div`,{className:t.default.ink,children:(0,i.jsx)(`span`,{className:t.default.inkBall,style:f})}),_(e)]})};exports.Anchor=a,exports.default=a;
+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;

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

@@ -22,6 +22,10 @@ export interface AnchorProps {
     className?: string;
     /** Style attribute */
     style?: React.CSSProperties;
+    /** Accessible name. When set, the anchor is exposed as a navigation landmark with this name. */
+    "aria-label"?: string;
+    /** ID of the element that labels the anchor. Takes precedence over `aria-label`. */
+    "aria-labelledby"?: string;
 }
-export declare const Anchor: ({ items, bounds, offset, direction, className, style, }: AnchorProps) => React.JSX.Element;
+export declare const Anchor: ({ items, bounds, offset, direction, className, style, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: AnchorProps) => React.JSX.Element;
 export default Anchor;

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

@@ -4,14 +4,14 @@ import { useCallback as t, useEffect as n, useLayoutEffect as r, useRef as i, us
 import o from "classnames";
 import { jsx as s, jsxs as c } 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 }) => {
-	let [h, g] = a(""), [_, v] = a({}), y = i(null), b = (e, t) => {
+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) => {
 		e.preventDefault();
 		let n = t.replace("#", ""), r = document.getElementById(n);
 		r && (window.scrollTo({
 			top: r.offsetTop - d,
 			behavior: "smooth"
-		}), g(t));
+		}), v(t));
 	};
 	r(() => {
 		let e = () => {
@@ -34,33 +34,33 @@ var l = ({ items: l = [], bounds: u = 5, offset: d = 0, direction: f = "vertical
 					else break;
 				}
 			}
-			n && n !== h && g(n);
+			n && n !== _ && v(n);
 		};
 		return window.addEventListener("scroll", e), e(), () => window.removeEventListener("scroll", e);
 	}, [
 		l,
 		d,
 		u,
-		h,
+		_,
 		f
 	]);
-	let x = t(() => {
-		if (!h || !y.current) return;
-		let t = y.current.querySelector(`a[href="${h}"]`);
+	let C = t(() => {
+		if (!_ || !x.current) return;
+		let t = x.current.querySelector(`a[href="${_}"]`);
 		if (t) {
-			let n = y.current.getBoundingClientRect();
+			let n = x.current.getBoundingClientRect();
 			if (f === "vertical") {
 				let e = t.getBoundingClientRect();
-				v({
+				b({
 					top: e.top - n.top,
 					height: e.height,
 					opacity: 1
 				});
 			} else {
-				let r = y.current.querySelector(`.${e.list}`);
+				let r = x.current.querySelector(`.${e.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);
-					v({
+					b({
 						left: l,
 						width: e.width,
 						opacity: 1
@@ -70,48 +70,51 @@ var l = ({ items: l = [], bounds: u = 5, offset: d = 0, direction: f = "vertical
 					});
 				} else {
 					let e = t.getBoundingClientRect();
-					v({
-						left: e.left - y.current.getBoundingClientRect().left,
+					b({
+						left: e.left - x.current.getBoundingClientRect().left,
 						width: e.width,
 						opacity: 1
 					});
 				}
 			}
-		} else v({ opacity: 0 });
-	}, [h, f]);
+		} else b({ opacity: 0 });
+	}, [_, f]);
 	r(() => {
-		x();
-	}, [x]), n(() => {
-		let e = y.current;
+		C();
+	}, [C]), n(() => {
+		let e = x.current;
 		if (!e || typeof ResizeObserver > "u") return;
-		let t = new ResizeObserver(() => x());
+		let t = new ResizeObserver(() => C());
 		return t.observe(e), e.querySelectorAll("a").forEach((e) => t.observe(e)), () => t.disconnect();
-	}, [x, l]);
-	let S = (t) => /* @__PURE__ */ s("ul", {
+	}, [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, h === t.href && e.active),
+			className: o(e.item, _ === t.href && e.active),
 			children: [/* @__PURE__ */ s("a", {
 				href: t.href,
 				className: e.link,
-				"aria-current": h === t.href ? "location" : void 0,
-				onClick: (e) => b(e, t.href),
+				"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" && S(t.children)]
+			}), t.children && f === "vertical" && w(t.children)]
 		}, t.key))
 	});
 	return /* @__PURE__ */ c("div", {
 		className: o("wim-anchor", e.root, e[f], p),
 		style: m,
-		ref: y,
+		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: _
+				style: y
 			})
-		}), S(l)]
+		}), w(l)]
 	});
 };
 //#endregion

package/dist/components/navigation/Menubar/Menubar.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("../../layout/Transition/Transition.cjs"),r=require("../../_internal/BaseListItem/BaseListItem.cjs"),i=require("./menubar.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=(0,a.createContext)(null),l=(0,a.createContext)(null),u=()=>{let e=(0,a.useContext)(c);if(!e)throw Error(`Menubar compound parts must be used within <Menubar>`);return e},d=()=>{let e=(0,a.useContext)(l);if(!e)throw Error(`Menubar.Trigger/Content/Item must be used within <Menubar.Menu>`);return e},f=a.default.forwardRef(({asChild:e=!1,className:n,children:r,onKeyDown:l,...u},d)=>{let[f,p]=(0,a.useState)(null),m=(0,a.useRef)(new Map),h=(0,a.useRef)(null),g=(0,a.useCallback)(e=>{h.current=e,typeof d==`function`?d(e):d&&(d.current=e)},[d]),_=(0,a.useCallback)((e,t)=>{t?m.current.set(e,t):m.current.delete(e)},[]),v=(0,a.useCallback)(()=>Array.from(m.current.keys()),[]),y=(0,a.useCallback)(e=>{m.current.get(e)?.focus()},[]);(0,a.useEffect)(()=>{if(!f)return;let e=e=>{h.current&&!h.current.contains(e.target)&&p(null)},t=e=>{e.key===`Escape`&&(p(null),f&&y(f))};return document.addEventListener(`mousedown`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`keydown`,t)}},[f,y]);let b=e=>{if(l?.(e),e.defaultPrevented)return;let t=v();if(t.length===0)return;let n=f??t.find(e=>m.current.get(e)===document.activeElement)??null;if(!n)return;let r=t.indexOf(n);if(!(r<0)){if(e.key===`ArrowRight`){e.preventDefault();let n=t[(r+1)%t.length];f&&p(n),y(n)}else if(e.key===`ArrowLeft`){e.preventDefault();let n=t[(r-1+t.length)%t.length];f&&p(n),y(n)}else if(e.key===`Home`){e.preventDefault();let n=t[0];f&&p(n),y(n)}else if(e.key===`End`){e.preventDefault();let n=t[t.length-1];f&&p(n),y(n)}}},x=(0,a.useMemo)(()=>({openMenuId:f,setOpenMenuId:p,registerTrigger:_,getTriggerIds:v,focusTrigger:y}),[f,_,v,y]),S=e?t.Root:`div`;return(0,s.jsx)(c.Provider,{value:x,children:(0,s.jsx)(S,{ref:g,role:`menubar`,className:(0,o.default)(`wim-menubar`,i.default.root,n),onKeyDown:b,...u,children:(0,s.jsx)(t.Slottable,{children:r})})})});f.displayName=`Menubar`;var p=a.default.forwardRef(({value:e,disabled:t=!1,className:n,children:r,...c},d)=>{let{openMenuId:f,setOpenMenuId:p,focusTrigger:m}=u(),h=(0,a.useId)(),g=`wim-menubar-trigger-${e}-${h}`,_=`wim-menubar-content-${e}-${h}`,v=f===e,y=()=>{t||p(e)},b=()=>{m(e),p(null)},x=()=>{t||p(v?null:e)},S=(0,a.useMemo)(()=>({menuId:e,triggerId:g,contentId:_,isOpen:v,open:y,close:b,toggle:x}),[e,g,_,v,t]);return(0,s.jsx)(l.Provider,{value:S,children:(0,s.jsx)(`div`,{ref:d,role:`none`,"data-disabled":t||void 0,className:(0,o.default)(i.default.menu,n),...c,children:r})})});p.displayName=`Menubar.Menu`;var m=a.default.forwardRef(({asChild:e=!1,className:n,children:r,onKeyDown:c,onMouseEnter:l,...f},p)=>{let{openMenuId:m,registerTrigger:h}=u(),{triggerId:g,contentId:_,isOpen:v,open:y,toggle:b,menuId:x}=d(),S=!!f.disabled,C=(0,a.useCallback)(e=>{h(x,e),typeof p==`function`?p(e):p&&(p.current=e)},[h,x,p]),w=e=>{c?.(e),!(e.defaultPrevented||S)&&(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `)&&(e.preventDefault(),y())},T=e=>{l?.(e),m&&!S&&y()};return(0,s.jsx)(e?t.Root:`button`,{...f,ref:C,type:e?void 0:`button`,id:g,role:`menuitem`,"aria-haspopup":`menu`,"aria-expanded":v,"aria-controls":v?_:void 0,disabled:S,className:(0,o.default)(i.default.trigger,v&&i.default.triggerOpen,n),onClick:b,onKeyDown:w,onMouseEnter:T,children:(0,s.jsx)(t.Slottable,{children:r})})});m.displayName=`Menubar.Trigger`;var h=a.default.forwardRef(({align:e=`start`,className:t,children:r,...c},l)=>{let{contentId:u,triggerId:f,isOpen:p,close:m}=d(),[h,g]=(0,a.useState)(-1),[_,v]=(0,a.useState)(p),y=(0,a.useRef)(null);p!==_&&(v(p),g(p?0:-1));let b=(0,a.useCallback)(e=>{y.current=e,typeof l==`function`?l(e):l&&(l.current=e)},[l]);(0,a.useEffect)(()=>{!p||h<0||Array.from(y.current?.querySelectorAll(`[role="menuitem"]:not([aria-disabled="true"])`)??[])[h]?.focus()},[h,p]);let x=e=>{let t=Array.from(y.current?.querySelectorAll(`[role="menuitem"]:not([aria-disabled="true"])`)??[]);if(t.length!==0)switch(e.key){case`ArrowDown`:e.preventDefault(),g(e=>e<t.length-1?e+1:0);break;case`ArrowUp`:e.preventDefault(),g(e=>e>0?e-1:t.length-1);break;case`Home`:e.preventDefault(),g(0);break;case`End`:e.preventDefault(),g(t.length-1);break;case`Tab`:m()}};return(0,s.jsx)(n.Transition,{...c,ref:b,show:p,preset:`fade`,id:u,role:`menu`,"aria-labelledby":f,className:(0,o.default)(i.default.content,e===`end`?i.default.alignEnd:i.default.alignStart,t),onKeyDown:x,children:r})});h.displayName=`Menubar.Content`;var g=a.default.forwardRef(({children:e,onSelect:t,onClick:n,disabled:a=!1,className:c,...l},u)=>{let{close:f}=d(),p=e=>{a||(e.stopPropagation(),t?.(),n?.(e),f())};return(0,s.jsx)(r.BaseListItem,{...l,ref:u,className:(0,o.default)(i.default.item,c),disabled:a,role:`menuitem`,tabIndex:-1,onClick:p,onKeyDown:e=>{!a&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),p(e))},children:e})});g.displayName=`Menubar.Item`;var _=a.default.forwardRef(({className:e,...t},n)=>(0,s.jsx)(`div`,{ref:n,role:`separator`,className:(0,o.default)(i.default.separator,e),...t}));_.displayName=`Menubar.Separator`;var v=f;v.Menu=p,v.Trigger=m,v.Content=h,v.Item=g,v.Separator=_,exports.Menubar=v,exports.default=v;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../_internal/BaseListItem/BaseListItem.cjs"),i=require("../../_internal/useInlineFloating.cjs"),a=require("./menubar.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=(0,o.createContext)(null),u=(0,o.createContext)(null),d=()=>{let e=(0,o.useContext)(l);if(!e)throw Error(`Menubar compound parts must be used within <Menubar>`);return e},f=()=>{let e=(0,o.useContext)(u);if(!e)throw Error(`Menubar.Trigger/Content/Item must be used within <Menubar.Menu>`);return e},p=o.default.forwardRef(({asChild:e=!1,className:n,children:r,onKeyDown:i,...u},d)=>{let[f,p]=(0,o.useState)(null),m=(0,o.useRef)(new Map),h=(0,o.useRef)(null),g=(0,o.useCallback)(e=>{h.current=e,typeof d==`function`?d(e):d&&(d.current=e)},[d]),_=(0,o.useCallback)((e,t)=>{t?m.current.set(e,t):m.current.delete(e)},[]),v=(0,o.useCallback)(()=>Array.from(m.current.keys()),[]),y=(0,o.useCallback)(e=>{m.current.get(e)?.focus()},[]);(0,o.useEffect)(()=>{if(!f)return;let e=e=>{h.current&&!h.current.contains(e.target)&&p(null)},t=e=>{e.key===`Escape`&&(p(null),f&&y(f))};return document.addEventListener(`mousedown`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`keydown`,t)}},[f,y]);let b=e=>{if(i?.(e),e.defaultPrevented)return;let t=v();if(t.length===0)return;let n=f??t.find(e=>m.current.get(e)===document.activeElement)??null;if(!n)return;let r=t.indexOf(n);if(!(r<0)){if(e.key===`ArrowRight`){e.preventDefault();let n=t[(r+1)%t.length];f&&p(n),y(n)}else if(e.key===`ArrowLeft`){e.preventDefault();let n=t[(r-1+t.length)%t.length];f&&p(n),y(n)}else if(e.key===`Home`){e.preventDefault();let n=t[0];f&&p(n),y(n)}else if(e.key===`End`){e.preventDefault();let n=t[t.length-1];f&&p(n),y(n)}}},x=(0,o.useMemo)(()=>({openMenuId:f,setOpenMenuId:p,registerTrigger:_,getTriggerIds:v,focusTrigger:y}),[f,_,v,y]),S=e?t.Root:`div`;return(0,c.jsx)(l.Provider,{value:x,children:(0,c.jsx)(S,{ref:g,role:`menubar`,className:(0,s.default)(`wim-menubar`,a.default.root,n),onKeyDown:b,...u,children:(0,c.jsx)(t.Slottable,{children:r})})})});p.displayName=`Menubar`;var m=o.default.forwardRef(({value:e,disabled:t=!1,className:n,children:r,...i},l)=>{let{openMenuId:f,setOpenMenuId:p,focusTrigger:m}=d(),h=(0,o.useId)(),g=`wim-menubar-trigger-${e}-${h}`,_=`wim-menubar-content-${e}-${h}`,v=f===e,y=()=>{t||p(e)},b=()=>{m(e),p(null)},x=()=>{t||p(v?null:e)},S=(0,o.useMemo)(()=>({menuId:e,triggerId:g,contentId:_,isOpen:v,open:y,close:b,toggle:x}),[e,g,_,v,t]);return(0,c.jsx)(u.Provider,{value:S,children:(0,c.jsx)(`div`,{ref:l,role:`none`,"data-disabled":t||void 0,className:(0,s.default)(a.default.menu,n),...i,children:r})})});m.displayName=`Menubar.Menu`;var h=o.default.forwardRef(({asChild:e=!1,className:n,children:r,onKeyDown:i,onMouseEnter:l,...u},p)=>{let{openMenuId:m,registerTrigger:h}=d(),{triggerId:g,contentId:_,isOpen:v,open:y,toggle:b,menuId:x}=f(),S=!!u.disabled,C=(0,o.useCallback)(e=>{h(x,e),typeof p==`function`?p(e):p&&(p.current=e)},[h,x,p]),w=e=>{i?.(e),!(e.defaultPrevented||S)&&(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `)&&(e.preventDefault(),y())},T=e=>{l?.(e),m&&!S&&y()};return(0,c.jsx)(e?t.Root:`button`,{...u,ref:C,type:e?void 0:`button`,id:g,role:`menuitem`,"aria-haspopup":`menu`,"aria-expanded":v,"aria-controls":v?_:void 0,disabled:S,className:(0,s.default)(a.default.trigger,v&&a.default.triggerOpen,n),onClick:b,onKeyDown:w,onMouseEnter:T,children:(0,c.jsx)(t.Slottable,{children:r})})});h.displayName=`Menubar.Trigger`;var g=o.default.forwardRef(({align:e=`start`,className:t,children:r,...l},u)=>{let{contentId:d,triggerId:p,isOpen:m,close:h}=f(),[g,_]=(0,o.useState)(-1),[v,y]=(0,o.useState)(m),b=(0,o.useRef)(null);m!==v&&(y(m),_(m?0:-1));let{setReference:x,setFloating:S,floatingProps:C}=i.useInlineFloating({open:m}),w=(0,o.useCallback)(e=>{b.current=e,S(e),x(e?.parentElement??null),typeof u==`function`?u(e):u&&(u.current=e)},[u,S,x]);(0,o.useEffect)(()=>{!m||g<0||Array.from(b.current?.querySelectorAll(`[role="menuitem"]:not([aria-disabled="true"])`)??[])[g]?.focus()},[g,m]);let T=e=>{let t=Array.from(b.current?.querySelectorAll(`[role="menuitem"]:not([aria-disabled="true"])`)??[]);if(t.length!==0)switch(e.key){case`ArrowDown`:e.preventDefault(),_(e=>e<t.length-1?e+1:0);break;case`ArrowUp`:e.preventDefault(),_(e=>e>0?e-1:t.length-1);break;case`Home`:e.preventDefault(),_(0);break;case`End`:e.preventDefault(),_(t.length-1);break;case`Tab`:h()}};return(0,c.jsx)(n.Transition,{...l,ref:w,show:m,preset:`fade`,id:d,role:`menu`,"aria-labelledby":p,className:(0,s.default)(a.default.content,e===`end`?a.default.alignEnd:a.default.alignStart,t),onKeyDown:T,"data-side":C[`data-side`],style:{...l.style,...C.style},children:r})});g.displayName=`Menubar.Content`;var _=o.default.forwardRef(({children:e,onSelect:t,onClick:n,disabled:i=!1,className:o,...l},u)=>{let{close:d}=f(),p=e=>{i||(e.stopPropagation(),t?.(),n?.(e),d())};return(0,c.jsx)(r.BaseListItem,{...l,ref:u,className:(0,s.default)(a.default.item,o),disabled:i,role:`menuitem`,tabIndex:-1,onClick:p,onKeyDown:e=>{!i&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),p(e))},children:e})});_.displayName=`Menubar.Item`;var v=o.default.forwardRef(({className:e,...t},n)=>(0,c.jsx)(`div`,{ref:n,role:`separator`,className:(0,s.default)(a.default.separator,e),...t}));v.displayName=`Menubar.Separator`;var y=p;y.Menu=m,y.Trigger=h,y.Content=g,y.Item=_,y.Separator=v,exports.Menubar=y,exports.default=y;