wimui 0.1.0

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

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+export type FocusTrapProps = {
+    /**
+     * Content to trap focus within.
+     */
+    children: React.ReactNode;
+    /**
+     * Whether the trap is active.
+     * @default true
+     */
+    active?: boolean;
+    /**
+     * Whether to focus the first focusable element on mount.
+     */
+    initialFocus?: boolean;
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+};
+/**
+ * Utility component that keeps focus inside a region.
+ * Used by dialogs, modals, and similar overlays.
+ */
+export declare const FocusTrap: ({ children, active, initialFocus, className, }: FocusTrapProps) => React.JSX.Element;

package/dist/components/overlay/FocusTrap/FocusTrap.js

@@ -0,0 +1,42 @@
+"use client";
+import e from "./focus-trap.module.js";
+import { useEffect as t, useRef as n } from "react";
+import r from "classnames";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/overlay/FocusTrap/FocusTrap.tsx
+var a = ({ children: a, active: o = !0, initialFocus: s = !0, className: c }) => {
+	let l = n(null), u = n(null);
+	return t(() => {
+		if (!o) return;
+		u.current = document.activeElement;
+		let e = l.current;
+		if (!e) return;
+		let t = () => Array.from(e.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])")).filter((e) => {
+			let t = window.getComputedStyle(e);
+			return t.display !== "none" && t.visibility !== "hidden" && !e.disabled;
+		});
+		if (s) {
+			let e = t();
+			e.length > 0 && e[0].focus();
+		}
+		let n = (e) => {
+			if (e.key !== "Tab") return;
+			let n = t();
+			if (n.length === 0) {
+				e.preventDefault();
+				return;
+			}
+			let r = n[0], i = n[n.length - 1];
+			e.shiftKey ? document.activeElement === r && (e.preventDefault(), i.focus()) : document.activeElement === i && (e.preventDefault(), r.focus());
+		};
+		return document.addEventListener("keydown", n), () => {
+			document.removeEventListener("keydown", n), u.current && u.current.focus();
+		};
+	}, [o, s]), /* @__PURE__ */ i("div", {
+		ref: l,
+		className: r("wim-focus-trap", e.root, c),
+		children: a
+	});
+};
+//#endregion
+export { a as FocusTrap };

package/dist/components/overlay/FocusTrap/focus-trap.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_i9m2o_2`,t={root:e};exports.default=t,exports.root=e;

package/dist/components/overlay/FocusTrap/focus-trap.module.js

@@ -0,0 +1,5 @@
+"use client";
+//#region src/components/overlay/FocusTrap/focus-trap.module.scss
+var e = "_root_i9m2o_2", t = { root: e };
+//#endregion
+export { t as default, e as root };

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

@@ -0,0 +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");var a=n.default.createContext({isOpen:!1,open:()=>{},close:()=>{}}),o=({children:e,className:o,openDelay:s=700,closeDelay:c=300,open:l,onOpenChange:u})=>{let[d,f]=(0,n.useState)(!1),p=l!==void 0,m=p?l:d,h=(0,n.useRef)(null),g=(0,n.useRef)(null);return(0,n.useEffect)(()=>()=>{h.current&&window.clearTimeout(h.current),g.current&&window.clearTimeout(g.current)},[]),(0,i.jsx)(a.Provider,{value:{isOpen:m,open:()=>{g.current&&=(window.clearTimeout(g.current),null),!m&&(h.current&&window.clearTimeout(h.current),h.current=window.setTimeout(()=>{p||f(!0),u?.(!0),h.current=null},s))},close:()=>{h.current&&=(window.clearTimeout(h.current),null),m&&(g.current&&window.clearTimeout(g.current),g.current=window.setTimeout(()=>{p||f(!1),u?.(!1),g.current=null},c))}},children:(0,i.jsx)(`div`,{className:(0,r.default)(`wim-hover-card`,t.default.root,o),children:e})})},s=({children:e,className:o,asChild:s})=>{let{open:c,close:l}=n.default.useContext(a),u=()=>c(),d=()=>l();return s&&n.default.isValidElement(e)?n.default.cloneElement(e,{onMouseEnter:t=>{e.props.onMouseEnter?.(t),u()},onMouseLeave:t=>{e.props.onMouseLeave?.(t),d()},onFocus:t=>{e.props.onFocus?.(t),u()},onBlur:t=>{e.props.onBlur?.(t),d()},className:(0,r.default)(o,e.props.className)}):(0,i.jsx)(`div`,{className:(0,r.default)(t.default.trigger,o),onMouseEnter:u,onMouseLeave:d,onFocus:u,onBlur:d,tabIndex:0,children:e})},c=({children:e,className:o,align:s=`center`,side:c=`bottom`,sideOffset:l=8,...u})=>{let{isOpen:d,open:f,close:p}=n.default.useContext(a);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`,{className:(0,r.default)(t.default.content,m,h,o),onMouseEnter:f,onMouseLeave:p,"data-side":c,"data-align":s,...u,children:e})},l=e=>(0,i.jsx)(o,{...e});l.displayName=`HoverCard`,l.Trigger=s,l.Content=c,exports.HoverCard=l,exports.default=l,exports.HoverCardContent=c,exports.HoverCardTrigger=s;

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

