wimui 0.47.10 → 0.49.0

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

@@ -1,85 +1,97 @@
 "use client";
 import { OverlayBase as e } from "../../_internal/OverlayBase.js";
 import t from "./bottom-sheet.module.js";
-import n, { createContext as r, useCallback as i, useContext as a, useState as o } from "react";
-import s from "classnames";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import n, { createContext as r, useCallback as i, useContext as a, useId as o, useState as s } from "react";
+import c from "classnames";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/overlay/BottomSheet/BottomSheet.tsx
-var u = r(void 0), d = () => {
-	let e = a(u);
+var d = r(void 0), f = () => {
+	let e = a(d);
 	if (!e) throw Error("useBottomSheet must be used within a BottomSheet provider");
 	return e;
-}, f = ({ children: e, open: t, defaultOpen: n = !1, onOpenChange: r }) => {
-	let [a, s] = o(n), l = t !== void 0, d = l ? t : a, f = i((e) => {
-		l || s(e), r?.(e);
-	}, [l, r]);
-	return /* @__PURE__ */ c(u.Provider, {
+}, p = ({ children: e, open: t, defaultOpen: n = !1, onOpenChange: r }) => {
+	let [a, c] = s(n), u = t !== void 0, f = u ? t : a, p = i((e) => {
+		u || c(e), r?.(e);
+	}, [u, r]), m = o(), h = `wim-bottom-sheet-${m}-title`, g = `wim-bottom-sheet-${m}-description`;
+	return /* @__PURE__ */ l(d.Provider, {
 		value: {
-			open: d,
-			onOpenChange: f
+			titleId: h,
+			descriptionId: g,
+			open: f,
+			onOpenChange: p
 		},
 		children: e
 	});
-}, p = ({ children: e, asChild: t, className: r }) => {
-	let { onOpenChange: i } = d(), a = () => {
+}, m = ({ children: e, asChild: t, className: r }) => {
+	let { onOpenChange: i } = f(), a = () => {
 		i(!0);
 	};
 	return t && n.isValidElement(e) ? n.cloneElement(e, {
 		onClick: (t) => {
 			e.props.onClick?.(t), a();
 		},
-		className: s(r, e.props.className)
-	}) : /* @__PURE__ */ c("button", {
+		className: c(r, e.props.className)
+	}) : /* @__PURE__ */ l("button", {
 		className: r,
 		onClick: a,
 		children: e
 	});
-}, m = ({ children: e, className: t, asChild: r }) => {
-	let { onOpenChange: i } = d(), a = () => {
+}, h = ({ children: e, className: t, asChild: r }) => {
+	let { onOpenChange: i } = f(), a = () => {
 		i(!1);
 	};
 	return r && n.isValidElement(e) ? n.cloneElement(e, {
 		onClick: (t) => {
 			e.props.onClick?.(t), a();
 		},
-		className: s(t, e.props.className)
-	}) : /* @__PURE__ */ c("button", {
+		className: c(t, e.props.className)
+	}) : /* @__PURE__ */ l("button", {
 		type: "button",
 		className: t,
 		onClick: a,
 		children: e
 	});
-}, h = ({ children: n, className: r }) => {
-	let { open: i, onOpenChange: a } = d();
-	return /* @__PURE__ */ l(e, {
+}, g = ({ children: n, className: r }) => {
+	let { open: i, onOpenChange: a, titleId: o, descriptionId: s } = f();
+	return /* @__PURE__ */ u(e, {
 		open: i,
 		onOpenChange: a,
 		overlayClassName: t.overlay,
-		contentClassName: s("wim-bottom-sheet", t.content, r),
+		contentClassName: c("wim-bottom-sheet", t.content, r),
 		transitionProps: { preset: "slide-bottom" },
-		children: [/* @__PURE__ */ c("div", { className: t.handle }), n]
+		"aria-labelledby": o,
+		"aria-describedby": s,
+		children: [/* @__PURE__ */ l("div", { className: t.handle }), n]
 	});
-}, g = ({ children: e, className: n }) => /* @__PURE__ */ c("div", {
-	className: s(t.header, n),
+}, _ = ({ children: e, className: n }) => /* @__PURE__ */ l("div", {
+	className: c(t.header, n),
 	"data-testid": "bottom-sheet-header",
 	children: e
-}), _ = ({ children: e, className: n }) => /* @__PURE__ */ c("div", {
-	className: s(t.footer, n),
+}), v = ({ children: e, className: n }) => /* @__PURE__ */ l("div", {
+	className: c(t.footer, n),
 	"data-testid": "bottom-sheet-footer",
 	children: e
-}), v = ({ children: e, className: n }) => /* @__PURE__ */ c("h2", {
-	className: s(t.title, n),
-	"data-testid": "bottom-sheet-title",
-	children: e
-}), y = ({ children: e, className: n }) => /* @__PURE__ */ c("p", {
-	className: s(t.description, n),
-	"data-testid": "bottom-sheet-description",
-	children: e
-}), b = ({ children: e, className: n }) => /* @__PURE__ */ c("div", {
-	className: s(t.body, n),
+}), y = ({ children: e, className: n }) => {
+	let { titleId: r } = f();
+	return /* @__PURE__ */ l("h2", {
+		id: r,
+		className: c(t.title, n),
+		"data-testid": "bottom-sheet-title",
+		children: e
+	});
+}, b = ({ children: e, className: n }) => {
+	let { descriptionId: r } = f();
+	return /* @__PURE__ */ l("p", {
+		id: r,
+		className: c(t.description, n),
+		"data-testid": "bottom-sheet-description",
+		children: e
+	});
+}, x = ({ children: e, className: n }) => /* @__PURE__ */ l("div", {
+	className: c(t.body, n),
 	"data-testid": "bottom-sheet-body",
 	children: e
-}), x = (e) => /* @__PURE__ */ c(f, { ...e });
-x.displayName = "BottomSheet", x.Trigger = p, x.Content = h, x.Header = g, x.Footer = _, x.Title = v, x.Description = y, x.Body = b, x.Close = m;
+}), S = (e) => /* @__PURE__ */ l(p, { ...e });
+S.displayName = "BottomSheet", S.Trigger = m, S.Content = g, S.Header = _, S.Footer = v, S.Title = y, S.Description = b, S.Body = x, S.Close = h;
 //#endregion
-export { x as BottomSheet, x as default, b as BottomSheetBody, m as BottomSheetClose, h as BottomSheetContent, y as BottomSheetDescription, _ as BottomSheetFooter, g as BottomSheetHeader, v as BottomSheetTitle, p as BottomSheetTrigger };
+export { S as BottomSheet, S as default, x as BottomSheetBody, h as BottomSheetClose, g as BottomSheetContent, b as BottomSheetDescription, v as BottomSheetFooter, _ as BottomSheetHeader, y as BottomSheetTitle, m as BottomSheetTrigger };

package/dist/components/overlay/ContextMenu/ContextMenu.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("../../../hooks/useMergedRef.cjs"),i=require("../../_internal/BaseListItem/BaseListItem.cjs"),a=require("./context-menu.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"),l=require("@floating-ui/react");var u=o.default.createContext(null),d=({children:e,menu:i,className:d,disabled:f=!1,asChild:p=!1})=>{let[m,h]=(0,o.useState)(!1),[g,_]=(0,o.useState)(null),[v,y]=(0,o.useState)(!1),b=(0,o.useRef)([]),x=(0,o.useRef)(null),S=r.useMergedRef(x),{refs:C,floatingStyles:w,context:T}=(0,l.useFloating)({open:m,onOpenChange:e=>{h(e),e||(_(null),y(!1))},strategy:`fixed`,middleware:[(0,l.flip)(),(0,l.shift)({padding:10})],whileElementsMounted:l.autoUpdate}),E=(0,l.useDismiss)(T),D=(0,l.useRole)(T,{role:`menu`}),O=(0,l.useListNavigation)(T,{listRef:b,activeIndex:g,onNavigate:_,loop:!0}),{getFloatingProps:k,getItemProps:A}=(0,l.useInteractions)([E,D,O]),j=(e,t,n)=>{C.setReference({getBoundingClientRect(){return{width:0,height:0,x:e,y:t,top:t,left:e,right:e,bottom:t}}}),y(n),h(!0),_(0)},M=e=>{if(e.preventDefault(),f)return;let t=e.clientX===0&&e.clientY===0;j(e.clientX,e.clientY,t)},N=e=>{if(!f&&(e.key===`Enter`||e.key===` `)){e.preventDefault();let t=x.current?.getBoundingClientRect();t&&j(t.left+t.width/2,t.top+t.height/2,!0)}},P=()=>{h(!1)};return(0,c.jsxs)(p?t.Root:`div`,{ref:S,className:(0,s.default)(`wim-context-menu`,!p&&a.default.container,f&&a.default.disabled,d),onContextMenu:M,onKeyDown:N,tabIndex:f?-1:0,"data-testid":`context-menu-trigger`,children:[(0,c.jsx)(t.Slottable,{children:e}),(0,c.jsx)(l.FloatingPortal,{children:(0,c.jsx)(n.Transition,{show:m,preset:`fade`,children:(0,c.jsx)(l.FloatingFocusManager,{context:T,modal:!0,initialFocus:v?g??0:-1,children:(0,c.jsx)(`div`,{ref:C.setFloating,className:a.default.menu,style:w,...k({onClick:P,onKeyDown(e){e.key===`Escape`&&P()}}),children:(0,c.jsx)(u.Provider,{value:{activeIndex:g,getItemProps:A},children:(0,c.jsx)(l.FloatingList,{elementsRef:b,children:i})})})})})})]})},f=({children:e,onClick:t,disabled:n=!1,className:r,icon:d,danger:f=!1,asChild:p=!1})=>{let{ref:m,index:h}=(0,l.useListItem)(),g=(0,o.useContext)(u),_=()=>{n||t&&t()},v=g?g.getItemProps({index:h,onClick:()=>_(),onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),_())}}):{},y={ref:m,className:(0,s.default)(a.default.item,r),disabled:n,danger:f,icon:d,role:`menuitem`,tabIndex:g?.activeIndex===h?0:-1,...v};return p?(0,c.jsx)(`li`,{role:`none`,children:(0,c.jsx)(i.BaseListItem,{asChild:!0,...y,children:e})}):(0,c.jsx)(i.BaseListItem,{...y,children:e})},p=({className:e})=>(0,c.jsx)(`div`,{className:(0,s.default)(a.default.divider,e),role:`separator`}),m=({children:e,title:t,className:n})=>{let r=o.default.useId();return(0,c.jsxs)(`div`,{role:`group`,"aria-labelledby":t?r:void 0,className:n,"data-testid":`context-menu-group`,children:[t&&(0,c.jsx)(`div`,{id:r,className:a.default.groupTitle,"data-testid":`context-menu-group-title`,"aria-hidden":`true`,children:t}),e]})},h=e=>(0,c.jsx)(d,{...e});h.displayName=`ContextMenu`,h.Item=f,h.Divider=p,h.Group=m,exports.ContextMenu=h,exports.default=h,exports.ContextMenuDivider=p,exports.ContextMenuGroup=m,exports.ContextMenuItem=f;
+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("../../../hooks/useMergedRef.cjs"),i=require("../../_internal/BaseListItem/BaseListItem.cjs"),a=require("./context-menu.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"),l=require("@floating-ui/react");var u=o.default.createContext(null),d=({children:e,menu:i,className:d,disabled:f=!1,asChild:p=!1})=>{let[m,h]=(0,o.useState)(!1),[g,_]=(0,o.useState)(null),[v,y]=(0,o.useState)(!1),b=(0,o.useRef)([]),x=(0,o.useRef)(null),S=r.useMergedRef(x),{refs:C,floatingStyles:w,context:T}=(0,l.useFloating)({open:m,onOpenChange:e=>{h(e),e||(_(null),y(!1))},strategy:`fixed`,middleware:[(0,l.flip)(),(0,l.shift)({padding:10})],whileElementsMounted:l.autoUpdate}),E=(0,l.useDismiss)(T),D=(0,l.useRole)(T,{role:`menu`}),O=(0,l.useListNavigation)(T,{listRef:b,activeIndex:g,onNavigate:_,loop:!0}),{getFloatingProps:k,getItemProps:A}=(0,l.useInteractions)([E,D,O]),j=(e,t,n)=>{C.setReference({getBoundingClientRect(){return{width:0,height:0,x:e,y:t,top:t,left:e,right:e,bottom:t}}}),y(n),h(!0),_(0)},M=e=>{if(e.preventDefault(),f)return;let t=e.clientX===0&&e.clientY===0;j(e.clientX,e.clientY,t)},N=e=>{if(!f&&(e.key===`Enter`||e.key===` `)){e.preventDefault();let t=x.current?.getBoundingClientRect();t&&j(t.left+t.width/2,t.top+t.height/2,!0)}},P=()=>{h(!1)};return(0,c.jsxs)(p?t.Root:`div`,{ref:S,className:(0,s.default)(`wim-context-menu`,!p&&a.default.container,f&&a.default.disabled,d),onContextMenu:M,onKeyDown:N,tabIndex:f?-1:0,"data-testid":`context-menu-trigger`,children:[(0,c.jsx)(t.Slottable,{children:e}),(0,c.jsx)(l.FloatingPortal,{preserveTabOrder:!1,children:(0,c.jsx)(n.Transition,{show:m,preset:`fade`,children:(0,c.jsx)(l.FloatingFocusManager,{context:T,modal:!1,guards:!1,initialFocus:v?g??0:-1,children:(0,c.jsx)(`div`,{ref:C.setFloating,className:a.default.menu,style:w,...k({onClick:P,onKeyDown(e){e.key===`Escape`&&P(),e.key===`Tab`&&(e.preventDefault(),P())}}),"aria-labelledby":void 0,children:(0,c.jsx)(u.Provider,{value:{activeIndex:g,getItemProps:A},children:(0,c.jsx)(l.FloatingList,{elementsRef:b,children:i})})})})})})]})},f=({children:e,onClick:t,disabled:n=!1,className:r,icon:d,danger:f=!1,asChild:p=!1})=>{let{ref:m,index:h}=(0,l.useListItem)(),g=(0,o.useContext)(u),_=()=>{n||t&&t()},v=g?g.getItemProps({index:h,onClick:()=>_(),onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),_())}}):{},y={ref:m,className:(0,s.default)(a.default.item,r),disabled:n,danger:f,icon:d,role:`menuitem`,tabIndex:g?.activeIndex===h?0:-1,...v};return p?(0,c.jsx)(`li`,{role:`none`,children:(0,c.jsx)(i.BaseListItem,{asChild:!0,...y,children:e})}):(0,c.jsx)(i.BaseListItem,{...y,children:e})},p=({className:e})=>(0,c.jsx)(`div`,{className:(0,s.default)(a.default.divider,e),role:`separator`}),m=({children:e,title:t,className:n})=>{let r=o.default.useId();return(0,c.jsxs)(`div`,{role:`group`,"aria-labelledby":t?r:void 0,className:n,"data-testid":`context-menu-group`,children:[t&&(0,c.jsx)(`div`,{id:r,className:a.default.groupTitle,"data-testid":`context-menu-group-title`,"aria-hidden":`true`,children:t}),e]})},h=e=>(0,c.jsx)(d,{...e});h.displayName=`ContextMenu`,h.Item=f,h.Divider=p,h.Group=m,exports.ContextMenu=h,exports.default=h,exports.ContextMenuDivider=p,exports.ContextMenuGroup=m,exports.ContextMenuItem=f;

