dirk-cfx-react 1.1.68 → 1.1.70

package/dist/components/index.cjs

@@ -1741,7 +1741,7 @@ var GTA_CONTROLS = [
   // ── Misc ───────────────────────────────────────────────────────────────────
   { id: 51, symbol: "INPUT_CONTEXT", label: "Context (E)", defaultKey: "E", group: "Misc" },
   { id: 52, symbol: "INPUT_CONTEXT_SECONDARY", label: "Context Secondary", defaultKey: "Q", group: "Misc" },
-  { id: 73, symbol: "INPUT_CHARACTER_WHEEL", label: "Character Wheel", defaultKey: "Left Alt", group: "Misc" },
+  { id: 19, symbol: "INPUT_CHARACTER_WHEEL", label: "Character Wheel", defaultKey: "Left Alt", group: "Misc" },
   { id: 105, symbol: "INPUT_HUD_SPECIAL", label: "Special Ability", defaultKey: "Caps Lock", group: "Misc" },
   { id: 121, symbol: "INPUT_MULTIPLAYER_INFO", label: "Player List", defaultKey: "Z", group: "Misc" },
   { id: 170, symbol: "INPUT_SAVE_REPLAY_CLIP", label: "Save Replay Clip", defaultKey: "F1", group: "Misc" },
@@ -4106,7 +4106,7 @@ function ConfigPanel(props) {
     }
   ) });
 }
-function LazyImage({ src, alt, style }) {
+function LazyImage({ src, style }) {
   const [visible, setVisible] = react.useState(false);
   const ref = react.useRef(null);
   react.useEffect(() => {
@@ -4119,7 +4119,7 @@ function LazyImage({ src, alt, style }) {
     if (ref.current) observer.observe(ref.current);
     return () => observer.disconnect();
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, style: { width: "4vh", height: "4vh" }, children: visible && /* @__PURE__ */ jsxRuntime.jsx(core.Image, { src, alt, fit: "contain", style }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, style: { width: "4vh", height: "4vh" }, children: visible && /* @__PURE__ */ jsxRuntime.jsx(core.Image, { src, fit: "contain", style }) });
 }
 function SelectItem(props) {
   const invItems = useItems();
@@ -4147,12 +4147,12 @@ function SelectItem(props) {
       searchable: true,
       comboboxProps: { withinPortal: true, zIndex: 2e3 },
       leftSectionWidth: "4vh",
+      leftSectionPointerEvents: "none",
       leftSection: props.value ? /* @__PURE__ */ jsxRuntime.jsx(
         core.Image,
         {
           fallbackSrc: "/placeholder.png",
           src: invItems[props.value]?.image || "",
-          alt: props.value,
           fit: "contain",
           maw: "4vh",
           style: { aspectRatio: "1 / 1" }
@@ -4164,7 +4164,6 @@ function SelectItem(props) {
           LazyImage,
           {
             src: invItems[item.option.value]?.image || "",
-            alt: item.option.label,
             style: { aspectRatio: "1 / 1" }
           }
         ),
@@ -4553,7 +4552,10 @@ var FiveMKeyBindInput = Object.assign(Root, {
 });
 function buildGroupedData(extraIds = []) {
   const groups = /* @__PURE__ */ new Map();
+  const seen = /* @__PURE__ */ new Set();
   for (const c of GTA_CONTROLS) {
+    if (seen.has(c.id)) continue;
+    seen.add(c.id);
     if (!groups.has(c.group)) groups.set(c.group, []);
     groups.get(c.group).push(c);
   }