@@ -0,0 +1,48 @@
+import { default as React, ReactNode } from 'react';
+export type HoverCardProps = {
+    /**
+     * Hover card parts (HoverCardTrigger and HoverCardContent).
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS class name for the container.
+     */
+    className?: string;
+    /**
+     * Delay before showing the hover card in ms.
+     */
+    openDelay?: number;
+    /**
+     * Delay before hiding the hover card in ms.
+     */
+    closeDelay?: number;
+    /**
+     * If provided, controls the open state.
+     */
+    open?: boolean;
+    /**
+     * Callback when open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+};
+export type HoverCardTriggerProps = {
+    children: ReactNode;
+    className?: string;
+    asChild?: boolean;
+};
+export declare const HoverCardTrigger: ({ children, className, asChild, }: HoverCardTriggerProps) => React.JSX.Element;
+export type HoverCardContentProps = {
+    children: ReactNode;
+    className?: string;
+    align?: "left" | "right" | "center";
+    side?: "top" | "bottom" | "left" | "right";
+    sideOffset?: number;
+};
+export declare const HoverCardContent: ({ children, className, align, side, sideOffset: _sideOffset, ...props }: HoverCardContentProps & React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element | null;
+export interface HoverCardComponent extends React.FC<HoverCardProps> {
+    Trigger: typeof HoverCardTrigger;
+    Content: typeof HoverCardContent;
+}
+declare const HoverCardCompound: HoverCardComponent;
+export { HoverCardCompound as HoverCard };
+export default HoverCardCompound;

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

@@ -0,0 +1,75 @@
+"use client";
+import e from "./hover-card.module.js";
+import t, { useEffect as n, useRef as r, useState as i } from "react";
+import a from "classnames";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/overlay/HoverCard/HoverCard.tsx
+var s = t.createContext({
+	isOpen: !1,
+	open: () => {},
+	close: () => {}
+}), c = ({ children: t, className: c, openDelay: l = 700, closeDelay: u = 300, open: d, onOpenChange: f }) => {
+	let [p, m] = i(!1), h = d !== void 0, g = h ? d : p, _ = r(null), v = r(null);
+	return n(() => () => {
+		_.current && window.clearTimeout(_.current), v.current && window.clearTimeout(v.current);
+	}, []), /* @__PURE__ */ o(s.Provider, {
+		value: {
+			isOpen: g,
+			open: () => {
+				v.current &&= (window.clearTimeout(v.current), null), !g && (_.current && window.clearTimeout(_.current), _.current = window.setTimeout(() => {
+					h || m(!0), f?.(!0), _.current = null;
+				}, l));
+			},
+			close: () => {
+				_.current &&= (window.clearTimeout(_.current), null), g && (v.current && window.clearTimeout(v.current), v.current = window.setTimeout(() => {
+					h || m(!1), f?.(!1), v.current = null;
+				}, u));
+			}
+		},
+		children: /* @__PURE__ */ o("div", {
+			className: a("wim-hover-card", e.root, c),
+			children: t
+		})
+	});
+}, l = ({ children: n, className: r, asChild: i }) => {
+	let { open: c, close: l } = t.useContext(s), u = () => c(), d = () => l();
+	return i && t.isValidElement(n) ? t.cloneElement(n, {
+		onMouseEnter: (e) => {
+			n.props.onMouseEnter?.(e), u();
+		},
+		onMouseLeave: (e) => {
+			n.props.onMouseLeave?.(e), d();
+		},
+		onFocus: (e) => {
+			n.props.onFocus?.(e), u();
+		},
+		onBlur: (e) => {
+			n.props.onBlur?.(e), d();
+		},
+		className: a(r, n.props.className)
+	}) : /* @__PURE__ */ o("div", {
+		className: a(e.trigger, r),
+		onMouseEnter: u,
+		onMouseLeave: d,
+		onFocus: u,
+		onBlur: d,
+		tabIndex: 0,
+		children: n
+	});
+}, u = ({ children: n, className: r, align: i = "center", side: c = "bottom", sideOffset: l = 8, ...u }) => {
+	let { isOpen: d, open: f, close: p } = t.useContext(s);
+	if (!d) return null;
+	let m = e[c], h = i === "left" ? e.alignLeft : i === "right" ? e.alignRight : "";
+	return /* @__PURE__ */ o("div", {
+		className: a(e.content, m, h, r),
+		onMouseEnter: f,
+		onMouseLeave: p,
+		"data-side": c,
+		"data-align": i,
+		...u,
+		children: n
+	});
+}, d = (e) => /* @__PURE__ */ o(c, { ...e });
+d.displayName = "HoverCard", d.Trigger = l, d.Content = u;
+//#endregion
+export { d as HoverCard, d as default, u as HoverCardContent, l as HoverCardTrigger };

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

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_3l17k_3`,t=`_trigger_3l17k_7`,n=`_content_3l17k_17`,r=`_fadeIn_3l17k_1`,i=`_top_3l17k_34`,a=`_bottom_3l17k_40`,o=`_left_3l17k_46`,s=`_right_3l17k_52`,c=`_alignLeft_3l17k_58`,l=`_alignRight_3l17k_68`,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

@@ -0,0 +1,16 @@
+"use client";
+//#region src/components/overlay/HoverCard/hover-card.module.scss
+var e = "_root_3l17k_3", t = "_trigger_3l17k_7", n = "_content_3l17k_17", r = "_fadeIn_3l17k_1", i = "_top_3l17k_34", a = "_bottom_3l17k_40", o = "_left_3l17k_46", s = "_right_3l17k_52", c = "_alignLeft_3l17k_58", l = "_alignRight_3l17k_68", u = {
+	root: e,
+	trigger: t,
+	content: n,
+	fadeIn: r,
+	top: i,
+	bottom: a,
+	left: o,
+	right: s,
+	alignLeft: c,
+	alignRight: l
+};
+//#endregion
+export { c as alignLeft, l as alignRight, a as bottom, n as content, u as default, r as fadeIn, o as left, s as right, e as root, i as top, t as trigger };

package/dist/components/overlay/Menu/Menu.cjs

@@ -0,0 +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("../../../icon/chevron-right.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../_internal/BaseListItem/BaseListItem.cjs"),o=require("./menu.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=s.default.createContext({expandedItems:new Set,toggleItem:()=>{},containerRef:{current:null},mode:`vertical`,focusedIndex:0,setFocusedIndex:()=>{},registerItem:()=>0}),d=()=>{let e=s.default.useContext(u);if(!e)throw Error(`Menu sub-components must be used within a Menu`);return e},f=({children:e,className:n,asChild:r=!1,mode:i=`vertical`,defaultOpenKeys:a=[]})=>{let[d,f]=(0,s.useState)(new Set(a)),[p,m]=(0,s.useState)(0),h=s.default.useRef(0);s.default.useEffect(()=>{h.current=0});let g=()=>{let e=h.current;return h.current+=1,e},_=e=>{f(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},v=s.default.useRef(null),y=e=>{let t=Array.from(v.current?.querySelectorAll(`[role="menuitem"]:not([aria-disabled="true"])`)||[]),n=t.indexOf(document.activeElement);if(n!==-1){if(i===`vertical`||i===`inline`){if(e.key===`ArrowDown`)e.preventDefault(),t[(n+1)%t.length]?.focus();else if(e.key===`ArrowUp`)e.preventDefault(),t[(n-1+t.length)%t.length]?.focus();else if(e.key===`ArrowRight`){let r=t[n];r.getAttribute(`aria-haspopup`)===`true`&&r.getAttribute(`aria-expanded`)===`false`&&(e.preventDefault(),r.click())}else if(e.key===`ArrowLeft`){let r=t[n];r.getAttribute(`aria-haspopup`)===`true`&&r.getAttribute(`aria-expanded`)===`true`&&(e.preventDefault(),r.click())}}else if(i===`horizontal`){if(e.key===`ArrowRight`)e.preventDefault(),t[(n+1)%t.length]?.focus();else if(e.key===`ArrowLeft`)e.preventDefault(),t[(n-1+t.length)%t.length]?.focus();else if(e.key===`ArrowDown`){let r=t[n];r.getAttribute(`aria-haspopup`)===`true`&&r.getAttribute(`aria-expanded`)===`false`&&(e.preventDefault(),r.click())}}e.key===`Home`?(e.preventDefault(),m(0),t[0]?.focus()):e.key===`End`&&(e.preventDefault(),m(t.length-1),t[t.length-1]?.focus())}},b=r?t.Root:`ul`;return(0,l.jsx)(u.Provider,{value:{expandedItems:d,toggleItem:_,containerRef:v,mode:i,focusedIndex:p,setFocusedIndex:m,registerItem:g},children:(0,l.jsx)(b,{ref:v,className:(0,c.default)(`wim-menu`,o.default.root,o.default[i],n),role:`menu`,onKeyDown:y,children:(0,l.jsx)(t.Slottable,{children:e})})})},p=({children:e,onClick:t,disabled:n=!1,danger:r=!1,className:i,icon:u,asChild:f=!1,...p})=>{let{focusedIndex:m,setFocusedIndex:h,registerItem:g}=d(),[_]=(0,s.useState)(()=>g()),v=m===_,y=e=>{e.stopPropagation(),!n&&t&&t()},b={className:(0,c.default)(o.default.item,i),onClick:y,onFocus:()=>h(_),disabled:n,danger:r,icon:u,role:`menuitem`,tabIndex:v?0:-1,onKeyDown:e=>{!n&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),y(e))},...p};return f?(0,l.jsx)(`li`,{role:`none`,children:(0,l.jsx)(a.BaseListItem,{asChild:!0,...b,children:e})}):(0,l.jsx)(a.BaseListItem,{asChild:!0,...b,children:(0,l.jsx)(`li`,{children:e})})},m=({children:e,title:t,className:n})=>{let r=s.default.useId();return(0,l.jsxs)(`li`,{className:(0,c.default)(o.default.itemGroup,n),role:`none`,children:[t&&(0,l.jsx)(`div`,{id:r,className:o.default.itemGroupTitle,"aria-hidden":`true`,children:t}),(0,l.jsx)(`ul`,{className:o.default.itemGroupList,role:`group`,"aria-labelledby":t?r:void 0,children:e})]})},h=({children:e,title:t,className:u,icon:f,itemKey:p})=>{let{expandedItems:m,toggleItem:h,registerItem:g,focusedIndex:_,setFocusedIndex:v}=d(),y=m.has(p),[b]=(0,s.useState)(()=>g()),x=_===b,S=s.default.useId(),C=e=>{e.stopPropagation(),h(p)};return(0,l.jsxs)(`li`,{className:(0,c.default)(o.default.submenu,y&&o.default.open,u),role:`none`,children:[(0,l.jsx)(a.BaseListItem,{id:S,className:o.default.submenuTitle,onClick:C,onFocus:()=>v(b),icon:f,rightSection:(0,l.jsx)(`span`,{className:(0,c.default)(o.default.submenuArrow,y&&o.default.open),children:(0,l.jsx)(i.Icon,{component:r.default,size:`sm`})}),role:`menuitem`,"aria-haspopup":`true`,"aria-expanded":y,tabIndex:x?0:-1,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),C(e))},children:t}),(0,l.jsx)(n.Transition,{show:y,preset:`fade`,className:o.default.submenuList,children:(0,l.jsx)(`ul`,{className:o.default.submenuList,role:`menu`,"aria-labelledby":S,children:e})})]})},g=({className:e})=>(0,l.jsx)(`li`,{className:(0,c.default)(o.default.divider,e),role:`separator`}),_=Object.assign(f,{Item:p,Group:m,SubMenu:h,Divider:g});exports.Menu=_,exports.default=_,exports.MenuDivider=g,exports.MenuItem=p,exports.MenuItemGroup=m,exports.SubMenu=h;

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

@@ -0,0 +1,63 @@
+import { default as React, ReactNode } from 'react';
+export type MenuProps = {
+    /**
+     * Menu items (MenuItem, MenuItemGroup, SubMenu, MenuDivider).
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS class name for the container.
+     */
+    className?: string;
+    /**
+     * If true, the menu root will be rendered as its child, merging its props onto that child.
+     */
+    asChild?: boolean;
+    /** Mode of the menu */
+    mode?: "vertical" | "horizontal" | "inline";
+    /** Default selected keys */
+    defaultSelectedKeys?: string[];
+    /** Default opened submenu keys */
+    defaultOpenKeys?: string[];
+};
+export type MenuItemProps = {
+    children: ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+    danger?: boolean;
+    className?: string;
+    icon?: ReactNode;
+    /** Unique key for this item */
+    itemKey?: string;
+    /**
+     * If true, merge item props onto the child (keep a wrapping `<li role="none">` for valid menu markup).
+     */
+    asChild?: boolean;
+} & React.ComponentPropsWithoutRef<"div">;
+export declare const MenuItem: ({ children, onClick, disabled, danger, className, icon, asChild, ...props }: MenuItemProps) => React.JSX.Element;
+export type MenuItemGroupProps = {
+    children: ReactNode;
+    title?: string;
+    className?: string;
+};
+export declare const MenuItemGroup: ({ children, title, className, }: MenuItemGroupProps) => React.JSX.Element;
+export type SubMenuProps = {
+    children: ReactNode;
+    title: ReactNode;
+    className?: string;
+    icon?: ReactNode;
+    /** Unique key for this submenu */
+    itemKey: string;
+};
+export declare const SubMenu: ({ children, title, className, icon, itemKey, }: SubMenuProps) => React.JSX.Element;
+export type MenuDividerProps = {
+    className?: string;
+};
+export declare const MenuDivider: ({ className }: MenuDividerProps) => React.JSX.Element;
+export interface MenuComponent extends React.FC<MenuProps> {
+    Item: typeof MenuItem;
+    Group: typeof MenuItemGroup;
+    SubMenu: typeof SubMenu;
+    Divider: typeof MenuDivider;
+}
+export declare const Menu: MenuComponent;
+export default Menu;

package/dist/components/overlay/Menu/Menu.js

@@ -0,0 +1,175 @@
+"use client";
+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 r from "../../../icon/chevron-right.js";
+import { Icon as i } from "../../media/Icon/Icon.js";
+import { BaseListItem as a } from "../../_internal/BaseListItem/BaseListItem.js";
+import o from "./menu.module.js";
+import s, { useState as c } from "react";
+import l from "classnames";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/overlay/Menu/Menu.tsx
+var f = s.createContext({
+	expandedItems: /* @__PURE__ */ new Set(),
+	toggleItem: () => {},
+	containerRef: { current: null },
+	mode: "vertical",
+	focusedIndex: 0,
+	setFocusedIndex: () => {},
+	registerItem: () => 0
+}), p = () => {
+	let e = s.useContext(f);
+	if (!e) throw Error("Menu sub-components must be used within a Menu");
+	return e;
+}, m = ({ children: n, className: r, asChild: i = !1, mode: a = "vertical", defaultOpenKeys: d = [] }) => {
+	let [p, m] = c(new Set(d)), [h, g] = c(0), _ = s.useRef(0);
+	s.useEffect(() => {
+		_.current = 0;
+	});
+	let v = () => {
+		let e = _.current;
+		return _.current += 1, e;
+	}, y = (e) => {
+		m((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, b = s.useRef(null), x = (e) => {
+		let t = Array.from(b.current?.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])") || []), n = t.indexOf(document.activeElement);
+		if (n !== -1) {
+			if (a === "vertical" || a === "inline") {
+				if (e.key === "ArrowDown") e.preventDefault(), t[(n + 1) % t.length]?.focus();
+				else if (e.key === "ArrowUp") e.preventDefault(), t[(n - 1 + t.length) % t.length]?.focus();
+				else if (e.key === "ArrowRight") {
+					let r = t[n];
+					r.getAttribute("aria-haspopup") === "true" && r.getAttribute("aria-expanded") === "false" && (e.preventDefault(), r.click());
+				} else if (e.key === "ArrowLeft") {
+					let r = t[n];
+					r.getAttribute("aria-haspopup") === "true" && r.getAttribute("aria-expanded") === "true" && (e.preventDefault(), r.click());
+				}
+			} else if (a === "horizontal") {
+				if (e.key === "ArrowRight") e.preventDefault(), t[(n + 1) % t.length]?.focus();
+				else if (e.key === "ArrowLeft") e.preventDefault(), t[(n - 1 + t.length) % t.length]?.focus();
+				else if (e.key === "ArrowDown") {
+					let r = t[n];
+					r.getAttribute("aria-haspopup") === "true" && r.getAttribute("aria-expanded") === "false" && (e.preventDefault(), r.click());
+				}
+			}
+			e.key === "Home" ? (e.preventDefault(), g(0), t[0]?.focus()) : e.key === "End" && (e.preventDefault(), g(t.length - 1), t[t.length - 1]?.focus());
+		}
+	}, S = i ? e : "ul";
+	return /* @__PURE__ */ u(f.Provider, {
+		value: {
+			expandedItems: p,
+			toggleItem: y,
+			containerRef: b,
+			mode: a,
+			focusedIndex: h,
+			setFocusedIndex: g,
+			registerItem: v
+		},
+		children: /* @__PURE__ */ u(S, {
+			ref: b,
+			className: l("wim-menu", o.root, o[a], r),
+			role: "menu",
+			onKeyDown: x,
+			children: /* @__PURE__ */ u(t, { children: n })
+		})
+	});
+}, h = ({ children: e, onClick: t, disabled: n = !1, danger: r = !1, className: i, icon: s, asChild: d = !1, ...f }) => {
+	let { focusedIndex: m, setFocusedIndex: h, registerItem: g } = p(), [_] = c(() => g()), v = m === _, y = (e) => {
+		e.stopPropagation(), !n && t && t();
+	}, b = {
+		className: l(o.item, i),
+		onClick: y,
+		onFocus: () => h(_),
+		disabled: n,
+		danger: r,
+		icon: s,
+		role: "menuitem",
+		tabIndex: v ? 0 : -1,
+		onKeyDown: (e) => {
+			!n && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), y(e));
+		},
+		...f
+	};
+	return d ? /* @__PURE__ */ u("li", {
+		role: "none",
+		children: /* @__PURE__ */ u(a, {
+			asChild: !0,
+			...b,
+			children: e
+		})
+	}) : /* @__PURE__ */ u(a, {
+		asChild: !0,
+		...b,
+		children: /* @__PURE__ */ u("li", { children: e })
+	});
+}, g = ({ children: e, title: t, className: n }) => {
+	let r = s.useId();
+	return /* @__PURE__ */ d("li", {
+		className: l(o.itemGroup, n),
+		role: "none",
+		children: [t && /* @__PURE__ */ u("div", {
+			id: r,
+			className: o.itemGroupTitle,
+			"aria-hidden": "true",
+			children: t
+		}), /* @__PURE__ */ u("ul", {
+			className: o.itemGroupList,
+			role: "group",
+			"aria-labelledby": t ? r : void 0,
+			children: e
+		})]
+	});
+}, _ = ({ children: e, title: t, className: f, icon: m, itemKey: h }) => {
+	let { expandedItems: g, toggleItem: _, registerItem: v, focusedIndex: y, setFocusedIndex: b } = p(), x = g.has(h), [S] = c(() => v()), C = y === S, w = s.useId(), T = (e) => {
+		e.stopPropagation(), _(h);
+	};
+	return /* @__PURE__ */ d("li", {
+		className: l(o.submenu, x && o.open, f),
+		role: "none",
+		children: [/* @__PURE__ */ u(a, {
+			id: w,
+			className: o.submenuTitle,
+			onClick: T,
+			onFocus: () => b(S),
+			icon: m,
+			rightSection: /* @__PURE__ */ u("span", {
+				className: l(o.submenuArrow, x && o.open),
+				children: /* @__PURE__ */ u(i, {
+					component: r,
+					size: "sm"
+				})
+			}),
+			role: "menuitem",
+			"aria-haspopup": "true",
+			"aria-expanded": x,
+			tabIndex: C ? 0 : -1,
+			onKeyDown: (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), T(e));
+			},
+			children: t
+		}), /* @__PURE__ */ u(n, {
+			show: x,
+			preset: "fade",
+			className: o.submenuList,
+			children: /* @__PURE__ */ u("ul", {
+				className: o.submenuList,
+				role: "menu",
+				"aria-labelledby": w,
+				children: e
+			})
+		})]
+	});
+}, v = ({ className: e }) => /* @__PURE__ */ u("li", {
+	className: l(o.divider, e),
+	role: "separator"
+}), y = Object.assign(m, {
+	Item: h,
+	Group: g,
+	SubMenu: _,
+	Divider: v
+});
+//#endregion
+export { y as Menu, y as default, v as MenuDivider, h as MenuItem, g as MenuItemGroup, _ as SubMenu };

package/dist/components/overlay/Menu/index.d.ts

@@ -0,0 +1,2 @@
+export { Menu, MenuItem, MenuItemGroup, SubMenu, MenuDivider } from './Menu';
+export type { MenuProps, MenuItemProps, MenuItemGroupProps, SubMenuProps, MenuDividerProps, } from './Menu';

package/dist/components/overlay/Menu/menu.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_jzgnb_2`,t=`_vertical_jzgnb_12`,n=`_horizontal_jzgnb_17`,r=`_inline_jzgnb_45`,i=`_item_jzgnb_53`,a=`_itemGroup_jzgnb_67`,o=`_itemGroupTitle_jzgnb_73`,s=`_itemGroupList_jzgnb_81`,c=`_submenu_jzgnb_86`,l=`_open_jzgnb_89`,u=`_submenuList_jzgnb_89`,d=`_submenuTitle_jzgnb_95`,f=`_submenuArrow_jzgnb_106`,p=`_slideDown_jzgnb_1`,m=`_divider_jzgnb_127`,h={root:e,vertical:t,horizontal:n,inline:r,item:i,itemGroup:a,itemGroupTitle:o,itemGroupList:s,submenu:c,open:l,submenuList:u,submenuTitle:d,submenuArrow:f,slideDown:p,divider:m};exports.default=h,exports.divider=m,exports.horizontal=n,exports.inline=r,exports.item=i,exports.itemGroup=a,exports.itemGroupList=s,exports.itemGroupTitle=o,exports.open=l,exports.root=e,exports.slideDown=p,exports.submenu=c,exports.submenuArrow=f,exports.submenuList=u,exports.submenuTitle=d,exports.vertical=t;

