god-button-action-button 0.1.0

package/README.md

@@ -0,0 +1,53 @@
+# god-button-action-button
+
+Movable circular action button for mobile games (draggable) with an RTL menu of glass-style buttons built with MUI.
+
+## Install (after publishing)
+
+```bash
+npm i god-button-action-button
+```
+
+## Usage
+
+```tsx
+import { ActionButton } from 'god-button-action-button'
+
+export function GameUI() {
+  return (
+    <ActionButton
+      yourRoleName="پزشک"
+      onItemClick={(id) => {
+        console.log(id)
+      }}
+    />
+  )
+}
+```
+
+## Menu items
+
+Three standalone buttons (no outer panel), top to bottom:
+
+- `پیام ها` (`messages`) — chat icon
+- `اطلاعات بازی` (`gameInfo`) — game-controller icon
+- `نقش شما {yourRoleName}` (`yourRole`) — person icon; default role is `پزشک` via `yourRoleName`
+
+Override copy with the `labels` prop if needed.
+
+With the **menu** open, the circle shows a **close** icon. With the **اطلاعات بازی** panel open, it shows a **back** icon; tapping returns to the main menu (the three buttons). Otherwise it shows the action (bolt) icon. Tapping «اطلاعات بازی» opens a **tall glass panel** in the **same position and width** as the menu stack (`menuWidth`), with **نام بازیکنان** and **نام نقش های بازی** inside (scrollable). Override headings with `gameInfoSectionLabels`, body with `playerNamesContent` / `gameRoleNamesContent`, and height cap with `gameInfoPanelMaxHeight` (default 340px).
+
+The menu opens to the side opposite the circle position:
+
+- Circle on the left => menu expands to the right
+- Circle on the right => menu expands to the left
+
+## Development / playground
+
+Run the local playground:
+
+```bash
+npm run dev
+```
+
+# god-button-ui

package/dist/components/ActionButton/ActionButton.d.ts

