dirk-cfx-react 1.1.78 → 1.1.80

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-export { AdminPageTitle, AdminPageTitleProps, AsyncSaveButton, BlipColorSelect, BlipColorSelectProps, BlipDisplaySelect, BlipDisplaySelectProps, BlipIconSelect, BlipIconSelectProps, BorderedIcon, BorderedIconProps, ButtonProps, ConfigPanel, ConfigPanelProps, ConfirmModal, ConfirmModalProps, ControlMultiSelect, ControlMultiSelectProps, ControlSelect, ControlSelectProps, Counter, FiveMControls, FiveMKeyBindInput, FloatingParticles, FloatingParticlesProps, GroupName, GroupNameProps, GroupRank, GroupRankProps, GroupSelect, GroupSelectProps, GroupType, GroupValue, InfoBox, InfoBoxProps, InputContainer, InputContainerProps, LevelBanner, LevelPanel, MissingItemsBanner, Modal, ModalContext, ModalProps, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavItem, NavigationContext, NavigationProvider, NavigationStore, ParticleState, PositionPicker, PositionPickerProps, ProgressProps, Prompt, PromptButton, PromptModal, SegmentProps, SegmentedControl, SegmentedControlProps, SegmentedProgress, SelectItem, SelectItemProps, StoreModalProps, TestBed, TestBedItem, TestBedPlacement, TestBedProps, ThemeOverrideSection, ThemeOverrideSectionProps, ThemeOverrideValue, Title, TitleProps, TitleSize, Vector4DeleteButton, Vector4Display, Vector4Value, WorldPositionGotoButton, WorldPositionSetButton, useMissingItemsAudit, useModal, useModalActions, useNavigation, useNavigationStore } from './components/index.cjs';
+export { AdminPageTitle, AdminPageTitleProps, AnimPostFxSelect, AnimPostFxSelectProps, AsyncSaveButton, BlipColorSelect, BlipColorSelectProps, BlipDisplaySelect, BlipDisplaySelectProps, BlipIconSelect, BlipIconSelectProps, BorderedIcon, BorderedIconProps, ButtonProps, ConfigPanel, ConfigPanelProps, ConfirmModal, ConfirmModalProps, ControlMultiSelect, ControlMultiSelectProps, ControlSelect, ControlSelectProps, Counter, FiveMControls, FiveMKeyBindInput, FloatingParticles, FloatingParticlesProps, GroupName, GroupNameProps, GroupRank, GroupRankProps, GroupSelect, GroupSelectProps, GroupType, GroupValue, InfoBox, InfoBoxProps, InputContainer, InputContainerProps, LevelBanner, LevelPanel, MissingItemsBanner, Modal, ModalContext, ModalProps, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavItem, NavigationContext, NavigationProvider, NavigationStore, ParticleState, PositionPicker, PositionPickerProps, ProgressProps, Prompt, PromptButton, PromptModal, SegmentProps, SegmentedControl, SegmentedControlProps, SegmentedProgress, SelectItem, SelectItemProps, StoreModalProps, SwitchPanel, SwitchPanelProps, TestBed, TestBedItem, TestBedPlacement, TestBedProps, ThemeOverrideSection, ThemeOverrideSectionProps, ThemeOverrideValue, Title, TitleProps, TitleSize, Vector4DeleteButton, Vector4Display, Vector4Value, WorldPositionGotoButton, WorldPositionSetButton, useMissingItemsAudit, useModal, useModalActions, useNavigation, useNavigationStore } from './components/index.cjs';
 export { FrameworkGrade, FrameworkGroup, GTA_CONTROLS, GTA_CONTROL_GROUP_ORDER, GtaControl, GtaControlGroup, INPUT_MAPPER_KEYS_BY_PRIMARY, INPUT_MAPPER_PRIMARY_OPTIONS, InitialFetch, InternalEvent, InventoryItem, InventoryItems, SettingsState, SkillSettings, UploadImageProps, colorWithAlpha, copyToClipboard, createSkill, extractDefaults, fetchLuaTable, fetchNui, formatGtaControl, gameToMap, getGtaControl, getImageShape, getItemImageUrl, initialFetches, internalEvent, isEnvBrowser, isProfanity, latPr100, locale, localeStore, mapCenter, mapToGame, noop, numberToRoman, openLink, registerInitialFetch, registerInitialLuaTableFetch, runFetches, selectAllGroups, splitFAString, updatePresignedURL, uploadImage, useAutoFetcher, useFrameworkGroups, useItems, useItemsList, useProfanityStore, useSettings } from './utils/index.cjs';
 export { FormProvider, FormState, NuiHandlerSignature, NuiMessageData, ScriptConfigHistoryChange, ScriptConfigHistoryEntry, ScriptConfigHistoryRequest, ScriptConfigHistoryResponse, ScriptConfigInstance, TornEdgeSVGFilter, ValidationRules, ValidatorFn, createFormStore, createScriptConfig, getScriptConfigInstance, useAudio, useForm, useFormActions, useFormError, useFormErrors, useFormField, useFormFields, useNuiEvent, useTornEdges } from './hooks/index.cjs';
 export { DirkProvider, DirkProviderProps } from './providers/index.cjs';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { AdminPageTitle, AdminPageTitleProps, AsyncSaveButton, BlipColorSelect, BlipColorSelectProps, BlipDisplaySelect, BlipDisplaySelectProps, BlipIconSelect, BlipIconSelectProps, BorderedIcon, BorderedIconProps, ButtonProps, ConfigPanel, ConfigPanelProps, ConfirmModal, ConfirmModalProps, ControlMultiSelect, ControlMultiSelectProps, ControlSelect, ControlSelectProps, Counter, FiveMControls, FiveMKeyBindInput, FloatingParticles, FloatingParticlesProps, GroupName, GroupNameProps, GroupRank, GroupRankProps, GroupSelect, GroupSelectProps, GroupType, GroupValue, InfoBox, InfoBoxProps, InputContainer, InputContainerProps, LevelBanner, LevelPanel, MissingItemsBanner, Modal, ModalContext, ModalProps, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavItem, NavigationContext, NavigationProvider, NavigationStore, ParticleState, PositionPicker, PositionPickerProps, ProgressProps, Prompt, PromptButton, PromptModal, SegmentProps, SegmentedControl, SegmentedControlProps, SegmentedProgress, SelectItem, SelectItemProps, StoreModalProps, TestBed, TestBedItem, TestBedPlacement, TestBedProps, ThemeOverrideSection, ThemeOverrideSectionProps, ThemeOverrideValue, Title, TitleProps, TitleSize, Vector4DeleteButton, Vector4Display, Vector4Value, WorldPositionGotoButton, WorldPositionSetButton, useMissingItemsAudit, useModal, useModalActions, useNavigation, useNavigationStore } from './components/index.js';
