dirk-cfx-react 1.1.78 → 1.1.80

package/dist/components/index.d.cts

@@ -971,6 +971,15 @@ type AdminPageTitleProps = {
 };
 declare function AdminPageTitle(props: AdminPageTitleProps): react_jsx_runtime.JSX.Element;
 
+type SwitchPanelProps = {
+    label: ReactNode;
+    description?: ReactNode;
+    checked: boolean;
+    onChange: (v: boolean) => void;
+    disabled?: boolean;
+};
+declare function SwitchPanel({ label, description, checked, onChange, disabled }: SwitchPanelProps): react_jsx_runtime.JSX.Element;
+
 type MissingItem = {
     name: string;
     label?: string;
@@ -1034,4 +1043,11 @@ type ThemeOverrideSectionProps = {
 };
 declare function ThemeOverrideSection({ schemaKey, title, }: ThemeOverrideSectionProps): react_jsx_runtime.JSX.Element;
 
-export { AdminPageTitle, type AdminPageTitleProps, AsyncSaveButton, BlipColorSelect, type BlipColorSelectProps, BlipDisplaySelect, type BlipDisplaySelectProps, BlipIconSelect, type BlipIconSelectProps, BorderedIcon, type BorderedIconProps, type ButtonProps, ConfigPanel, type ConfigPanelProps, ConfirmModal, type ConfirmModalProps, ControlMultiSelect, type ControlMultiSelectProps, ControlSelect, type ControlSelectProps, Counter, type FiveMControls, FiveMKeyBindInput, FloatingParticles, type FloatingParticlesProps, GroupName, type GroupNameProps, GroupRank, type GroupRankProps, GroupSelect, type GroupSelectProps, type GroupType, type GroupValue, InfoBox, type InfoBoxProps, InputContainer, type InputContainerProps, LevelBanner, LevelPanel, MissingItemsBanner, Modal, ModalContext, type ModalProps, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, type NavItem, NavigationContext, NavigationProvider, type NavigationStore, type ParticleState, PositionPicker, type PositionPickerProps, type ProgressProps, type Prompt, type PromptButton, PromptModal, type SegmentProps, SegmentedControl, type SegmentedControlProps, SegmentedProgress, SelectItem, type SelectItemProps, type StoreModalProps, TestBed, type TestBedItem, type TestBedPlacement, type TestBedProps, ThemeOverrideSection, type ThemeOverrideSectionProps, type ThemeOverrideValue, Title, type TitleProps, type TitleSize, Vector4DeleteButton, Vector4Display, type Vector4Value, WorldPositionGotoButton, WorldPositionSetButton, useMissingItemsAudit, useModal, useModalActions, useNavigation, useNavigationStore };
+type AnimPostFxSelectProps = Omit<SelectProps, "data" | "value" | "onChange"> & {
+    /** Current effect name. Empty string = no effect selected. */
+    value: string;
+    onChange: (name: string) => void;
+};
+declare function AnimPostFxSelect({ value, onChange, label, size, searchable, clearable, ...rest }: AnimPostFxSelectProps): react_jsx_runtime.JSX.Element;
+
+export { AdminPageTitle, type AdminPageTitleProps, AnimPostFxSelect, type AnimPostFxSelectProps, AsyncSaveButton, BlipColorSelect, type BlipColorSelectProps, BlipDisplaySelect, type BlipDisplaySelectProps, BlipIconSelect, type BlipIconSelectProps, BorderedIcon, type BorderedIconProps, type ButtonProps, ConfigPanel, type ConfigPanelProps, ConfirmModal, type ConfirmModalProps, ControlMultiSelect, type ControlMultiSelectProps, ControlSelect, type ControlSelectProps, Counter, type FiveMControls, FiveMKeyBindInput, FloatingParticles, type FloatingParticlesProps, GroupName, type GroupNameProps, GroupRank, type GroupRankProps, GroupSelect, type GroupSelectProps, type GroupType, type GroupValue, InfoBox, type InfoBoxProps, InputContainer, type InputContainerProps, LevelBanner, LevelPanel, MissingItemsBanner, Modal, ModalContext, type ModalProps, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, type NavItem, NavigationContext, NavigationProvider, type NavigationStore, type ParticleState, PositionPicker, type PositionPickerProps, type ProgressProps, type Prompt, type PromptButton, PromptModal, type SegmentProps, SegmentedControl, type SegmentedControlProps, SegmentedProgress, SelectItem, type SelectItemProps, type StoreModalProps, SwitchPanel, type SwitchPanelProps, TestBed, type TestBedItem, type TestBedPlacement, type TestBedProps, ThemeOverrideSection, type ThemeOverrideSectionProps, type ThemeOverrideValue, Title, type TitleProps, type TitleSize, Vector4DeleteButton, Vector4Display, type Vector4Value, WorldPositionGotoButton, WorldPositionSetButton, useMissingItemsAudit, useModal, useModalActions, useNavigation, useNavigationStore };

package/dist/components/index.d.ts

@@ -971,6 +971,15 @@ type AdminPageTitleProps = {
 };
 declare function AdminPageTitle(props: AdminPageTitleProps): react_jsx_runtime.JSX.Element;
 
+type SwitchPanelProps = {
+    label: ReactNode;
+    description?: ReactNode;
+    checked: boolean;
+    onChange: (v: boolean) => void;
+    disabled?: boolean;
+};
+declare function SwitchPanel({ label, description, checked, onChange, disabled }: SwitchPanelProps): react_jsx_runtime.JSX.Element;
+
 type MissingItem = {
     name: string;
     label?: string;
@@ -1034,4 +1043,11 @@ type ThemeOverrideSectionProps = {
 };
 declare function ThemeOverrideSection({ schemaKey, title, }: ThemeOverrideSectionProps): react_jsx_runtime.JSX.Element;
 
-export { AdminPageTitle, type AdminPageTitleProps, AsyncSaveButton, BlipColorSelect, type BlipColorSelectProps, BlipDisplaySelect, type BlipDisplaySelectProps, BlipIconSelect, type BlipIconSelectProps, BorderedIcon, type BorderedIconProps, type ButtonProps, ConfigPanel, type ConfigPanelProps, ConfirmModal, type ConfirmModalProps, ControlMultiSelect, type ControlMultiSelectProps, ControlSelect, type ControlSelectProps, Counter, type FiveMControls, FiveMKeyBindInput, FloatingParticles, type FloatingParticlesProps, GroupName, type GroupNameProps, GroupRank, type GroupRankProps, GroupSelect, type GroupSelectProps, type GroupType, type GroupValue, InfoBox, type InfoBoxProps, InputContainer, type InputContainerProps, LevelBanner, LevelPanel, MissingItemsBanner, Modal, ModalContext, type ModalProps, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, type NavItem, NavigationContext, NavigationProvider, type NavigationStore, type ParticleState, PositionPicker, type PositionPickerProps, type ProgressProps, type Prompt, type PromptButton, PromptModal, type SegmentProps, SegmentedControl, type SegmentedControlProps, SegmentedProgress, SelectItem, type SelectItemProps, type StoreModalProps, TestBed, type TestBedItem, type TestBedPlacement, type TestBedProps, ThemeOverrideSection, type ThemeOverrideSectionProps, type ThemeOverrideValue, Title, type TitleProps, type TitleSize, Vector4DeleteButton, Vector4Display, type Vector4Value, WorldPositionGotoButton, WorldPositionSetButton, useMissingItemsAudit, useModal, useModalActions, useNavigation, useNavigationStore };
+type AnimPostFxSelectProps = Omit<SelectProps, "data" | "value" | "onChange"> & {
+    /** Current effect name. Empty string = no effect selected. */
+    value: string;
+    onChange: (name: string) => void;
+};
+declare function AnimPostFxSelect({ value, onChange, label, size, searchable, clearable, ...rest }: AnimPostFxSelectProps): react_jsx_runtime.JSX.Element;
+
+export { AdminPageTitle, type AdminPageTitleProps, AnimPostFxSelect, type AnimPostFxSelectProps, AsyncSaveButton, BlipColorSelect, type BlipColorSelectProps, BlipDisplaySelect, type BlipDisplaySelectProps, BlipIconSelect, type BlipIconSelectProps, BorderedIcon, type BorderedIconProps, type ButtonProps, ConfigPanel, type ConfigPanelProps, ConfirmModal, type ConfirmModalProps, ControlMultiSelect, type ControlMultiSelectProps, ControlSelect, type ControlSelectProps, Counter, type FiveMControls, FiveMKeyBindInput, FloatingParticles, type FloatingParticlesProps, GroupName, type GroupNameProps, GroupRank, type GroupRankProps, GroupSelect, type GroupSelectProps, type GroupType, type GroupValue, InfoBox, type InfoBoxProps, InputContainer, type InputContainerProps, LevelBanner, LevelPanel, MissingItemsBanner, Modal, ModalContext, type ModalProps, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, type NavItem, NavigationContext, NavigationProvider, type NavigationStore, type ParticleState, PositionPicker, type PositionPickerProps, type ProgressProps, type Prompt, type PromptButton, PromptModal, type SegmentProps, SegmentedControl, type SegmentedControlProps, SegmentedProgress, SelectItem, type SelectItemProps, type StoreModalProps, SwitchPanel, type SwitchPanelProps, TestBed, type TestBedItem, type TestBedPlacement, type TestBedProps, ThemeOverrideSection, type ThemeOverrideSectionProps, type ThemeOverrideValue, Title, type TitleProps, type TitleSize, Vector4DeleteButton, Vector4Display, type Vector4Value, WorldPositionGotoButton, WorldPositionSetButton, useMissingItemsAudit, useModal, useModalActions, useNavigation, useNavigationStore };

package/dist/components/index.js

@@ -1,4 +1,4 @@
-import { Flex, Text, Image, TextInput, Select, Box, useMantineTheme, Tooltip, alpha, Progress, RingProgress, Portal, Button, NumberInput, MultiSelect, Loader, ActionIcon, Stack, Switch, ColorInput, Popover, Group, JsonInput } from '@mantine/core';
+import { Flex, Text, Image, TextInput, Select, Box, useMantineTheme, Tooltip, alpha, Progress, RingProgress, Portal, Button, NumberInput, MultiSelect, Loader, Switch, ActionIcon, Stack, ColorInput, Popover, Group, JsonInput } from '@mantine/core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createContext, useContext, useRef, useState, useEffect, useCallback, useMemo } from 'react';
 import { create, useStore, createStore } from 'zustand';
@@ -1230,11 +1230,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);
@@ -1242,12 +1242,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;
@@ -5125,6 +5125,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, description, checked, onChange, disabled }) {
+  const theme = useMantineTheme();
+  const pc = theme.colors[theme.primaryColor];
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      justify: "space-between",
+      align: "center",
+      p: "xs",
+      style: {
+        background: alpha(theme.colors.dark[5], 0.35),
+        border: "0.1vh solid rgba(255,255,255,0.05)",
+        borderRadius: theme.radius.xs,
+        opacity: disabled ? 0.5 : 1
+      },
+      children: [
+        /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "xxs", style: { flex: 1, minWidth: 0 }, children: [
+          typeof label === "string" ? /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xs", c: "rgba(255,255,255,0.85)", children: label }) : label,
+          description && (typeof description === "string" ? /* @__PURE__ */ jsx(Text, { ff: "Akrobat Bold", size: "xxs", c: "rgba(255,255,255,0.45)", children: description }) : description)
+        ] }),
+        /* @__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":
@@ -5375,32 +5414,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(
@@ -5567,6 +5587,246 @@ function SwatchTile({
   ] });
 }
 
-export { AdminPageTitle, AsyncSaveButton, BlipColorSelect, BlipDisplaySelect, BlipIconSelect, BorderedIcon, ConfigPanel, ConfirmModal, ControlMultiSelect, ControlSelect, Counter, FiveMKeyBindInput, FloatingParticles, GroupName, GroupRank, GroupSelect, InfoBox, InputContainer, LevelBanner, LevelPanel, MissingItemsBanner, Modal, ModalContext, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, PositionPicker, PromptModal, SegmentedControl, SegmentedProgress, SelectItem, TestBed, ThemeOverrideSection, Title, Vector4DeleteButton, Vector4Display, WorldPositionGotoButton, WorldPositionSetButton, useMissingItemsAudit, useModal, useModalActions, useNavigation, useNavigationStore };
+// 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 = "Screen FX",
+  size = "xs",
+  searchable = true,
+  clearable = true,
+  ...rest
+}) {
+  const data = buildGroupedData2([value]);
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      label,
+      size,
+      searchable,
+      clearable,
+      maxDropdownHeight: 320,
+      nothingFoundMessage: "No matching effects",
+      placeholder: "Pick an effect...",
+      ...rest,
+      data,
+      value: value || null,
+      onChange: (v) => onChange(v ?? "")
+    }
+  );
+}
+
+export { AdminPageTitle, AnimPostFxSelect, AsyncSaveButton, BlipColorSelect, BlipDisplaySelect, BlipIconSelect, BorderedIcon, ConfigPanel, ConfirmModal, ControlMultiSelect, ControlSelect, Counter, FiveMKeyBindInput, FloatingParticles, GroupName, GroupRank, GroupSelect, InfoBox, InputContainer, LevelBanner, LevelPanel, MissingItemsBanner, Modal, ModalContext, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, PositionPicker, PromptModal, SegmentedControl, SegmentedProgress, SelectItem, SwitchPanel, TestBed, ThemeOverrideSection, Title, Vector4DeleteButton, Vector4Display, WorldPositionGotoButton, WorldPositionSetButton, useMissingItemsAudit, useModal, useModalActions, useNavigation, useNavigationStore };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map