@@ -0,0 +1,2 @@
+import { ActionButtonProps } from './types';
+export declare function ActionButton(props: ActionButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ActionButton/menuItemIcons.d.ts

@@ -0,0 +1,7 @@
+import { ActionButtonMenuItemId } from './types';
+/**
+ * Inline SVGs (no @mui/icons-material) so the package stays dependency-light.
+ */
+export declare function MenuItemIcon(props: {
+    id: ActionButtonMenuItemId;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/ActionButton/types.d.ts

@@ -0,0 +1,82 @@
+import { default as React } from 'react';
+export type ActionButtonMenuItemId = 'messages' | 'gameInfo' | 'yourRole';
+export type ActionButtonMenuItem = {
+    id: ActionButtonMenuItemId;
+    label: string;
+};
+export type ActionButtonProps = {
+    /**
+     * Role name shown in the bottom item: `نقش شما {yourRoleName}`.
+     */
+    yourRoleName?: string;
+    /**
+     * Section headings inside the «اطلاعات بازی» panel (defaults: نام بازیکنان، نام نقش های بازی).
+     */
+    gameInfoSectionLabels?: {
+        playerNames?: string;
+        roleNames?: string;
+    };
+    /**
+     * Body under «نام بازیکنان» in the game-info panel.
+     */
+    playerNamesContent?: React.ReactNode;
+    /**
+     * Body under «نام نقش های بازی» in the game-info panel.
+     */
+    gameRoleNamesContent?: React.ReactNode;
+    /**
+     * Called when a user taps a menu button.
+     */
+    onItemClick?: (id: ActionButtonMenuItemId) => void;
+    /**
+     * Override default Persian labels.
+     */
+    labels?: Partial<Record<ActionButtonMenuItemId, string>>;
+    /**
+     * Initial center position (px from top-left of the viewport).
+     */
+    initialPosition?: {
+        x: number;
+        y: number;
+    };
+    /**
+     * “Home” center position used when long-pressing the circle to snap back.
+     * Defaults to the same value as `initialPosition`, or the built-in default (left side, ~30% from top).
+     */
+    homePosition?: {
+        x: number;
+        y: number;
+    };
+    /**
+     * Padding used when dragging to keep the circle inside the viewport.
+     */
+    dragBoundsPadding?: number;
+    /**
+     * Circle diameter in px.
+     */
+    circleSize?: number;
+    /**
+     * Menu button width in px.
+     */
+    menuWidth?: number;
+    /**
+     * Menu button height in px.
+     */
+    menuItemHeight?: number;
+    /**
+     * Vertical gap between menu buttons in px.
+     */
+    menuGap?: number;
+    /**
+     * Max height of the «اطلاعات بازی» panel (same width as the menu). Taller than the button stack; content scrolls inside.
+     */
+    gameInfoPanelMaxHeight?: number;
+    /**
+     * Optional CSS class applied to the root wrapper.
+     */
+    className?: string;
+    /**
+     * Optional inline styles applied to the root wrapper.
+     */
+    style?: React.CSSProperties;
+};

package/dist/index.cjs

@@ -0,0 +1,16 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),s=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},c=(n,r,a)=>(a=n==null?{}:e(i(n)),s(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let l=require(`react`);l=c(l);let u=require(`@mui/material`);var d=o((e=>{var t=require(`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})),f=o((e=>{process.env.NODE_ENV!==`production`&&(function(){"use strict";var t=require(`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`),f=Symbol.for(`react.memo`),p=Symbol.for(`react.lazy`),m=Symbol.for(`react.offscreen`),h=Symbol.iterator,g=`@@iterator`;function _(e){if(typeof e!=`object`||!e)return null;var t=h&&e[h]||e[g];return typeof t==`function`?t:null}var v=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function y(e){b(`error`,e,[...arguments].slice(1))}function b(e,t,n){var r=v.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 ee=!1,te=!1,x=!1,S=!1,C=!1,w=Symbol.for(`react.module.reference`);function T(e){return!!(typeof e==`string`||typeof e==`function`||e===i||e===o||C||e===a||e===u||e===d||S||e===m||ee||te||x||typeof e==`object`&&e&&(e.$$typeof===p||e.$$typeof===f||e.$$typeof===s||e.$$typeof===c||e.$$typeof===l||e.$$typeof===w||e.getModuleId!==void 0))}function E(e,t,n){var r=e.displayName;if(r)return r;var i=t.displayName||t.name||``;return i===``?n:n+`(`+i+`)`}function D(e){return e.displayName||`Context`}function O(e){if(e==null)return null;if(typeof e.tag==`number`&&y(`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 D(e)+`.Consumer`;case s:return D(e._context)+`.Provider`;case l:return E(e,e.render,`ForwardRef`);case f:var t=e.displayName||null;return t===null?O(e.type)||`Memo`:t;case p:var n=e,m=n._payload,h=n._init;try{return O(h(m))}catch{return null}}return null}var k=Object.assign,A=0,j,M,N,P,F,I,L;function R(){}R.__reactDisabledLog=!0;function z(){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:R,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}A++}function ne(){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&&y(`disabledDepth fell below zero. This is a bug in React. Please file an issue.`)}var B=v.ReactCurrentDispatcher,V;function H(e,t,n){if(V===void 0)try{throw Error()}catch(e){var r=e.stack.trim().match(/\n( *(at )?)/);V=r&&r[1]||``}return`
+`+V+e}var U=!1,W=new(typeof WeakMap==`function`?WeakMap:Map);function G(e,t){if(!e||U)return``;var n=W.get(e);if(n!==void 0)return n;var r;U=!0;var i=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var a=B.current;B.current=null,z();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(`
+`),c=r.stack.split(`
+`),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=`
+`+s[l].replace(` at new `,` at `);return e.displayName&&d.includes(`<anonymous>`)&&(d=d.replace(`<anonymous>`,e.displayName)),typeof e==`function`&&W.set(e,d),d}while(l>=1&&u>=0);break}}}finally{U=!1,B.current=a,ne(),Error.prepareStackTrace=i}var f=e?e.displayName||e.name:``,p=f?H(f):``;return typeof e==`function`&&W.set(e,p),p}function re(e,t,n){return G(e,!1)}function ie(e){var t=e.prototype;return!!(t&&t.isReactComponent)}function K(e,t,n){if(e==null)return``;if(typeof e==`function`)return G(e,ie(e));if(typeof e==`string`)return H(e);switch(e){case u:return H(`Suspense`);case d:return H(`SuspenseList`)}if(typeof e==`object`)switch(e.$$typeof){case l:return re(e.render);case f:return K(e.type,t,n);case p:var r=e,i=r._payload,a=r._init;try{return K(a(i),t,n)}catch{}}return``}var q=Object.prototype.hasOwnProperty,J={},Y=v.ReactDebugCurrentFrame;function X(e){if(e){var t=e._owner,n=K(e.type,e._source,t?t.type:null);Y.setExtraStackFrame(n)}else Y.setExtraStackFrame(null)}function ae(e,t,n,r,i){var a=Function.call.bind(q);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)&&(X(i),y("%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),X(null)),s instanceof Error&&!(s.message in J)&&(J[s.message]=!0,X(i),y(`Failed %s type: %s`,n,s.message),X(null))}}var oe=Array.isArray;function Z(e){return oe(e)}function se(e){return typeof Symbol==`function`&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||`Object`}function ce(e){try{return le(e),!1}catch{return!0}}function le(e){return``+e}function ue(e){if(ce(e))return y(`The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.`,se(e)),le(e)}var Q=v.ReactCurrentOwner,de={key:!0,ref:!0,__self:!0,__source:!0},fe,pe,me={};function he(e){if(q.call(e,`ref`)){var t=Object.getOwnPropertyDescriptor(e,`ref`).get;if(t&&t.isReactWarning)return!1}return e.ref!==void 0}function ge(e){if(q.call(e,`key`)){var t=Object.getOwnPropertyDescriptor(e,`key`).get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function _e(e,t){if(typeof e.ref==`string`&&Q.current&&t&&Q.current.stateNode!==t){var n=O(Q.current.type);me[n]||(y(`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),me[n]=!0)}}function ve(e,t){var n=function(){fe||(fe=!0,y("%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 ye(e,t){var n=function(){pe||(pe=!0,y("%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 be=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 xe(e,t,n,r,i){var a,o={},s=null,c=null;for(a in n!==void 0&&(ue(n),s=``+n),ge(t)&&(ue(t.key),s=``+t.key),he(t)&&(c=t.ref,_e(t,i)),t)q.call(t,a)&&!de.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&&ve(o,u),c&&ye(o,u)}return be(e,s,c,i,r,Q.current,o)}var Se=v.ReactCurrentOwner,Ce=v.ReactDebugCurrentFrame;function $(e){if(e){var t=e._owner,n=K(e.type,e._source,t?t.type:null);Ce.setExtraStackFrame(n)}else Ce.setExtraStackFrame(null)}var we=!1;function Te(e){return typeof e==`object`&&!!e&&e.$$typeof===n}function Ee(){if(Se.current){var e=O(Se.current.type);if(e)return`
+
+Check the render method of \``+e+"`."}return``}function De(e){if(e!==void 0){var t=e.fileName.replace(/^.*[\\\/]/,``),n=e.lineNumber;return`
+
+Check your code at `+t+`:`+n+`.`}return``}var Oe={};function ke(e){var t=Ee();if(!t){var n=typeof e==`string`?e:e.displayName||e.name;n&&(t=`
+
+Check the top-level render call using <`+n+`>.`)}return t}function Ae(e,t){if(!(!e._store||e._store.validated||e.key!=null)){e._store.validated=!0;var n=ke(t);if(!Oe[n]){Oe[n]=!0;var r=``;e&&e._owner&&e._owner!==Se.current&&(r=` It was passed a child from `+O(e._owner.type)+`.`),$(e),y(`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 je(e,t){if(typeof e==`object`){if(Z(e))for(var n=0;n<e.length;n++){var r=e[n];Te(r)&&Ae(r,t)}else if(Te(e))e._store&&(e._store.validated=!0);else if(e){var i=_(e);if(typeof i==`function`&&i!==e.entries)for(var a=i.call(e),o;!(o=a.next()).done;)Te(o.value)&&Ae(o.value,t)}}}function Me(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===f))n=t.propTypes;else return;if(n){var r=O(t);ae(n,e.props,`prop`,r,e)}else t.PropTypes!==void 0&&!we&&(we=!0,y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",O(t)||`Unknown`));typeof t.getDefaultProps==`function`&&!t.getDefaultProps.isReactClassApproved&&y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Ne(e){for(var t=Object.keys(e.props),n=0;n<t.length;n++){var r=t[n];if(r!==`children`&&r!==`key`){$(e),y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",r),$(null);break}}e.ref!==null&&($(e),y("Invalid attribute `ref` supplied to `React.Fragment`."),$(null))}var Pe={};function Fe(e,t,r,a,o,s){var c=T(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=De(o);u?l+=u:l+=Ee();var d;e===null?d=`null`:Z(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,y(`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=xe(e,t,r,o,s);if(f==null)return f;if(c){var p=t.children;if(p!==void 0)if(a)if(Z(p)){for(var m=0;m<p.length;m++)je(p[m],e);Object.freeze&&Object.freeze(p)}else y(`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 je(p,e)}if(q.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}`;Pe[h+_]||(y(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,_,h,g.length>0?`{`+g.join(`: ..., `)+`: ...}`:`{}`,h),Pe[h+_]=!0)}return e===i?Ne(f):Me(f),f}function Ie(e,t,n){return Fe(e,t,n,!0)}function Le(e,t,n){return Fe(e,t,n,!1)}var Re=Le,ze=Ie;e.Fragment=i,e.jsx=Re,e.jsxs=ze})()})),p=o(((e,t)=>{process.env.NODE_ENV===`production`?t.exports=d():t.exports=f()}))(),m={width:22,height:22,flexShrink:0,display:`block`,color:`rgba(255,255,255,0.95)`,opacity:.98};function h(e){let{id:t}=e;switch(t){case`messages`:return(0,p.jsx)(u.Box,{component:`svg`,viewBox:`0 0 24 24`,"aria-hidden":!0,sx:m,children:(0,p.jsx)(`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(0,p.jsx)(u.Box,{component:`svg`,viewBox:`0 0 24 24`,"aria-hidden":!0,sx:m,children:(0,p.jsx)(`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(0,p.jsx)(u.Box,{component:`svg`,viewBox:`0 0 24 24`,"aria-hidden":!0,sx:m,children:(0,p.jsx)(`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`})});default:return t}}var g=[`messages`,`gameInfo`,`yourRole`],_=`پزشک`;function v(e){let{yourRoleName:t=_,gameInfoSectionLabels:n,playerNamesContent:r,gameRoleNamesContent:i,onItemClick:a,labels:o,initialPosition:s,homePosition:c,dragBoundsPadding:d=12,circleSize:f=64,menuWidth:m=230,menuItemHeight:v=44,menuGap:y=10,gameInfoPanelMaxHeight:b=340,className:ee,style:te}=e,x=(0,l.useId)().replace(/:/g,``),S=(0,l.useRef)(null),C=(0,l.useRef)(!1),w=(0,l.useRef)(null),T=(0,l.useRef)({x:0,y:0}),E=(0,l.useRef)({x:0,y:0}),D=(0,l.useRef)({x:0,y:0,t:0}),O=(0,l.useRef)(null),k=(0,l.useRef)(!1),A=()=>typeof window>`u`?{x:d+f/2,y:0}:{x:d+f/2,y:window.innerHeight*.3},j=(0,l.useMemo)(()=>c?{...c}:s?{...s}:typeof window>`u`?{x:d+f/2,y:0}:{x:d+f/2,y:window.innerHeight*.3},[c,s,d,f]),[M,N]=(0,l.useState)(!1),[P,F]=(0,l.useState)(!1),[I,L]=(0,l.useState)(()=>s?{x:s.x,y:s.y}:c?{x:c.x,y:c.y}:A()),R=(0,l.useMemo)(()=>typeof window>`u`||I.x<window.innerWidth/2?`right`:`left`,[I.x]),z=(0,l.useMemo)(()=>{let e={messages:`پیام ها`,gameInfo:`اطلاعات بازی`,yourRole:`نقش شما ${t}`};return o?{...e,...o}:e},[o,t]),ne=(0,l.useMemo)(()=>({playerNames:n?.playerNames??`نام بازیکنان`,roleNames:n?.roleNames??`نام نقش های بازی`}),[n]),B=P?`back`:M?`close`:`action`,V=(0,u.useTheme)().direction===`rtl`||typeof document<`u`&&document.documentElement.getAttribute(`dir`)===`rtl`,[H,U]=(0,l.useState)(()=>typeof window<`u`?window.innerHeight:800);(0,l.useEffect)(()=>{let e=()=>U(window.innerHeight);return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let W=(0,l.useMemo)(()=>Math.min(b,Math.max(120,H-d*2)),[b,H,d]),[G,re]=(0,l.useState)(()=>{let e=I.y-f/2;return{x:I.x-m/2,y:e,gap:10}}),ie=()=>{let e=I.y-f/2,t=R===`right`?I.x+f/2+10:I.x-f/2-10-m,n=v*g.length+y*(g.length-1),r=P?W:n,i=Math.min(Math.max(e,d),H-d-r);re({x:Math.min(Math.max(t,d),window.innerWidth-d-m),y:i,gap:10})};(0,l.useEffect)(()=>{ie()},[I.x,I.y,R,P,H,W]),(0,l.useEffect)(()=>{if(!M&&!P)return;let e=e=>{let t=S.current;if(!t)return;let n=e.target;n&&t.contains(n)||(N(!1),F(!1))};return window.addEventListener(`mousedown`,e),window.addEventListener(`touchstart`,e,{passive:!0}),()=>{window.removeEventListener(`mousedown`,e),window.removeEventListener(`touchstart`,e)}},[M,P]),(0,l.useEffect)(()=>()=>{O.current!=null&&(clearTimeout(O.current),O.current=null)},[]);let K=e=>{let t=f/2,n=d+t,r=window.innerWidth-d-t,i=d+t,a=window.innerHeight-d-t;return{x:Math.min(Math.max(e.x,n),r),y:Math.min(Math.max(e.y,i),a)}},q=()=>{O.current!=null&&(clearTimeout(O.current),O.current=null)},J=e=>{if(e.isPrimary){w.current=e.pointerId,C.current=!1,k.current=!1,T.current={x:e.clientX,y:e.clientY},E.current=I,D.current={x:e.clientX,y:e.clientY,t:Date.now()},q(),O.current=setTimeout(()=>{C.current||(k.current=!0,N(!1),F(!1),L(K({x:j.x,y:j.y})))},500);try{e.currentTarget.setPointerCapture(e.pointerId)}catch{}}},Y=e=>{if(w.current!==e.pointerId)return;let t=e.clientX-T.current.x,n=e.clientY-T.current.y;C.current||Math.hypot(t,n)>6&&(C.current=!0,q()),L(K({x:E.current.x+t,y:E.current.y+n}))},X=e=>{if(w.current!==e.pointerId)return;q();let{x:t,y:n,t:r}=D.current,i=Math.hypot(e.clientX-t,e.clientY-n),a=Date.now()-r,o=C.current;if(w.current=null,C.current=!1,k.current){k.current=!1;try{e.currentTarget.releasePointerCapture(e.pointerId)}catch{}return}i<6&&a<400&&!o&&(P?(F(!1),N(!0)):N(e=>!e));try{e.currentTarget.releasePointerCapture(e.pointerId)}catch{}},ae=e=>{if(q(),w.current===e.pointerId){w.current=null,C.current=!1,k.current=!1;try{e.currentTarget.releasePointerCapture(e.pointerId)}catch{}}},oe=e=>{if(e===`gameInfo`){a?.(e),F(!0),N(!1);return}a?.(e),N(!1)};return(0,p.jsxs)(`div`,{ref:S,className:ee,style:{position:`fixed`,zIndex:1300,top:0,left:0,width:0,height:0,...te},children:[M?(0,p.jsx)(u.Box,{dir:`rtl`,onPointerDown:e=>{e.stopPropagation()},sx:{position:`fixed`,zIndex:1310,top:G.y,left:G.x,width:`${m}px`,display:`flex`,flexDirection:`column`,gap:`${y}px`,transformOrigin:R===`right`?`left top`:`right top`},children:g.map(e=>{let t=z[e];return(0,p.jsx)(u.ButtonBase,{onClick:()=>oe(e),sx:{height:`${v}px`,borderRadius:`18px`,paddingX:`12px`,justifyContent:`flex-start`,backdropFilter:`blur(12px)`,background:`rgba(255,255,255,0.10)`,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)`}},children:(0,p.jsxs)(u.Box,{sx:{display:`flex`,alignItems:`center`,justifyContent:`flex-start`,gap:`10px`,width:`100%`,flexDirection:`row`},children:[(0,p.jsx)(u.Typography,{sx:{fontSize:`0.95rem`,fontWeight:700,letterSpacing:`-0.01em`,flex:1,minWidth:0,textAlign:`start`},children:t}),(0,p.jsx)(h,{id:e})]})},e)})}):null,P?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(u.Box,{"aria-hidden":!0,onClick:()=>F(!1),sx:{position:`fixed`,inset:0,zIndex:1320,background:`rgba(0,0,0,0.52)`,backdropFilter:`blur(4px)`}}),(0,p.jsxs)(u.Paper,{dir:`rtl`,elevation:0,onPointerDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),sx:{position:`fixed`,zIndex:1321,top:G.y,left:G.x,width:`${m}px`,height:`${W}px`,maxHeight:`${W}px`,display:`flex`,flexDirection:`column`,overflow:`hidden`,borderRadius:`22px`,padding:`14px 14px 16px`,backdropFilter:`blur(12px)`,background:`rgba(255,255,255,0.10)`,border:`1px solid rgba(255,255,255,0.22)`,boxShadow:`0 12px 36px rgba(0,0,0,0.35)`,transformOrigin:R===`right`?`left top`:`right top`},children:[(0,p.jsx)(u.Typography,{sx:{fontSize:`1.02rem`,fontWeight:800,letterSpacing:`-0.02em`,marginBottom:`12px`,flexShrink:0},children:z.gameInfo}),(0,p.jsxs)(u.Box,{sx:{display:`flex`,flexDirection:`column`,gap:2,minHeight:0,flex:1,overflow:`auto`,pr:`2px`},children:[(0,p.jsxs)(u.Box,{children:[(0,p.jsx)(u.Typography,{sx:{fontSize:`0.82rem`,fontWeight:700,opacity:.72,marginBottom:`6px`},children:ne.playerNames}),(0,p.jsx)(u.Typography,{sx:{fontSize:`0.95rem`,fontWeight:600,lineHeight:1.45},children:r??`—`})]}),(0,p.jsx)(u.Divider,{sx:{borderColor:`rgba(255,255,255,0.12)`}}),(0,p.jsxs)(u.Box,{children:[(0,p.jsx)(u.Typography,{sx:{fontSize:`0.82rem`,fontWeight:700,opacity:.72,marginBottom:`6px`},children:ne.roleNames}),(0,p.jsx)(u.Typography,{sx:{fontSize:`0.95rem`,fontWeight:600,lineHeight:1.45},children:i??`—`})]})]})]})]}):null,(0,p.jsx)(u.Box,{role:`button`,"aria-label":B===`back`?`بازگشت به منو`:B===`close`?`بستن منو`:`باز کردن منو`,onPointerDown:J,onPointerMove:Y,onPointerUp:X,onPointerCancel:ae,sx:{position:`fixed`,width:`${f}px`,height:`${f}px`,borderRadius:`50%`,top:I.y-f/2,left:I.x-f/2,zIndex:1330,display:`flex`,alignItems:`center`,justifyContent:`center`,cursor:C.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)`,boxShadow:`0 18px 60px rgba(0,0,0,0.45)`},children:B===`back`?(0,p.jsx)(u.Box,{"aria-hidden":!0,component:`svg`,viewBox:`0 0 24 24`,sx:{width:`${f*.48}px`,height:`${f*.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:V?`scaleX(-1)`:`none`},children:(0,p.jsx)(`path`,{fill:`currentColor`,d:`M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z`})}):B===`close`?(0,p.jsx)(u.Box,{"aria-hidden":!0,component:`svg`,viewBox:`0 0 24 24`,sx:{width:`${f*.46}px`,height:`${f*.46}px`,flexShrink:0,display:`block`,color:`#fff`,opacity:.98,filter:`drop-shadow(0 2px 8px rgba(0,0,0,0.45))`,shapeRendering:`geometricPrecision`},children:(0,p.jsx)(`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`})}):(0,p.jsxs)(u.Box,{"aria-hidden":!0,component:`svg`,viewBox:`0 0 24 24`,sx:{width:`${f*.5}px`,height:`${f*.5}px`,flexShrink:0,display:`block`,color:`#fff`,opacity:.96,filter:`drop-shadow(0 2px 8px rgba(0,0,0,0.45))`,shapeRendering:`geometricPrecision`},children:[(0,p.jsx)(`defs`,{children:(0,p.jsxs)(`linearGradient`,{id:x,x1:`0%`,y1:`0%`,x2:`100%`,y2:`100%`,children:[(0,p.jsx)(`stop`,{offset:`0%`,stopColor:`#ffffff`,stopOpacity:`1`}),(0,p.jsx)(`stop`,{offset:`100%`,stopColor:`#e8eef8`,stopOpacity:`0.95`})]})}),(0,p.jsx)(`path`,{fill:`url(#${x})`,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`})]})})]})}exports.ActionButton=v;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { ActionButton } from './components/ActionButton/ActionButton';
+export type { ActionButtonProps, ActionButtonMenuItemId } from './components/ActionButton/types';

package/dist/index.js

@@ -0,0 +1,944 @@
+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 = {
+	width: 22,
+	height: 22,
+	flexShrink: 0,
+	display: "block",
+	color: "rgba(255,255,255,0.95)",
+	opacity: .98
+};
+function _(e) {
+	let { id: t } = e;
+	switch (t) {
+		case "messages": return /* @__PURE__ */ (0, h.jsx)(a, {
+			component: "svg",
+			viewBox: "0 0 24 24",
+			"aria-hidden": !0,
+			sx: g,
+			children: /* @__PURE__ */ (0, h.jsx)("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, {
+			component: "svg",
+			viewBox: "0 0 24 24",
+			"aria-hidden": !0,
+			sx: g,
+			children: /* @__PURE__ */ (0, h.jsx)("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, {
+			component: "svg",
+			viewBox: "0 0 24 24",
+			"aria-hidden": !0,
+			sx: g,
+			children: /* @__PURE__ */ (0, h.jsx)("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"
+			})
+		});
+		default: return t;
+	}
+}
+//#endregion
+//#region src/components/ActionButton/ActionButton.tsx
+var v = [
+	"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({
+		x: 0,
+		y: 0
+	}), P = r({
+		x: 0,
+		y: 0
+	}), F = r({
+		x: 0,
+		y: 0,
+		t: 0
+	}), I = r(null), L = r(!1), re = () => typeof window > "u" ? {
+		x: w + T / 2,
+		y: 0
+	} : {
+		x: w + T / 2,
+		y: window.innerHeight * .3
+	}, ie = n(() => C ? { ...C } : S ? { ...S } : typeof window > "u" ? {
+		x: w + T / 2,
+		y: 0
+	} : {
+		x: w + T / 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(() => {
+		let e = {
+			messages: "پیام ها",
+			gameInfo: "اطلاعات بازی",
+			yourRole: `نقش شما ${f}`
+		};
+		return x ? {
+			...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);
+	e(() => {
+		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;
+		return {
+			x: H.x - E / 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),
+			y: i,
+			gap: 10
+		});
+	};
+	e(() => {
+		X();
+	}, [
+		H.x,
+		H.y,
+		W,
+		B,
+		q,
+		J
+	]), e(() => {
+		if (!R && !B) return;
+		let e = (e) => {
+			let t = A.current;
+			if (!t) return;
+			let n = e.target;
+			n && t.contains(n) || (z(!1), V(!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);
+	}, []);
+	let le = (e) => {
+		let t = T / 2, n = w + t, r = window.innerWidth - w - t, i = w + t, a = window.innerHeight - w - 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) => {
+		if (e.isPrimary) {
+			M.current = e.pointerId, j.current = !1, L.current = !1, N.current = {
+				x: e.clientX,
+				y: e.clientY
+			}, P.current = H, F.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
+				})));
+			}, 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
+		}));
+	}, 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;
+			try {
+				e.currentTarget.releasePointerCapture(e.pointerId);
+			} catch {}
+			return;
+		}
+		i < 6 && a < 400 && !o && (B ? (V(!1), z(!0)) : z((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;
+			try {
+				e.currentTarget.releasePointerCapture(e.pointerId);
+			} catch {}
+		}
+	}, pe = (e) => {
+		if (e === "gameInfo") {
+			b?.(e), V(!0), z(!1);
+			return;
+		}
+		b?.(e), z(!1);
+	};
+	return /* @__PURE__ */ (0, h.jsxs)("div", {
+		ref: A,
+		className: ne,
+		style: {
+			position: "fixed",
+			zIndex: 1300,
+			top: 0,
+			left: 0,
+			width: 0,
+			height: 0,
+			...O
+		},
+		children: [
+			R ? /* @__PURE__ */ (0, h.jsx)(a, {
+				dir: "rtl",
+				onPointerDown: (e) => {
+					e.stopPropagation();
+				},
+				sx: {
+					position: "fixed",
+					zIndex: 1310,
+					top: Y.y,
+					left: Y.x,
+					width: `${E}px`,
+					display: "flex",
+					flexDirection: "column",
+					gap: `${ee}px`,
+					transformOrigin: W === "right" ? "left top" : "right top"
+				},
+				children: v.map((e) => {
+					let t = ae[e];
+					return /* @__PURE__ */ (0, h.jsx)(o, {
+						onClick: () => pe(e),
+						sx: {
+							height: `${D}px`,
+							borderRadius: "18px",
+							paddingX: "12px",
+							justifyContent: "flex-start",
+							backdropFilter: "blur(12px)",
+							background: "rgba(255,255,255,0.10)",
+							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)" }
+						},
+						children: /* @__PURE__ */ (0, h.jsxs)(a, {
+							sx: {
+								display: "flex",
+								alignItems: "center",
+								justifyContent: "flex-start",
+								gap: "10px",
+								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 })]
+						})
+					}, 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, {
+				dir: "rtl",
+				elevation: 0,
+				onPointerDown: (e) => e.stopPropagation(),
+				onClick: (e) => e.stopPropagation(),
+				sx: {
+					position: "fixed",
+					zIndex: 1321,
+					top: Y.y,
+					left: Y.x,
+					width: `${E}px`,
+					height: `${J}px`,
+					maxHeight: `${J}px`,
+					display: "flex",
+					flexDirection: "column",
+					overflow: "hidden",
+					borderRadius: "22px",
+					padding: "14px 14px 16px",
+					backdropFilter: "blur(12px)",
+					background: "rgba(255,255,255,0.10)",
+					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"
+				},
+				children: [/* @__PURE__ */ (0, h.jsx)(l, {
+					sx: {
+						fontSize: "1.02rem",
+						fontWeight: 800,
+						letterSpacing: "-0.02em",
+						marginBottom: "12px",
+						flexShrink: 0
+					},
+					children: ae.gameInfo
+				}), /* @__PURE__ */ (0, h.jsxs)(a, {
+					sx: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 2,
+						minHeight: 0,
+						flex: 1,
+						overflow: "auto",
+						pr: "2px"
+					},
+					children: [
+						/* @__PURE__ */ (0, h.jsxs)(a, { children: [/* @__PURE__ */ (0, h.jsx)(l, {
+							sx: {
+								fontSize: "0.82rem",
+								fontWeight: 700,
+								opacity: .72,
+								marginBottom: "6px"
+							},
+							children: oe.playerNames
+						}), /* @__PURE__ */ (0, h.jsx)(l, {
+							sx: {
+								fontSize: "0.95rem",
+								fontWeight: 600,
+								lineHeight: 1.45
+							},
+							children: m ?? "—"
+						})] }),
+						/* @__PURE__ */ (0, h.jsx)(s, { sx: { borderColor: "rgba(255,255,255,0.12)" } }),
+						/* @__PURE__ */ (0, h.jsxs)(a, { children: [/* @__PURE__ */ (0, h.jsx)(l, {
+							sx: {
+								fontSize: "0.82rem",
+								fontWeight: 700,
+								opacity: .72,
+								marginBottom: "6px"
+							},
+							children: oe.roleNames
+						}), /* @__PURE__ */ (0, h.jsx)(l, {
+							sx: {
+								fontSize: "0.95rem",
+								fontWeight: 600,
+								lineHeight: 1.45
+							},
+							children: g ?? "—"
+						})] })
+					]
+				})]
+			})] }) : null,
+			/* @__PURE__ */ (0, h.jsx)(a, {
+				role: "button",
+				"aria-label": G === "back" ? "بازگشت به منو" : G === "close" ? "بستن منو" : "باز کردن منو",
+				onPointerDown: ue,
+				onPointerMove: de,
+				onPointerUp: Q,
+				onPointerCancel: fe,
+				sx: {
+					position: "fixed",
+					width: `${T}px`,
+					height: `${T}px`,
+					borderRadius: "50%",
+					top: H.y - T / 2,
+					left: H.x - T / 2,
+					zIndex: 1330,
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center",
+					cursor: j.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)",
+					boxShadow: "0 18px 60px rgba(0,0,0,0.45)"
+				},
+				children: G === "back" ? /* @__PURE__ */ (0, h.jsx)(a, {
+					"aria-hidden": !0,
+					component: "svg",
+					viewBox: "0 0 24 24",
+					sx: {
+						width: `${T * .48}px`,
+						height: `${T * .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"
+					},
+					children: /* @__PURE__ */ (0, h.jsx)("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, {
+					"aria-hidden": !0,
+					component: "svg",
+					viewBox: "0 0 24 24",
+					sx: {
+						width: `${T * .46}px`,
+						height: `${T * .46}px`,
+						flexShrink: 0,
+						display: "block",
+						color: "#fff",
+						opacity: .98,
+						filter: "drop-shadow(0 2px 8px rgba(0,0,0,0.45))",
+						shapeRendering: "geometricPrecision"
+					},
+					children: /* @__PURE__ */ (0, h.jsx)("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, {
+					"aria-hidden": !0,
+					component: "svg",
+					viewBox: "0 0 24 24",
+					sx: {
+						width: `${T * .5}px`,
+						height: `${T * .5}px`,
+						flexShrink: 0,
+						display: "block",
+						color: "#fff",
+						opacity: .96,
+						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,
+						x1: "0%",
+						y1: "0%",
+						x2: "100%",
+						y2: "100%",
+						children: [/* @__PURE__ */ (0, h.jsx)("stop", {
+							offset: "0%",
+							stopColor: "#ffffff",
+							stopOpacity: "1"
+						}), /* @__PURE__ */ (0, h.jsx)("stop", {
+							offset: "100%",
+							stopColor: "#e8eef8",
+							stopOpacity: "0.95"
+						})]
+					}) }), /* @__PURE__ */ (0, h.jsx)("path", {
+						fill: `url(#${k})`,
+						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 };

package/dist/main.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "god-button-action-button",
+  "version": "0.1.0",
+  "description": "Movable action button with RTL glass menu for mobile games.",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "peerDependencies": {
+    "@emotion/react": ">=11",
+    "@emotion/styled": ">=11",
+    "@mui/material": ">=5",
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@types/node": "^25.5.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "typescript": "^5.9.3",
+    "vite": "^8.0.1",
+    "vite-plugin-dts": "^4.5.4"
+  }
+}