wimui 0.60.1 → 0.61.0

package/dist/components/navigation/Menubar/Menubar.js

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

package/dist/components/navigation/Menubar/menubar.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1mvs5_23`,t=`_menu_1mvs5_34`,n=`_trigger_1mvs5_38`,r=`_triggerOpen_1mvs5_84`,i=`_content_1mvs5_87`,a=`_alignStart_1mvs5_101`,o=`_alignEnd_1mvs5_104`,s=`_item_1mvs5_107`,c=`_separator_1mvs5_110`,l={root:e,menu:t,trigger:n,triggerOpen:r,content:i,alignStart:a,alignEnd:o,item:s,separator:c};exports.alignEnd=o,exports.alignStart=a,exports.content=i,exports.default=l,exports.item=s,exports.menu=t,exports.root=e,exports.separator=c,exports.trigger=n,exports.triggerOpen=r;
+var e=`_root_13tde_23`,t=`_menu_13tde_34`,n=`_trigger_13tde_38`,r=`_triggerOpen_13tde_84`,i=`_content_13tde_87`,a=`_alignStart_13tde_108`,o=`_alignEnd_13tde_111`,s=`_item_13tde_114`,c=`_separator_13tde_117`,l={root:e,menu:t,trigger:n,triggerOpen:r,content:i,alignStart:a,alignEnd:o,item:s,separator:c};exports.alignEnd=o,exports.alignStart=a,exports.content=i,exports.default=l,exports.item=s,exports.menu=t,exports.root=e,exports.separator=c,exports.trigger=n,exports.triggerOpen=r;

package/dist/components/navigation/Menubar/menubar.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/navigation/Menubar/menubar.module.scss
-var e = "_root_1mvs5_23", t = "_menu_1mvs5_34", n = "_trigger_1mvs5_38", r = "_triggerOpen_1mvs5_84", i = "_content_1mvs5_87", a = "_alignStart_1mvs5_101", o = "_alignEnd_1mvs5_104", s = "_item_1mvs5_107", c = "_separator_1mvs5_110", l = {
+var e = "_root_13tde_23", t = "_menu_13tde_34", n = "_trigger_13tde_38", r = "_triggerOpen_13tde_84", i = "_content_13tde_87", a = "_alignStart_13tde_108", o = "_alignEnd_13tde_111", s = "_item_13tde_114", c = "_separator_13tde_117", l = {
 	root: e,
 	menu: t,
 	trigger: n,

package/dist/components/overlay/BottomSheet/BottomSheet.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/OverlayBase.cjs"),n=require("./bottom-sheet.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=(0,r.createContext)(void 0),s=()=>{let e=(0,r.useContext)(o);if(!e)throw Error(`useBottomSheet must be used within a BottomSheet provider`);return e},c=({children:e,open:t,defaultOpen:n=!1,onOpenChange:i})=>{let[s,c]=(0,r.useState)(n),l=t!==void 0,u=l?t:s,d=(0,r.useCallback)(e=>{l||c(e),i?.(e)},[l,i]),f=(0,r.useId)(),p=`wim-bottom-sheet-${f}-title`,m=`wim-bottom-sheet-${f}-description`;return(0,a.jsx)(o.Provider,{value:{titleId:p,descriptionId:m,open:u,onOpenChange:d},children:e})},l=({children:e,asChild:t,className:n})=>{let{onOpenChange:o}=s(),c=()=>{o(!0)};return t&&r.default.isValidElement(e)?r.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),c()},className:(0,i.default)(n,e.props.className)}):(0,a.jsx)(`button`,{className:n,onClick:c,children:e})},u=({children:e,className:t,asChild:n})=>{let{onOpenChange:o}=s(),c=()=>{o(!1)};return n&&r.default.isValidElement(e)?r.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),c()},className:(0,i.default)(t,e.props.className)}):(0,a.jsx)(`button`,{type:`button`,className:t,onClick:c,children:e})},d=({children:e,className:r})=>{let{open:o,onOpenChange:c,titleId:l,descriptionId:u}=s();return(0,a.jsxs)(t.OverlayBase,{open:o,onOpenChange:c,overlayClassName:n.default.overlay,contentClassName:(0,i.default)(`wim-bottom-sheet`,n.default.content,r),transitionProps:{preset:`slide-bottom`},"aria-labelledby":l,"aria-describedby":u,children:[(0,a.jsx)(`div`,{className:n.default.handle}),e]})},f=({children:e,className:t})=>(0,a.jsx)(`div`,{className:(0,i.default)(n.default.header,t),"data-testid":`bottom-sheet-header`,children:e}),p=({children:e,className:t})=>(0,a.jsx)(`div`,{className:(0,i.default)(n.default.footer,t),"data-testid":`bottom-sheet-footer`,children:e}),m=({children:e,className:t})=>{let{titleId:r}=s();return(0,a.jsx)(`h2`,{id:r,className:(0,i.default)(n.default.title,t),"data-testid":`bottom-sheet-title`,children:e})},h=({children:e,className:t})=>{let{descriptionId:r}=s();return(0,a.jsx)(`p`,{id:r,className:(0,i.default)(n.default.description,t),"data-testid":`bottom-sheet-description`,children:e})},g=({children:e,className:t})=>(0,a.jsx)(`div`,{className:(0,i.default)(n.default.body,t),"data-testid":`bottom-sheet-body`,children:e}),_=e=>(0,a.jsx)(c,{...e});_.displayName=`BottomSheet`,_.Trigger=l,_.Content=d,_.Header=f,_.Footer=p,_.Title=m,_.Description=h,_.Body=g,_.Close=u,exports.BottomSheet=_,exports.default=_,exports.BottomSheetBody=g,exports.BottomSheetClose=u,exports.BottomSheetContent=d,exports.BottomSheetDescription=h,exports.BottomSheetFooter=p,exports.BottomSheetHeader=f,exports.BottomSheetTitle=m,exports.BottomSheetTrigger=l;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/OverlayBase.cjs"),n=require("./bottom-sheet.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=(0,r.createContext)(void 0),s=()=>{let e=(0,r.useContext)(o);if(!e)throw Error(`useBottomSheet must be used within a BottomSheet provider`);return e},c=({children:e,open:t,defaultOpen:n=!1,onOpenChange:i})=>{let[s,c]=(0,r.useState)(n),l=t!==void 0,u=l?t:s,d=(0,r.useCallback)(e=>{l||c(e),i?.(e)},[l,i]),f=(0,r.useId)(),p=`wim-bottom-sheet-${f}-title`,m=`wim-bottom-sheet-${f}-description`;return(0,a.jsx)(o.Provider,{value:{titleId:p,descriptionId:m,open:u,onOpenChange:d},children:e})},l=({children:e,asChild:t,className:n})=>{let{onOpenChange:o}=s(),c=()=>{o(!0)};return t&&r.default.isValidElement(e)?r.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),c()},className:(0,i.default)(n,e.props.className)}):(0,a.jsx)(`button`,{className:n,onClick:c,children:e})},u=({children:e,className:t,asChild:n})=>{let{onOpenChange:o}=s(),c=()=>{o(!1)};return n&&r.default.isValidElement(e)?r.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),c()},className:(0,i.default)(t,e.props.className)}):(0,a.jsx)(`button`,{type:`button`,className:t,onClick:c,children:e})},d=({children:e,className:r,"aria-label":o,"aria-labelledby":c,"aria-describedby":l})=>{let{open:u,onOpenChange:d,titleId:f,descriptionId:p}=s();return(0,a.jsxs)(t.OverlayBase,{open:u,onOpenChange:d,overlayClassName:n.default.overlay,contentClassName:(0,i.default)(`wim-bottom-sheet`,n.default.content,r),transitionProps:{preset:`slide-bottom`},"aria-label":o,"aria-labelledby":c??f,"aria-describedby":[l,p].filter(Boolean).join(` `)||void 0,children:[(0,a.jsx)(`div`,{className:n.default.handle}),e]})},f=({children:e,className:t})=>(0,a.jsx)(`div`,{className:(0,i.default)(n.default.header,t),"data-testid":`bottom-sheet-header`,children:e}),p=({children:e,className:t})=>(0,a.jsx)(`div`,{className:(0,i.default)(n.default.footer,t),"data-testid":`bottom-sheet-footer`,children:e}),m=({children:e,className:t})=>{let{titleId:r}=s();return(0,a.jsx)(`h2`,{id:r,className:(0,i.default)(n.default.title,t),"data-testid":`bottom-sheet-title`,children:e})},h=({children:e,className:t})=>{let{descriptionId:r}=s();return(0,a.jsx)(`p`,{id:r,className:(0,i.default)(n.default.description,t),"data-testid":`bottom-sheet-description`,children:e})},g=({children:e,className:t})=>(0,a.jsx)(`div`,{className:(0,i.default)(n.default.body,t),"data-testid":`bottom-sheet-body`,children:e}),_=e=>(0,a.jsx)(c,{...e});_.displayName=`BottomSheet`,_.Trigger=l,_.Content=d,_.Header=f,_.Footer=p,_.Title=m,_.Description=h,_.Body=g,_.Close=u,exports.BottomSheet=_,exports.default=_,exports.BottomSheetBody=g,exports.BottomSheetClose=u,exports.BottomSheetContent=d,exports.BottomSheetDescription=h,exports.BottomSheetFooter=p,exports.BottomSheetHeader=f,exports.BottomSheetTitle=m,exports.BottomSheetTrigger=l;

package/dist/components/overlay/BottomSheet/BottomSheet.d.ts

@@ -33,8 +33,14 @@ export declare const BottomSheetClose: ({ children, className, asChild, }: Botto
 export interface BottomSheetContentProps {
     children: React.ReactNode;
     className?: string;
+    /** Accessible name for the sheet when it has no `BottomSheetTitle`. */
+    "aria-label"?: string;
+    /** ID of the element that labels the sheet. Takes precedence over the built-in title reference. */
+    "aria-labelledby"?: string;
+    /** ID of the element that describes the sheet. Announced together with `BottomSheetDescription`. */
+    "aria-describedby"?: string;
 }
-export declare const BottomSheetContent: ({ children, className, }: BottomSheetContentProps) => React.JSX.Element;
+export declare const BottomSheetContent: ({ children, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, }: BottomSheetContentProps) => React.JSX.Element;
 export declare const BottomSheetHeader: ({ children, className, }: {
     children: React.ReactNode;
     className?: string;

package/dist/components/overlay/BottomSheet/BottomSheet.js

@@ -51,16 +51,17 @@ var d = r(void 0), f = () => {
 		onClick: a,
 		children: e
 	});
-}, g = ({ children: n, className: r }) => {
-	let { open: i, onOpenChange: a, titleId: o, descriptionId: s } = f();
+}, g = ({ children: n, className: r, "aria-label": i, "aria-labelledby": a, "aria-describedby": o }) => {
+	let { open: s, onOpenChange: d, titleId: p, descriptionId: m } = f();
 	return /* @__PURE__ */ u(e, {
-		open: i,
-		onOpenChange: a,
+		open: s,
+		onOpenChange: d,
 		overlayClassName: t.overlay,
 		contentClassName: c("wim-bottom-sheet", t.content, r),
 		transitionProps: { preset: "slide-bottom" },
-		"aria-labelledby": o,
-		"aria-describedby": s,
+		"aria-label": i,
+		"aria-labelledby": a ?? p,
+		"aria-describedby": [o, m].filter(Boolean).join(" ") || void 0,
 		children: [/* @__PURE__ */ l("div", { className: t.handle }), n]
 	});
 }, _ = ({ children: e, className: n }) => /* @__PURE__ */ l("div", {

package/dist/components/overlay/HoverCard/HoverCard.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./hover-card.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"),a=require("@floating-ui/react");var o=n.default.createContext({isOpen:!1,refs:null,getReferenceProps:()=>({}),getFloatingProps:()=>({})}),s=({children:e,className:s,openDelay:c=700,closeDelay:l=300,open:u,onOpenChange:d})=>{let[f,p]=(0,n.useState)(!1),m=u!==void 0,h=m?u:f,{refs:g,context:_}=(0,a.useFloating)({open:h,onOpenChange:e=>{m||p(e),d?.(e)}}),v=(0,a.useHover)(_,{delay:{open:c,close:l},handleClose:(0,a.safePolygon)({requireIntent:!1})}),y=(0,a.useFocus)(_),{getReferenceProps:b,getFloatingProps:x}=(0,a.useInteractions)([v,y]);return(0,i.jsx)(o.Provider,{value:{isOpen:h,refs:g,getReferenceProps:b,getFloatingProps:x},children:(0,i.jsx)(`div`,{className:(0,r.default)(`wim-hover-card`,t.default.root,s),children:e})})},c=({children:e,className:s,asChild:c})=>{let{refs:l,getReferenceProps:u}=n.default.useContext(o),d=e?.ref,f=(0,a.useMergeRefs)([l?.setReference??null,d??null]);if(c&&n.default.isValidElement(e)){let t=e.props,i=u({ref:f,...t,className:(0,r.default)(s,t.className)});return n.default.cloneElement(e,i)}return(0,i.jsx)(`div`,{ref:f,className:(0,r.default)(t.default.trigger,s),tabIndex:0,...u(),children:e})},l=({children:e,className:a,align:s=`center`,side:c=`bottom`,sideOffset:l=8,...u})=>{let{isOpen:d,refs:f,getFloatingProps:p}=n.default.useContext(o);if(!d)return null;let m=t.default[c],h=s===`left`?t.default.alignLeft:s===`right`?t.default.alignRight:``;return(0,i.jsx)(`div`,{ref:f?.setFloating,className:(0,r.default)(t.default.content,m,h,a),"data-side":c,"data-align":s,...p(u),children:e})},u=e=>(0,i.jsx)(s,{...e});u.displayName=`HoverCard`,u.Trigger=c,u.Content=l,exports.HoverCard=u,exports.default=u,exports.HoverCardContent=l,exports.HoverCardTrigger=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../hooks/useMergedRef.cjs"),n=require("../../_internal/useInlineFloating.cjs"),r=require("./hover-card.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime"),s=require("@floating-ui/react");var c=i.default.createContext({isOpen:!1,refs:null,getReferenceProps:()=>({}),getFloatingProps:()=>({})}),l=({children:e,className:t,openDelay:n=700,closeDelay:l=300,open:u,onOpenChange:d})=>{let[f,p]=(0,i.useState)(!1),m=u!==void 0,h=m?u:f,{refs:g,context:_}=(0,s.useFloating)({open:h,onOpenChange:e=>{m||p(e),d?.(e)}}),v=(0,s.useHover)(_,{delay:{open:n,close:l},handleClose:(0,s.safePolygon)({requireIntent:!1})}),y=(0,s.useFocus)(_),{getReferenceProps:b,getFloatingProps:x}=(0,s.useInteractions)([v,y]);return(0,o.jsx)(c.Provider,{value:{isOpen:h,refs:g,getReferenceProps:b,getFloatingProps:x},children:(0,o.jsx)(`div`,{className:(0,a.default)(`wim-hover-card`,r.default.root,t),children:e})})},u=({children:e,className:t,asChild:n})=>{let{refs:l,getReferenceProps:u}=i.default.useContext(c),d=e?.ref,f=(0,s.useMergeRefs)([l?.setReference??null,d??null]);if(n&&i.default.isValidElement(e)){let n=e.props,r=u({ref:f,...n,className:(0,a.default)(t,n.className)});return i.default.cloneElement(e,r)}return(0,o.jsx)(`div`,{ref:f,className:(0,a.default)(r.default.trigger,t),tabIndex:0,...u(),children:e})},d=({children:e,className:s,align:l=`center`,side:u=`bottom`,sideOffset:d=8,...f})=>{let{isOpen:p,refs:m,getFloatingProps:h}=i.default.useContext(c),{setReference:g,setFloating:_,floatingProps:v}=n.useInlineFloating({open:p}),y=t.useMergedRef(m?.setFloating,g,_);if(!p)return null;let b=r.default[u],x=l===`left`?r.default.alignLeft:l===`right`?r.default.alignRight:``;return(0,o.jsx)(`div`,{ref:y,className:(0,a.default)(r.default.content,b,x,s),"data-side":u,"data-align":l,...h(f),style:{...f.style,...v.style},children:e})},f=e=>(0,o.jsx)(l,{...e});f.displayName=`HoverCard`,f.Trigger=u,f.Content=d,exports.HoverCard=f,exports.default=f,exports.HoverCardContent=d,exports.HoverCardTrigger=u;

package/dist/components/overlay/HoverCard/HoverCard.js

@@ -1,70 +1,76 @@
 "use client";
-import e from "./hover-card.module.js";
-import t, { useState as n } from "react";
-import r from "classnames";
-import { jsx as i } from "react/jsx-runtime";
-import { safePolygon as a, useFloating as o, useFocus as s, useHover as c, useInteractions as l, useMergeRefs as u } from "@floating-ui/react";
+import { useMergedRef as e } from "../../../hooks/useMergedRef.js";
+import { useInlineFloating as t } from "../../_internal/useInlineFloating.js";
+import n from "./hover-card.module.js";
+import r, { useState as i } from "react";
+import a from "classnames";
+import { jsx as o } from "react/jsx-runtime";
+import { safePolygon as s, useFloating as c, useFocus as l, useHover as u, useInteractions as d, useMergeRefs as f } from "@floating-ui/react";
 //#region src/components/overlay/HoverCard/HoverCard.tsx
-var d = t.createContext({
+var p = r.createContext({
 	isOpen: !1,
 	refs: null,
 	getReferenceProps: () => ({}),
 	getFloatingProps: () => ({})
-}), f = ({ children: t, className: u, openDelay: f = 700, closeDelay: p = 300, open: m, onOpenChange: h }) => {
-	let [g, _] = n(!1), v = m !== void 0, y = v ? m : g, { refs: b, context: x } = o({
+}), m = ({ children: e, className: t, openDelay: r = 700, closeDelay: f = 300, open: m, onOpenChange: h }) => {
+	let [g, _] = i(!1), v = m !== void 0, y = v ? m : g, { refs: b, context: x } = c({
 		open: y,
 		onOpenChange: (e) => {
 			v || _(e), h?.(e);
 		}
-	}), S = c(x, {
+	}), S = u(x, {
 		delay: {
-			open: f,
-			close: p
+			open: r,
+			close: f
 		},
-		handleClose: a({ requireIntent: !1 })
-	}), C = s(x), { getReferenceProps: w, getFloatingProps: T } = l([S, C]);
-	return /* @__PURE__ */ i(d.Provider, {
+		handleClose: s({ requireIntent: !1 })
+	}), C = l(x), { getReferenceProps: w, getFloatingProps: T } = d([S, C]);
+	return /* @__PURE__ */ o(p.Provider, {
 		value: {
 			isOpen: y,
 			refs: b,
 			getReferenceProps: w,
 			getFloatingProps: T
 		},
-		children: /* @__PURE__ */ i("div", {
-			className: r("wim-hover-card", e.root, u),
-			children: t
+		children: /* @__PURE__ */ o("div", {
+			className: a("wim-hover-card", n.root, t),
+			children: e
 		})
 	});
-}, p = ({ children: n, className: a, asChild: o }) => {
-	let { refs: s, getReferenceProps: c } = t.useContext(d), l = n?.ref, f = u([s?.setReference ?? null, l ?? null]);
-	if (o && t.isValidElement(n)) {
-		let e = n.props, i = c({
-			ref: f,
-			...e,
-			className: r(a, e.className)
+}, h = ({ children: e, className: t, asChild: i }) => {
+	let { refs: s, getReferenceProps: c } = r.useContext(p), l = e?.ref, u = f([s?.setReference ?? null, l ?? null]);
+	if (i && r.isValidElement(e)) {
+		let n = e.props, i = c({
+			ref: u,
+			...n,
+			className: a(t, n.className)
 		});
-		return t.cloneElement(n, i);
+		return r.cloneElement(e, i);
 	}
-	return /* @__PURE__ */ i("div", {
-		ref: f,
-		className: r(e.trigger, a),
+	return /* @__PURE__ */ o("div", {
+		ref: u,
+		className: a(n.trigger, t),
 		tabIndex: 0,
 		...c(),
-		children: n
+		children: e
 	});
-}, m = ({ children: n, className: a, align: o = "center", side: s = "bottom", sideOffset: c = 8, ...l }) => {
-	let { isOpen: u, refs: f, getFloatingProps: p } = t.useContext(d);
-	if (!u) return null;
-	let m = e[s], h = o === "left" ? e.alignLeft : o === "right" ? e.alignRight : "";
-	return /* @__PURE__ */ i("div", {
-		ref: f?.setFloating,
-		className: r(e.content, m, h, a),
-		"data-side": s,
-		"data-align": o,
-		...p(l),
-		children: n
+}, g = ({ children: i, className: s, align: c = "center", side: l = "bottom", sideOffset: u = 8, ...d }) => {
+	let { isOpen: f, refs: m, getFloatingProps: h } = r.useContext(p), { setReference: g, setFloating: _, floatingProps: v } = t({ open: f }), y = e(m?.setFloating, g, _);
+	if (!f) return null;
+	let b = n[l], x = c === "left" ? n.alignLeft : c === "right" ? n.alignRight : "";
+	return /* @__PURE__ */ o("div", {
+		ref: y,
+		className: a(n.content, b, x, s),
+		"data-side": l,
+		"data-align": c,
+		...h(d),
+		style: {
+			...d.style,
+			...v.style
+		},
+		children: i
 	});
-}, h = (e) => /* @__PURE__ */ i(f, { ...e });
-h.displayName = "HoverCard", h.Trigger = p, h.Content = m;
+}, _ = (e) => /* @__PURE__ */ o(m, { ...e });
+_.displayName = "HoverCard", _.Trigger = h, _.Content = g;
 //#endregion
-export { h as HoverCard, h as default, m as HoverCardContent, p as HoverCardTrigger };
+export { _ as HoverCard, _ as default, g as HoverCardContent, h as HoverCardTrigger };

package/dist/components/overlay/HoverCard/hover-card.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1q2cw_23`,t=`_trigger_1q2cw_27`,n=`_content_1q2cw_50`,r=`_fadeIn_1q2cw_1`,i=`_top_1q2cw_67`,a=`_bottom_1q2cw_73`,o=`_left_1q2cw_79`,s=`_right_1q2cw_85`,c=`_alignLeft_1q2cw_91`,l=`_alignRight_1q2cw_101`,u={root:e,trigger:t,content:n,fadeIn:r,top:i,bottom:a,left:o,right:s,alignLeft:c,alignRight:l};exports.alignLeft=c,exports.alignRight=l,exports.bottom=a,exports.content=n,exports.default=u,exports.fadeIn=r,exports.left=o,exports.right=s,exports.root=e,exports.top=i,exports.trigger=t;
+var e=`_root_qv2ae_23`,t=`_trigger_qv2ae_27`,n=`_content_qv2ae_50`,r=`_fadeIn_qv2ae_1`,i=`_top_qv2ae_70`,a=`_bottom_qv2ae_76`,o=`_left_qv2ae_82`,s=`_right_qv2ae_88`,c=`_alignLeft_qv2ae_94`,l=`_alignRight_qv2ae_104`,u={root:e,trigger:t,content:n,fadeIn:r,top:i,bottom:a,left:o,right:s,alignLeft:c,alignRight:l};exports.alignLeft=c,exports.alignRight=l,exports.bottom=a,exports.content=n,exports.default=u,exports.fadeIn=r,exports.left=o,exports.right=s,exports.root=e,exports.top=i,exports.trigger=t;

