wimui 0.1.0

package/dist/components/navigation/Tabs/Tabs.js

@@ -0,0 +1,131 @@
+"use client";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { useMergedRef as n } from "../../../hooks/useMergedRef.js";
+import { useIndicator as r } from "../../_internal/useIndicator.js";
+import i from "./tabs.module.js";
+import a, { createContext as o, useCallback as s, useContext as c, useId as l, useState as u } from "react";
+import d from "classnames";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/navigation/Tabs/Tabs.tsx
+var m = o(null), h = () => {
+	let e = c(m);
+	if (!e) throw Error("Tabs components must be used within a Tabs");
+	return e;
+}, g = a.forwardRef(({ asChild: n = !1, defaultValue: r, value: a, onChange: o, orientation: c = "horizontal", className: p, children: h, ...g }, _) => {
+	let [v, y] = u(r), [b, x] = u([]), [S, C] = u([]), w = l(), T = a !== void 0, E = T ? a : v, D = s((e) => {
+		T || y(e), o?.(e);
+	}, [T, o]), O = s((e) => {
+		x((t) => t.includes(e) ? t : [...t, e]);
+	}, []), k = s((e) => {
+		x((t) => t.filter((t) => t !== e));
+	}, []), A = s((e) => {
+		C((t) => t.includes(e) ? t : [...t, e]);
+	}, []), j = s((e) => {
+		C((t) => t.filter((t) => t !== e));
+	}, []), M = n ? e : "div";
+	return /* @__PURE__ */ f(m.Provider, {
+		value: {
+			value: E,
+			onValueChange: D,
+			orientation: c,
+			id: w,
+			items: b,
+			registerItem: O,
+			unregisterItem: k,
+			panels: S,
+			registerPanel: A,
+			unregisterPanel: j
+		},
+		children: /* @__PURE__ */ f("div", {
+			className: i.container,
+			children: /* @__PURE__ */ f(M, {
+				ref: _,
+				className: d("wim-tabs", i.root, i[c], p),
+				...g,
+				children: /* @__PURE__ */ f(t, { children: h })
+			})
+		})
+	});
+}), _ = a.forwardRef(({ asChild: o = !1, className: s, children: c, ...l }, u) => {
+	let { orientation: m, value: g, items: _, onValueChange: v } = h(), [y, b] = a.useState(!1), [x, S] = a.useState(0), [C, w] = a.useState(0), { containerRef: T, sliderStyle: E, isReady: D } = r({
+		activeSelector: `.${i.trigger}.${i.active}`,
+		orientation: m,
+		dependence: g
+	}), O = n(T, u), k = (e) => {
+		m !== "vertical" && (b(!0), S(e.pageX - (T.current?.offsetLeft || 0)), w(T.current?.scrollLeft || 0));
+	}, A = () => {
+		b(!1);
+	};
+	return /* @__PURE__ */ p(o ? e : "div", {
+		ref: O,
+		role: "tablist",
+		"aria-orientation": m,
+		tabIndex: 0,
+		className: d(i.list, y && i.dragging, D && i.ready, s),
+		onMouseDown: k,
+		onMouseUp: A,
+		onMouseLeave: A,
+		onMouseMove: (e) => {
+			if (!y || m === "vertical") return;
+			e.preventDefault();
+			let t = (e.pageX - (T.current?.offsetLeft || 0) - x) * 1.5;
+			T.current && (T.current.scrollLeft = C - t);
+		},
+		onKeyDown: (e) => {
+			let t = g ? _.indexOf(g) : -1, n = -1;
+			if (m === "horizontal" ? (e.key === "ArrowRight" && (n = (t + 1) % _.length), e.key === "ArrowLeft" && (n = (t - 1 + _.length) % _.length)) : (e.key === "ArrowDown" && (n = (t + 1) % _.length), e.key === "ArrowUp" && (n = (t - 1 + _.length) % _.length)), e.key === "Home" && (n = 0), e.key === "End" && (n = _.length - 1), n !== -1) {
+				e.preventDefault();
+				let t = _[n];
+				t && (v(t), (T.current?.querySelector(`[data-value="${t}"]`))?.focus());
+			}
+		},
+		...l,
+		children: [/* @__PURE__ */ f("div", {
+			className: i.slider,
+			style: E,
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ f(t, { children: c })]
+	});
+}), v = a.forwardRef(({ asChild: n = !1, value: r, disabled: o = !1, className: s, children: c, ...l }, u) => {
+	let { value: p, onValueChange: m, id: g, registerItem: _, unregisterItem: v, panels: y } = h(), b = p === r;
+	return a.useEffect(() => (_(r), () => v(r)), [
+		r,
+		_,
+		v
+	]), /* @__PURE__ */ f(n ? e : "button", {
+		ref: u,
+		type: n ? void 0 : "button",
+		role: "tab",
+		"aria-selected": b,
+		"aria-controls": y.includes(r) ? `wim-tabs-${g}-panel-${r}` : void 0,
+		id: `wim-tabs-${g}-tab-${r}`,
+		"data-value": r,
+		disabled: o,
+		tabIndex: b ? 0 : -1,
+		className: d(i.trigger, b && i.active, s),
+		onClick: () => m(r),
+		...l,
+		children: /* @__PURE__ */ f(t, { children: c })
+	});
+}), y = a.forwardRef(({ asChild: n = !1, value: r, className: o, children: s, ...c }, l) => {
+	let { value: u, id: p, registerPanel: m, unregisterPanel: g } = h(), _ = u === r;
+	return a.useEffect(() => (m(r), () => g(r)), [
+		r,
+		m,
+		g
+	]), _ ? /* @__PURE__ */ f(n ? e : "div", {
+		ref: l,
+		role: "tabpanel",
+		id: `wim-tabs-${p}-panel-${r}`,
+		"aria-labelledby": `wim-tabs-${p}-tab-${r}`,
+		tabIndex: 0,
+		className: d(i.content, o),
+		...c,
+		children: /* @__PURE__ */ f(t, { children: s })
+	}) : null;
+});
+g.displayName = "Tabs", _.displayName = "Tabs.List", v.displayName = "Tabs.Trigger", y.displayName = "Tabs.Content";
+var b = g;
+b.List = _, b.Trigger = v, b.Content = y;
+//#endregion
+export { b as Tabs, b as default, y as TabsContent, _ as TabsList, v as TabsTrigger };

package/dist/components/navigation/Tabs/tabs.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_container_1nv2v_10`,t=`_root_1nv2v_16`,n=`_vertical_1nv2v_25`,r=`_list_1nv2v_33`,i=`_trigger_1nv2v_52`,a=`_active_1nv2v_74`,o=`_content_1nv2v_78`,s=`_dragging_1nv2v_106`,c=`_ready_1nv2v_110`,l=`_slider_1nv2v_110`,u={container:e,root:t,vertical:n,list:r,trigger:i,active:a,content:o,dragging:s,ready:c,slider:l};exports.active=a,exports.container=e,exports.content=o,exports.default=u,exports.dragging=s,exports.list=r,exports.ready=c,exports.root=t,exports.slider=l,exports.trigger=i,exports.vertical=n;

package/dist/components/navigation/Tabs/tabs.module.js

@@ -0,0 +1,16 @@
+"use client";
+//#region src/components/navigation/Tabs/tabs.module.scss
+var e = "_container_1nv2v_10", t = "_root_1nv2v_16", n = "_vertical_1nv2v_25", r = "_list_1nv2v_33", i = "_trigger_1nv2v_52", a = "_active_1nv2v_74", o = "_content_1nv2v_78", s = "_dragging_1nv2v_106", c = "_ready_1nv2v_110", l = "_slider_1nv2v_110", u = {
+	container: e,
+	root: t,
+	vertical: n,
+	list: r,
+	trigger: i,
+	active: a,
+	content: o,
+	dragging: s,
+	ready: c,
+	slider: l
+};
+//#endregion
+export { a as active, e as container, o as content, u as default, s as dragging, r as list, c as ready, t as root, l as slider, i as trigger, n as vertical };

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

@@ -0,0 +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]);return(0,a.jsx)(o.Provider,{value:{open:u,onOpenChange:d},children:e})},l=({children:e,asChild:t,className:o})=>{let{onOpenChange:c}=s(),l=()=>{c(!0)};return t&&r.default.isValidElement(e)?r.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),l()},className:(0,i.default)(o,e.props.className)}):(0,a.jsx)(`button`,{className:(0,i.default)(n.default.trigger,o),onClick:l,children:e})},u=({children:e,className:t,asChild:o})=>{let{onOpenChange:c}=s(),l=()=>{c(!1)};return o&&r.default.isValidElement(e)?r.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),l()},className:(0,i.default)(t,e.props.className)}):(0,a.jsx)(`button`,{type:`button`,className:(0,i.default)(n.default.close,t),onClick:l,children:e})},d=({children:e,className:r})=>{let{open:o,onOpenChange:c}=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:{enter:`slide-bottom-enter`,enterFrom:`slide-bottom-enter-from`,enterTo:`slide-bottom-enter-to`,leave:`slide-bottom-leave`,leaveFrom:`slide-bottom-leave-from`,leaveTo:`slide-bottom-leave-to`},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})=>(0,a.jsx)(`h2`,{className:(0,i.default)(n.default.title,t),"data-testid":`bottom-sheet-title`,children:e}),h=({children:e,className:t})=>(0,a.jsx)(`p`,{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

@@ -0,0 +1,70 @@
+import { default as React } from 'react';
+export interface BottomSheetProps {
+    /**
+     * Bottom sheet parts (BottomSheetTrigger, BottomSheetContent, etc.).
+     */
+    children: React.ReactNode;
+    /**
+     * Controlled open state. Use together with onOpenChange.
+     */
+    open?: boolean;
+    /**
+     * Initial open state for uncontrolled usage.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Called with the next state when the sheet is opened or closed.
+     */
+    onOpenChange?: (open: boolean) => void;
+}
+export interface BottomSheetTriggerProps {
+    children: React.ReactNode;
+    asChild?: boolean;
+    className?: string;
+}
+export declare const BottomSheetTrigger: ({ children, asChild, className, }: BottomSheetTriggerProps) => React.JSX.Element;
+export interface BottomSheetCloseProps {
+    children: React.ReactNode;
+    asChild?: boolean;
+    className?: string;
+}
+export declare const BottomSheetClose: ({ children, className, asChild, }: BottomSheetCloseProps) => React.JSX.Element;
+export interface BottomSheetContentProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const BottomSheetContent: ({ children, className, }: BottomSheetContentProps) => React.JSX.Element;
+export declare const BottomSheetHeader: ({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}) => React.JSX.Element;
+export declare const BottomSheetFooter: ({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}) => React.JSX.Element;
+export declare const BottomSheetTitle: ({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}) => React.JSX.Element;
+export declare const BottomSheetDescription: ({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}) => React.JSX.Element;
+export declare const BottomSheetBody: ({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}) => React.JSX.Element;
+export interface BottomSheetComponent extends React.FC<BottomSheetProps> {
+    Trigger: typeof BottomSheetTrigger;
+    Content: typeof BottomSheetContent;
+    Header: typeof BottomSheetHeader;
+    Footer: typeof BottomSheetFooter;
+    Title: typeof BottomSheetTitle;
+    Description: typeof BottomSheetDescription;
+    Body: typeof BottomSheetBody;
+    Close: typeof BottomSheetClose;
+}
+declare const BottomSheetCompound: BottomSheetComponent;
+export { BottomSheetCompound as BottomSheet };
+export default BottomSheetCompound;

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

@@ -0,0 +1,92 @@
+"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";
+//#region src/components/overlay/BottomSheet/BottomSheet.tsx
+var u = r(void 0), d = () => {
+	let e = a(u);
+	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, {
+		value: {
+			open: d,
+			onOpenChange: f
+		},
+		children: e
+	});
+}, p = ({ children: e, asChild: r, className: i }) => {
+	let { onOpenChange: a } = d(), o = () => {
+		a(!0);
+	};
+	return r && n.isValidElement(e) ? n.cloneElement(e, {
+		onClick: (t) => {
+			e.props.onClick?.(t), o();
+		},
+		className: s(i, e.props.className)
+	}) : /* @__PURE__ */ c("button", {
+		className: s(t.trigger, i),
+		onClick: o,
+		children: e
+	});
+}, m = ({ children: e, className: r, asChild: i }) => {
+	let { onOpenChange: a } = d(), o = () => {
+		a(!1);
+	};
+	return i && n.isValidElement(e) ? n.cloneElement(e, {
+		onClick: (t) => {
+			e.props.onClick?.(t), o();
+		},
+		className: s(r, e.props.className)
+	}) : /* @__PURE__ */ c("button", {
+		type: "button",
+		className: s(t.close, r),
+		onClick: o,
+		children: e
+	});
+}, h = ({ children: n, className: r }) => {
+	let { open: i, onOpenChange: a } = d();
+	return /* @__PURE__ */ l(e, {
+		open: i,
+		onOpenChange: a,
+		overlayClassName: t.overlay,
+		contentClassName: s("wim-bottom-sheet", t.content, r),
+		transitionProps: {
+			enter: "slide-bottom-enter",
+			enterFrom: "slide-bottom-enter-from",
+			enterTo: "slide-bottom-enter-to",
+			leave: "slide-bottom-leave",
+			leaveFrom: "slide-bottom-leave-from",
+			leaveTo: "slide-bottom-leave-to"
+		},
+		children: [/* @__PURE__ */ c("div", { className: t.handle }), n]
+	});
+}, g = ({ children: e, className: n }) => /* @__PURE__ */ c("div", {
+	className: s(t.header, n),
+	"data-testid": "bottom-sheet-header",
+	children: e
+}), _ = ({ children: e, className: n }) => /* @__PURE__ */ c("div", {
+	className: s(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),
+	"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;
+//#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 };

package/dist/components/overlay/BottomSheet/bottom-sheet.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_overlay_n6pat_4`,t=`_overlayShow_n6pat_1`,n=`_content_n6pat_15`,r=`_slideUp_n6pat_1`,i=`_slideUpCenter_n6pat_1`,a=`_handle_n6pat_46`,o=`_header_n6pat_54`,s=`_title_n6pat_60`,c=`_description_n6pat_66`,l=`_body_n6pat_72`,u=`_footer_n6pat_77`,d={overlay:e,overlayShow:t,content:n,slideUp:r,slideUpCenter:i,handle:a,header:o,title:s,description:c,body:l,footer:u};exports.body=l,exports.content=n,exports.default=d,exports.description=c,exports.footer=u,exports.handle=a,exports.header=o,exports.overlay=e,exports.overlayShow=t,exports.slideUp=r,exports.slideUpCenter=i,exports.title=s;

package/dist/components/overlay/BottomSheet/bottom-sheet.module.js

@@ -0,0 +1,17 @@
+"use client";
+//#region src/components/overlay/BottomSheet/bottom-sheet.module.scss
+var e = "_overlay_n6pat_4", t = "_overlayShow_n6pat_1", n = "_content_n6pat_15", r = "_slideUp_n6pat_1", i = "_slideUpCenter_n6pat_1", a = "_handle_n6pat_46", o = "_header_n6pat_54", s = "_title_n6pat_60", c = "_description_n6pat_66", l = "_body_n6pat_72", u = "_footer_n6pat_77", d = {
+	overlay: e,
+	overlayShow: t,
+	content: n,
+	slideUp: r,
+	slideUpCenter: i,
+	handle: a,
+	header: o,
+	title: s,
+	description: c,
+	body: l,
+	footer: u
+};
+//#endregion
+export { l as body, n as content, d as default, c as description, u as footer, a as handle, o as header, e as overlay, t as overlayShow, r as slideUp, i as slideUpCenter, s as title };

package/dist/components/overlay/ContextMenu/ContextMenu.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("../../../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}),{getFloatingProps:E,getItemProps:D}=(0,l.useInteractions)([(0,l.useDismiss)(T),(0,l.useRole)(T,{role:`menu`}),(0,l.useListNavigation)(T,{listRef:b,activeIndex:g,onNavigate:_,loop:!0})]),O=(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)},k=e=>{if(e.preventDefault(),f)return;let t=e.clientX===0&&e.clientY===0;O(e.clientX,e.clientY,t)},A=e=>{if(!f&&(e.key===`Enter`||e.key===` `)){e.preventDefault();let t=x.current?.getBoundingClientRect();t&&O(t.left+t.width/2,t.top+t.height/2,!0)}},j=()=>{h(!1)};return(0,c.jsxs)(p?t.Root:`div`,{ref:S,className:(0,s.default)(`wim-context-menu`,a.default.container,f&&a.default.disabled,d),onContextMenu:k,onKeyDown:A,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,...E({onClick:j,onKeyDown(e){e.key===`Escape`&&j()}}),children:(0,c.jsx)(u.Provider,{value:{activeIndex:g,getItemProps:D},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})=>(0,c.jsxs)(`div`,{role:`group`,className:(0,s.default)(a.default.group,n),"data-testid":`context-menu-group`,children:[t&&(0,c.jsx)(`div`,{className:a.default.groupTitle,"data-testid":`context-menu-group-title`,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.d.ts

@@ -0,0 +1,50 @@
+import { default as React, ReactNode } from 'react';
+export type ContextMenuProps = {
+    /**
+     * Element that opens the context menu on right-click.
+     */
+    children: ReactNode;
+    /** Menu items to display in the context menu */
+    menu: ReactNode;
+    /**
+     * Additional CSS class name for the container.
+     */
+    className?: string;
+    /** Disable the context menu */
+    disabled?: boolean;
+    /**
+     * If true, merge trigger props onto the child element.
+     */
+    asChild?: boolean;
+};
+export type ContextMenuItemProps = {
+    children: ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+    className?: string;
+    icon?: ReactNode;
+    danger?: boolean;
+    /**
+     * If true, merge item props onto the child (keep a wrapping `<li role="none">` for valid menu markup).
+     */
+    asChild?: boolean;
+};
+export declare const ContextMenuItem: ({ children, onClick, disabled, className, icon, danger, asChild, }: ContextMenuItemProps) => React.JSX.Element;
+export type ContextMenuDividerProps = {
+    className?: string;
+};
+export declare const ContextMenuDivider: ({ className }: ContextMenuDividerProps) => React.JSX.Element;
+export type ContextMenuGroupProps = {
+    children: ReactNode;
+    title?: string;
+    className?: string;
+};
+export declare const ContextMenuGroup: ({ children, title, className, }: ContextMenuGroupProps) => React.JSX.Element;
+export interface ContextMenuComponent extends React.FC<ContextMenuProps> {
+    Item: typeof ContextMenuItem;
+    Divider: typeof ContextMenuDivider;
+    Group: typeof ContextMenuGroup;
+}
+declare const ContextMenuCompound: ContextMenuComponent;
+export { ContextMenuCompound as ContextMenu };
+export default ContextMenuCompound;

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

@@ -0,0 +1,139 @@
+"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 { useMergedRef as r } from "../../../hooks/useMergedRef.js";
+import { BaseListItem as i } from "../../_internal/BaseListItem/BaseListItem.js";
+import a from "./context-menu.module.js";
+import o, { useContext as s, useRef as c, useState as l } from "react";
+import u from "classnames";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { FloatingFocusManager as p, FloatingList as m, FloatingPortal as h, autoUpdate as g, flip as _, shift as v, useDismiss as y, useFloating as b, useInteractions as x, useListItem as S, useListNavigation as C, useRole as w } from "@floating-ui/react";
+//#region src/components/overlay/ContextMenu/ContextMenu.tsx
+var T = o.createContext(null), E = ({ children: i, menu: o, className: s, disabled: S = !1, asChild: E = !1 }) => {
+	let [D, O] = l(!1), [k, A] = l(null), [j, M] = l(!1), N = c([]), P = c(null), F = r(P), { refs: I, floatingStyles: L, context: R } = b({
+		open: D,
+		onOpenChange: (e) => {
+			O(e), e || (A(null), M(!1));
+		},
+		strategy: "fixed",
+		middleware: [_(), v({ padding: 10 })],
+		whileElementsMounted: g
+	}), { getFloatingProps: z, getItemProps: B } = x([
+		y(R),
+		w(R, { role: "menu" }),
+		C(R, {
+			listRef: N,
+			activeIndex: k,
+			onNavigate: A,
+			loop: !0
+		})
+	]), V = (e, t, n) => {
+		I.setReference({ getBoundingClientRect() {
+			return {
+				width: 0,
+				height: 0,
+				x: e,
+				y: t,
+				top: t,
+				left: e,
+				right: e,
+				bottom: t
+			};
+		} }), M(n), O(!0), A(0);
+	}, H = (e) => {
+		if (e.preventDefault(), S) return;
+		let t = e.clientX === 0 && e.clientY === 0;
+		V(e.clientX, e.clientY, t);
+	}, U = (e) => {
+		if (!S && (e.key === "Enter" || e.key === " ")) {
+			e.preventDefault();
+			let t = P.current?.getBoundingClientRect();
+			t && V(t.left + t.width / 2, t.top + t.height / 2, !0);
+		}
+	}, W = () => {
+		O(!1);
+	};
+	return /* @__PURE__ */ f(E ? e : "div", {
+		ref: F,
+		className: u("wim-context-menu", a.container, S && a.disabled, s),
+		onContextMenu: H,
+		onKeyDown: U,
+		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,
+					...z({
+						onClick: W,
+						onKeyDown(e) {
+							e.key === "Escape" && W();
+						}
+					}),
+					children: /* @__PURE__ */ d(T.Provider, {
+						value: {
+							activeIndex: k,
+							getItemProps: B
+						},
+						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 = () => {
+		n || t && t();
+	}, g = m ? m.getItemProps({
+		index: p,
+		onClick: () => h(),
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), h());
+		}
+	}) : {}, _ = {
+		ref: f,
+		className: u(a.item, r),
+		disabled: n,
+		danger: c,
+		icon: o,
+		role: "menuitem",
+		tabIndex: m?.activeIndex === p ? 0 : -1,
+		...g
+	};
+	return l ? /* @__PURE__ */ d("li", {
+		role: "none",
+		children: /* @__PURE__ */ d(i, {
+			asChild: !0,
+			..._,
+			children: e
+		})
+	}) : /* @__PURE__ */ d(i, {
+		..._,
+		children: e
+	});
+}, O = ({ className: e }) => /* @__PURE__ */ d("div", {
+	className: u(a.divider, e),
+	role: "separator"
+}), k = ({ children: e, title: t, className: n }) => /* @__PURE__ */ f("div", {
+	role: "group",
+	className: u(a.group, n),
+	"data-testid": "context-menu-group",
+	children: [t && /* @__PURE__ */ d("div", {
+		className: a.groupTitle,
+		"data-testid": "context-menu-group-title",
+		children: t
+	}), e]
+}), A = (e) => /* @__PURE__ */ d(E, { ...e });
+A.displayName = "ContextMenu", A.Item = D, A.Divider = O, A.Group = k;
+//#endregion
+export { A as ContextMenu, A as default, O as ContextMenuDivider, k as ContextMenuGroup, D as ContextMenuItem };

package/dist/components/overlay/ContextMenu/context-menu.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_container_1886d_2`,t=`_disabled_1886d_5`,n=`_menu_1886d_13`,r=`_fadeIn_1886d_1`,i=`_item_1886d_24`,a=`_divider_1886d_29`,o=`_groupTitle_1886d_35`,s={container:e,disabled:t,menu:n,fadeIn:r,item:i,divider:a,groupTitle:o};exports.container=e,exports.default=s,exports.disabled=t,exports.divider=a,exports.fadeIn=r,exports.groupTitle=o,exports.item=i,exports.menu=n;

package/dist/components/overlay/ContextMenu/context-menu.module.js

@@ -0,0 +1,13 @@
+"use client";
+//#region src/components/overlay/ContextMenu/context-menu.module.scss
+var e = "_container_1886d_2", t = "_disabled_1886d_5", n = "_menu_1886d_13", r = "_fadeIn_1886d_1", i = "_item_1886d_24", a = "_divider_1886d_29", o = "_groupTitle_1886d_35", s = {
+	container: e,
+	disabled: t,
+	menu: n,
+	fadeIn: r,
+	item: i,
+	divider: a,
+	groupTitle: o
+};
+//#endregion
+export { e as container, s as default, t as disabled, a as divider, r as fadeIn, o as groupTitle, i as item, n as menu };

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

@@ -0,0 +1,2 @@
+export { ContextMenu, ContextMenuItem, ContextMenuDivider, ContextMenuGroup, } from './ContextMenu';
+export type { ContextMenuProps, ContextMenuItemProps, ContextMenuDividerProps, ContextMenuGroupProps, } from './ContextMenu';

package/dist/components/overlay/Dialog/Dialog.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("../../_internal/OverlayBase.cjs"),r=require("./dialog.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");var s=(0,i.createContext)(void 0),c=()=>{let e=(0,i.useContext)(s);if(!e)throw Error(`Dialog sub-components must be used within Dialog`);return e},l=({children:e,open:t,onOpenChange:n,defaultOpen:r=!1,closeOnOverlayClick:a=!0})=>{let[c,l]=(0,i.useState)(r),u=t!==void 0,d=u?t:c,f=e=>{u||l(e),n?.(e)},p=`wim-dialog-${(0,i.useId)()}`,m=`${p}-title`,h=`${p}-description`;return(0,o.jsx)(s.Provider,{value:{titleId:m,descriptionId:h,open:d,onOpenChange:f,closeOnOverlayClick:a},children:e})};l.displayName=`Dialog`;var u=({children:e,className:n,onClick:i,asChild:s=!1,...l})=>{let{onOpenChange:u}=c();return(0,o.jsx)(s?t.Root:`button`,{type:`button`,className:(0,a.default)(r.default.trigger,n),onClick:e=>{i?.(e),u(!0)},...l,children:(0,o.jsx)(t.Slottable,{children:e})})};u.displayName=`Dialog.Trigger`;var d=({children:e,className:n,onClick:i,asChild:s=!1,...l})=>{let{onOpenChange:u}=c();return(0,o.jsx)(s?t.Root:`button`,{type:`button`,className:(0,a.default)(r.default.close,n),onClick:e=>{i?.(e),u(!1)},...l,children:(0,o.jsx)(t.Slottable,{children:e})})};d.displayName=`Dialog.Close`;var f=({children:e,className:i,asChild:s=!1,open:l,onOpenChange:u,...d})=>{let{open:f,onOpenChange:p,titleId:m,descriptionId:h,closeOnOverlayClick:g}=c(),_=l===void 0?f:l,v=u===void 0?p:u,y=s?t.Root:`div`;return(0,o.jsx)(n.OverlayBase,{...d,open:_,onOpenChange:v,closeOnOverlayClick:g,overlayClassName:r.default.overlay,role:`dialog`,"aria-labelledby":m,"aria-describedby":h,children:(0,o.jsx)(y,{className:(0,a.default)(`wim-dialog`,r.default.content,i),children:(0,o.jsx)(t.Slottable,{children:e})})})};f.displayName=`Dialog.Content`;var p=({children:e,className:t,...n})=>(0,o.jsx)(`div`,{className:(0,a.default)(r.default.header,t),"data-testid":`dialog-header`,...n,children:e});p.displayName=`Dialog.Header`;var m=({children:e,className:t,layout:n,...i})=>(0,o.jsx)(`div`,{className:(0,a.default)(r.default.footer,t),"data-layout":n,"data-testid":`dialog-footer`,...i,children:e});m.displayName=`Dialog.Footer`;var h=({children:e,className:t,...n})=>{let{titleId:i}=c();return(0,o.jsx)(`h2`,{id:i,className:(0,a.default)(r.default.title,t),"data-testid":`dialog-title`,...n,children:e})};h.displayName=`Dialog.Title`;var g=({children:e,className:t,...n})=>{let{descriptionId:i}=c();return(0,o.jsx)(`p`,{id:i,className:(0,a.default)(r.default.description,t),"data-testid":`dialog-description`,...n,children:e})};g.displayName=`Dialog.Description`;var _=e=>(0,o.jsx)(l,{...e});_.displayName=`Dialog`,_.Trigger=u,_.Content=f,_.Close=d,_.Header=p,_.Footer=m,_.Title=h,_.Description=g,exports.Dialog=_,exports.default=_,exports.DialogClose=d,exports.DialogContent=f,exports.DialogDescription=g,exports.DialogFooter=m,exports.DialogHeader=p,exports.DialogTitle=h,exports.DialogTrigger=u,exports.useDialog=c;