merge: integra main remoto (v2.3.0) com velocimetro em tempo real

Conflito so no html/index.js (bundle buildado). Fonte mergeou limpo. Resolvido rebuildando do fonte mergeado (pnpm install p/ ui-kit 4.14.0 + pnpm build), regenerando o bundle com ambas as mudancas.

Author: mur4i

.release/package.json

@@ -1,23 +1,23 @@
 {
   "name": "ps-hud",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "Ultra customizable FiveM HUD with analog gauges, positioning mode, and multi-vehicle support.",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/g5-studio/ps-hud.git"
+    "url": "git+https://github.com/mri-Qbox-Brasil/mri-hud.git"
   },
   "keywords": [],
   "author": "",
   "license": "GPL-3.0",
   "type": "commonjs",
   "bugs": {
-    "url": "https://github.com/g5-studio/ps-hud/issues"
+    "url": "https://github.com/mri-Qbox-Brasil/mri-hud/issues"
   },
-  "homepage": "https://github.com/g5-studio/ps-hud#readme",
+  "homepage": "https://github.com/mri-Qbox-Brasil/mri-hud#readme",
   "devDependencies": {
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/commit-analyzer": "^13.0.1",

CHANGELOG.md

@@ -1,3 +1,21 @@
+# [2.3.0](https://github.com/mri-Qbox-Brasil/mri-hud/compare/v2.2.0...v2.3.0) (2026-06-24)
+
+
+### Bug Fixes
+
+* **ci:** corrige repositoryUrl do semantic-release para mri-Qbox-Brasil/mri-hud ([cbe0193](https://github.com/mri-Qbox-Brasil/mri-hud/commit/cbe0193553a674494444c0b20d87909fdc44ffbb))
+* ESC sai do positioning + remove borda custom do minimap ([35512b9](https://github.com/mri-Qbox-Brasil/mri-hud/commit/35512b91565ae16ac477349ecbd4e53047b4c20e)), closes [#bababa](https://github.com/mri-Qbox-Brasil/mri-hud/issues/bababa)
+* F10 so fecha o positioning mode quando ja esta ativo ([2f649ac](https://github.com/mri-Qbox-Brasil/mri-hud/commit/2f649acbff6aba661e0dd9993b40d9ea50683df0))
+
+
+### Features
+
+* consome HUD shapes do @mriqbox/ui-kit (4.11.0) ([0b652c2](https://github.com/mri-Qbox-Brasil/mri-hud/commit/0b652c26f0ca9ab649026371b5bbd4f74455f473))
+* integra @mriqbox/ui-kit + accent suite-wide via convar mri:color ([26a6133](https://github.com/mri-Qbox-Brasil/mri-hud/commit/26a6133c8327ec0ad539246829041f1518613cb7)), closes [#00E699](https://github.com/mri-Qbox-Brasil/mri-hud/issues/00E699) [#RRGGBB](https://github.com/mri-Qbox-Brasil/mri-hud/issues/RRGGBB) [#RRGGBBAA](https://github.com/mri-Qbox-Brasil/mri-hud/issues/RRGGBBAA) [#00E699](https://github.com/mri-Qbox-Brasil/mri-hud/issues/00E699)
+* migra UI da hud pro design system MRI (ui-kit + tokens neutros) ([745683e](https://github.com/mri-Qbox-Brasil/mri-hud/commit/745683e20ff0665a780db0c575c21fe92da9fc88))
+* player escolhe unidade de velocidade (MPH/km-h) no menu ([ea6b9e4](https://github.com/mri-Qbox-Brasil/mri-hud/commit/ea6b9e402d58d4dfa8d83419c0edcdc46a5b9c67))
+* Shape Lab, defaults calibrados, posicoes e migracao de icones ([e55f0ee](https://github.com/mri-Qbox-Brasil/mri-hud/commit/e55f0ee0ed42db256c817b3fceb28ac59324c2d9))
+
 # [2.2.0](https://github.com/g5-studio/ps-hud/compare/v2.1.8...v2.2.0) (2026-05-05)
 
 

fxmanifest.lua

@@ -3,7 +3,7 @@ game 'gta5'
 
 description 'Ultra customizable hud featuring a unique and robust settings menu. Change eveything about your experience!'
 author 'Project-Sloth & GFive'
-version "2.2.0"
+version "2.3.0"
 
 shared_scripts {
     '@qb-core/shared/locale.lua',

html/index.js

@@ -1,14 +1,14 @@
 {
   "name": "ps-hud",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "Ultra customizable FiveM HUD with analog gauges, positioning mode, and multi-vehicle support.",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/g5-studio/ps-hud.git"
+    "url": "git+https://github.com/mri-Qbox-Brasil/mri-hud.git"
   },
   "license": "GPL-3.0",
   "bugs": {
-    "url": "https://github.com/g5-studio/ps-hud/issues"
+    "url": "https://github.com/mri-Qbox-Brasil/mri-hud/issues"
   },
-  "homepage": "https://github.com/g5-studio/ps-hud#readme"
+  "homepage": "https://github.com/mri-Qbox-Brasil/mri-hud#readme"
 }

package.json

@@ -1,7 +1,7 @@
 {
   "name": "ps-hud-react",
   "private": true,
-  "version": "2.2.0",
+  "version": "2.3.0",
   "type": "module",
   "scripts": {
     "dev": "node ./scripts/toggleDebug.js true && vite --host",
@@ -14,7 +14,7 @@
     "@fortawesome/free-regular-svg-icons": "^6.7.2",
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@fortawesome/react-fontawesome": "^0.2.2",
-    "@mriqbox/ui-kit": "^4.11.0",
+    "@mriqbox/ui-kit": "^4.14.0",
     "@radix-ui/react-checkbox": "^1.1.4",
     "@radix-ui/react-label": "^2.1.2",
     "@radix-ui/react-select": "^2.1.6",

web/package.json

@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { shapes, iconNames } from "../../types/types";
 import { usePlayerStatusHudStore } from "../../stores/playerStatusHudStore";
 import { useColorEffectStore } from "../../stores/colorEffectStore";
@@ -35,10 +35,14 @@ export default function SingleStatusIconPanel() {
   const iconIndex = iconNames.indexOf(iconName);
   const panelIconColor = iconColors[iconIndex] ?? "#FFFFFF";
 
-  // Sync editSingleIconName/Stage into globalColorSettings for design-mode preview
-  useColorEffectStore.setState((s) => ({
-    globalColorSettings: { ...s.globalColorSettings, editSingleIconName: iconName, editSingleIconStage: stageIndex },
-  }));
+  // Sync editSingleIconName/Stage into globalColorSettings for design-mode preview.
+  // Em useEffect (nao no corpo do render) pra nao disparar setState durante o
+  // render — isso causava re-renders extras e travava a interacao dos controles.
+  useEffect(() => {
+    useColorEffectStore.setState((s) => ({
+      globalColorSettings: { ...s.globalColorSettings, editSingleIconName: iconName, editSingleIconStage: stageIndex },
+    }));
+  }, [iconName, stageIndex]);
 
   function handleIconChange(name: string) {
     setIconName(name as iconNamesKind);

web/pnpm-lock.yaml

@@ -26,7 +26,7 @@ export default function AircraftHud() {
     return (
         <>
             <DraggableHudElement id="aircraftHorizon" label="Horizonte" zIndex={15}>
-                <ScaledHudContent style={{ position: "fixed", bottom: "2vh", left: "43vw", pointerEvents: "none" }}>
+                <ScaledHudContent style={{ position: "fixed", bottom: "2.16vh", left: "43.43vw", pointerEvents: "none" }}>
                     <ArtificialHorizon size={160} pitch={pitch} roll={roll} />
                 </ScaledHudContent>
             </DraggableHudElement>

web/src/components/menu/SingleStatusIconPanel.tsx

@@ -7,9 +7,11 @@ import {
 import { usePositioningStore } from "../../stores/positioningStore";
 import { useMenuStore } from "../../stores/menuStore";
 import { usePlayerStatusHudStore } from "../../stores/playerStatusHudStore";
+import ShapeLab from "./ShapeLab";
 
 export default function DevPanel() {
     const [open, setOpen] = useState(false);
+    const [shapeLab, setShapeLab] = useState(false);
 
     const positioningActive = usePositioningStore((s) => s.active);
     const togglePositioning = usePositioningStore((s) => s.toggle);
@@ -76,6 +78,13 @@ export default function DevPanel() {
                         }
                     />
 
+                    <DevButton
+                        icon={faVectorSquare}
+                        label="Shape Lab"
+                        active={shapeLab}
+                        onClick={() => setShapeLab((v) => !v)}
+                    />
+
                     {positioningActive && (
                         <button
                             onClick={resetAll}
@@ -121,6 +130,8 @@ export default function DevPanel() {
                 <FontAwesomeIcon icon={faCode} />
                 <FontAwesomeIcon icon={open ? faChevronDown : faChevronUp} style={{ fontSize: 9 }} />
             </button>
+
+            {shapeLab && <ShapeLab onClose={() => setShapeLab(false)} />}
         </div>
     );
 }