+export { AdminPageTitle, AdminPageTitleProps, AnimPostFxSelect, AnimPostFxSelectProps, AsyncSaveButton, BlipColorSelect, BlipColorSelectProps, BlipDisplaySelect, BlipDisplaySelectProps, BlipIconSelect, BlipIconSelectProps, BorderedIcon, BorderedIconProps, ButtonProps, ConfigPanel, ConfigPanelProps, ConfirmModal, ConfirmModalProps, ControlMultiSelect, ControlMultiSelectProps, ControlSelect, ControlSelectProps, Counter, FiveMControls, FiveMKeyBindInput, FloatingParticles, FloatingParticlesProps, GroupName, GroupNameProps, GroupRank, GroupRankProps, GroupSelect, GroupSelectProps, GroupType, GroupValue, InfoBox, InfoBoxProps, InputContainer, InputContainerProps, LevelBanner, LevelPanel, MissingItemsBanner, Modal, ModalContext, ModalProps, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavItem, NavigationContext, NavigationProvider, NavigationStore, ParticleState, PositionPicker, PositionPickerProps, ProgressProps, Prompt, PromptButton, PromptModal, SegmentProps, SegmentedControl, SegmentedControlProps, SegmentedProgress, SelectItem, SelectItemProps, StoreModalProps, SwitchPanel, SwitchPanelProps, TestBed, TestBedItem, TestBedPlacement, TestBedProps, ThemeOverrideSection, ThemeOverrideSectionProps, ThemeOverrideValue, Title, TitleProps, TitleSize, Vector4DeleteButton, Vector4Display, Vector4Value, WorldPositionGotoButton, WorldPositionSetButton, useMissingItemsAudit, useModal, useModalActions, useNavigation, useNavigationStore } from './components/index.js';
 export { FrameworkGrade, FrameworkGroup, GTA_CONTROLS, GTA_CONTROL_GROUP_ORDER, GtaControl, GtaControlGroup, INPUT_MAPPER_KEYS_BY_PRIMARY, INPUT_MAPPER_PRIMARY_OPTIONS, InitialFetch, InternalEvent, InventoryItem, InventoryItems, SettingsState, SkillSettings, UploadImageProps, colorWithAlpha, copyToClipboard, createSkill, extractDefaults, fetchLuaTable, fetchNui, formatGtaControl, gameToMap, getGtaControl, getImageShape, getItemImageUrl, initialFetches, internalEvent, isEnvBrowser, isProfanity, latPr100, locale, localeStore, mapCenter, mapToGame, noop, numberToRoman, openLink, registerInitialFetch, registerInitialLuaTableFetch, runFetches, selectAllGroups, splitFAString, updatePresignedURL, uploadImage, useAutoFetcher, useFrameworkGroups, useItems, useItemsList, useProfanityStore, useSettings } from './utils/index.js';
 export { FormProvider, FormState, NuiHandlerSignature, NuiMessageData, ScriptConfigHistoryChange, ScriptConfigHistoryEntry, ScriptConfigHistoryRequest, ScriptConfigHistoryResponse, ScriptConfigInstance, TornEdgeSVGFilter, ValidationRules, ValidatorFn, createFormStore, createScriptConfig, getScriptConfigInstance, useAudio, useForm, useFormActions, useFormError, useFormErrors, useFormField, useFormFields, useNuiEvent, useTornEdges } from './hooks/index.js';
 export { DirkProvider, DirkProviderProps } from './providers/index.js';