package/dist/components/overlay/Menu/menu.module.js

@@ -0,0 +1,21 @@
+"use client";
+//#region src/components/overlay/Menu/menu.module.scss
+var e = "_root_jzgnb_2", t = "_vertical_jzgnb_12", n = "_horizontal_jzgnb_17", r = "_inline_jzgnb_45", i = "_item_jzgnb_53", a = "_itemGroup_jzgnb_67", o = "_itemGroupTitle_jzgnb_73", s = "_itemGroupList_jzgnb_81", c = "_submenu_jzgnb_86", l = "_open_jzgnb_89", u = "_submenuList_jzgnb_89", d = "_submenuTitle_jzgnb_95", f = "_submenuArrow_jzgnb_106", p = "_slideDown_jzgnb_1", m = "_divider_jzgnb_127", h = {
+	root: e,
+	vertical: t,
+	horizontal: n,
+	inline: r,
+	item: i,
+	itemGroup: a,
+	itemGroupTitle: o,
+	itemGroupList: s,
+	submenu: c,
+	open: l,
+	submenuList: u,
+	submenuTitle: d,
+	submenuArrow: f,
+	slideDown: p,
+	divider: m
+};
+//#endregion
+export { h as default, m as divider, n as horizontal, r as inline, i as item, a as itemGroup, s as itemGroupList, o as itemGroupTitle, l as open, e as root, p as slideDown, c as submenu, f as submenuArrow, u as submenuList, d as submenuTitle, t as vertical };