package/dist/components/overlay/ContextMenu/ContextMenu.js

@@ -60,36 +60,41 @@ var T = o.createContext(null), E = ({ children: i, menu: o, className: s, disabl
 		onKeyDown: K,
 		tabIndex: S ? -1 : 0,
 		"data-testid": "context-menu-trigger",
-		children: [/* @__PURE__ */ d(t, { children: i }), /* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(n, {
-			show: D,
-			preset: "fade",
-			children: /* @__PURE__ */ d(p, {
-				context: R,
-				modal: !0,
-				initialFocus: j ? k ?? 0 : -1,
-				children: /* @__PURE__ */ d("div", {
-					ref: I.setFloating,
-					className: a.menu,
-					style: L,
-					...H({
-						onClick: q,
-						onKeyDown(e) {
-							e.key === "Escape" && q();
-						}
-					}),
-					children: /* @__PURE__ */ d(T.Provider, {
-						value: {
-							activeIndex: k,
-							getItemProps: U
-						},
-						children: /* @__PURE__ */ d(m, {
-							elementsRef: N,
-							children: o
+		children: [/* @__PURE__ */ d(t, { children: i }), /* @__PURE__ */ d(h, {
+			preserveTabOrder: !1,
+			children: /* @__PURE__ */ d(n, {
+				show: D,
+				preset: "fade",
+				children: /* @__PURE__ */ d(p, {
+					context: R,
+					modal: !1,
+					guards: !1,
+					initialFocus: j ? k ?? 0 : -1,
+					children: /* @__PURE__ */ d("div", {
+						ref: I.setFloating,
+						className: a.menu,
+						style: L,
+						...H({
+							onClick: q,
+							onKeyDown(e) {
+								e.key === "Escape" && q(), e.key === "Tab" && (e.preventDefault(), q());
+							}
+						}),
+						"aria-labelledby": void 0,
+						children: /* @__PURE__ */ d(T.Provider, {
+							value: {
+								activeIndex: k,
+								getItemProps: U
+							},
+							children: /* @__PURE__ */ d(m, {
+								elementsRef: N,
+								children: o
+							})
 						})
 					})
 				})
 			})
-		}) })]
+		})]
 	});
 }, D = ({ children: e, onClick: t, disabled: n = !1, className: r, icon: o, danger: c = !1, asChild: l = !1 }) => {
 	let { ref: f, index: p } = S(), m = s(T), h = () => {