reorganize nav

sites/docs/src/content/utilities/animation-frames.md

@@ -1,7 +1,7 @@
 ---
 title: AnimationFrames
 description: A wrapper for requestAnimationFrame with FPS control and frame metrics
-category: Browser
+category: Animation
 ---
 
 <script>

sites/docs/src/content/utilities/context.md

@@ -3,7 +3,7 @@ title: Context
 description:
   A wrapper around Svelte's Context API that provides type safety and improved ergonomics for
   sharing data between components.
-category: Utilities
+category: State
 ---
 
 <script>

sites/docs/src/content/utilities/is-focus-within.md

@@ -3,7 +3,7 @@ title: IsFocusWithin
 description:
   A utility that tracks whether any descendant element has focus within a specified container
   element.
-category: Utilities
+category: Elements
 ---
 
 <script>

sites/docs/src/content/utilities/is-idle.md

@@ -1,7 +1,7 @@
 ---
 title: IsIdle
 description: Track if a user is idle and the last time they were active.
-category: Utilities
+category: Sensors
 ---
 
 <script>

sites/docs/src/content/utilities/is-in-viewport.md

@@ -1,7 +1,7 @@
 ---
 title: IsInViewport
-description: N/A
-category: Utilities
+description: Track if an element is visible within the current viewport.
+category: Elements
 ---
 
 <script>

sites/docs/src/content/utilities/pressed-keys.md

@@ -1,7 +1,7 @@
 ---
 title: PressedKeys
 description: Tracks which keys are currently pressed
-category: Browser
+category: Sensors
 ---
 
 <script>

sites/docs/src/content/utilities/use-geolocation.md

@@ -1,7 +1,7 @@
 ---
 title: useGeolocation
 description: Reactive access to the browser's Geolocation API.
-category: Browser
+category: Sensors
 ---
 
 <script>

sites/docs/src/content/utilities/use-intersection-observer.md

@@ -1,7 +1,7 @@
 ---
 title: useIntersectionObserver
 description: Watch for intersection changes of a target element.
-category: Browser
+category: Elements
 ---
 
 <script>

sites/docs/src/content/utilities/use-mutation-observer.md

@@ -1,7 +1,7 @@
 ---
 title: useMutationObserver
 description: Observe changes in an element
-category: Browser
+category: Elements
 ---
 
 <script>

sites/docs/src/content/utilities/use-resize-observer.md

@@ -1,7 +1,7 @@
 ---
 title: useResizeObserver
 description: Detects changes in the size of an element
-category: Browser
+category: Elements
 ---
 
 <script>

sites/docs/src/lib/config/navigation.ts

@@ -18,6 +18,8 @@ const elementsSection = docs.filter((doc) => doc.category === "Elements").map(do
 const browserSection = docs.filter((doc) => doc.category === "Browser").map(docToNavItem);
 const componentSection = docs.filter((doc) => doc.category === "Component").map(docToNavItem);
 const utilitiesSection = docs.filter((doc) => doc.category === "Utilities").map(docToNavItem);
+const animationSection = docs.filter((doc) => doc.category === "Animation").map(docToNavItem);
+const sensorsSection = docs.filter((doc) => doc.category === "Sensors").map(docToNavItem);
 
 export const navigation = defineNavigation({
 	anchors: [
@@ -59,12 +61,20 @@ export const navigation = defineNavigation({
 			items: browserSection,
 		},
 		{
-			title: "Component",
-			items: componentSection,
+			title: "Sensors",
+			items: sensorsSection,
+		},
+		{
+			title: "Animation",
+			items: animationSection,
 		},
 		{
 			title: "Utilities",
 			items: utilitiesSection,
 		},
+		{
+			title: "Component",
+			items: componentSection,
+		},
 	].filter((item) => item.items.length),
 });

sites/docs/velite.config.js

@@ -17,6 +17,8 @@ const baseSchema = s.object({
 		"Component",
 		"Utilities",
 		"Anchor",
+		"Animation",
+		"Sensors",
 	]),
 });