dirk-cfx-react 1.1.78 → 1.1.80

package/dist/components/index.cjs

@@ -1237,11 +1237,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);
@@ -1249,12 +1249,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;
@@ -5132,6 +5132,45 @@ function AdminPageTitle(props) {
     /* @__PURE__ */ jsxRuntime.jsx(core.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 = core.useMantineTheme();
+  const pc = theme.colors[theme.primaryColor];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    core.Flex,
+    {
+      justify: "space-between",
+      align: "center",
+      p: "xs",
+      style: {
+        background: core.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__ */ jsxRuntime.jsxs(core.Flex, { direction: "column", gap: "xxs", style: { flex: 1, minWidth: 0 }, children: [
+          typeof label === "string" ? /* @__PURE__ */ jsxRuntime.jsx(core.Text, { ff: "Akrobat Bold", size: "xs", c: "rgba(255,255,255,0.85)", children: label }) : label,
+          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(core.Text, { ff: "Akrobat Bold", size: "xxs", c: "rgba(255,255,255,0.45)", children: description }) : description)
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          core.Switch,
+          {
+            checked,
+            disabled,
+            onChange: (e) => onChange(e.currentTarget.checked),
+            size: "md",
+            styles: {
+              track: {
+                background: checked ? core.alpha(pc[6], 0.4) : "rgba(255,255,255,0.08)",
+                borderColor: checked ? core.alpha(pc[6], 0.6) : "rgba(255,255,255,0.1)"
+              }
+            }
+          }
+        )
+      ]
+    }
+  );
+}
 var placementStyle = (placement) => {
   switch (placement) {
     case "top-center":
@@ -5382,32 +5421,13 @@ function ThemeOverrideSection({
             color
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          core.Flex,
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(core.Flex, { direction: "column", gap: "xxs", style: { flex: 1, minWidth: 0 }, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(core.Text, { ff: "Akrobat Bold", size: "xs", c: "rgba(255,255,255,0.9)", children: locale("OverrideGlobalTheme") || "Override global theme" }),
-                /* @__PURE__ */ jsxRuntime.jsx(core.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__ */ jsxRuntime.jsx(
-                core.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__ */ jsxRuntime.jsxs(
@@ -5574,7 +5594,248 @@ 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 = "Screen FX",
+  size = "xs",
+  searchable = true,
+  clearable = true,
+  ...rest
+}) {
+  const data = buildGroupedData2([value]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    core.Select,
+    {
+      label,
+      size,
+      searchable,
+      clearable,
+      maxDropdownHeight: 320,
+      nothingFoundMessage: "No matching effects",
+      placeholder: "Pick an effect...",
+      ...rest,
+      data,
+      value: value || null,
+      onChange: (v) => onChange(v ?? "")
+    }
+  );
+}
+
 exports.AdminPageTitle = AdminPageTitle;
+exports.AnimPostFxSelect = AnimPostFxSelect;
 exports.AsyncSaveButton = AsyncSaveButton;
 exports.BlipColorSelect = BlipColorSelect;
 exports.BlipDisplaySelect = BlipDisplaySelect;
@@ -5610,6 +5871,7 @@ exports.PromptModal = PromptModal;
 exports.SegmentedControl = SegmentedControl;
 exports.SegmentedProgress = SegmentedProgress;
 exports.SelectItem = SelectItem;
+exports.SwitchPanel = SwitchPanel;
 exports.TestBed = TestBed;
 exports.ThemeOverrideSection = ThemeOverrideSection;
 exports.Title = Title;