package/dist/index.js

@@ -1,4 +1,4 @@
-import { Flex, Text, Image as Image$1, createTheme, Box, Stack, Title as Title$1, Code, TextInput, Select, useMantineTheme, Tooltip, alpha, Progress, RingProgress, Portal, Button, NumberInput, MultiSelect, Loader, ActionIcon, Switch, ColorInput, Popover, MantineProvider, BackgroundImage, Group, JsonInput } from '@mantine/core';
+import { Flex, Text, Image as Image$1, createTheme, Box, Stack, Title as Title$1, Code, TextInput, Select, useMantineTheme, Tooltip, alpha, Progress, RingProgress, Portal, Button, NumberInput, MultiSelect, Loader, Switch, ActionIcon, ColorInput, Popover, MantineProvider, BackgroundImage, Group, JsonInput } from '@mantine/core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React6, { createContext, useContext, useEffect, useRef, useState, useCallback, useMemo, useLayoutEffect } from 'react';
 import { create, useStore, createStore } from 'zustand';
@@ -1244,11 +1244,11 @@ var colorNames = {
   Yellow: { r: 255, g: 255, b: 0 },
   YellowGreen: { r: 154, g: 205, b: 50 }
 };
-function colorWithAlpha(color, alpha10) {
+function colorWithAlpha(color, alpha11) {
   const lowerCasedColor = color.toLowerCase();
   if (colorNames[lowerCasedColor]) {
     const rgb = colorNames[lowerCasedColor];
-    return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha10})`;
+    return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha11})`;
   }
   if (/^#([A-Fa-f0-9]{6})$/.test(color)) {
     const hex = color.slice(1);
@@ -1256,12 +1256,12 @@ function colorWithAlpha(color, alpha10) {
     const r = bigint >> 16 & 255;
     const g = bigint >> 8 & 255;
     const b = bigint & 255;
-    return `rgba(${r}, ${g}, ${b}, ${alpha10})`;
+    return `rgba(${r}, ${g}, ${b}, ${alpha11})`;
   }
   if (/^rgb\((\d{1,3}), (\d{1,3}), (\d{1,3})\)$/.test(color)) {
     const result = color.match(/^rgb\((\d{1,3}), (\d{1,3}), (\d{1,3})\)$/);
     if (result) {
-      return `rgba(${result[1]}, ${result[2]}, ${result[3]}, ${alpha10})`;
+      return `rgba(${result[1]}, ${result[2]}, ${result[3]}, ${alpha11})`;
     }
   }
   return color;
@@ -5852,6 +5852,45 @@ function AdminPageTitle(props) {
     /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", tt: "uppercase", lts: "0.1em", size: "sm", c: "rgba(255,255,255,0.6)", children: locale(props.title) })
   ] });
 }