package/dist/components/overlay/Popconfirm/Popconfirm.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../form/Button/Button.cjs"),n=require("../../_internal/FeedbackIcon.cjs"),r=require("../Popover/Popover.cjs"),i=require("./popconfirm.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=({title:e,description:s,onConfirm:c,onCancel:l,okText:u=`OK`,cancelText:d=`Cancel`,okType:f=`default`,children:p,icon:m,disabled:h=!1})=>{let g=a.default.useId(),_=a.default.useId();return h?a.default.isValidElement(p)?a.default.cloneElement(p,{disabled:!0}):(0,o.jsx)(o.Fragment,{children:p}):(0,o.jsxs)(r.Popover,{children:[(0,o.jsx)(r.PopoverTrigger,{asChild:!0,children:p}),(0,o.jsx)(r.PopoverContent,{className:`wim-popconfirm ${i.default.content}`,"aria-labelledby":g,"aria-describedby":s?_:void 0,children:(0,o.jsxs)(`div`,{className:i.default.inner,children:[(0,o.jsx)(`span`,{className:i.default.icon,children:(0,o.jsx)(n.FeedbackIcon,{intent:`warning`,icon:m,size:`sm`,color:`warning`})}),(0,o.jsxs)(`div`,{className:i.default.body,children:[(0,o.jsx)(`div`,{id:g,className:i.default.title,children:e}),s&&(0,o.jsx)(`div`,{id:_,className:i.default.description,children:s}),(0,o.jsxs)(`div`,{className:i.default.actions,children:[(0,o.jsx)(r.PopoverClose,{asChild:!0,children:(0,o.jsx)(t.Button,{size:`sm`,onClick:l,variant:`ghost`,children:d})}),(0,o.jsx)(r.PopoverClose,{asChild:!0,children:(0,o.jsx)(t.Button,{size:`sm`,onClick:c,variant:`solid`,intent:f,children:u})})]})]})]})})]})};exports.Popconfirm=s;

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