package/dist/components/overlay/HoverCard/hover-card.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/overlay/HoverCard/hover-card.module.scss
-var e = "_root_1q2cw_23", t = "_trigger_1q2cw_27", n = "_content_1q2cw_50", r = "_fadeIn_1q2cw_1", i = "_top_1q2cw_67", a = "_bottom_1q2cw_73", o = "_left_1q2cw_79", s = "_right_1q2cw_85", c = "_alignLeft_1q2cw_91", l = "_alignRight_1q2cw_101", u = {
+var e = "_root_qv2ae_23", t = "_trigger_qv2ae_27", n = "_content_qv2ae_50", r = "_fadeIn_qv2ae_1", i = "_top_qv2ae_70", a = "_bottom_qv2ae_76", o = "_left_qv2ae_82", s = "_right_qv2ae_88", c = "_alignLeft_qv2ae_94", l = "_alignRight_qv2ae_104", u = {
 	root: e,
 	trigger: t,
 	content: n,

package/dist/llms-full.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.60.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.61.0 — a React 19 component library: 228 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
 
 ## Install & required setup
 
@@ -2143,6 +2143,8 @@ follows the theme and never needs a hand-mixed colour.
     - `direction: "vertical" | "horizontal"` = "vertical" — Orientation of the anchor links
     - `className: string` — Additional class names
     - `style: React.CSSProperties` — Style attribute
+    - `aria-label: string` — Accessible name. When set, the anchor is exposed as a navigation landmark with this name.
+    - `aria-labelledby: string` — ID of the element that labels the anchor. Takes precedence over `aria-label`.
 - **BackTop** — Back to top button (aka Back to Top)
     - `target: () => HTMLElement | Window | Document | null` = () => window — Target container that will be scrolled
     - `visibilityHeight: number` = 400 — Scroll height after which the button becomes visible

package/dist/llms.txt

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