+function SwitchPanel({ label: label2, description: description2, checked, onChange, disabled }) {
+  const theme2 = useMantineTheme();
+  const pc = theme2.colors[theme2.primaryColor];
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      justify: "space-between",
+      align: "center",
+      p: "xs",
+      style: {
+        background: alpha(theme2.colors.dark[5], 0.35),
+        border: "0.1vh solid rgba(255,255,255,0.05)",
+        borderRadius: theme2.radius.xs,
+        opacity: disabled ? 0.5 : 1
+      },
+      children: [
+        /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "xxs", style: { flex: 1, minWidth: 0 }, children: [
+          typeof label2 === "string" ? /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xs", c: "rgba(255,255,255,0.85)", children: label2 }) : label2,
+          description2 && (typeof description2 === "string" ? /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", c: "rgba(255,255,255,0.45)", children: description2 }) : description2)
+        ] }),
+        /* @__PURE__ */ jsx(
+          Switch,
+          {
+            checked,
+            disabled,
+            onChange: (e) => onChange(e.currentTarget.checked),
+            size: "md",
+            styles: {
+              track: {
+                background: checked ? alpha(pc[6], 0.4) : "rgba(255,255,255,0.08)",
+                borderColor: checked ? alpha(pc[6], 0.6) : "rgba(255,255,255,0.1)"
+              }
+            }
+          }
+        )
+      ]
+    }
+  );
+}
 var placementStyle = (placement) => {
   switch (placement) {
     case "top-center":
@@ -6102,32 +6141,13 @@ function ThemeOverrideSection({
             color
           }
         ),
-        /* @__PURE__ */ jsxs(
-          Flex,
+        /* @__PURE__ */ jsx(
+          SwitchPanel,
           {
-            align: "center",
-            justify: "space-between",
-            p: "xs",
-            style: {
-              background: `rgba(255,255,255,${editable ? 0.04 : 0.02})`,
-              border: `0.1vh solid ${editable ? color : "rgba(255,255,255,0.08)"}`,
-              borderRadius: mantineTheme.radius.xs,
-              transition: "background 0.15s, border-color 0.15s"
-            },
-            children: [
-              /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "xxs", style: { flex: 1, minWidth: 0 }, children: [
-                /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xs", c: "rgba(255,255,255,0.9)", children: locale("OverrideGlobalTheme") || "Override global theme" }),
-                /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", c: "rgba(255,255,255,0.4)", children: locale("OverrideGlobalThemeDesc") || "When on, this resource uses its own primary colour and palette instead of dirk_lib's. Turn off to fall back to the global theme \u2014 your custom palette is kept." })
-              ] }),
-              /* @__PURE__ */ jsx(
-                Switch,
-                {
-                  size: "md",
-                  checked: value.useOverride,
-                  onChange: (e) => set("useOverride", e.currentTarget.checked)
-                }
-              )
-            ]
+            label: locale("OverrideGlobalTheme") || "Override global theme",
+            description: locale("OverrideGlobalThemeDesc") || "When on, this resource uses its own primary colour and palette instead of dirk_lib's. Turn off to fall back to the global theme \u2014 your custom palette is kept.",
+            checked: value.useOverride,
+            onChange: (v) => set("useOverride", v)
           }
         ),
         /* @__PURE__ */ jsxs(
@@ -6293,6 +6313,246 @@ function SwatchTile({
     ) })
   ] });
 }
