god-button-action-button 0.1.0 → 0.1.1

package/dist/index.js

@@ -1,480 +1,8 @@
 import { useEffect as e, useId as t, useMemo as n, useRef as r, useState as i } from "react";
-import { Box as a, ButtonBase as o, Divider as s, Paper as c, Typography as l, useTheme as u } from "@mui/material";
-//#region \0rolldown/runtime.js
-var d = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), f = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
-	if (typeof require < "u") return require.apply(this, arguments);
-	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
-}), p = /* @__PURE__ */ d(((e) => {
-	var t = f("react"), n = Symbol.for("react.element"), r = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, a = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = {
-		key: !0,
-		ref: !0,
-		__self: !0,
-		__source: !0
-	};
-	function s(e, t, r) {
-		var s, c = {}, l = null, u = null;
-		for (s in r !== void 0 && (l = "" + r), t.key !== void 0 && (l = "" + t.key), t.ref !== void 0 && (u = t.ref), t) i.call(t, s) && !o.hasOwnProperty(s) && (c[s] = t[s]);
-		if (e && e.defaultProps) for (s in t = e.defaultProps, t) c[s] === void 0 && (c[s] = t[s]);
-		return {
-			$$typeof: n,
-			type: e,
-			key: l,
-			ref: u,
-			props: c,
-			_owner: a.current
-		};
-	}
-	e.Fragment = r, e.jsx = s, e.jsxs = s;
-})), m = /* @__PURE__ */ d(((e) => {
-	process.env.NODE_ENV !== "production" && (function() {
-		var t = f("react"), n = Symbol.for("react.element"), r = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), c = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), g = Symbol.iterator, _ = "@@iterator";
-		function v(e) {
-			if (typeof e != "object" || !e) return null;
-			var t = g && e[g] || e[_];
-			return typeof t == "function" ? t : null;
-		}
-		var y = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-		function b(e) {
-			x("error", e, [...arguments].slice(1));
-		}
-		function x(e, t, n) {
-			var r = y.ReactDebugCurrentFrame.getStackAddendum();
-			r !== "" && (t += "%s", n = n.concat([r]));
-			var i = n.map(function(e) {
-				return String(e);
-			});
-			i.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, i);
-		}
-		var S = !1, C = !1, w = !1, T = !1, E = !1, D = Symbol.for("react.module.reference");
-		function ee(e) {
-			return !!(typeof e == "string" || typeof e == "function" || e === i || e === o || E || e === a || e === u || e === d || T || e === h || S || C || w || typeof e == "object" && e && (e.$$typeof === m || e.$$typeof === p || e.$$typeof === s || e.$$typeof === c || e.$$typeof === l || e.$$typeof === D || e.getModuleId !== void 0));
-		}
-		function te(e, t, n) {
-			var r = e.displayName;
-			if (r) return r;
-			var i = t.displayName || t.name || "";
-			return i === "" ? n : n + "(" + i + ")";
-		}
-		function ne(e) {
-			return e.displayName || "Context";
-		}
-		function O(e) {
-			if (e == null) return null;
-			if (typeof e.tag == "number" && b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function") return e.displayName || e.name || null;
-			if (typeof e == "string") return e;
-			switch (e) {
-				case i: return "Fragment";
-				case r: return "Portal";
-				case o: return "Profiler";
-				case a: return "StrictMode";
-				case u: return "Suspense";
-				case d: return "SuspenseList";
-			}
-			if (typeof e == "object") switch (e.$$typeof) {
-				case c: return ne(e) + ".Consumer";
-				case s: return ne(e._context) + ".Provider";
-				case l: return te(e, e.render, "ForwardRef");
-				case p:
-					var t = e.displayName || null;
-					return t === null ? O(e.type) || "Memo" : t;
-				case m:
-					var n = e, f = n._payload, h = n._init;
-					try {
-						return O(h(f));
-					} catch {
-						return null;
-					}
-			}
-			return null;
-		}
-		var k = Object.assign, A = 0, j, M, N, P, F, I, L;
-		function re() {}
-		re.__reactDisabledLog = !0;
-		function ie() {
-			if (A === 0) {
-				j = console.log, M = console.info, N = console.warn, P = console.error, F = console.group, I = console.groupCollapsed, L = console.groupEnd;
-				var e = {
-					configurable: !0,
-					enumerable: !0,
-					value: re,
-					writable: !0
-				};
-				Object.defineProperties(console, {
-					info: e,
-					log: e,
-					warn: e,
-					error: e,
-					group: e,
-					groupCollapsed: e,
-					groupEnd: e
-				});
-			}
-			A++;
-		}
-		function R() {
-			if (A--, A === 0) {
-				var e = {
-					configurable: !0,
-					enumerable: !0,
-					writable: !0
-				};
-				Object.defineProperties(console, {
-					log: k({}, e, { value: j }),
-					info: k({}, e, { value: M }),
-					warn: k({}, e, { value: N }),
-					error: k({}, e, { value: P }),
-					group: k({}, e, { value: F }),
-					groupCollapsed: k({}, e, { value: I }),
-					groupEnd: k({}, e, { value: L })
-				});
-			}
-			A < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-		}
-		var z = y.ReactCurrentDispatcher, B;
-		function V(e, t, n) {
-			if (B === void 0) try {
-				throw Error();
-			} catch (e) {
-				var r = e.stack.trim().match(/\n( *(at )?)/);
-				B = r && r[1] || "";
-			}
-			return "\n" + B + e;
-		}
-		var H = !1, U = new (typeof WeakMap == "function" ? WeakMap : Map)();
-		function W(e, t) {
-			if (!e || H) return "";
-			var n = U.get(e);
-			if (n !== void 0) return n;
-			var r;
-			H = !0;
-			var i = Error.prepareStackTrace;
-			Error.prepareStackTrace = void 0;
-			var a = z.current;
-			z.current = null, ie();
-			try {
-				if (t) {
-					var o = function() {
-						throw Error();
-					};
-					if (Object.defineProperty(o.prototype, "props", { set: function() {
-						throw Error();
-					} }), typeof Reflect == "object" && Reflect.construct) {
-						try {
-							Reflect.construct(o, []);
-						} catch (e) {
-							r = e;
-						}
-						Reflect.construct(e, [], o);
-					} else {
-						try {
-							o.call();
-						} catch (e) {
-							r = e;
-						}
-						e.call(o.prototype);
-					}
-				} else {
-					try {
-						throw Error();
-					} catch (e) {
-						r = e;
-					}
-					e();
-				}
-			} catch (t) {
-				if (t && r && typeof t.stack == "string") {
-					for (var s = t.stack.split("\n"), c = r.stack.split("\n"), l = s.length - 1, u = c.length - 1; l >= 1 && u >= 0 && s[l] !== c[u];) u--;
-					for (; l >= 1 && u >= 0; l--, u--) if (s[l] !== c[u]) {
-						if (l !== 1 || u !== 1) do
-							if (l--, u--, u < 0 || s[l] !== c[u]) {
-								var d = "\n" + s[l].replace(" at new ", " at ");
-								return e.displayName && d.includes("<anonymous>") && (d = d.replace("<anonymous>", e.displayName)), typeof e == "function" && U.set(e, d), d;
-							}
-						while (l >= 1 && u >= 0);
-						break;
-					}
-				}
-			} finally {
-				H = !1, z.current = a, R(), Error.prepareStackTrace = i;
-			}
-			var f = e ? e.displayName || e.name : "", p = f ? V(f) : "";
-			return typeof e == "function" && U.set(e, p), p;
-		}
-		function ae(e, t, n) {
-			return W(e, !1);
-		}
-		function oe(e) {
-			var t = e.prototype;
-			return !!(t && t.isReactComponent);
-		}
-		function G(e, t, n) {
-			if (e == null) return "";
-			if (typeof e == "function") return W(e, oe(e));
-			if (typeof e == "string") return V(e);
-			switch (e) {
-				case u: return V("Suspense");
-				case d: return V("SuspenseList");
-			}
-			if (typeof e == "object") switch (e.$$typeof) {
-				case l: return ae(e.render);
-				case p: return G(e.type, t, n);
-				case m:
-					var r = e, i = r._payload, a = r._init;
-					try {
-						return G(a(i), t, n);
-					} catch {}
-			}
-			return "";
-		}
-		var K = Object.prototype.hasOwnProperty, q = {}, se = y.ReactDebugCurrentFrame;
-		function J(e) {
-			if (e) {
-				var t = e._owner, n = G(e.type, e._source, t ? t.type : null);
-				se.setExtraStackFrame(n);
-			} else se.setExtraStackFrame(null);
-		}
-		function Y(e, t, n, r, i) {
-			var a = Function.call.bind(K);
-			for (var o in e) if (a(e, o)) {
-				var s = void 0;
-				try {
-					if (typeof e[o] != "function") {
-						var c = Error((r || "React class") + ": " + n + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-						throw c.name = "Invariant Violation", c;
-					}
-					s = e[o](t, o, r, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-				} catch (e) {
-					s = e;
-				}
-				s && !(s instanceof Error) && (J(i), b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", r || "React class", n, o, typeof s), J(null)), s instanceof Error && !(s.message in q) && (q[s.message] = !0, J(i), b("Failed %s type: %s", n, s.message), J(null));
-			}
-		}
-		var ce = Array.isArray;
-		function X(e) {
-			return ce(e);
-		}
-		function le(e) {
-			return typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-		}
-		function Z(e) {
-			try {
-				return ue(e), !1;
-			} catch {
-				return !0;
-			}
-		}
-		function ue(e) {
-			return "" + e;
-		}
-		function de(e) {
-			if (Z(e)) return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", le(e)), ue(e);
-		}
-		var Q = y.ReactCurrentOwner, fe = {
-			key: !0,
-			ref: !0,
-			__self: !0,
-			__source: !0
-		}, pe, me, he = {};
-		function ge(e) {
-			if (K.call(e, "ref")) {
-				var t = Object.getOwnPropertyDescriptor(e, "ref").get;
-				if (t && t.isReactWarning) return !1;
-			}
-			return e.ref !== void 0;
-		}
-		function _e(e) {
-			if (K.call(e, "key")) {
-				var t = Object.getOwnPropertyDescriptor(e, "key").get;
-				if (t && t.isReactWarning) return !1;
-			}
-			return e.key !== void 0;
-		}
-		function ve(e, t) {
-			if (typeof e.ref == "string" && Q.current && t && Q.current.stateNode !== t) {
-				var n = O(Q.current.type);
-				he[n] || (b("Component \"%s\" contains the string ref \"%s\". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref", O(Q.current.type), e.ref), he[n] = !0);
-			}
-		}
-		function ye(e, t) {
-			var n = function() {
-				pe || (pe = !0, b("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
-			};
-			n.isReactWarning = !0, Object.defineProperty(e, "key", {
-				get: n,
-				configurable: !0
-			});
-		}
-		function be(e, t) {
-			var n = function() {
-				me || (me = !0, b("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
-			};
-			n.isReactWarning = !0, Object.defineProperty(e, "ref", {
-				get: n,
-				configurable: !0
-			});
-		}
-		var xe = function(e, t, r, i, a, o, s) {
-			var c = {
-				$$typeof: n,
-				type: e,
-				key: t,
-				ref: r,
-				props: s,
-				_owner: o
-			};
-			return c._store = {}, Object.defineProperty(c._store, "validated", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: !1
-			}), Object.defineProperty(c, "_self", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !1,
-				value: i
-			}), Object.defineProperty(c, "_source", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !1,
-				value: a
-			}), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
-		};
-		function Se(e, t, n, r, i) {
-			var a, o = {}, s = null, c = null;
-			for (a in n !== void 0 && (de(n), s = "" + n), _e(t) && (de(t.key), s = "" + t.key), ge(t) && (c = t.ref, ve(t, i)), t) K.call(t, a) && !fe.hasOwnProperty(a) && (o[a] = t[a]);
-			if (e && e.defaultProps) {
-				var l = e.defaultProps;
-				for (a in l) o[a] === void 0 && (o[a] = l[a]);
-			}
-			if (s || c) {
-				var u = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-				s && ye(o, u), c && be(o, u);
-			}
-			return xe(e, s, c, i, r, Q.current, o);
-		}
-		var Ce = y.ReactCurrentOwner, we = y.ReactDebugCurrentFrame;
-		function $(e) {
-			if (e) {
-				var t = e._owner, n = G(e.type, e._source, t ? t.type : null);
-				we.setExtraStackFrame(n);
-			} else we.setExtraStackFrame(null);
-		}
-		var Te = !1;
-		function Ee(e) {
-			return typeof e == "object" && !!e && e.$$typeof === n;
-		}
-		function De() {
-			if (Ce.current) {
-				var e = O(Ce.current.type);
-				if (e) return "\n\nCheck the render method of `" + e + "`.";
-			}
-			return "";
-		}
-		function Oe(e) {
-			if (e !== void 0) {
-				var t = e.fileName.replace(/^.*[\\\/]/, ""), n = e.lineNumber;
-				return "\n\nCheck your code at " + t + ":" + n + ".";
-			}
-			return "";
-		}
-		var ke = {};
-		function Ae(e) {
-			var t = De();
-			if (!t) {
-				var n = typeof e == "string" ? e : e.displayName || e.name;
-				n && (t = "\n\nCheck the top-level render call using <" + n + ">.");
-			}
-			return t;
-		}
-		function je(e, t) {
-			if (!(!e._store || e._store.validated || e.key != null)) {
-				e._store.validated = !0;
-				var n = Ae(t);
-				if (!ke[n]) {
-					ke[n] = !0;
-					var r = "";
-					e && e._owner && e._owner !== Ce.current && (r = " It was passed a child from " + O(e._owner.type) + "."), $(e), b("Each child in a list should have a unique \"key\" prop.%s%s See https://reactjs.org/link/warning-keys for more information.", n, r), $(null);
-				}
-			}
-		}
-		function Me(e, t) {
-			if (typeof e == "object") {
-				if (X(e)) for (var n = 0; n < e.length; n++) {
-					var r = e[n];
-					Ee(r) && je(r, t);
-				}
-				else if (Ee(e)) e._store && (e._store.validated = !0);
-				else if (e) {
-					var i = v(e);
-					if (typeof i == "function" && i !== e.entries) for (var a = i.call(e), o; !(o = a.next()).done;) Ee(o.value) && je(o.value, t);
-				}
-			}
-		}
-		function Ne(e) {
-			var t = e.type;
-			if (!(t == null || typeof t == "string")) {
-				var n;
-				if (typeof t == "function") n = t.propTypes;
-				else if (typeof t == "object" && (t.$$typeof === l || t.$$typeof === p)) n = t.propTypes;
-				else return;
-				if (n) {
-					var r = O(t);
-					Y(n, e.props, "prop", r, e);
-				} else t.PropTypes !== void 0 && !Te && (Te = !0, b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O(t) || "Unknown"));
-				typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-			}
-		}
-		function Pe(e) {
-			for (var t = Object.keys(e.props), n = 0; n < t.length; n++) {
-				var r = t[n];
-				if (r !== "children" && r !== "key") {
-					$(e), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", r), $(null);
-					break;
-				}
-			}
-			e.ref !== null && ($(e), b("Invalid attribute `ref` supplied to `React.Fragment`."), $(null));
-		}
-		var Fe = {};
-		function Ie(e, t, r, a, o, s) {
-			var c = ee(e);
-			if (!c) {
-				var l = "";
-				(e === void 0 || typeof e == "object" && e && Object.keys(e).length === 0) && (l += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-				var u = Oe(o);
-				u ? l += u : l += De();
-				var d;
-				e === null ? d = "null" : X(e) ? d = "array" : e !== void 0 && e.$$typeof === n ? (d = "<" + (O(e.type) || "Unknown") + " />", l = " Did you accidentally export a JSX literal instead of a component?") : d = typeof e, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", d, l);
-			}
-			var f = Se(e, t, r, o, s);
-			if (f == null) return f;
-			if (c) {
-				var p = t.children;
-				if (p !== void 0) if (a) if (X(p)) {
-					for (var m = 0; m < p.length; m++) Me(p[m], e);
-					Object.freeze && Object.freeze(p);
-				} else b("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
-				else Me(p, e);
-			}
-			if (K.call(t, "key")) {
-				var h = O(e), g = Object.keys(t).filter(function(e) {
-					return e !== "key";
-				}), _ = g.length > 0 ? "{key: someKey, " + g.join(": ..., ") + ": ...}" : "{key: someKey}";
-				Fe[h + _] || (b("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", _, h, g.length > 0 ? "{" + g.join(": ..., ") + ": ...}" : "{}", h), Fe[h + _] = !0);
-			}
-			return e === i ? Pe(f) : Ne(f), f;
-		}
-		function Le(e, t, n) {
-			return Ie(e, t, n, !0);
-		}
-		function Re(e, t, n) {
-			return Ie(e, t, n, !1);
-		}
-		var ze = Re, Be = Le;
-		e.Fragment = i, e.jsx = ze, e.jsxs = Be;
-	})();
-})), h = (/* @__PURE__ */ d(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = p() : t.exports = m();
-})))(), g = {
+import { Box as a, ButtonBase as o, Divider as ee, Paper as s, Typography as c, useTheme as te } from "@mui/material";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/ActionButton/menuItemIcons.tsx
+var d = {
 	width: 22,
 	height: 22,
 	flexShrink: 0,
@@ -482,35 +10,35 @@ var d = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), f
 	color: "rgba(255,255,255,0.95)",
 	opacity: .98
 };
-function _(e) {
+function ne(e) {
 	let { id: t } = e;
 	switch (t) {
-		case "messages": return /* @__PURE__ */ (0, h.jsx)(a, {
+		case "messages": return /* @__PURE__ */ l(a, {
 			component: "svg",
 			viewBox: "0 0 24 24",
 			"aria-hidden": !0,
-			sx: g,
-			children: /* @__PURE__ */ (0, h.jsx)("path", {
+			sx: d,
+			children: /* @__PURE__ */ l("path", {
 				fill: "currentColor",
 				d: "M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12z"
 			})
 		});
-		case "gameInfo": return /* @__PURE__ */ (0, h.jsx)(a, {
+		case "gameInfo": return /* @__PURE__ */ l(a, {
 			component: "svg",
 			viewBox: "0 0 24 24",
 			"aria-hidden": !0,
-			sx: g,
-			children: /* @__PURE__ */ (0, h.jsx)("path", {
+			sx: d,
+			children: /* @__PURE__ */ l("path", {
 				fill: "currentColor",
 				d: "M13.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM9.5 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm5 8.5c0 2.49-2.01 4.5-4.5 4.5S5.5 18.99 5.5 16.5 7.51 12 10 12s4.5 2.01 4.5 4.5zm4.5-4.5c0 1.38-1.12 2.5-2.5 2.5S14 16.38 14 15s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5z"
 			})
 		});
-		case "yourRole": return /* @__PURE__ */ (0, h.jsx)(a, {
+		case "yourRole": return /* @__PURE__ */ l(a, {
 			component: "svg",
 			viewBox: "0 0 24 24",
 			"aria-hidden": !0,
-			sx: g,
-			children: /* @__PURE__ */ (0, h.jsx)("path", {
+			sx: d,
+			children: /* @__PURE__ */ l("path", {
 				fill: "currentColor",
 				d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
 			})
@@ -520,171 +48,220 @@ function _(e) {
 }
 //#endregion
 //#region src/components/ActionButton/ActionButton.tsx
-var v = [
+var f = [
 	"messages",
 	"gameInfo",
 	"yourRole"
-], y = "پزشک";
-function b(d) {
-	let { yourRoleName: f = y, gameInfoSectionLabels: p, playerNamesContent: m, gameRoleNamesContent: g, onItemClick: b, labels: x, initialPosition: S, homePosition: C, dragBoundsPadding: w = 12, circleSize: T = 64, menuWidth: E = 230, menuItemHeight: D = 44, menuGap: ee = 10, gameInfoPanelMaxHeight: te = 340, className: ne, style: O } = d, k = t().replace(/:/g, ""), A = r(null), j = r(!1), M = r(null), N = r({
+], re = "پزشک", ie = "linear-gradient(155deg, #6d28d9 0%, #5b21b6 38%, #4c1d95 72%, #1e1b4b 100%)", p = "linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.06)), linear-gradient(140deg, rgba(91,33,182,0.48), rgba(30,27,75,0.58))";
+function m(d) {
+	let { yourRoleName: m = re, gameInfoSectionLabels: h, playerNamesContent: ae, gameRoleNamesContent: oe, onItemClick: g, labels: _, initialPosition: v, homePosition: y, dragBoundsPadding: b = 12, circleSize: x = 64, menuWidth: S = 230, menuItemHeight: se = 44, menuGap: ce = 10, gameInfoPanelMaxHeight: le = 340, messages: ue, messagePreviewDurationMs: de = 1e4, accentGradient: fe = ie, menuSurfaceBackground: C = p, className: pe, style: me } = d, w = ue ?? [], he = t().replace(/:/g, ""), T = r(null), E = r(!1), D = r(null), O = r({
 		x: 0,
 		y: 0
-	}), P = r({
+	}), k = r({
 		x: 0,
 		y: 0
-	}), F = r({
+	}), A = r({
 		x: 0,
 		y: 0,
 		t: 0
-	}), I = r(null), L = r(!1), re = () => typeof window > "u" ? {
-		x: w + T / 2,
+	}), j = r(null), M = r(!1), ge = () => typeof window > "u" ? {
+		x: b + x / 2,
 		y: 0
 	} : {
-		x: w + T / 2,
+		x: b + x / 2,
 		y: window.innerHeight * .3
-	}, ie = n(() => C ? { ...C } : S ? { ...S } : typeof window > "u" ? {
-		x: w + T / 2,
+	}, _e = n(() => y ? { ...y } : v ? { ...v } : typeof window > "u" ? {
+		x: b + x / 2,
 		y: 0
 	} : {
-		x: w + T / 2,
+		x: b + x / 2,
 		y: window.innerHeight * .3
 	}, [
-		C,
-		S,
-		w,
-		T
-	]), [R, z] = i(!1), [B, V] = i(!1), [H, U] = i(() => S ? {
-		x: S.x,
-		y: S.y
-	} : C ? {
-		x: C.x,
-		y: C.y
-	} : re()), W = n(() => typeof window > "u" || H.x < window.innerWidth / 2 ? "right" : "left", [H.x]), ae = n(() => {
+		y,
+		v,
+		b,
+		x
+	]), [N, P] = i(!1), [F, I] = i(!1), [L, R] = i(!1), [ve, z] = i(0), [B, V] = i(null), H = r(0), U = r(null), [W, ye] = i(() => v ? {
+		x: v.x,
+		y: v.y
+	} : y ? {
+		x: y.x,
+		y: y.y
+	} : ge()), G = n(() => typeof window > "u" || W.x < window.innerWidth / 2 ? "right" : "left", [W.x]), K = n(() => {
 		let e = {
 			messages: "پیام ها",
 			gameInfo: "اطلاعات بازی",
-			yourRole: `نقش شما ${f}`
+			yourRole: `نقش شما ${m}`
 		};
-		return x ? {
+		return _ ? {
 			...e,
-			...x
+			..._
 		} : e;
-	}, [x, f]), oe = n(() => ({
-		playerNames: p?.playerNames ?? "نام بازیکنان",
-		roleNames: p?.roleNames ?? "نام نقش های بازی"
-	}), [p]), G = B ? "back" : R ? "close" : "action", K = u().direction === "rtl" || typeof document < "u" && document.documentElement.getAttribute("dir") === "rtl", [q, se] = i(() => typeof window < "u" ? window.innerHeight : 800);
+	}, [_, m]), be = n(() => ({
+		playerNames: h?.playerNames ?? "نام بازیکنان",
+		roleNames: h?.roleNames ?? "نام نقش های بازی"
+	}), [h]), q = Math.max(0, w.length - ve);
+	e(() => {
+		if (w.length === 0) {
+			H.current = 0, z(0);
+			return;
+		}
+		z((e) => Math.min(e, w.length));
+	}, [w.length]), e(() => {
+		if (w.length === 0) {
+			H.current = 0;
+			return;
+		}
+		if (w.length > H.current) {
+			let e = w[w.length - 1];
+			V(e), U.current != null && (clearTimeout(U.current), U.current = null), U.current = setTimeout(() => {
+				V(null), U.current = null;
+			}, de);
+		}
+		return H.current = w.length, () => {
+			U.current != null && (clearTimeout(U.current), U.current = null);
+		};
+	}, [w, de]), e(() => {
+		L && z(w.length);
+	}, [w, L]);
+	let J = F || L ? "back" : N ? "close" : "action", xe = te().direction === "rtl" || typeof document < "u" && document.documentElement.getAttribute("dir") === "rtl", [Y, Se] = i(() => typeof window < "u" ? window.innerHeight : 800);
 	e(() => {
-		let e = () => se(window.innerHeight);
+		let e = () => Se(window.innerHeight);
 		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []);
-	let J = n(() => Math.min(te, Math.max(120, q - w * 2)), [
-		te,
-		q,
-		w
-	]), [Y, ce] = i(() => {
-		let e = H.y - T / 2;
+	let X = n(() => Math.min(le, Math.max(120, Y - b * 2)), [
+		le,
+		Y,
+		b
+	]), [Z, Ce] = i(() => {
+		let e = W.y - x / 2;
 		return {
-			x: H.x - E / 2,
+			x: W.x - S / 2,
 			y: e,
 			gap: 10
 		};
-	}), X = () => {
-		let e = H.y - T / 2, t = W === "right" ? H.x + T / 2 + 10 : H.x - T / 2 - 10 - E, n = D * v.length + ee * (v.length - 1), r = B ? J : n, i = Math.min(Math.max(e, w), q - w - r);
-		ce({
-			x: Math.min(Math.max(t, w), window.innerWidth - w - E),
+	}), we = () => {
+		let e = W.y - x / 2, t = G === "right" ? W.x + x / 2 + 10 : W.x - x / 2 - 10 - S, n = se * f.length + ce * (f.length - 1), r = F || L ? X : n, i = Math.min(Math.max(e, b), Y - b - r);
+		Ce({
+			x: Math.min(Math.max(t, b), window.innerWidth - b - S),
 			y: i,
 			gap: 10
 		});
 	};
 	e(() => {
-		X();
+		we();
 	}, [
-		H.x,
-		H.y,
-		W,
-		B,
-		q,
-		J
+		W.x,
+		W.y,
+		G,
+		F,
+		L,
+		Y,
+		X
 	]), e(() => {
-		if (!R && !B) return;
+		if (!N && !F && !L) return;
 		let e = (e) => {
-			let t = A.current;
+			let t = T.current;
 			if (!t) return;
 			let n = e.target;
-			n && t.contains(n) || (z(!1), V(!1));
+			n && t.contains(n) || (P(!1), I(!1), R(!1));
 		};
 		return window.addEventListener("mousedown", e), window.addEventListener("touchstart", e, { passive: !0 }), () => {
 			window.removeEventListener("mousedown", e), window.removeEventListener("touchstart", e);
 		};
-	}, [R, B]), e(() => () => {
-		I.current != null && (clearTimeout(I.current), I.current = null);
+	}, [
+		N,
+		F,
+		L
+	]), e(() => () => {
+		j.current != null && (clearTimeout(j.current), j.current = null);
 	}, []);
-	let le = (e) => {
-		let t = T / 2, n = w + t, r = window.innerWidth - w - t, i = w + t, a = window.innerHeight - w - t;
+	let Te = (e) => {
+		let t = x / 2, n = b + t, r = window.innerWidth - b - t, i = b + t, a = window.innerHeight - b - t;
 		return {
 			x: Math.min(Math.max(e.x, n), r),
 			y: Math.min(Math.max(e.y, i), a)
 		};
-	}, Z = () => {
-		I.current != null && (clearTimeout(I.current), I.current = null);
-	}, ue = (e) => {
+	}, Q = () => {
+		j.current != null && (clearTimeout(j.current), j.current = null);
+	}, Ee = (e) => {
 		if (e.isPrimary) {
-			M.current = e.pointerId, j.current = !1, L.current = !1, N.current = {
+			D.current = e.pointerId, E.current = !1, M.current = !1, O.current = {
 				x: e.clientX,
 				y: e.clientY
-			}, P.current = H, F.current = {
+			}, k.current = W, A.current = {
 				x: e.clientX,
 				y: e.clientY,
 				t: Date.now()
-			}, Z(), I.current = setTimeout(() => {
-				j.current || (L.current = !0, z(!1), V(!1), U(le({
-					x: ie.x,
-					y: ie.y
+			}, Q(), j.current = setTimeout(() => {
+				E.current || (M.current = !0, P(!1), I(!1), R(!1), ye(Te({
+					x: _e.x,
+					y: _e.y
 				})));
 			}, 500);
 			try {
 				e.currentTarget.setPointerCapture(e.pointerId);
 			} catch {}
 		}
-	}, de = (e) => {
-		if (M.current !== e.pointerId) return;
-		let t = e.clientX - N.current.x, n = e.clientY - N.current.y;
-		j.current || Math.hypot(t, n) > 6 && (j.current = !0, Z()), U(le({
-			x: P.current.x + t,
-			y: P.current.y + n
+	}, De = (e) => {
+		if (D.current !== e.pointerId) return;
+		let t = e.clientX - O.current.x, n = e.clientY - O.current.y;
+		E.current || Math.hypot(t, n) > 6 && (E.current = !0, Q()), ye(Te({
+			x: k.current.x + t,
+			y: k.current.y + n
 		}));
-	}, Q = (e) => {
-		if (M.current !== e.pointerId) return;
-		Z();
-		let { x: t, y: n, t: r } = F.current, i = Math.hypot(e.clientX - t, e.clientY - n), a = Date.now() - r, o = j.current;
-		if (M.current = null, j.current = !1, L.current) {
-			L.current = !1;
+	}, Oe = (e) => {
+		if (D.current !== e.pointerId) return;
+		Q();
+		let { x: t, y: n, t: r } = A.current, i = Math.hypot(e.clientX - t, e.clientY - n), a = Date.now() - r, o = E.current;
+		if (D.current = null, E.current = !1, M.current) {
+			M.current = !1;
 			try {
 				e.currentTarget.releasePointerCapture(e.pointerId);
 			} catch {}
 			return;
 		}
-		i < 6 && a < 400 && !o && (B ? (V(!1), z(!0)) : z((e) => !e));
+		i < 6 && a < 400 && !o && (F ? (I(!1), P(!0)) : L ? (R(!1), P(!0)) : P((e) => !e));
 		try {
 			e.currentTarget.releasePointerCapture(e.pointerId);
 		} catch {}
-	}, fe = (e) => {
-		if (Z(), M.current === e.pointerId) {
-			M.current = null, j.current = !1, L.current = !1;
+	}, ke = (e) => {
+		if (Q(), D.current === e.pointerId) {
+			D.current = null, E.current = !1, M.current = !1;
 			try {
 				e.currentTarget.releasePointerCapture(e.pointerId);
 			} catch {}
 		}
-	}, pe = (e) => {
+	}, Ae = (e) => {
 		if (e === "gameInfo") {
-			b?.(e), V(!0), z(!1);
+			g?.(e), R(!1), I(!0), P(!1);
 			return;
 		}
-		b?.(e), z(!1);
-	};
-	return /* @__PURE__ */ (0, h.jsxs)("div", {
-		ref: A,
-		className: ne,
+		if (e === "messages") {
+			g?.(e), I(!1), R(!0), P(!1), z(w.length), V(null), U.current != null && (clearTimeout(U.current), U.current = null);
+			return;
+		}
+		g?.(e), P(!1);
+	}, je = n(() => `linear-gradient(180deg, rgba(255,255,255,0.16), rgba(255,255,255,0.05)), ${fe}`, [fe]), $ = n(() => {
+		if (!B || typeof window > "u") return null;
+		let e = Math.min(S + 24, 280), t = Math.min(Math.max(b, W.x - e / 2), window.innerWidth - b - e), n = W.y - x / 2;
+		return {
+			left: t,
+			width: e,
+			bottom: window.innerHeight - n + 5,
+			maxBubbleHeight: Math.max(96, n - b - 5)
+		};
+	}, [
+		B,
+		W.x,
+		W.y,
+		x,
+		S,
+		b
+	]);
+	return /* @__PURE__ */ u("div", {
+		ref: T,
+		className: pe,
 		style: {
 			position: "fixed",
 			zIndex: 1300,
@@ -692,10 +269,10 @@ function b(d) {
 			left: 0,
 			width: 0,
 			height: 0,
-			...O
+			...me
 		},
 		children: [
-			R ? /* @__PURE__ */ (0, h.jsx)(a, {
+			N ? /* @__PURE__ */ l(a, {
 				dir: "rtl",
 				onPointerDown: (e) => {
 					e.stopPropagation();
@@ -703,30 +280,30 @@ function b(d) {
 				sx: {
 					position: "fixed",
 					zIndex: 1310,
-					top: Y.y,
-					left: Y.x,
-					width: `${E}px`,
+					top: Z.y,
+					left: Z.x,
+					width: `${S}px`,
 					display: "flex",
 					flexDirection: "column",
-					gap: `${ee}px`,
-					transformOrigin: W === "right" ? "left top" : "right top"
+					gap: `${ce}px`,
+					transformOrigin: G === "right" ? "left top" : "right top"
 				},
-				children: v.map((e) => {
-					let t = ae[e];
-					return /* @__PURE__ */ (0, h.jsx)(o, {
-						onClick: () => pe(e),
+				children: f.map((e) => {
+					let t = K[e];
+					return /* @__PURE__ */ l(o, {
+						onClick: () => Ae(e),
 						sx: {
-							height: `${D}px`,
+							height: `${se}px`,
 							borderRadius: "18px",
 							paddingX: "12px",
 							justifyContent: "flex-start",
 							backdropFilter: "blur(12px)",
-							background: "rgba(255,255,255,0.10)",
+							background: C,
 							border: "1px solid rgba(255,255,255,0.22)",
 							boxShadow: "0 12px 36px rgba(0,0,0,0.35)",
-							"&:hover": { background: "rgba(255,255,255,0.14)" }
+							"&:hover": { filter: "brightness(1.08)" }
 						},
-						children: /* @__PURE__ */ (0, h.jsxs)(a, {
+						children: /* @__PURE__ */ u(a, {
 							sx: {
 								display: "flex",
 								alignItems: "center",
@@ -735,32 +312,46 @@ function b(d) {
 								width: "100%",
 								flexDirection: "row"
 							},
-							children: [/* @__PURE__ */ (0, h.jsx)(l, {
-								sx: {
-									fontSize: "0.95rem",
-									fontWeight: 700,
-									letterSpacing: "-0.01em",
-									flex: 1,
-									minWidth: 0,
-									textAlign: "start"
-								},
-								children: t
-							}), /* @__PURE__ */ (0, h.jsx)(_, { id: e })]
+							children: [
+								/* @__PURE__ */ l(c, {
+									sx: {
+										fontSize: "0.95rem",
+										fontWeight: 700,
+										letterSpacing: "-0.01em",
+										flex: 1,
+										minWidth: 0,
+										textAlign: "start"
+									},
+									children: t
+								}),
+								e === "messages" && q > 0 ? /* @__PURE__ */ l(a, {
+									component: "span",
+									"aria-label": String(q),
+									sx: {
+										minWidth: 22,
+										height: 22,
+										px: .5,
+										borderRadius: "11px",
+										bgcolor: "#f43f5e",
+										color: "#fff",
+										fontSize: "0.72rem",
+										fontWeight: 800,
+										display: "inline-flex",
+										alignItems: "center",
+										justifyContent: "center",
+										flexShrink: 0,
+										lineHeight: 1,
+										border: "2px solid rgba(255,255,255,0.2)"
+									},
+									children: q > 99 ? "99+" : q
+								}) : null,
+								/* @__PURE__ */ l(ne, { id: e })
+							]
 						})
 					}, e);
 				})
 			}) : null,
-			B ? /* @__PURE__ */ (0, h.jsxs)(h.Fragment, { children: [/* @__PURE__ */ (0, h.jsx)(a, {
-				"aria-hidden": !0,
-				onClick: () => V(!1),
-				sx: {
-					position: "fixed",
-					inset: 0,
-					zIndex: 1320,
-					background: "rgba(0,0,0,0.52)",
-					backdropFilter: "blur(4px)"
-				}
-			}), /* @__PURE__ */ (0, h.jsxs)(c, {
+			F ? /* @__PURE__ */ u(s, {
 				dir: "rtl",
 				elevation: 0,
 				onPointerDown: (e) => e.stopPropagation(),
@@ -768,23 +359,23 @@ function b(d) {
 				sx: {
 					position: "fixed",
 					zIndex: 1321,
-					top: Y.y,
-					left: Y.x,
-					width: `${E}px`,
-					height: `${J}px`,
-					maxHeight: `${J}px`,
+					top: Z.y,
+					left: Z.x,
+					width: `${S}px`,
+					height: `${X}px`,
+					maxHeight: `${X}px`,
 					display: "flex",
 					flexDirection: "column",
 					overflow: "hidden",
 					borderRadius: "22px",
 					padding: "14px 14px 16px",
 					backdropFilter: "blur(12px)",
-					background: "rgba(255,255,255,0.10)",
+					background: C,
 					border: "1px solid rgba(255,255,255,0.22)",
 					boxShadow: "0 12px 36px rgba(0,0,0,0.35)",
-					transformOrigin: W === "right" ? "left top" : "right top"
+					transformOrigin: G === "right" ? "left top" : "right top"
 				},
-				children: [/* @__PURE__ */ (0, h.jsx)(l, {
+				children: [/* @__PURE__ */ l(c, {
 					sx: {
 						fontSize: "1.02rem",
 						fontWeight: 800,
@@ -792,8 +383,8 @@ function b(d) {
 						marginBottom: "12px",
 						flexShrink: 0
 					},
-					children: ae.gameInfo
-				}), /* @__PURE__ */ (0, h.jsxs)(a, {
+					children: K.gameInfo
+				}), /* @__PURE__ */ u(a, {
 					sx: {
 						display: "flex",
 						flexDirection: "column",
@@ -804,93 +395,248 @@ function b(d) {
 						pr: "2px"
 					},
 					children: [
-						/* @__PURE__ */ (0, h.jsxs)(a, { children: [/* @__PURE__ */ (0, h.jsx)(l, {
+						/* @__PURE__ */ u(a, { children: [/* @__PURE__ */ l(c, {
 							sx: {
 								fontSize: "0.82rem",
 								fontWeight: 700,
 								opacity: .72,
 								marginBottom: "6px"
 							},
-							children: oe.playerNames
-						}), /* @__PURE__ */ (0, h.jsx)(l, {
+							children: be.playerNames
+						}), /* @__PURE__ */ l(c, {
 							sx: {
 								fontSize: "0.95rem",
 								fontWeight: 600,
 								lineHeight: 1.45
 							},
-							children: m ?? "—"
+							children: ae ?? "—"
 						})] }),
-						/* @__PURE__ */ (0, h.jsx)(s, { sx: { borderColor: "rgba(255,255,255,0.12)" } }),
-						/* @__PURE__ */ (0, h.jsxs)(a, { children: [/* @__PURE__ */ (0, h.jsx)(l, {
+						/* @__PURE__ */ l(ee, { sx: { borderColor: "rgba(255,255,255,0.12)" } }),
+						/* @__PURE__ */ u(a, { children: [/* @__PURE__ */ l(c, {
 							sx: {
 								fontSize: "0.82rem",
 								fontWeight: 700,
 								opacity: .72,
 								marginBottom: "6px"
 							},
-							children: oe.roleNames
-						}), /* @__PURE__ */ (0, h.jsx)(l, {
+							children: be.roleNames
+						}), /* @__PURE__ */ l(c, {
 							sx: {
 								fontSize: "0.95rem",
 								fontWeight: 600,
 								lineHeight: 1.45
 							},
-							children: g ?? "—"
+							children: oe ?? "—"
 						})] })
 					]
 				})]
-			})] }) : null,
-			/* @__PURE__ */ (0, h.jsx)(a, {
+			}) : null,
+			L ? /* @__PURE__ */ u(s, {
+				dir: "rtl",
+				elevation: 0,
+				onPointerDown: (e) => e.stopPropagation(),
+				onClick: (e) => e.stopPropagation(),
+				sx: {
+					position: "fixed",
+					zIndex: 1321,
+					top: Z.y,
+					left: Z.x,
+					width: `${S}px`,
+					height: `${X}px`,
+					maxHeight: `${X}px`,
+					display: "flex",
+					flexDirection: "column",
+					overflow: "hidden",
+					borderRadius: "22px",
+					padding: "14px 14px 16px",
+					backdropFilter: "blur(12px)",
+					background: C,
+					border: "1px solid rgba(255,255,255,0.22)",
+					boxShadow: "0 12px 36px rgba(0,0,0,0.35)",
+					transformOrigin: G === "right" ? "left top" : "right top"
+				},
+				children: [/* @__PURE__ */ l(c, {
+					sx: {
+						fontSize: "1.02rem",
+						fontWeight: 800,
+						letterSpacing: "-0.02em",
+						marginBottom: "12px",
+						flexShrink: 0
+					},
+					children: K.messages
+				}), /* @__PURE__ */ l(a, {
+					sx: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 0,
+						minHeight: 0,
+						flex: 1,
+						overflow: "auto",
+						pr: "2px"
+					},
+					children: w.length === 0 ? /* @__PURE__ */ l(c, {
+						sx: {
+							fontSize: "0.9rem",
+							opacity: .75,
+							py: 2,
+							textAlign: "center"
+						},
+						children: "پیامی نیست"
+					}) : [...w].reverse().map((e) => /* @__PURE__ */ u(a, {
+						sx: {
+							py: 1.25,
+							borderBottom: "1px solid rgba(255,255,255,0.1)",
+							"&:last-of-type": { borderBottom: "none" }
+						},
+						children: [e.at == null ? null : /* @__PURE__ */ l(c, {
+							component: "div",
+							sx: {
+								fontSize: "0.7rem",
+								fontWeight: 600,
+								opacity: .65,
+								marginBottom: "4px"
+							},
+							children: new Date(e.at).toLocaleString()
+						}), /* @__PURE__ */ l(c, {
+							sx: {
+								fontSize: "0.93rem",
+								fontWeight: 600,
+								lineHeight: 1.45,
+								wordBreak: "break-word"
+							},
+							children: e.body
+						})]
+					}, e.id))
+				})]
+			}) : null,
+			B && !L && $ ? /* @__PURE__ */ u(a, {
+				dir: "rtl",
+				sx: {
+					position: "fixed",
+					zIndex: 1328,
+					left: $.left,
+					bottom: $.bottom,
+					width: $.width,
+					maxHeight: $.maxBubbleHeight,
+					display: "flex",
+					flexDirection: "column",
+					justifyContent: "flex-end",
+					pointerEvents: "none"
+				},
+				children: [/* @__PURE__ */ l(s, {
+					elevation: 0,
+					sx: {
+						p: "10px 12px",
+						borderRadius: "14px",
+						backdropFilter: "blur(12px)",
+						background: C,
+						border: "1px solid rgba(255,255,255,0.28)",
+						boxShadow: "0 14px 40px rgba(0,0,0,0.4)",
+						position: "relative",
+						flexShrink: 1,
+						minHeight: 0
+					},
+					children: /* @__PURE__ */ l(c, {
+						sx: {
+							fontSize: "0.88rem",
+							fontWeight: 650,
+							lineHeight: 1.45,
+							display: "-webkit-box",
+							WebkitLineClamp: 4,
+							WebkitBoxOrient: "vertical",
+							overflow: "hidden",
+							wordBreak: "break-word"
+						},
+						children: B.body
+					})
+				}), /* @__PURE__ */ l(a, { sx: {
+					width: 0,
+					height: 0,
+					mx: "auto",
+					flexShrink: 0,
+					borderLeft: "9px solid transparent",
+					borderRight: "9px solid transparent",
+					borderTop: "9px solid rgba(255,255,255,0.14)",
+					filter: "drop-shadow(0 3px 8px rgba(0,0,0,0.22))",
+					mt: "-1px"
+				} })]
+			}) : null,
+			/* @__PURE__ */ u(a, {
 				role: "button",
-				"aria-label": G === "back" ? "بازگشت به منو" : G === "close" ? "بستن منو" : "باز کردن منو",
-				onPointerDown: ue,
-				onPointerMove: de,
-				onPointerUp: Q,
-				onPointerCancel: fe,
+				"aria-label": J === "back" ? "بازگشت به منو" : J === "close" ? "بستن منو" : "باز کردن منو",
+				onPointerDown: Ee,
+				onPointerMove: De,
+				onPointerUp: Oe,
+				onPointerCancel: ke,
 				sx: {
 					position: "fixed",
-					width: `${T}px`,
-					height: `${T}px`,
+					width: `${x}px`,
+					height: `${x}px`,
 					borderRadius: "50%",
-					top: H.y - T / 2,
-					left: H.x - T / 2,
+					top: W.y - x / 2,
+					left: W.x - x / 2,
 					zIndex: 1330,
 					display: "flex",
 					alignItems: "center",
 					justifyContent: "center",
-					cursor: j.current ? "grabbing" : "pointer",
+					cursor: E.current ? "grabbing" : "pointer",
 					userSelect: "none",
 					touchAction: "none",
-					background: "linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0.06))",
-					border: "1px solid rgba(255,255,255,0.25)",
+					background: je,
+					border: "1px solid rgba(255,255,255,0.28)",
 					boxShadow: "0 18px 60px rgba(0,0,0,0.45)"
 				},
-				children: G === "back" ? /* @__PURE__ */ (0, h.jsx)(a, {
+				children: [q > 0 ? /* @__PURE__ */ l(a, {
+					component: "span",
+					"aria-label": String(q),
+					sx: {
+						position: "absolute",
+						top: -2,
+						right: -2,
+						minWidth: 22,
+						height: 22,
+						px: .5,
+						borderRadius: "11px",
+						bgcolor: "#f43f5e",
+						color: "#fff",
+						fontSize: "0.72rem",
+						fontWeight: 800,
+						display: "inline-flex",
+						alignItems: "center",
+						justifyContent: "center",
+						lineHeight: 1,
+						border: "2px solid rgba(255,255,255,0.35)",
+						boxShadow: "0 4px 12px rgba(0,0,0,0.35)",
+						zIndex: 2,
+						pointerEvents: "none"
+					},
+					children: q > 99 ? "99+" : q
+				}) : null, J === "back" ? /* @__PURE__ */ l(a, {
 					"aria-hidden": !0,
 					component: "svg",
 					viewBox: "0 0 24 24",
 					sx: {
-						width: `${T * .48}px`,
-						height: `${T * .48}px`,
+						width: `${x * .48}px`,
+						height: `${x * .48}px`,
 						flexShrink: 0,
 						display: "block",
 						color: "#fff",
 						opacity: .98,
 						filter: "drop-shadow(0 2px 8px rgba(0,0,0,0.45))",
 						shapeRendering: "geometricPrecision",
-						transform: K ? "scaleX(-1)" : "none"
+						transform: xe ? "scaleX(-1)" : "none"
 					},
-					children: /* @__PURE__ */ (0, h.jsx)("path", {
+					children: /* @__PURE__ */ l("path", {
 						fill: "currentColor",
 						d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
 					})
-				}) : G === "close" ? /* @__PURE__ */ (0, h.jsx)(a, {
+				}) : J === "close" ? /* @__PURE__ */ l(a, {
 					"aria-hidden": !0,
 					component: "svg",
 					viewBox: "0 0 24 24",
 					sx: {
-						width: `${T * .46}px`,
-						height: `${T * .46}px`,
+						width: `${x * .46}px`,
+						height: `${x * .46}px`,
 						flexShrink: 0,
 						display: "block",
 						color: "#fff",
@@ -898,17 +644,17 @@ function b(d) {
 						filter: "drop-shadow(0 2px 8px rgba(0,0,0,0.45))",
 						shapeRendering: "geometricPrecision"
 					},
-					children: /* @__PURE__ */ (0, h.jsx)("path", {
+					children: /* @__PURE__ */ l("path", {
 						fill: "currentColor",
 						d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
 					})
-				}) : /* @__PURE__ */ (0, h.jsxs)(a, {
+				}) : /* @__PURE__ */ u(a, {
 					"aria-hidden": !0,
 					component: "svg",
 					viewBox: "0 0 24 24",
 					sx: {
-						width: `${T * .5}px`,
-						height: `${T * .5}px`,
+						width: `${x * .5}px`,
+						height: `${x * .5}px`,
 						flexShrink: 0,
 						display: "block",
 						color: "#fff",
@@ -916,29 +662,29 @@ function b(d) {
 						filter: "drop-shadow(0 2px 8px rgba(0,0,0,0.45))",
 						shapeRendering: "geometricPrecision"
 					},
-					children: [/* @__PURE__ */ (0, h.jsx)("defs", { children: /* @__PURE__ */ (0, h.jsxs)("linearGradient", {
-						id: k,
+					children: [/* @__PURE__ */ l("defs", { children: /* @__PURE__ */ u("linearGradient", {
+						id: he,
 						x1: "0%",
 						y1: "0%",
 						x2: "100%",
 						y2: "100%",
-						children: [/* @__PURE__ */ (0, h.jsx)("stop", {
+						children: [/* @__PURE__ */ l("stop", {
 							offset: "0%",
 							stopColor: "#ffffff",
 							stopOpacity: "1"
-						}), /* @__PURE__ */ (0, h.jsx)("stop", {
+						}), /* @__PURE__ */ l("stop", {
 							offset: "100%",
 							stopColor: "#e8eef8",
 							stopOpacity: "0.95"
 						})]
-					}) }), /* @__PURE__ */ (0, h.jsx)("path", {
-						fill: `url(#${k})`,
+					}) }), /* @__PURE__ */ l("path", {
+						fill: `url(#${he})`,
 						d: "M11 21h-1l1-7H7.5c-.58 0-.57-.32-.38-.66.19-.34.05-.08.07-.12C8.48 10.94 10.42 7.54 13 3h1l-1 7h3.5c.49 0 .56.33.47.51l-.07.15C12.96 17.55 11 21 11 21z"
 					})]
-				})
+				})]
 			})
 		]
 	});
 }
 //#endregion
-export { b as ActionButton };
+export { m as ActionButton, ie as DEFAULT_ACCENT_GRADIENT, p as DEFAULT_MENU_SURFACE_BACKGROUND };