@ryuzaki13/react-foundation-ui 1.0.0 → 1.0.2

package/dist/chunks/{DropdownMenu-Ds-trH4M.js → DropdownMenu-DQeR3y7M.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./ui.module-BisoTevy.js";
-import { cn as t } from "@ryuzaki13/react-foundation-lib/utils";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Children as i, cloneElement as a, createContext as o, useCallback as s, useContext as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { Children as t, cloneElement as n, createContext as r, useCallback as i, useContext as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
+import { cn as u } from "@ryuzaki13/react-foundation-lib/utils";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { autoUpdate as p, flip as m, offset as h, shift as g, useFloating as _ } from "@floating-ui/react";
 import { useClickOutside as v, useEscapeDismiss as y, useOverlayFocus as b } from "@ryuzaki13/react-foundation-lib/dom";
 import { createMissingContextError as x } from "@ryuzaki13/react-foundation-lib/error";
@@ -30,9 +30,9 @@ function N(e, t) {
 }
 //#endregion
 //#region src/context-menu/components/MenuContext.tsx
-var P = o(null);
+var P = r(null);
 function F() {
-	let e = c(P);
+	let e = a(P);
 	if (!e) throw x({
 		hookName: "useMenuContext",
 		providerName: "MenuRoot"
@@ -42,16 +42,16 @@ function F() {
 //#endregion
 //#region src/context-menu/components/ContextMenuTrigger.tsx
 var I = ({ children: e }) => {
-	let { mode: t, open: n, registerTriggerElement: r, onTriggerContextMenu: i, onTriggerKeyDown: o } = F();
+	let { mode: t, open: r, registerTriggerElement: i, onTriggerContextMenu: a, onTriggerKeyDown: o } = F();
 	if (t !== "contextmenu") throw Error("ContextMenu.Trigger must be used within <ContextMenu>");
-	return a(e, {
+	return n(e, {
 		ref: (t) => {
 			let n = e.props.ref;
-			j(n, t), r(t);
+			j(n, t), i(t);
 		},
 		"aria-haspopup": "menu",
-		"aria-expanded": n,
-		onContextMenu: M(e.props.onContextMenu, i),
+		"aria-expanded": r,
+		onContextMenu: M(e.props.onContextMenu, a),
 		onKeyDown: N(e.props.onKeyDown, o)
 	});
 }, L = {
@@ -70,33 +70,33 @@ var I = ({ children: e }) => {
 	radialItem: "ObIrS2",
 	radialItemIcon: "_0jf5vt",
 	radialItemText: "zKwsQF"
-}, R = ({ children: e, className: r, closeOnOutside: i = !0, closeOnEscape: a = !0, disableOutsideClick: o = !1, restoreFocus: c = !0 }) => {
-	let { open: l, floatingStyles: u, floatingRef: d, triggerRef: f, setFloating: p, closeMenu: m } = F(), h = s(() => {
-		let e = d.current;
+}, R = ({ children: e, className: t, closeOnOutside: n = !0, closeOnEscape: r = !0, disableOutsideClick: a = !1, restoreFocus: o = !0 }) => {
+	let { open: s, floatingStyles: c, floatingRef: l, triggerRef: f, setFloating: p, closeMenu: m } = F(), h = i(() => {
+		let e = l.current;
 		return e ? Array.from(e.querySelectorAll("[data-menu-item=\"true\"]:not([data-disabled=\"true\"])")) : [];
-	}, [d]);
+	}, [l]);
 	b({
-		active: l,
+		active: s,
 		initialFocus: (e) => h()[0] ?? e,
-		restoreFocus: c,
+		restoreFocus: o,
 		restoreFocusTarget: () => f.current,
-		containerRef: d
+		containerRef: l
 	}), y({
-		active: l,
-		enabled: a,
+		active: s,
+		enabled: r,
 		onDismiss: m,
-		containerRef: d
+		containerRef: l
 	});
-	let g = s(() => {
-		!l || o || i && m();
+	let g = i(() => {
+		!s || a || n && m();
 	}, [
-		l,
-		o,
-		i,
+		s,
+		a,
+		n,
 		m
 	]);
-	v([d, f], g);
-	let _ = s((e) => {
+	v([l, f], g);
+	let _ = i((e) => {
 		let t = h();
 		if (t.length === 0) return;
 		let n = document.activeElement, r = n ? t.indexOf(n) : -1;
@@ -114,12 +114,12 @@ var I = ({ children: e }) => {
 		}
 		e.key === "End" && (e.preventDefault(), t[t.length - 1]?.focus());
 	}, [h]);
-	return typeof document > "u" ? null : S(/* @__PURE__ */ n(C, { children: l && /* @__PURE__ */ n(w.div, {
+	return typeof document > "u" ? null : S(/* @__PURE__ */ d(C, { children: s && /* @__PURE__ */ d(w.div, {
 		ref: p,
-		style: u,
+		style: c,
 		role: "menu",
 		tabIndex: -1,
-		className: t(L.menuPanel, r),
+		className: u(L.menuPanel, t),
 		onKeyDown: _,
 		initial: {
 			opacity: 0,
@@ -140,83 +140,83 @@ var I = ({ children: e }) => {
 			duration: .14,
 			ease: "easeOut"
 		},
-		children: /* @__PURE__ */ n("div", {
-			className: t(L.menuScroller, "scrollable"),
+		children: /* @__PURE__ */ d("div", {
+			className: u(L.menuScroller, "scrollable"),
 			children: typeof e == "function" ? e({ closeMenu: m }) : e
 		})
 	}) }), document.body);
-}, z = ({ children: r, className: i }) => /* @__PURE__ */ n("div", {
-	className: t(e.uiPopupGroupLabel, i),
-	children: r
-}), B = ({ children: i, icon: a, hotKey: o, className: c, disabled: l, href: u, target: d, rel: f, closeOnSelect: p = !0, onSelect: m }) => {
-	let { closeMenu: h } = F(), g = s((e) => {
-		if (l) {
+}, z = ({ children: t, className: n }) => /* @__PURE__ */ d("div", {
+	className: u(e.uiPopupGroupLabel, n),
+	children: t
+}), B = ({ children: t, icon: n, hotKey: r, className: a, disabled: o, href: s, target: c, rel: l, closeOnSelect: p = !0, onSelect: m }) => {
+	let { closeMenu: h } = F(), g = i((e) => {
+		if (o) {
 			e.preventDefault(), e.stopPropagation();
 			return;
 		}
 		m?.(e), !e.defaultPrevented && p && h();
 	}, [
-		l,
+		o,
 		m,
 		p,
 		h
-	]), _ = t(e.uiPopupOption, L.menuItem, c);
-	return u ? /* @__PURE__ */ r("a", {
-		href: u,
-		target: d,
-		rel: f,
+	]), _ = u(e.uiPopupOption, L.menuItem, a);
+	return s ? /* @__PURE__ */ f("a", {
+		href: s,
+		target: c,
+		rel: l,
 		role: "menuitem",
 		tabIndex: -1,
-		"aria-disabled": l,
+		"aria-disabled": o,
 		"data-menu-item": "true",
-		"data-disabled": l ? "true" : void 0,
+		"data-disabled": o ? "true" : void 0,
 		"data-ui": "context-menu-item",
 		"data-action": "select-context-menu-item",
 		className: _,
 		onClick: g,
 		children: [
-			a && /* @__PURE__ */ n("span", {
-				className: t(e.uiPopupOptionIcon, L.menuItemIcon),
-				children: a
+			n && /* @__PURE__ */ d("span", {
+				className: u(e.uiPopupOptionIcon, L.menuItemIcon),
+				children: n
 			}),
-			/* @__PURE__ */ n("span", {
-				className: t(e.uiOptionText, L.menuItemText),
-				children: i
+			/* @__PURE__ */ d("span", {
+				className: u(e.uiOptionText, L.menuItemText),
+				children: t
 			}),
-			o && /* @__PURE__ */ n("kbd", {
-				className: t(e.keyboard, L.menuItemHotKey),
-				children: o
+			r && /* @__PURE__ */ d("kbd", {
+				className: u(e.keyboard, L.menuItemHotKey),
+				children: r
 			})
 		]
-	}) : /* @__PURE__ */ r("button", {
+	}) : /* @__PURE__ */ f("button", {
 		type: "button",
 		role: "menuitem",
 		tabIndex: -1,
-		disabled: l,
+		disabled: o,
 		"data-menu-item": "true",
-		"data-disabled": l ? "true" : void 0,
+		"data-disabled": o ? "true" : void 0,
 		"data-ui": "context-menu-item",
 		"data-action": "select-context-menu-item",
 		className: _,
 		onClick: g,
 		children: [
-			a && /* @__PURE__ */ n("span", {
-				className: t(e.uiPopupOptionIcon, L.menuItemIcon),
-				children: a
+			n && /* @__PURE__ */ d("span", {
+				className: u(e.uiPopupOptionIcon, L.menuItemIcon),
+				children: n
 			}),
-			/* @__PURE__ */ n("span", {
-				className: t(e.uiOptionText, L.menuItemText),
-				children: i
+			/* @__PURE__ */ d("span", {
+				className: u(e.uiOptionText, L.menuItemText),
+				children: t
 			}),
-			o && /* @__PURE__ */ n("kbd", {
-				className: t(e.keyboard, L.menuItemHotKey),
-				children: o
+			r && /* @__PURE__ */ d("kbd", {
+				className: u(e.keyboard, L.menuItemHotKey),
+				children: r
 			})
 		]
 	});
-}, V = ({ children: e, mode: t, placement: r = t === "click" ? "bottom-start" : "right-start", open: i, defaultOpen: a, onOpenChange: o }) => {
-	let [c, v] = f(k), [y, b] = f(a ?? !1), x = i !== void 0, S = x ? i : y, C = d(null), { refs: w, floatingStyles: j, update: M } = _({
-		placement: r,
+}, V = ({ children: e, mode: t, placement: n = t === "click" ? "bottom-start" : "right-start", open: r, defaultOpen: a, onOpenChange: u }) => {
+	let [f, v] = l(k), [y, b] = l(a ?? !1), x = r !== void 0, S = x ? r : y, C = c(null), { refs: w, floatingStyles: j, update: M } = _({
+		placement: n,
 		strategy: t === "contextmenu" ? "fixed" : "absolute",
 		transform: !1,
 		middleware: [
@@ -225,15 +225,15 @@ var I = ({ children: e }) => {
 			g({ padding: 8 })
 		],
 		whileElementsMounted: p
-	}), N = s((e) => {
-		x || b(e), o?.(e), e || v((e) => T(e));
-	}, [x, o]), F = s(() => {
+	}), N = i((e) => {
+		x || b(e), u?.(e), e || v((e) => T(e));
+	}, [x, u]), F = i(() => {
 		N(!1);
 	}, [N]);
-	l(() => {
+	o(() => {
 		S || v((e) => T(e));
 	}, [S]);
-	let I = s((e, t) => {
+	let I = i((e, t) => {
 		w.setReference(e), v(A({
 			source: t,
 			anchor: {
@@ -241,7 +241,7 @@ var I = ({ children: e }) => {
 				element: e
 			}
 		})), N(!0);
-	}, [w, N]), L = s((e, t, n) => {
+	}, [w, N]), L = i((e, t, n) => {
 		w.setReference(E(e, n)), v(A({
 			source: t,
 			anchor: {
@@ -254,12 +254,12 @@ var I = ({ children: e }) => {
 		w,
 		N,
 		M
-	]), R = s((e) => {
+	]), R = i((e) => {
 		C.current = e, t === "click" && w.setReference(e);
-	}, [t, w]), z = s((e) => {
+	}, [t, w]), z = i((e) => {
 		if (t !== "click") return;
 		let n = e.currentTarget;
-		if (S && c.anchor?.type === "element" && c.anchor.element === n) {
+		if (S && f.anchor?.type === "element" && f.anchor.element === n) {
 			F();
 			return;
 		}
@@ -267,15 +267,15 @@ var I = ({ children: e }) => {
 	}, [
 		t,
 		S,
-		c.anchor,
+		f.anchor,
 		F,
 		I
-	]), B = s((e) => {
+	]), B = i((e) => {
 		if (t !== "contextmenu") return;
 		e.preventDefault();
 		let n = e.currentTarget, r = D(e);
 		L(r, "contextmenu", n);
-	}, [t, L]), V = s((e) => {
+	}, [t, L]), V = i((e) => {
 		if (!(e.key === "ContextMenu" || e.shiftKey && e.key === "F10")) return;
 		e.preventDefault();
 		let n = e.currentTarget;
@@ -289,10 +289,10 @@ var I = ({ children: e }) => {
 		t,
 		I,
 		L
-	]), H = S && c.anchor !== null, U = u(() => c.anchor ? c.anchor.type === "point" ? c.anchor.point : O(c.anchor.element.getBoundingClientRect()) : null, [c.anchor]), W = u(() => ({
+	]), H = S && f.anchor !== null, U = s(() => f.anchor ? f.anchor.type === "point" ? f.anchor.point : O(f.anchor.element.getBoundingClientRect()) : null, [f.anchor]), W = s(() => ({
 		mode: t,
 		open: H,
-		openSource: c.source,
+		openSource: f.source,
 		anchorPoint: U,
 		floatingStyles: j,
 		floatingRef: w.floating,
@@ -306,7 +306,7 @@ var I = ({ children: e }) => {
 	}), [
 		t,
 		H,
-		c.source,
+		f.source,
 		U,
 		j,
 		w.floating,
@@ -317,48 +317,48 @@ var I = ({ children: e }) => {
 		V,
 		F
 	]);
-	return /* @__PURE__ */ n(P.Provider, {
+	return /* @__PURE__ */ d(P.Provider, {
 		value: W,
 		children: e
 	});
-}, H = ({ className: r }) => /* @__PURE__ */ n("div", {
+}, H = ({ className: t }) => /* @__PURE__ */ d("div", {
 	role: "separator",
-	className: t(e.uiPopupOptionSeparator, r)
+	className: u(e.uiPopupOptionSeparator, t)
 });
 //#endregion
 //#region src/context-menu/components/RadialMenuContent.tsx
 function U(e, t, n) {
 	return n < t ? t : Math.min(Math.max(e, t), n);
 }
-var W = Object.assign(({ children: e, placement: t, open: r, defaultOpen: i, onOpenChange: a }) => /* @__PURE__ */ n(V, {
+var W = Object.assign(({ children: e, placement: t, open: n, defaultOpen: r, onOpenChange: i }) => /* @__PURE__ */ d(V, {
 	mode: "contextmenu",
 	placement: t,
-	open: r,
-	defaultOpen: i,
-	onOpenChange: a,
+	open: n,
+	defaultOpen: r,
+	onOpenChange: i,
 	children: e
 }), {
 	Trigger: I,
 	Content: R,
-	RadialContent: ({ children: e, className: a, closeOnOutside: o = !0, closeOnEscape: c = !0, disableOutsideClick: d = !1, restoreFocus: f = !0, radius: p = 76, itemSize: m = 64, closeLabel: h = "Закрыть" }) => {
-		let { open: g, anchorPoint: _, floatingRef: x, triggerRef: T, setFloating: E, closeMenu: D } = F(), O = typeof e == "function" ? e({ closeMenu: D }) : e, k = u(() => i.toArray(O), [O]), A = k.length, j = p * 2 + m, M = u(() => {
+	RadialContent: ({ children: e, className: n, closeOnOutside: r = !0, closeOnEscape: a = !0, disableOutsideClick: c = !1, restoreFocus: l = !0, radius: p = 76, itemSize: m = 64, closeLabel: h = "Закрыть" }) => {
+		let { open: g, anchorPoint: _, floatingRef: x, triggerRef: T, setFloating: E, closeMenu: D } = F(), O = typeof e == "function" ? e({ closeMenu: D }) : e, k = s(() => t.toArray(O), [O]), A = k.length, j = p * 2 + m, M = s(() => {
 			if (typeof window > "u" || !_) return null;
 			let e = j / 2 + 8;
 			return {
 				x: U(_.x, e, window.innerWidth - e),
 				y: U(_.y, e, window.innerHeight - e)
 			};
-		}, [_, j]), N = s(() => {
+		}, [_, j]), N = i(() => {
 			let e = x.current;
 			return e ? Array.from(e.querySelectorAll("[data-menu-item=\"true\"]:not([data-disabled=\"true\"])")) : [];
 		}, [x]);
 		b({
 			active: g,
 			initialFocus: (e) => N()[0] ?? e,
-			restoreFocus: f,
+			restoreFocus: l,
 			restoreFocusTarget: () => T.current,
 			containerRef: x
-		}), l(() => {
+		}), o(() => {
 			if (!g || !_) return;
 			let e = 0;
 			return e = window.requestAnimationFrame(() => {
@@ -371,20 +371,20 @@ var W = Object.assign(({ children: e, placement: t, open: r, defaultOpen: i, onO
 			x
 		]), y({
 			active: g,
-			enabled: c,
+			enabled: a,
 			onDismiss: D,
 			containerRef: x
 		});
-		let P = s(() => {
-			!g || d || o && D();
+		let P = i(() => {
+			!g || c || r && D();
 		}, [
 			g,
-			d,
-			o,
+			c,
+			r,
 			D
 		]);
 		v([x, T], P);
-		let I = s((e) => {
+		let I = i((e) => {
 			let t = N();
 			if (t.length === 0) return;
 			let n = document.activeElement, r = n ? t.indexOf(n) : -1;
@@ -402,7 +402,7 @@ var W = Object.assign(({ children: e, placement: t, open: r, defaultOpen: i, onO
 			}
 			e.key === "End" && (e.preventDefault(), t[t.length - 1]?.focus());
 		}, [N]);
-		return typeof document > "u" ? null : S(/* @__PURE__ */ n(C, { children: g && M && /* @__PURE__ */ r(w.div, {
+		return typeof document > "u" ? null : S(/* @__PURE__ */ d(C, { children: g && M && /* @__PURE__ */ f(w.div, {
 			ref: E,
 			style: {
 				"--radial-panel-size": `${j}px`,
@@ -414,7 +414,7 @@ var W = Object.assign(({ children: e, placement: t, open: r, defaultOpen: i, onO
 			},
 			role: "menu",
 			tabIndex: -1,
-			className: t(L.radialPanel, a),
+			className: u(L.radialPanel, n),
 			onKeyDown: I,
 			initial: {
 				opacity: 0,
@@ -433,11 +433,11 @@ var W = Object.assign(({ children: e, placement: t, open: r, defaultOpen: i, onO
 				ease: "easeOut"
 			},
 			children: [
-				/* @__PURE__ */ n("div", {
+				/* @__PURE__ */ d("div", {
 					className: L.radialRing,
 					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ n("button", {
+				/* @__PURE__ */ d("button", {
 					type: "button",
 					role: "menuitem",
 					className: L.radialCenterButton,
@@ -445,18 +445,18 @@ var W = Object.assign(({ children: e, placement: t, open: r, defaultOpen: i, onO
 					"data-menu-item": "true",
 					"data-radial-close": "true",
 					onClick: D,
-					children: /* @__PURE__ */ n("span", {
+					children: /* @__PURE__ */ d("span", {
 						className: L.radialCenterButtonText,
 						children: h
 					})
 				}),
-				/* @__PURE__ */ n("div", {
+				/* @__PURE__ */ d("div", {
 					className: L.radialItems,
 					children: k.map((e, t) => {
-						let r = A > 0 ? -90 + 360 / A * t : -90;
-						return /* @__PURE__ */ n("div", {
+						let n = A > 0 ? -90 + 360 / A * t : -90;
+						return /* @__PURE__ */ d("div", {
 							className: L.radialItemSlot,
-							style: { "--radial-item-angle": `${r}deg` },
+							style: { "--radial-item-angle": `${n}deg` },
 							children: e
 						}, t);
 					})
@@ -465,35 +465,35 @@ var W = Object.assign(({ children: e, placement: t, open: r, defaultOpen: i, onO
 		}) }), document.body);
 	},
 	Item: B,
-	RadialItem: ({ children: e, icon: i, className: a, disabled: o, closeOnSelect: c = !0, onSelect: l }) => {
-		let { closeMenu: u } = F(), d = s((e) => {
-			if (o) {
+	RadialItem: ({ children: e, icon: t, className: n, disabled: r, closeOnSelect: a = !0, onSelect: o }) => {
+		let { closeMenu: s } = F(), c = i((e) => {
+			if (r) {
 				e.preventDefault(), e.stopPropagation();
 				return;
 			}
-			l?.(e), !e.defaultPrevented && c && u();
+			o?.(e), !e.defaultPrevented && a && s();
 		}, [
+			r,
 			o,
-			l,
-			c,
-			u
+			a,
+			s
 		]);
-		return /* @__PURE__ */ r("button", {
+		return /* @__PURE__ */ f("button", {
 			type: "button",
 			role: "menuitem",
 			tabIndex: -1,
-			disabled: o,
-			"aria-disabled": o,
+			disabled: r,
+			"aria-disabled": r,
 			"data-menu-item": "true",
-			"data-disabled": o ? "true" : void 0,
+			"data-disabled": r ? "true" : void 0,
 			"data-ui": "radial-menu-item",
 			"data-action": "select-radial-menu-item",
-			className: t(L.radialItem, a),
-			onClick: d,
-			children: [i && /* @__PURE__ */ n("span", {
+			className: u(L.radialItem, n),
+			onClick: c,
+			children: [t && /* @__PURE__ */ d("span", {
 				className: L.radialItemIcon,
-				children: i
-			}), /* @__PURE__ */ n("span", {
+				children: t
+			}), /* @__PURE__ */ d("span", {
 				className: L.radialItemText,
 				children: e
 			})]
@@ -501,25 +501,25 @@ var W = Object.assign(({ children: e, placement: t, open: r, defaultOpen: i, onO
 	},
 	Separator: H,
 	GroupLabel: z
-}), G = Object.assign(({ children: e, placement: t, open: r, defaultOpen: i, onOpenChange: a }) => /* @__PURE__ */ n(V, {
+}), G = Object.assign(({ children: e, placement: t, open: n, defaultOpen: r, onOpenChange: i }) => /* @__PURE__ */ d(V, {
 	mode: "click",
 	placement: t,
-	open: r,
-	defaultOpen: i,
-	onOpenChange: a,
+	open: n,
+	defaultOpen: r,
+	onOpenChange: i,
 	children: e
 }), {
 	Trigger: ({ children: e }) => {
-		let { mode: t, open: n, registerTriggerElement: r, onTriggerClick: i, onTriggerKeyDown: o } = F();
+		let { mode: t, open: r, registerTriggerElement: i, onTriggerClick: a, onTriggerKeyDown: o } = F();
 		if (t !== "click") throw Error("DropdownMenu.Trigger must be used within <DropdownMenu>");
-		return a(e, {
+		return n(e, {
 			ref: (t) => {
 				let n = e.props.ref;
-				j(n, t), r(t);
+				j(n, t), i(t);
 			},
 			"aria-haspopup": "menu",
-			"aria-expanded": n,
-			onClick: M(e.props.onClick, i),
+			"aria-expanded": r,
+			onClick: M(e.props.onClick, a),
 			onKeyDown: N(e.props.onKeyDown, o)
 		});
 	},
@@ -531,4 +531,4 @@ var W = Object.assign(({ children: e, placement: t, open: r, defaultOpen: i, onO
 //#endregion
 export { W as n, G as t };
 
-//# sourceMappingURL=DropdownMenu-Ds-trH4M.js.map
+//# sourceMappingURL=DropdownMenu-DQeR3y7M.js.map