@ryuzaki13/react-foundation-ui 3.4.2 → 3.5.0

package/dist/chunks/{context-menu-DgvXGCuI.js → context-menu-BQePxRpu.js}

@@ -1,11 +1,11 @@
 import { t as e } from "./ui.module-oRwY3Zli.js";
-import { Option as t, OptionButton as n, OptionLink as r } from "../option/index.js";
-import { h as i } from "./picker-lvm82d0A.js";
-import { Children as a, cloneElement as o, createContext as s, useCallback as c, useContext as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
-import { cn as m } from "@ryuzaki13/react-foundation-lib/utils";
-import { autoUpdate as h, flip as g, offset as _, shift as v, useFloating as y } from "@floating-ui/react";
-import { useClickOutside as b, useEscapeDismiss as x, useOverlayFocus as S } from "@ryuzaki13/react-foundation-lib/dom";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { h as t } from "./picker-BA6okKnz.js";
+import { Option as n, OptionButton as r, OptionLink as i } from "../option/index.js";
+import { cn as a } from "@ryuzaki13/react-foundation-lib/utils";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Children as c, cloneElement as l, createContext as u, useCallback as d, useContext as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { autoUpdate as _, flip as v, offset as y, shift as b, useFloating as x } from "@floating-ui/react";
+import { useClickOutside as S, useEscapeDismiss as C, useOverlayFocus as w } from "@ryuzaki13/react-foundation-lib/dom";
 import { createMissingContextError as T } from "@ryuzaki13/react-foundation-lib/error";
 import { createPortal as E } from "react-dom";
 import { AnimatePresence as D, motion as O } from "motion/react";
@@ -32,9 +32,9 @@ function L(e, t) {
 }
 //#endregion
 //#region src/context-menu/components/MenuContext.tsx
-var R = s(null);
+var R = u(null);
 function z() {
-	let e = l(R);
+	let e = f(R);
 	if (!e) throw T({
 		hookName: "useMenuContext",
 		providerName: "MenuRoot"
@@ -44,9 +44,9 @@ function z() {
 //#endregion
 //#region src/context-menu/components/ContextMenuTrigger.tsx
 var B = ({ children: e, resolveTrigger: t }) => {
-	let { mode: n, open: r, registerTriggerElement: i, onTriggerContextMenu: a, onTriggerKeyDown: s } = z();
+	let { mode: n, open: r, registerTriggerElement: i, onTriggerContextMenu: a, onTriggerKeyDown: o } = z();
 	if (n !== "contextmenu") throw Error("ContextMenu.Trigger must be used within <ContextMenu>");
-	return o(e, {
+	return l(e, {
 		ref: (t) => {
 			let n = e.props.ref;
 			F(n, t), i(t);
@@ -61,7 +61,7 @@ var B = ({ children: e, resolveTrigger: t }) => {
 		onKeyDown: (n) => {
 			if (e.props.onKeyDown?.(n), n.defaultPrevented) return;
 			let r = t ? t(n.target) : n.currentTarget;
-			r && s(n, r);
+			r && o(n, r);
 		}
 	});
 }, V = {
@@ -76,34 +76,34 @@ var B = ({ children: e, resolveTrigger: t }) => {
 	radialItem: "ObIrS2",
 	radialItemIcon: "_0jf5vt",
 	radialItemText: "zKwsQF"
-}, H = ({ children: e, className: t, closeOnOutside: n = !0, closeOnEscape: r = !0, disableOutsideClick: a = !1, restoreFocus: o = !0 }) => {
-	let { open: s, floatingStyles: l, floatingRef: u, triggerRef: d, setFloating: f, closeMenu: p } = z(), h = c(() => {
-		let e = u.current;
+}, H = ({ children: e, className: n, closeOnOutside: r = !0, closeOnEscape: i = !0, disableOutsideClick: s = !1, restoreFocus: c = !0 }) => {
+	let { open: l, floatingStyles: u, floatingRef: f, triggerRef: p, setFloating: m, closeMenu: h } = z(), g = d(() => {
+		let e = f.current;
 		return e ? Array.from(e.querySelectorAll("[data-menu-item=\"true\"]:not([data-disabled=\"true\"])")) : [];
-	}, [u]);
-	S({
-		active: s,
-		initialFocus: (e) => h()[0] ?? e,
-		restoreFocus: o,
-		restoreFocusTarget: () => d.current,
-		containerRef: u
-	}), x({
-		active: s,
-		enabled: r,
-		onDismiss: p,
-		containerRef: u
+	}, [f]);
+	w({
+		active: l,
+		initialFocus: (e) => g()[0] ?? e,
+		restoreFocus: c,
+		restoreFocusTarget: () => p.current,
+		containerRef: f
+	}), C({
+		active: l,
+		enabled: i,
+		onDismiss: h,
+		containerRef: f
 	});
-	let g = c(() => {
-		!s || a || n && p();
+	let _ = d(() => {
+		!l || s || r && h();
 	}, [
+		l,
 		s,
-		a,
-		n,
-		p
+		r,
+		h
 	]);
-	b([u, d], g);
-	let _ = c((e) => {
-		let t = h();
+	S([f, p], _);
+	let v = d((e) => {
+		let t = g();
 		if (t.length === 0) return;
 		let n = document.activeElement, r = n ? t.indexOf(n) : -1;
 		if (e.key === "ArrowDown") {
@@ -119,14 +119,14 @@ var B = ({ children: e, resolveTrigger: t }) => {
 			return;
 		}
 		e.key === "End" && (e.preventDefault(), t[t.length - 1]?.focus());
-	}, [h]);
-	return typeof document > "u" ? null : E(/* @__PURE__ */ C(D, { children: s && /* @__PURE__ */ C(O.div, {
-		ref: f,
-		style: l,
+	}, [g]);
+	return typeof document > "u" ? null : E(/* @__PURE__ */ o(D, { children: l && /* @__PURE__ */ o(O.div, {
+		ref: m,
+		style: u,
 		role: "menu",
 		tabIndex: -1,
 		className: V.menuPositioner,
-		onKeyDown: _,
+		onKeyDown: v,
 		initial: {
 			opacity: 0,
 			scale: .96,
@@ -146,94 +146,94 @@ var B = ({ children: e, resolveTrigger: t }) => {
 			duration: .14,
 			ease: "easeOut"
 		},
-		children: /* @__PURE__ */ C(i, {
-			className: m(V.menuOptions, t),
-			children: typeof e == "function" ? e({ closeMenu: p }) : e
+		children: /* @__PURE__ */ o(t, {
+			className: a(V.menuOptions, n),
+			children: typeof e == "function" ? e({ closeMenu: h }) : e
 		})
 	}) }), document.body);
-}, U = ({ children: t, className: n }) => /* @__PURE__ */ C("div", {
-	className: m(e.uiPopupGroupLabel, n),
+}, U = ({ children: t, className: n }) => /* @__PURE__ */ o("div", {
+	className: a(e.uiPopupGroupLabel, n),
 	children: t
 });
 //#endregion
 //#region src/context-menu/components/MenuItem.tsx
-function W({ children: e, icon: i, hotKey: a, className: o, disabled: s, href: l, target: u, rel: d, closeOnSelect: f = !0, onSelect: p }) {
-	let { closeMenu: m } = z(), h = c((e) => {
-		if (s) {
+function W({ children: e, icon: t, hotKey: a, className: s, disabled: c, href: l, target: u, rel: f, closeOnSelect: p = !0, onSelect: m }) {
+	let { closeMenu: h } = z(), g = d((e) => {
+		if (c) {
 			e.preventDefault(), e.stopPropagation();
 			return;
 		}
-		p?.(e), !e.defaultPrevented && f && m();
+		m?.(e), !e.defaultPrevented && p && h();
 	}, [
-		s,
+		c,
+		m,
 		p,
-		f,
-		m
+		h
 	]);
-	return l ? /* @__PURE__ */ C(t, {
-		disabled: s,
-		className: o,
-		children: /* @__PURE__ */ C(r, {
-			icon: i,
+	return l ? /* @__PURE__ */ o(n, {
+		disabled: c,
+		className: s,
+		children: /* @__PURE__ */ o(i, {
+			icon: t,
 			hotkey: a,
 			text: e,
 			href: l,
 			target: u,
-			rel: d,
+			rel: f,
 			role: "menuitem",
 			tabIndex: -1,
-			"aria-disabled": s,
+			"aria-disabled": c,
 			"data-menu-item": "true",
-			"data-disabled": s ? "true" : void 0,
+			"data-disabled": c ? "true" : void 0,
 			"data-ui": "context-menu-item",
 			"data-action": "select-context-menu-item",
-			onClick: h
+			onClick: g
 		})
-	}) : /* @__PURE__ */ C(t, {
-		disabled: s,
-		className: o,
-		children: /* @__PURE__ */ C(n, {
-			icon: i,
+	}) : /* @__PURE__ */ o(n, {
+		disabled: c,
+		className: s,
+		children: /* @__PURE__ */ o(r, {
+			icon: t,
 			hotkey: a,
 			text: e,
 			role: "menuitem",
 			tabIndex: -1,
-			disabled: s,
+			disabled: c,
 			"data-menu-item": "true",
-			"data-disabled": s ? "true" : void 0,
+			"data-disabled": c ? "true" : void 0,
 			"data-ui": "context-menu-item",
 			"data-action": "select-context-menu-item",
-			onClick: h
+			onClick: g
 		})
 	});
 }
 //#endregion
 //#region src/context-menu/components/MenuRoot.tsx
 function G({ children: e, mode: t, placement: n = t === "click" ? "bottom-start" : "right-start", open: r, defaultOpen: i, onOpenChange: a }) {
-	let [o, s] = p(N), [l, u] = p(i ?? !1), m = r !== void 0, b = m ? r : l, x = f(null), S = f(null), { refs: w, floatingStyles: T, update: E } = y({
+	let [s, c] = g(N), [l, u] = g(i ?? !1), f = r !== void 0, p = f ? r : l, S = h(null), C = h(null), { refs: w, floatingStyles: T, update: E } = x({
 		placement: n,
 		strategy: t === "contextmenu" ? "fixed" : "absolute",
 		transform: !1,
 		middleware: [
-			_(6),
-			g({ padding: 8 }),
-			v({ padding: 8 })
+			y(6),
+			v({ padding: 8 }),
+			b({ padding: 8 })
 		],
-		whileElementsMounted: h
-	}), D = c((e) => {
-		m || u(e), a?.(e), e || s((e) => k(e));
-	}, [m, a]), O = c(() => {
+		whileElementsMounted: _
+	}), D = d((e) => {
+		f || u(e), a?.(e), e || c((e) => k(e));
+	}, [f, a]), O = d(() => {
 		D(!1);
-	}, [D]), F = c((e, t) => {
-		w.setReference(e), s(P({
+	}, [D]), F = d((e, t) => {
+		w.setReference(e), c(P({
 			source: t,
 			anchor: {
 				type: "element",
 				element: e
 			}
 		})), D(!0);
-	}, [w, D]), I = c((e, t, n) => {
-		w.setReference(A(e, n)), s(P({
+	}, [w, D]), I = d((e, t, n) => {
+		w.setReference(A(e, n)), c(P({
 			source: t,
 			anchor: {
 				type: "point",
@@ -245,31 +245,31 @@ function G({ children: e, mode: t, placement: n = t === "click" ? "bottom-start"
 		w,
 		D,
 		E
-	]), L = c((e) => {
-		let n = S.current;
-		S.current = e, (x.current === null || x.current === n) && (x.current = e), t === "click" && w.setReference(e);
-	}, [t, w]), z = c((e) => {
+	]), L = d((e) => {
+		let n = C.current;
+		C.current = e, (S.current === null || S.current === n) && (S.current = e), t === "click" && w.setReference(e);
+	}, [t, w]), z = d((e) => {
 		if (t !== "click") return;
 		let n = e.currentTarget;
-		if (b && o.anchor?.type === "element" && o.anchor.element === n) {
+		if (p && s.anchor?.type === "element" && s.anchor.element === n) {
 			O();
 			return;
 		}
 		F(n, "click");
 	}, [
 		t,
-		b,
-		o.anchor,
+		p,
+		s.anchor,
 		O,
 		F
-	]), B = c((e, n = e.currentTarget) => {
+	]), B = d((e, n = e.currentTarget) => {
 		if (t !== "contextmenu") return;
 		e.preventDefault();
 		let r = j(e);
-		x.current = n, I(r, "contextmenu", n);
-	}, [t, I]), V = c((e, n = e.currentTarget) => {
+		S.current = n, I(r, "contextmenu", n);
+	}, [t, I]), V = d((e, n = e.currentTarget) => {
 		if (!(e.key === "ContextMenu" || e.shiftKey && e.key === "F10")) return;
-		if (e.preventDefault(), x.current = n, t === "click") {
+		if (e.preventDefault(), S.current = n, t === "click") {
 			F(n, "keyboard");
 			return;
 		}
@@ -279,19 +279,19 @@ function G({ children: e, mode: t, placement: n = t === "click" ? "bottom-start"
 		t,
 		F,
 		I
-	]), H = b && o.anchor !== null, U = d(() => {
-		if (!o.anchor) return null;
-		if (o.anchor.type === "point") return o.anchor.point;
-		let e = o.anchor.element.getBoundingClientRect();
+	]), H = p && s.anchor !== null, U = m(() => {
+		if (!s.anchor) return null;
+		if (s.anchor.type === "point") return s.anchor.point;
+		let e = s.anchor.element.getBoundingClientRect();
 		return M(e);
-	}, [o.anchor]), W = d(() => ({
+	}, [s.anchor]), W = m(() => ({
 		mode: t,
 		open: H,
-		openSource: o.source,
+		openSource: s.source,
 		anchorPoint: U,
 		floatingStyles: T,
 		floatingRef: w.floating,
-		triggerRef: x,
+		triggerRef: S,
 		setFloating: w.setFloating,
 		registerTriggerElement: L,
 		onTriggerClick: z,
@@ -301,7 +301,7 @@ function G({ children: e, mode: t, placement: n = t === "click" ? "bottom-start"
 	}), [
 		t,
 		H,
-		o.source,
+		s.source,
 		U,
 		T,
 		w.floating,
@@ -312,23 +312,23 @@ function G({ children: e, mode: t, placement: n = t === "click" ? "bottom-start"
 		V,
 		O
 	]);
-	return /* @__PURE__ */ C(R.Provider, {
+	return /* @__PURE__ */ o(R.Provider, {
 		value: W,
 		children: e
 	});
 }
 //#endregion
 //#region src/context-menu/components/MenuSeparator.tsx
-var K = ({ className: t }) => /* @__PURE__ */ C("div", {
+var K = ({ className: t }) => /* @__PURE__ */ o("div", {
 	role: "separator",
-	className: m(e.uiPopupOptionSeparator, t)
+	className: a(e.uiPopupOptionSeparator, t)
 });
 //#endregion
 //#region src/context-menu/components/RadialMenuContent.tsx
 function q(e, t, n) {
 	return n < t ? t : Math.min(Math.max(e, t), n);
 }
-var J = Object.assign(({ children: e, placement: t, open: n, defaultOpen: r, onOpenChange: i }) => /* @__PURE__ */ C(G, {
+var J = Object.assign(({ children: e, placement: t, open: n, defaultOpen: r, onOpenChange: i }) => /* @__PURE__ */ o(G, {
 	mode: "contextmenu",
 	placement: t,
 	open: n,
@@ -338,51 +338,51 @@ var J = Object.assign(({ children: e, placement: t, open: n, defaultOpen: r, onO
 }), {
 	Trigger: B,
 	Content: H,
-	RadialContent: ({ children: e, className: t, closeOnOutside: n = !0, closeOnEscape: r = !0, disableOutsideClick: i = !1, restoreFocus: o = !0, radius: s = 76, itemSize: l = 64, closeLabel: f = "Закрыть" }) => {
-		let { open: p, anchorPoint: h, floatingRef: g, triggerRef: _, setFloating: v, closeMenu: y } = z(), T = typeof e == "function" ? e({ closeMenu: y }) : e, k = d(() => a.toArray(T), [T]), A = k.length, j = s * 2 + l, M = d(() => {
-			if (typeof window > "u" || !h) return null;
+	RadialContent: ({ children: e, className: t, closeOnOutside: n = !0, closeOnEscape: r = !0, disableOutsideClick: i = !1, restoreFocus: l = !0, radius: u = 76, itemSize: f = 64, closeLabel: h = "Закрыть" }) => {
+		let { open: g, anchorPoint: _, floatingRef: v, triggerRef: y, setFloating: b, closeMenu: x } = z(), T = typeof e == "function" ? e({ closeMenu: x }) : e, k = m(() => c.toArray(T), [T]), A = k.length, j = u * 2 + f, M = m(() => {
+			if (typeof window > "u" || !_) return null;
 			let e = j / 2 + 8;
 			return {
-				x: q(h.x, e, window.innerWidth - e),
-				y: q(h.y, e, window.innerHeight - e)
+				x: q(_.x, e, window.innerWidth - e),
+				y: q(_.y, e, window.innerHeight - e)
 			};
-		}, [h, j]), N = c(() => {
-			let e = g.current;
+		}, [_, j]), N = d(() => {
+			let e = v.current;
 			return e ? Array.from(e.querySelectorAll("[data-menu-item=\"true\"]:not([data-disabled=\"true\"])")) : [];
-		}, [g]);
-		S({
-			active: p,
+		}, [v]);
+		w({
+			active: g,
 			initialFocus: (e) => N()[0] ?? e,
-			restoreFocus: o,
-			restoreFocusTarget: () => _.current,
-			containerRef: g
-		}), u(() => {
-			if (!p || !h) return;
+			restoreFocus: l,
+			restoreFocusTarget: () => y.current,
+			containerRef: v
+		}), p(() => {
+			if (!g || !_) return;
 			let e = 0;
 			return e = window.requestAnimationFrame(() => {
-				(N()[0] ?? g.current)?.focus();
+				(N()[0] ?? v.current)?.focus();
 			}), () => window.cancelAnimationFrame(e);
 		}, [
-			p,
-			h,
+			g,
+			_,
 			N,
-			g
-		]), x({
-			active: p,
+			v
+		]), C({
+			active: g,
 			enabled: r,
-			onDismiss: y,
-			containerRef: g
+			onDismiss: x,
+			containerRef: v
 		});
-		let P = c(() => {
-			!p || i || n && y();
+		let P = d(() => {
+			!g || i || n && x();
 		}, [
-			p,
+			g,
 			i,
 			n,
-			y
+			x
 		]);
-		b([g, _], P);
-		let F = c((e) => {
+		S([v, y], P);
+		let F = d((e) => {
 			let t = N();
 			if (t.length === 0) return;
 			let n = document.activeElement, r = n ? t.indexOf(n) : -1;
@@ -400,19 +400,19 @@ var J = Object.assign(({ children: e, placement: t, open: n, defaultOpen: r, onO
 			}
 			e.key === "End" && (e.preventDefault(), t[t.length - 1]?.focus());
 		}, [N]);
-		return typeof document > "u" ? null : E(/* @__PURE__ */ C(D, { children: p && M && /* @__PURE__ */ w(O.div, {
-			ref: v,
+		return typeof document > "u" ? null : E(/* @__PURE__ */ o(D, { children: g && M && /* @__PURE__ */ s(O.div, {
+			ref: b,
 			style: {
 				"--radial-panel-size": `${j}px`,
-				"--radial-radius": `${s}px`,
-				"--radial-item-size": `${l}px`,
+				"--radial-radius": `${u}px`,
+				"--radial-item-size": `${f}px`,
 				left: M.x - j / 2,
 				top: M.y - j / 2,
 				transformOrigin: "center"
 			},
 			role: "menu",
 			tabIndex: -1,
-			className: m(V.radialPanel, t),
+			className: a(V.radialPanel, t),
 			onKeyDown: F,
 			initial: {
 				opacity: 0,
@@ -431,28 +431,28 @@ var J = Object.assign(({ children: e, placement: t, open: n, defaultOpen: r, onO
 				ease: "easeOut"
 			},
 			children: [
-				/* @__PURE__ */ C("div", {
+				/* @__PURE__ */ o("div", {
 					className: V.radialRing,
 					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ C("button", {
+				/* @__PURE__ */ o("button", {
 					type: "button",
 					role: "menuitem",
 					className: V.radialCenterButton,
-					"aria-label": f,
+					"aria-label": h,
 					"data-menu-item": "true",
 					"data-radial-close": "true",
-					onClick: y,
-					children: /* @__PURE__ */ C("span", {
+					onClick: x,
+					children: /* @__PURE__ */ o("span", {
 						className: V.radialCenterButtonText,
-						children: f
+						children: h
 					})
 				}),
-				/* @__PURE__ */ C("div", {
+				/* @__PURE__ */ o("div", {
 					className: V.radialItems,
 					children: k.map((e, t) => {
 						let n = A > 0 ? -90 + 360 / A * t : -90;
-						return /* @__PURE__ */ C("div", {
+						return /* @__PURE__ */ o("div", {
 							className: V.radialItemSlot,
 							style: { "--radial-item-angle": `${n}deg` },
 							children: e
@@ -463,20 +463,20 @@ var J = Object.assign(({ children: e, placement: t, open: n, defaultOpen: r, onO
 		}) }), document.body);
 	},
 	Item: W,
-	RadialItem: ({ children: e, icon: t, className: n, disabled: r, closeOnSelect: i = !0, onSelect: a }) => {
-		let { closeMenu: o } = z(), s = c((e) => {
+	RadialItem: ({ children: e, icon: t, className: n, disabled: r, closeOnSelect: i = !0, onSelect: c }) => {
+		let { closeMenu: l } = z(), u = d((e) => {
 			if (r) {
 				e.preventDefault(), e.stopPropagation();
 				return;
 			}
-			a?.(e), !e.defaultPrevented && i && o();
+			c?.(e), !e.defaultPrevented && i && l();
 		}, [
 			r,
-			a,
+			c,
 			i,
-			o
+			l
 		]);
-		return /* @__PURE__ */ w("button", {
+		return /* @__PURE__ */ s("button", {
 			type: "button",
 			role: "menuitem",
 			tabIndex: -1,
@@ -486,12 +486,12 @@ var J = Object.assign(({ children: e, placement: t, open: n, defaultOpen: r, onO
 			"data-disabled": r ? "true" : void 0,
 			"data-ui": "radial-menu-item",
 			"data-action": "select-radial-menu-item",
-			className: m(V.radialItem, n),
-			onClick: s,
-			children: [t && /* @__PURE__ */ C("span", {
+			className: a(V.radialItem, n),
+			onClick: u,
+			children: [t && /* @__PURE__ */ o("span", {
 				className: V.radialItemIcon,
 				children: t
-			}), /* @__PURE__ */ C("span", {
+			}), /* @__PURE__ */ o("span", {
 				className: V.radialItemText,
 				children: e
 			})]
@@ -499,7 +499,7 @@ var J = Object.assign(({ children: e, placement: t, open: n, defaultOpen: r, onO
 	},
 	Separator: K,
 	GroupLabel: U
-}), Y = Object.assign(({ children: e, placement: t, open: n, defaultOpen: r, onOpenChange: i }) => /* @__PURE__ */ C(G, {
+}), Y = Object.assign(({ children: e, placement: t, open: n, defaultOpen: r, onOpenChange: i }) => /* @__PURE__ */ o(G, {
 	mode: "click",
 	placement: t,
 	open: n,
@@ -510,7 +510,7 @@ var J = Object.assign(({ children: e, placement: t, open: n, defaultOpen: r, onO
 	Trigger: ({ children: e }) => {
 		let { mode: t, open: n, registerTriggerElement: r, onTriggerClick: i, onTriggerKeyDown: a } = z();
 		if (t !== "click") throw Error("DropdownMenu.Trigger must be used within <DropdownMenu>");
-		return o(e, {
+		return l(e, {
 			ref: (t) => {
 				let n = e.props.ref;
 				F(n, t), r(t);
@@ -529,4 +529,4 @@ var J = Object.assign(({ children: e, placement: t, open: n, defaultOpen: r, onO
 //#endregion
 export { J as n, Y as t };
 
-//# sourceMappingURL=context-menu-DgvXGCuI.js.map
+//# sourceMappingURL=context-menu-BQePxRpu.js.map