+
+// src/utils/gtaAnimPostFx.ts
+var GTA_ANIM_POST_FX_GROUP_ORDER = [
+  "Wake Up / Sleep",
+  "Character Switch",
+  "Cinematic Push-In",
+  "Death / Fail",
+  "Heist",
+  "Minigame",
+  "Drug / Trip",
+  "Color Filter / Tint",
+  "Multiplayer",
+  "Misc"
+];
+var GTA_ANIM_POST_FX = [
+  // ── Wake Up / Sleep (community-known; not in altV docs) ────────────────────
+  { name: "ULP_PlayerWakeUp", label: "Player Wake Up", group: "Wake Up / Sleep" },
+  { name: "MinigameEndNeutral", label: "Minigame End \u2014 Neutral", group: "Wake Up / Sleep" },
+  { name: "MinigameEndFranklin", label: "Minigame End \u2014 Franklin", group: "Wake Up / Sleep" },
+  { name: "MinigameEndMichael", label: "Minigame End \u2014 Michael", group: "Wake Up / Sleep" },
+  { name: "MinigameEndTrevor", label: "Minigame End \u2014 Trevor", group: "Wake Up / Sleep" },
+  // ── Character Switch (Franklin / Michael / Trevor / Neutral variants) ─────
+  { name: "SwitchHUDIn", group: "Character Switch" },
+  { name: "SwitchHUDOut", group: "Character Switch" },
+  { name: "SwitchHUDFranklinIn", group: "Character Switch" },
+  { name: "SwitchHUDFranklinOut", group: "Character Switch" },
+  { name: "SwitchHUDMichaelIn", group: "Character Switch" },
+  { name: "SwitchHUDMichaelOut", group: "Character Switch" },
+  { name: "SwitchHUDTrevorIn", group: "Character Switch" },
+  { name: "SwitchHUDTrevorOut", group: "Character Switch" },
+  { name: "SwitchOpenFranklin", group: "Character Switch" },
+  { name: "SwitchOpenFranklinIn", group: "Character Switch" },
+  { name: "SwitchOpenFranklinOut", group: "Character Switch" },
+  { name: "SwitchOpenMichaelIn", group: "Character Switch" },
+  { name: "SwitchOpenMichaelMid", group: "Character Switch" },
+  { name: "SwitchOpenMichaelOut", group: "Character Switch" },
+  { name: "SwitchOpenTrevorIn", group: "Character Switch" },
+  { name: "SwitchOpenTrevorOut", group: "Character Switch" },
+  { name: "SwitchOpenNeutralFIB5", group: "Character Switch" },
+  { name: "SwitchOpenNeutralOutHeist", group: "Character Switch" },
+  { name: "SwitchSceneFranklin", group: "Character Switch" },
+  { name: "SwitchSceneMichael", group: "Character Switch" },
+  { name: "SwitchSceneNeutral", group: "Character Switch" },
+  { name: "SwitchSceneTrevor", group: "Character Switch" },
+  { name: "SwitchShortFranklinIn", group: "Character Switch" },
+  { name: "SwitchShortFranklinMid", group: "Character Switch" },
+  { name: "SwitchShortMichaelIn", group: "Character Switch" },
+  { name: "SwitchShortMichaelMid", group: "Character Switch" },
+  { name: "SwitchShortNeutralIn", group: "Character Switch" },
+  { name: "SwitchShortNeutralMid", group: "Character Switch" },
+  { name: "SwitchShortTrevorIn", group: "Character Switch" },
+  { name: "SwitchShortTrevorMid", group: "Character Switch" },
+  { name: "switch_cam_1", group: "Character Switch" },
+  { name: "switch_cam_2", group: "Character Switch" },
+  // ── Cinematic Push-In (slow zoom intro to a character) ────────────────────
+  { name: "CamPushInFranklin", group: "Cinematic Push-In" },
+  { name: "CamPushInMichael", group: "Cinematic Push-In" },
+  { name: "CamPushInTrevor", group: "Cinematic Push-In" },
+  { name: "CamPushInNeutral", group: "Cinematic Push-In" },
+  { name: "BeastIntroScene", label: "Beast Intro", group: "Cinematic Push-In" },
+  { name: "BeastLaunch", group: "Cinematic Push-In" },
+  { name: "BeastTransition", group: "Cinematic Push-In" },
+  // ── Death / Fail (red tint, slow-mo blur) ─────────────────────────────────
+  { name: "DeathFailNeutralIn", group: "Death / Fail" },
+  { name: "DeathFailFranklinIn", group: "Death / Fail" },
+  { name: "DeathFailMichaelIn", group: "Death / Fail" },
+  { name: "DeathFailTrevorIn", group: "Death / Fail" },
+  { name: "DeathFailMPIn", label: "Death Fail \u2014 MP", group: "Death / Fail" },
+  { name: "DeathFailMPDark", label: "Death Fail \u2014 MP Dark", group: "Death / Fail" },
+  { name: "DeathFailOut", group: "Death / Fail" },
+  { name: "Rampage", group: "Death / Fail" },
+  { name: "RampageOut", group: "Death / Fail" },
+  // ── Heist (celebration / locate / pass) ───────────────────────────────────
+  { name: "HeistCelebEnd", group: "Heist" },
+  { name: "HeistCelebPass", group: "Heist" },
+  { name: "HeistCelebPassBW", label: "Heist Celeb Pass (B/W)", group: "Heist" },
+  { name: "HeistCelebToast", group: "Heist" },
+  { name: "HeistLocate", group: "Heist" },
+  { name: "HeistTripSkipFade", group: "Heist" },
+  // ── Minigame / Menu ───────────────────────────────────────────────────────
+  { name: "MenuMGIn", group: "Minigame" },
+  { name: "MenuMGHeistIn", group: "Minigame" },
+  { name: "MenuMGHeistIntro", group: "Minigame" },
+  { name: "MenuMGHeistOut", group: "Minigame" },
+  { name: "MenuMGHeistTint", group: "Minigame" },
+  { name: "MenuMGSelectionIn", group: "Minigame" },
+  { name: "MenuMGSelectionTint", group: "Minigame" },
+  { name: "MenuMGTournamentIn", group: "Minigame" },
+  { name: "MenuMGTournamentTint", group: "Minigame" },
+  { name: "MinigameTransitionIn", group: "Minigame" },
+  { name: "MinigameTransitionOut", group: "Minigame" },
+  // ── Drug / Trip (psychedelic, blur, distortion) ───────────────────────────
+  { name: "DMT_flight", group: "Drug / Trip" },
+  { name: "DMT_flight_intro", group: "Drug / Trip" },
+  { name: "PeyoteIn", group: "Drug / Trip" },
+  { name: "PeyoteOut", group: "Drug / Trip" },
+  { name: "PeyoteEndIn", group: "Drug / Trip" },
+  { name: "PeyoteEndOut", group: "Drug / Trip" },
+  { name: "DrugsDrivingIn", group: "Drug / Trip" },
+  { name: "DrugsDrivingOut", group: "Drug / Trip" },
+  { name: "DrugsMichaelAliensFight", group: "Drug / Trip" },
+  { name: "DrugsMichaelAliensFightIn", group: "Drug / Trip" },
+  { name: "DrugsMichaelAliensFightOut", group: "Drug / Trip" },
+  { name: "DrugsTrevorClownsFight", group: "Drug / Trip" },
+  { name: "DrugsTrevorClownsFightIn", group: "Drug / Trip" },
+  { name: "DrugsTrevorClownsFightOut", group: "Drug / Trip" },
+  { name: "ChopVision", label: "Chop Vision (dog)", group: "Drug / Trip" },
+  // ── Color Filter / Tint (one-off and biker formation filters) ─────────────
+  { name: "PPFilter", group: "Color Filter / Tint" },
+  { name: "PPFilterOut", group: "Color Filter / Tint" },
+  { name: "PPGreen", group: "Color Filter / Tint" },
+  { name: "PPGreenOut", group: "Color Filter / Tint" },
+  { name: "PPOrange", group: "Color Filter / Tint" },
+  { name: "PPOrangeOut", group: "Color Filter / Tint" },
+  { name: "PPPink", group: "Color Filter / Tint" },
+  { name: "PPPinkOut", group: "Color Filter / Tint" },
+  { name: "PPPurple", group: "Color Filter / Tint" },
+  { name: "PPPurpleOut", group: "Color Filter / Tint" },
+  { name: "BikerFilter", group: "Color Filter / Tint" },
+  { name: "BikerFilterOut", group: "Color Filter / Tint" },
+  { name: "BikerFormation", group: "Color Filter / Tint" },
+  { name: "BikerFormationOut", group: "Color Filter / Tint" },
+  { name: "InchOrange", group: "Color Filter / Tint" },
+  { name: "InchOrangeOut", group: "Color Filter / Tint" },
+  { name: "InchPurple", group: "Color Filter / Tint" },
+  { name: "InchPurpleOut", group: "Color Filter / Tint" },
+  { name: "InchPickup", group: "Color Filter / Tint" },
+  { name: "InchPickupOut", group: "Color Filter / Tint" },
+  { name: "TinyRacerGreen", group: "Color Filter / Tint" },
+  { name: "TinyRacerGreenOut", group: "Color Filter / Tint" },
+  { name: "TinyRacerPink", group: "Color Filter / Tint" },
+  { name: "TinyRacerPinkOut", group: "Color Filter / Tint" },
+  { name: "TinyRacerIntroCam", group: "Color Filter / Tint" },
+  { name: "DeadlineNeon", group: "Color Filter / Tint" },
+  // ── Multiplayer (celeb, killstreak, race, etc.) ───────────────────────────
+  { name: "MP_Celeb_Win", group: "Multiplayer" },
+  { name: "MP_Celeb_Win_Out", group: "Multiplayer" },
+  { name: "MP_Celeb_Lose", group: "Multiplayer" },
+  { name: "MP_Celeb_Lose_Out", group: "Multiplayer" },
+  { name: "MP_Celeb_Preload", group: "Multiplayer" },
+  { name: "MP_Celeb_Preload_Fade", group: "Multiplayer" },
+  { name: "MP_Bull_tost", group: "Multiplayer" },
+  { name: "MP_Bull_tost_Out", group: "Multiplayer" },
+  { name: "MP_Killstreak", group: "Multiplayer" },
+  { name: "MP_Killstreak_Out", group: "Multiplayer" },
+  { name: "MP_Loser_Streak_Out", group: "Multiplayer" },
+  { name: "MP_OrbitalCannon", group: "Multiplayer" },
+  { name: "MP_Powerplay", group: "Multiplayer" },
+  { name: "MP_Powerplay_Out", group: "Multiplayer" },
+  { name: "MP_SmugglerCheckpoint", group: "Multiplayer" },
+  { name: "MP_TransformRaceFlash", group: "Multiplayer" },
+  { name: "MP_WarpCheckpoint", group: "Multiplayer" },
+  { name: "MP_corona_switch", group: "Multiplayer" },
+  { name: "MP_intro_logo", group: "Multiplayer" },
+  { name: "MP_job_load", group: "Multiplayer" },
+  { name: "MP_race_crash", group: "Multiplayer" },
+  // ── Misc (success notifs, special weapons, sniper / pause / explosions) ───
+  { name: "SuccessFranklin", group: "Misc" },
+  { name: "SuccessMichael", group: "Misc" },
+  { name: "SuccessNeutral", group: "Misc" },
+  { name: "SuccessTrevor", group: "Misc" },
+  { name: "FocusIn", group: "Misc" },
+  { name: "FocusOut", group: "Misc" },
+  { name: "CrossLine", group: "Misc" },
+  { name: "CrossLineOut", group: "Misc" },
+  { name: "SniperOverlay", group: "Misc" },
+  { name: "ExplosionJosh3", group: "Misc" },
+  { name: "WeaponUpgrade", group: "Misc" },
+  { name: "Dont_tazeme_bro", label: "Don't Taze Me Bro", group: "Misc" },
+  { name: "LostTimeDay", group: "Misc" },
+  { name: "LostTimeNight", group: "Misc" },
+  { name: "PauseMenuOut", group: "Misc" },
+  { name: "pennedIn", group: "Misc" },
+  { name: "PennedInOut", group: "Misc" },
+  { name: "RaceTurbo", group: "Misc" },
+  { name: "DefaultFlash", group: "Misc" }
+];
+function formatGtaAnimPostFx(name) {
+  const entry = GTA_ANIM_POST_FX.find((fx) => fx.name === name);
+  return entry?.label ?? name;
+}
+function buildGroupedData2(extraNames = []) {
+  const groups = /* @__PURE__ */ new Map();
+  const seen = /* @__PURE__ */ new Set();
+  for (const fx of GTA_ANIM_POST_FX) {
+    if (seen.has(fx.name)) continue;
+    seen.add(fx.name);
+    if (!groups.has(fx.group)) groups.set(fx.group, []);
+    groups.get(fx.group).push(fx);
+  }
+  const data = GTA_ANIM_POST_FX_GROUP_ORDER.flatMap((g) => {
+    const items = groups.get(g);
+    if (!items || items.length === 0) return [];
+    return [
+      {
+        group: g,
+        items: items.map((fx) => ({
+          value: fx.name,
+          label: formatGtaAnimPostFx(fx.name)
+        }))
+      }
+    ];
+  });
+  const knownNames = new Set(GTA_ANIM_POST_FX.map((fx) => fx.name));
+  const customs = extraNames.filter((n) => n && !knownNames.has(n));
+  if (customs.length > 0) {
+    data.push({
+      group: "Custom",
+      items: customs.map((n) => ({ value: n, label: n }))
+    });
+  }
+  return data;
+}
+function AnimPostFxSelect({
+  value,
+  onChange,
+  label: label2 = "Screen FX",
+  size = "xs",
+  searchable = true,
+  clearable = true,
+  ...rest
+}) {
+  const data = buildGroupedData2([value]);
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      label: label2,
+      size,
+      searchable,
+      clearable,
+      maxDropdownHeight: 320,
+      nothingFoundMessage: "No matching effects",
+      placeholder: "Pick an effect...",
+      ...rest,
+      data,
+      value: value || null,
+      onChange: (v) => onChange(v ?? "")
+    }
+  );
+}
 function useTornEdges() {
   const game = useSettings((state) => state.game);
   return game === "rdr3" ? "torn-edge-wrapper" : "";
@@ -6653,6 +6913,6 @@ var Vector4Schema = z.object({
   w: z.number()
 });
 
-export { AdminPageTitle, AsyncSaveButton, BlipColorSelect, BlipDisplaySelect, BlipIconSelect, BorderedIcon, ConfigPanel, ConfirmModal, ControlMultiSelect, ControlSelect, Counter, DirkProvider, FiveMKeyBindInput, FloatingParticles, FormProvider, GTA_CONTROLS, GTA_CONTROL_GROUP_ORDER, GroupName, GroupRank, GroupSelect, INPUT_MAPPER_KEYS_BY_PRIMARY, INPUT_MAPPER_PRIMARY_OPTIONS, InfoBox, InputContainer, LevelBanner, LevelPanel, MissingItemsBanner, Modal, ModalContext, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, PositionPicker, PromptModal, SegmentedControl, SegmentedProgress, SelectItem, TestBed, ThemeOverrideSection, Title, TornEdgeSVGFilter, Vector2Schema, Vector3Schema, Vector4DeleteButton, Vector4Display, Vector4Schema, WorldPositionGotoButton, WorldPositionSetButton, colorWithAlpha, copyToClipboard, createFormStore, createScriptConfig, createSkill, extractDefaults, fetchLuaTable, fetchNui, formatGtaControl, gameToMap, getGtaControl, getImageShape, getItemImageUrl, getScriptConfigInstance, initialFetches, internalEvent, isEnvBrowser, isProfanity, latPr100, locale, localeStore, mapCenter, mapToGame, noop, numberToRoman, openLink, registerInitialFetch, registerInitialLuaTableFetch, runFetches, selectAllGroups, splitFAString, updatePresignedURL, uploadImage, useAudio, useAutoFetcher, useForm, useFormActions, useFormError, useFormErrors, useFormField, useFormFields, useFrameworkGroups, useItems, useItemsList, useMissingItemsAudit, useModal, useModalActions, useNavigation, useNavigationStore, useNuiEvent, useProfanityStore, useSettings, useTornEdges };
+export { AdminPageTitle, AnimPostFxSelect, AsyncSaveButton, BlipColorSelect, BlipDisplaySelect, BlipIconSelect, BorderedIcon, ConfigPanel, ConfirmModal, ControlMultiSelect, ControlSelect, Counter, DirkProvider, FiveMKeyBindInput, FloatingParticles, FormProvider, GTA_CONTROLS, GTA_CONTROL_GROUP_ORDER, GroupName, GroupRank, GroupSelect, INPUT_MAPPER_KEYS_BY_PRIMARY, INPUT_MAPPER_PRIMARY_OPTIONS, InfoBox, InputContainer, LevelBanner, LevelPanel, MissingItemsBanner, Modal, ModalContext, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, PositionPicker, PromptModal, SegmentedControl, SegmentedProgress, SelectItem, SwitchPanel, TestBed, ThemeOverrideSection, Title, TornEdgeSVGFilter, Vector2Schema, Vector3Schema, Vector4DeleteButton, Vector4Display, Vector4Schema, WorldPositionGotoButton, WorldPositionSetButton, colorWithAlpha, copyToClipboard, createFormStore, createScriptConfig, createSkill, extractDefaults, fetchLuaTable, fetchNui, formatGtaControl, gameToMap, getGtaControl, getImageShape, getItemImageUrl, getScriptConfigInstance, initialFetches, internalEvent, isEnvBrowser, isProfanity, latPr100, locale, localeStore, mapCenter, mapToGame, noop, numberToRoman, openLink, registerInitialFetch, registerInitialLuaTableFetch, runFetches, selectAllGroups, splitFAString, updatePresignedURL, uploadImage, useAudio, useAutoFetcher, useForm, useFormActions, useFormError, useFormErrors, useFormField, useFormFields, useFrameworkGroups, useItems, useItemsList, useMissingItemsAudit, useModal, useModalActions, useNavigation, useNavigationStore, useNuiEvent, useProfanityStore, useSettings, useTornEdges };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map