dirk-cfx-react 1.0.55 → 1.0.57

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 export { BorderedIcon, BorderedIconProps, ButtonProps, Counter, FloatingParticles, FloatingParticlesProps, InfoBox, InfoBoxProps, InputContainer, InputContainerProps, LevelBanner, LevelPanel, ModalContext, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, NavigationStore, ParticleState, ProgressProps, Prompt, PromptButton, PromptModal, SegmentProps, SegmentedControl, SegmentedControlProps, SegmentedProgress, Title, TitleProps, useModal, useModalActions, useNavigation, useNavigationStore } from './components/index.cjs';
 export { InitialFetch, InternalEvent, SkillSettings, UploadImageProps, colorWithAlpha, copyToClipboard, createSkill, fetchNui, gameToMap, getImageShape, initialFetches, internalEvent, isEnvBrowser, isProfanity, latPr100, locale, localeStore, mapCenter, mapToGame, noop, numberToRoman, openLink, registerInitialFetch, runFetches, splitFAString, updatePresignedURL, uploadImage, useAutoFetcher, useProfanityStore } from './utils/index.cjs';
-export { FormProvider, FormState, TornEdgeSVGFilter, ValidationRules, createFormStore, useForm, useNuiEvent, useTornEdges } from './hooks/index.cjs';
+export { FormProvider, FormState, NuiHandlerSignature, NuiMessageData, TornEdgeSVGFilter, ValidationRules, createFormStore, useForm, useNuiEvent, useTornEdges } from './hooks/index.cjs';
 export { DirkProvider, DirkProviderProps, useSettings } from './providers/index.cjs';
 import 'react/jsx-runtime';
 import 'react';

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { BorderedIcon, BorderedIconProps, ButtonProps, Counter, FloatingParticles, FloatingParticlesProps, InfoBox, InfoBoxProps, InputContainer, InputContainerProps, LevelBanner, LevelPanel, ModalContext, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, NavigationStore, ParticleState, ProgressProps, Prompt, PromptButton, PromptModal, SegmentProps, SegmentedControl, SegmentedControlProps, SegmentedProgress, Title, TitleProps, useModal, useModalActions, useNavigation, useNavigationStore } from './components/index.js';
 export { InitialFetch, InternalEvent, SkillSettings, UploadImageProps, colorWithAlpha, copyToClipboard, createSkill, fetchNui, gameToMap, getImageShape, initialFetches, internalEvent, isEnvBrowser, isProfanity, latPr100, locale, localeStore, mapCenter, mapToGame, noop, numberToRoman, openLink, registerInitialFetch, runFetches, splitFAString, updatePresignedURL, uploadImage, useAutoFetcher, useProfanityStore } from './utils/index.js';
-export { FormProvider, FormState, TornEdgeSVGFilter, ValidationRules, createFormStore, useForm, useNuiEvent, useTornEdges } from './hooks/index.js';
+export { FormProvider, FormState, NuiHandlerSignature, NuiMessageData, TornEdgeSVGFilter, ValidationRules, createFormStore, useForm, useNuiEvent, useTornEdges } from './hooks/index.js';
 export { DirkProvider, DirkProviderProps, useSettings } from './providers/index.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/index.js

@@ -254,8 +254,7 @@ var useAutoFetcher = () => {
   useEffect(() => {
     if (isEnvBrowser()) return;
     const run = async () => {
-      const results = await runFetches();
-      console.log("[useAutoFetcher] Fetched initial data:", results);
+      await runFetches();
     };
     run();
   }, []);
@@ -841,7 +840,8 @@ function Counter(props) {
         aspectRatio: "1/1",
         marginBottom: "0.3vh",
         fontFamily: "Akrobat Bold",
-        boxShadow: "0 0 5px rgba(0, 0, 0, 0.3)"
+        boxShadow: "0 0 5px rgba(0, 0, 0, 0.3)",
+        ...props.style
       },
       children: props.count
     },
@@ -2330,7 +2330,6 @@ function DirkProvider(props) {
   useEffect(() => {
     document.fonts.ready.then(() => {
       document.body.style.fontFamily = game === "rdr3" ? '"Red Dead", sans-serif' : game === "fivem" ? '"Akrobat Regular", sans-serif' : "sans-serif";
-      console.log(`Game set to ${game}, applied corresponding font family.: ${document.body.style.fontFamily}`);
     });
   }, [game]);
   useEffect(() => {
@@ -2341,16 +2340,17 @@ function DirkProvider(props) {
 }
 function Wrapper({ children }) {
   const game = useSettings((data) => data.game);
-  return isEnvBrowser() ? /* @__PURE__ */ jsx(
+  if (!isEnvBrowser()) return /* @__PURE__ */ jsx(Fragment, { children });
+  return /* @__PURE__ */ jsx(
     BackgroundImage,
     {
       w: "100vw",
       h: "100vh",
-      style: { overflow: "hidden" },
+      style: { overflow: "hidden", backgroundColor: "transparent" },
       src: game === "fivem" ? "https://i.ytimg.com/vi/TOxuNbXrO28/maxresdefault.jpg" : "https://raw.githubusercontent.com/Jump-On-Studios/RedM-jo_libs/refs/heads/main/source-repositories/Menu/public/assets/images/background_dev.jpg",
       children
     }
-  ) : /* @__PURE__ */ jsx(Fragment, { children });
+  );
 }
 function useTornEdges() {
   const game = useSettings((state) => state.game);