wimui 0.60.1 → 0.62.0

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

@@ -29,8 +29,12 @@ export interface CommandPaletteContentProps {
      * (serious), and the palette has no heading to borrow one from.
      */
     "aria-label"?: string;
+    /** ID of the element that labels the dialog. Takes precedence over `aria-label` and the built-in name. */
+    "aria-labelledby"?: string;
+    /** ID of the element that describes the dialog. */
+    "aria-describedby"?: string;
 }
-export declare const CommandPaletteContent: ({ children, className, "aria-label": ariaLabel, }: CommandPaletteContentProps) => React.JSX.Element;
+export declare const CommandPaletteContent: ({ children, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, }: CommandPaletteContentProps) => React.JSX.Element;
 export interface CommandPaletteInputProps {
     placeholder?: string;
     value?: string;

package/dist/components/navigation/CommandPalette/CommandPalette.js

@@ -72,46 +72,48 @@ var y = u(void 0), b = () => {
 		},
 		children: e
 	});
-}, C = ({ children: a, className: o, "aria-label": s }) => {
-	let { t: l } = e(i), { open: u, onOpenChange: d, activeIndex: f, setActiveIndex: p, isKeyboardNavigating: h, setIsKeyboardNavigating: v } = b(), y = m(null);
+}, C = ({ children: a, className: o, "aria-label": s, "aria-labelledby": l, "aria-describedby": u }) => {
+	let { t: d } = e(i), { open: f, onOpenChange: p, activeIndex: h, setActiveIndex: v, isKeyboardNavigating: y, setIsKeyboardNavigating: x } = b(), S = m(null);
 	return /* @__PURE__ */ _(t, { children: /* @__PURE__ */ _(n, {
-		show: u,
+		show: f,
 		preset: "fade",
 		children: /* @__PURE__ */ _("div", {
 			role: "presentation",
 			className: c.overlay,
 			onClick: (e) => {
-				e.target === e.currentTarget && d(!1);
+				e.target === e.currentTarget && p(!1);
 			},
 			children: /* @__PURE__ */ _(n, {
-				show: u,
+				show: f,
 				preset: "scale",
 				children: /* @__PURE__ */ _(r, {
-					active: u,
+					active: f,
 					children: /* @__PURE__ */ _("div", {
 						role: "dialog",
 						"aria-modal": "true",
-						"aria-label": s ?? l("command_palette.label"),
+						"aria-label": l ? void 0 : s ?? d("command_palette.label"),
+						"aria-labelledby": l,
+						"aria-describedby": u,
 						className: g("wim-command-palette", c.content, o),
 						onClick: (e) => e.stopPropagation(),
 						onMouseMove: (e) => {
-							if (!y.current) {
-								y.current = {
+							if (!S.current) {
+								S.current = {
 									x: e.clientX,
 									y: e.clientY
 								};
 								return;
 							}
-							Math.sqrt((e.clientX - y.current.x) ** 2 + (e.clientY - y.current.y) ** 2) > 10 && v(!1), y.current = {
+							Math.sqrt((e.clientX - S.current.x) ** 2 + (e.clientY - S.current.y) ** 2) > 10 && x(!1), S.current = {
 								x: e.clientX,
 								y: e.clientY
 							};
 						},
-						"data-keyboard-nav": h,
+						"data-keyboard-nav": y,
 						onKeyDown: (e) => {
-							v(!0);
+							x(!0);
 							let t = e.currentTarget.querySelectorAll(`.${c.item}:not([aria-disabled="true"])`).length;
-							t !== 0 && (e.key === "ArrowDown" ? (e.preventDefault(), p((e) => (e + 1) % t)) : e.key === "ArrowUp" ? (e.preventDefault(), p((e) => (e - 1 + t) % t)) : e.key === "Home" ? (e.preventDefault(), p(0)) : e.key === "End" ? (e.preventDefault(), p(t - 1)) : e.key === "Enter" && (e.preventDefault(), document.getElementById(`wim-command-palette-item-${f}`)?.click()));
+							t !== 0 && (e.key === "ArrowDown" ? (e.preventDefault(), v((e) => (e + 1) % t)) : e.key === "ArrowUp" ? (e.preventDefault(), v((e) => (e - 1 + t) % t)) : e.key === "Home" ? (e.preventDefault(), v(0)) : e.key === "End" ? (e.preventDefault(), v(t - 1)) : e.key === "Enter" && (e.preventDefault(), document.getElementById(`wim-command-palette-item-${h}`)?.click()));
 						},
 						children: a
 					})

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;

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;