ui/useUIStore

Author: ruucm

packages/ui/package.json

@@ -40,6 +40,7 @@
     "tailwindcss": "^3.1.5",
     "tsconfig": "workspace:*",
     "tsup": "^8.2.4",
-    "typescript": "^5.5.4"
+    "typescript": "^5.5.4",
+    "zustand": "5.0.1"
   }
 }

packages/ui/src/index.ts

@@ -3,3 +3,5 @@ export * from './TextAnimation'
 export * from './TextHover'
 
 export * from './ShaderGradientUI'
+
+export * from './store'

packages/ui/src/store.ts

@@ -0,0 +1,11 @@
+import { create } from 'zustand'
+import { combine } from 'zustand/middleware'
+
+export const useUIStore = create(
+  combine({ activePreset: 0, mode: 'full', loadingPercentage: 0 }, (set) => ({
+    setActivePreset: (by: number) => set((state) => ({ activePreset: by })),
+    setMode: (data: any) => set((state) => ({ ...state, mode: data })),
+    setLoadingPercentage: (data: any) =>
+      set((state) => ({ ...state, loadingPercentage: data })),
+  }))
+)