@@ -0,0 +1,45 @@
+import { default as React, ReactNode } from 'react';
+import { ButtonIntent } from '../../../types/tokens';
+export type PopconfirmProps = {
+    /**
+     * The title of the confirmation box
+     */
+    title: ReactNode;
+    /**
+     * The description of the confirmation box
+     */
+    description?: ReactNode;
+    /**
+     * Callback when the user clicks the confirm button
+     */
+    onConfirm?: () => void;
+    /**
+     * Callback when the user clicks the cancel button
+     */
+    onCancel?: () => void;
+    /**
+     * Text of the confirm button
+     */
+    okText?: ReactNode;
+    /**
+     * Text of the cancel button
+     */
+    cancelText?: ReactNode;
+    /**
+     * Color role of the confirm button
+     */
+    okType?: ButtonIntent;
+    /**
+     * The target element which the Popconfirm will be attached to
+     */
+    children: ReactNode;
+    /**
+     * Customize the icon
+     */
+    icon?: ReactNode;
+    /**
+     * Whether to show the popconfirm
+     */
+    disabled?: boolean;
+};
+export declare const Popconfirm: ({ title, description, onConfirm, onCancel, okText, cancelText, okType, children, icon, disabled, }: PopconfirmProps) => React.JSX.Element;

package/dist/components/overlay/Popconfirm/Popconfirm.js

@@ -0,0 +1,68 @@
+"use client";
+import { Button as e } from "../../form/Button/Button.js";
+import { FeedbackIcon as t } from "../../_internal/FeedbackIcon.js";
+import { Popover as n, PopoverClose as r, PopoverContent as i, PopoverTrigger as a } from "../Popover/Popover.js";
+import o from "./popconfirm.module.js";
+import s from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/overlay/Popconfirm/Popconfirm.tsx
+var d = ({ title: d, description: f, onConfirm: p, onCancel: m, okText: h = "OK", cancelText: g = "Cancel", okType: _ = "default", children: v, icon: y, disabled: b = !1 }) => {
+	let x = s.useId(), S = s.useId();
+	return b ? s.isValidElement(v) ? s.cloneElement(v, { disabled: !0 }) : /* @__PURE__ */ l(c, { children: v }) : /* @__PURE__ */ u(n, { children: [/* @__PURE__ */ l(a, {
+		asChild: !0,
+		children: v
+	}), /* @__PURE__ */ l(i, {
+		className: `wim-popconfirm ${o.content}`,
+		"aria-labelledby": x,
+		"aria-describedby": f ? S : void 0,
+		children: /* @__PURE__ */ u("div", {
+			className: o.inner,
+			children: [/* @__PURE__ */ l("span", {
+				className: o.icon,
+				children: /* @__PURE__ */ l(t, {
+					intent: "warning",
+					icon: y,
+					size: "sm",
+					color: "warning"
+				})
+			}), /* @__PURE__ */ u("div", {
+				className: o.body,
+				children: [
+					/* @__PURE__ */ l("div", {
+						id: x,
+						className: o.title,
+						children: d
+					}),
+					f && /* @__PURE__ */ l("div", {
+						id: S,
+						className: o.description,
+						children: f
+					}),
+					/* @__PURE__ */ u("div", {
+						className: o.actions,
+						children: [/* @__PURE__ */ l(r, {
+							asChild: !0,
+							children: /* @__PURE__ */ l(e, {
+								size: "sm",
+								onClick: m,
+								variant: "ghost",
+								children: g
+							})
+						}), /* @__PURE__ */ l(r, {
+							asChild: !0,
+							children: /* @__PURE__ */ l(e, {
+								size: "sm",
+								onClick: p,
+								variant: "solid",
+								intent: _,
+								children: h
+							})
+						})]
+					})
+				]
+			})]
+		})
+	})] });
+};
+//#endregion
+export { d as Popconfirm };

package/dist/components/overlay/Popconfirm/popconfirm.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_content_ar7uu_2`,t=`_inner_ar7uu_12`,n=`_icon_ar7uu_18`,r=`_body_ar7uu_22`,i=`_title_ar7uu_29`,a=`_description_ar7uu_34`,o=`_actions_ar7uu_38`,s={content:e,inner:t,icon:n,body:r,title:i,description:a,actions:o};exports.actions=o,exports.body=r,exports.content=e,exports.default=s,exports.description=a,exports.icon=n,exports.inner=t,exports.title=i;

package/dist/components/overlay/Popconfirm/popconfirm.module.js

@@ -0,0 +1,13 @@
+"use client";
+//#region src/components/overlay/Popconfirm/popconfirm.module.scss
+var e = "_content_ar7uu_2", t = "_inner_ar7uu_12", n = "_icon_ar7uu_18", r = "_body_ar7uu_22", i = "_title_ar7uu_29", a = "_description_ar7uu_34", o = "_actions_ar7uu_38", s = {
+	content: e,
+	inner: t,
+	icon: n,
+	body: r,
+	title: i,
+	description: a,
+	actions: o
+};
+//#endregion
+export { o as actions, r as body, e as content, s as default, a as description, n as icon, t as inner, i as title };