@nikala-ui/core 0.9.0 → 0.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nikala-ui/core",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "description": "Core component definitions, design tokens, and registry for Nikala UI",
   "type": "module",
   "private": false,

package/registry/create-active-element.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-active-element",
+  "title": "createActiveElement",
+  "description": "SolidJS reactive primitive for tracking the currently focused DOM element",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-audio.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-audio",
+  "title": "createAudio & createVideo",
+  "description": "SolidJS reactive primitives for controlling HTML audio and video playback, duration, volume, and seeking",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-battery.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-battery",
+  "title": "createBattery",
+  "description": "SolidJS reactive primitive for observing device battery status, charge level, and charging metrics",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-click-outside.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-click-outside",
+  "title": "createClickOutside",
+  "description": "SolidJS reactive primitive for detecting click and pointer interactions outside target elements",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-clipboard.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-clipboard",
+  "title": "createClipboard",
+  "description": "SolidJS reactive primitive for copying text to clipboard with automatic status reset",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-color-mode.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-color-mode",
+  "title": "createColorMode",
+  "description": "SolidJS reactive primitive for managing dark/light themes and system preferences",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-controllable-signal.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-controllable-signal",
+  "title": "createControllableSignal",
+  "description": "SolidJS reactive primitive supporting both controlled and uncontrolled state management",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-debounce.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-debounce",
+  "title": "createDebounce",
+  "description": "SolidJS reactive primitives for debouncing and throttling rate-limited function execution",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-disclosure.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-disclosure",
+  "title": "createDisclosure",
+  "description": "SolidJS reactive primitive for managing boolean open/close disclosure state with helper controls",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-document-title.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-document-title",
+  "title": "createDocumentTitle",
+  "description": "SolidJS reactive primitive for managing document title dynamically",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-event-source.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-event-source",
+  "title": "createEventSource",
+  "description": "SolidJS reactive primitive for subscribing to Server-Sent Events (SSE) streams",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-favicon.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-favicon",
+  "title": "createFavicon",
+  "description": "SolidJS reactive primitive for dynamically updating browser favicon element",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-fetch.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-fetch",
+  "title": "createFetch",
+  "description": "SolidJS reactive primitive for HTTP REST API fetching, request loading states, error handling, and refetching",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-focus-trap.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-focus-trap",
+  "title": "createFocusTrap",
+  "description": "SolidJS reactive primitive for trapping keyboard focus inside target container element for accessibility",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-form.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-form",
+  "title": "createForm",
+  "description": "SolidJS reactive primitive for form state management, field validation, errors, and submission",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-fullscreen.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-fullscreen",
+  "title": "createFullscreen",
+  "description": "SolidJS reactive primitive for requesting and monitoring element or document fullscreen status",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-geolocation.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-geolocation",
+  "title": "createGeolocation",
+  "description": "SolidJS reactive primitive for tracking browser Geolocation position, coordinates, speed, and GPS accuracy",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-hover.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-hover",
+  "title": "createHover",
+  "description": "SolidJS reactive primitive for tracking element hover state with entrance and exit delays",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-idle.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-idle",
+  "title": "createIdle",
+  "description": "SolidJS reactive primitive for detecting user inactivity with customizable timeout",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-infinite-scroll.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-infinite-scroll",
+  "title": "createInfiniteScroll",
+  "description": "SolidJS reactive primitive for dynamic infinite scrolling, auto-fetching pages, and scroll pagination",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-input-mask.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-input-mask",
+  "title": "createInputMask",
+  "description": "SolidJS reactive primitive for input value masking (phone numbers, credit cards, dates)",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-intersection-observer.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-intersection-observer",
+  "title": "createIntersectionObserver",
+  "description": "SolidJS reactive primitives for observing element visibility and viewport intersection status",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-keybindings.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-keybindings",
+  "title": "createKeybindings",
+  "description": "SolidJS reactive primitives for listening to keyboard shortcuts, key combinations, and Escape key presses",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-lock-scroll.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-lock-scroll",
+  "title": "createLockScroll",
+  "description": "SolidJS reactive primitive for locking body or container scrolling when overlays are active",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-long-press.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-long-press",
+  "title": "createLongPress",
+  "description": "SolidJS reactive primitive for detecting long press / hold touch and pointer interactions",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-media-query.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-media-query",
+  "title": "createMediaQuery",
+  "description": "SolidJS reactive primitives for tracking CSS media queries and responsive Tailwind breakpoints",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-mouse-position.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-mouse-position",
+  "title": "createMousePosition",
+  "description": "SolidJS reactive primitive for tracking global and element-relative mouse pointer coordinates",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-network-status.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-network-status",
+  "title": "createNetworkStatus",
+  "description": "SolidJS reactive primitives for tracking browser network connectivity and connection quality metrics",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-orientation.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-orientation",
+  "title": "createOrientation",
+  "description": "SolidJS reactive primitive for observing mobile and desktop screen orientation changes and rotation angles",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-permission.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-permission",
+  "title": "createPermission",
+  "description": "SolidJS reactive primitive for querying and observing browser permission status changes",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-previous.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-previous",
+  "title": "createPrevious",
+  "description": "SolidJS reactive primitive for tracking previous value of a signal accessor",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-resize-observer.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-resize-observer",
+  "title": "createResizeObserver",
+  "description": "SolidJS reactive primitives for tracking element width and height dimensions dynamically",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-scroll-into-view.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-scroll-into-view",
+  "title": "createScrollIntoView",
+  "description": "SolidJS reactive primitive for scrolling a target element into view smooth or auto behavior",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-scroll-position.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-scroll-position",
+  "title": "createScrollPosition",
+  "description": "SolidJS reactive primitive for tracking scroll position, scroll direction, and container bounds",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-storage.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-storage",
+  "title": "createLocalStorage",
+  "description": "SolidJS reactive primitives for Web Storage state synchronization across components and browser tabs",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-timer.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-timer",
+  "title": "createTimer",
+  "description": "SolidJS reactive primitives for recurring interval ticks and formatted countdown timers",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-undo-redo.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-undo-redo",
+  "title": "createUndoRedo",
+  "description": "SolidJS reactive primitive for undo/redo state history management, history stack tracking, and reverting actions",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-web-notification.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-web-notification",
+  "title": "createWebNotification",
+  "description": "SolidJS reactive primitive for sending browser desktop notifications and managing notification permissions",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-websocket.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-websocket",
+  "title": "createWebSocket",
+  "description": "SolidJS reactive primitive for WebSocket client connections, auto-reconnection, and message passing",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/create-window-size.json

@@ -0,0 +1,10 @@
+{
+  "name": "create-window-size",
+  "title": "createWindowSize",
+  "description": "SolidJS reactive primitive for tracking window viewport inner width and height",
+  "type": "registry:hook",
+  "dependencies": [
+    "@nikala-ui/hooks"
+  ],
+  "files": []
+}

package/registry/index.json

@@ -340,5 +340,365 @@
       "tailwind-merge",
       "@kobalte/core"
     ]
+  },
+  {
+    "name": "create-controllable-signal",
+    "title": "createControllableSignal",
+    "description": "SolidJS reactive primitive supporting both controlled and uncontrolled state management",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-click-outside",
+    "title": "createClickOutside",
+    "description": "SolidJS reactive primitive for detecting click and pointer interactions outside target elements",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-clipboard",
+    "title": "createClipboard",
+    "description": "SolidJS reactive primitive for copying text to clipboard with automatic status reset",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-keybindings",
+    "title": "createKeybindings",
+    "description": "SolidJS reactive primitives for listening to keyboard shortcuts, key combinations, and Escape key presses",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-lock-scroll",
+    "title": "createLockScroll",
+    "description": "SolidJS reactive primitive for locking body or container scrolling when overlays are active",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-disclosure",
+    "title": "createDisclosure",
+    "description": "SolidJS reactive primitive for managing boolean open/close disclosure state with helper controls",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-media-query",
+    "title": "createMediaQuery",
+    "description": "SolidJS reactive primitives for tracking CSS media queries and responsive Tailwind breakpoints",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-debounce",
+    "title": "createDebounce",
+    "description": "SolidJS reactive primitives for debouncing and throttling rate-limited function execution",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-intersection-observer",
+    "title": "createIntersectionObserver",
+    "description": "SolidJS reactive primitives for observing element visibility and viewport intersection status",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-timer",
+    "title": "createTimer",
+    "description": "SolidJS reactive primitives for recurring interval ticks and formatted countdown timers",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-resize-observer",
+    "title": "createResizeObserver",
+    "description": "SolidJS reactive primitives for tracking element width and height dimensions dynamically",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-window-size",
+    "title": "createWindowSize",
+    "description": "SolidJS reactive primitive for tracking window viewport inner width and height",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-scroll-position",
+    "title": "createScrollPosition",
+    "description": "SolidJS reactive primitive for tracking scroll position, scroll direction, and container bounds",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-focus-trap",
+    "title": "createFocusTrap",
+    "description": "SolidJS reactive primitive for trapping keyboard focus inside target container element for accessibility",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-mouse-position",
+    "title": "createMousePosition",
+    "description": "SolidJS reactive primitive for tracking global and element-relative mouse pointer coordinates",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-long-press",
+    "title": "createLongPress",
+    "description": "SolidJS reactive primitive for detecting long press / hold touch and pointer interactions",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-hover",
+    "title": "createHover",
+    "description": "SolidJS reactive primitive for tracking element hover state with entrance and exit delays",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-storage",
+    "title": "createLocalStorage",
+    "description": "SolidJS reactive primitives for Web Storage state synchronization across components and browser tabs",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-previous",
+    "title": "createPrevious",
+    "description": "SolidJS reactive primitive for tracking previous value of a signal accessor",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-network-status",
+    "title": "createNetworkStatus",
+    "description": "SolidJS reactive primitives for tracking browser network connectivity and connection quality metrics",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-color-mode",
+    "title": "createColorMode",
+    "description": "SolidJS reactive primitive for managing dark/light themes and system preferences",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-form",
+    "title": "createForm",
+    "description": "SolidJS reactive primitive for form state management, field validation, errors, and submission",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-input-mask",
+    "title": "createInputMask",
+    "description": "SolidJS reactive primitive for input value masking (phone numbers, credit cards, dates)",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-idle",
+    "title": "createIdle",
+    "description": "SolidJS reactive primitive for detecting user inactivity with customizable timeout",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-active-element",
+    "title": "createActiveElement",
+    "description": "SolidJS reactive primitive for tracking the currently focused DOM element",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-infinite-scroll",
+    "title": "createInfiniteScroll",
+    "description": "SolidJS reactive primitive for dynamic infinite scrolling, auto-fetching pages, and scroll pagination",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-fullscreen",
+    "title": "createFullscreen",
+    "description": "SolidJS reactive primitive for requesting and monitoring element or document fullscreen status",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-audio",
+    "title": "createAudio & createVideo",
+    "description": "SolidJS reactive primitives for controlling HTML audio and video playback, duration, volume, and seeking",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-orientation",
+    "title": "createOrientation",
+    "description": "SolidJS reactive primitive for observing mobile and desktop screen orientation changes and rotation angles",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-undo-redo",
+    "title": "createUndoRedo",
+    "description": "SolidJS reactive primitive for undo/redo state history management, history stack tracking, and reverting actions",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-fetch",
+    "title": "createFetch",
+    "description": "SolidJS reactive primitive for HTTP REST API fetching, request loading states, error handling, and refetching",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-geolocation",
+    "title": "createGeolocation",
+    "description": "SolidJS reactive primitive for tracking browser Geolocation position, coordinates, speed, and GPS accuracy",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-permission",
+    "title": "createPermission",
+    "description": "SolidJS reactive primitive for querying and observing browser permission status changes",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-battery",
+    "title": "createBattery",
+    "description": "SolidJS reactive primitive for observing device battery status, charge level, and charging metrics",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-web-notification",
+    "title": "createWebNotification",
+    "description": "SolidJS reactive primitive for sending browser desktop notifications and managing notification permissions",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-websocket",
+    "title": "createWebSocket",
+    "description": "SolidJS reactive primitive for WebSocket client connections, auto-reconnection, and message passing",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-document-title",
+    "title": "createDocumentTitle",
+    "description": "SolidJS reactive primitive for managing document title dynamically",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-favicon",
+    "title": "createFavicon",
+    "description": "SolidJS reactive primitive for dynamically updating browser favicon element",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-event-source",
+    "title": "createEventSource",
+    "description": "SolidJS reactive primitive for subscribing to Server-Sent Events (SSE) streams",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
+  },
+  {
+    "name": "create-scroll-into-view",
+    "title": "createScrollIntoView",
+    "description": "SolidJS reactive primitive for scrolling a target element into view smooth or auto behavior",
+    "type": "registry:hook",
+    "dependencies": [
+      "@nikala-ui/hooks"
+    ]
   }
 ]

package/src/registry/index.ts

@@ -23,7 +23,7 @@ export interface RegistryItem {
   /** Short summary describing the component */
   description: string;
   /** Component category type */
-  type: "registry:ui";
+  type: "registry:ui" | "registry:util" | "registry:hook";
   /** Required NPM dependencies to be installed automatically (e.g., ["clsx", "tailwind-merge"]) */
   dependencies?: string[];
   /** Internal Nikala UI component dependencies required by this component (e.g., ["button"]) */
@@ -39,7 +39,7 @@ export interface RegistryIndexItem {
   name: string;
   title: string;
   description: string;
-  type: "registry:ui";
+  type: "registry:ui" | "registry:util" | "registry:hook";
   dependencies?: string[];
   registryDependencies?: string[];
 }

package/src/registry/metadata.ts

@@ -169,4 +169,210 @@ export const COMPONENT_METADATA: Record<string, ComponentMeta> = {
     description: "Displays an indicator showing the completion progress of a task or media playback, built on Kobalte primitives.",
     dependencies: ["clsx", "tailwind-merge", "@kobalte/core"],
   },
+};
+
+/**
+ * Static metadata configuration for all registered Nikala UI primitives / hooks.
+ */
+export const HOOK_METADATA: Record<string, ComponentMeta> = {
+  "create-controllable-signal": {
+    title: "createControllableSignal",
+    description: "SolidJS reactive primitive supporting both controlled and uncontrolled state management",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-click-outside": {
+    title: "createClickOutside",
+    description: "SolidJS reactive primitive for detecting click and pointer interactions outside target elements",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-clipboard": {
+    title: "createClipboard",
+    description: "SolidJS reactive primitive for copying text to clipboard with automatic status reset",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-keybindings": {
+    title: "createKeybindings",
+    description: "SolidJS reactive primitives for listening to keyboard shortcuts, key combinations, and Escape key presses",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-lock-scroll": {
+    title: "createLockScroll",
+    description: "SolidJS reactive primitive for locking body or container scrolling when overlays are active",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-disclosure": {
+    title: "createDisclosure",
+    description: "SolidJS reactive primitive for managing boolean open/close disclosure state with helper controls",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-media-query": {
+    title: "createMediaQuery",
+    description: "SolidJS reactive primitives for tracking CSS media queries and responsive Tailwind breakpoints",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-debounce": {
+    title: "createDebounce",
+    description: "SolidJS reactive primitives for debouncing and throttling rate-limited function execution",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-intersection-observer": {
+    title: "createIntersectionObserver",
+    description: "SolidJS reactive primitives for observing element visibility and viewport intersection status",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-timer": {
+    title: "createTimer",
+    description: "SolidJS reactive primitives for recurring interval ticks and formatted countdown timers",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-resize-observer": {
+    title: "createResizeObserver",
+    description: "SolidJS reactive primitives for tracking element width and height dimensions dynamically",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-window-size": {
+    title: "createWindowSize",
+    description: "SolidJS reactive primitive for tracking window viewport inner width and height",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-scroll-position": {
+    title: "createScrollPosition",
+    description: "SolidJS reactive primitive for tracking scroll position, scroll direction, and container bounds",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-focus-trap": {
+    title: "createFocusTrap",
+    description: "SolidJS reactive primitive for trapping keyboard focus inside target container element for accessibility",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-mouse-position": {
+    title: "createMousePosition",
+    description: "SolidJS reactive primitive for tracking global and element-relative mouse pointer coordinates",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-long-press": {
+    title: "createLongPress",
+    description: "SolidJS reactive primitive for detecting long press / hold touch and pointer interactions",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-hover": {
+    title: "createHover",
+    description: "SolidJS reactive primitive for tracking element hover state with entrance and exit delays",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-storage": {
+    title: "createLocalStorage",
+    description: "SolidJS reactive primitives for Web Storage state synchronization across components and browser tabs",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-previous": {
+    title: "createPrevious",
+    description: "SolidJS reactive primitive for tracking previous value of a signal accessor",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-network-status": {
+    title: "createNetworkStatus",
+    description: "SolidJS reactive primitives for tracking browser network connectivity and connection quality metrics",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-color-mode": {
+    title: "createColorMode",
+    description: "SolidJS reactive primitive for managing dark/light themes and system preferences",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-form": {
+    title: "createForm",
+    description: "SolidJS reactive primitive for form state management, field validation, errors, and submission",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-input-mask": {
+    title: "createInputMask",
+    description: "SolidJS reactive primitive for input value masking (phone numbers, credit cards, dates)",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-idle": {
+    title: "createIdle",
+    description: "SolidJS reactive primitive for detecting user inactivity with customizable timeout",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-active-element": {
+    title: "createActiveElement",
+    description: "SolidJS reactive primitive for tracking the currently focused DOM element",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-infinite-scroll": {
+    title: "createInfiniteScroll",
+    description: "SolidJS reactive primitive for dynamic infinite scrolling, auto-fetching pages, and scroll pagination",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-fullscreen": {
+    title: "createFullscreen",
+    description: "SolidJS reactive primitive for requesting and monitoring element or document fullscreen status",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-audio": {
+    title: "createAudio & createVideo",
+    description: "SolidJS reactive primitives for controlling HTML audio and video playback, duration, volume, and seeking",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-orientation": {
+    title: "createOrientation",
+    description: "SolidJS reactive primitive for observing mobile and desktop screen orientation changes and rotation angles",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-undo-redo": {
+    title: "createUndoRedo",
+    description: "SolidJS reactive primitive for undo/redo state history management, history stack tracking, and reverting actions",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-fetch": {
+    title: "createFetch",
+    description: "SolidJS reactive primitive for HTTP REST API fetching, request loading states, error handling, and refetching",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-geolocation": {
+    title: "createGeolocation",
+    description: "SolidJS reactive primitive for tracking browser Geolocation position, coordinates, speed, and GPS accuracy",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-permission": {
+    title: "createPermission",
+    description: "SolidJS reactive primitive for querying and observing browser permission status changes",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-battery": {
+    title: "createBattery",
+    description: "SolidJS reactive primitive for observing device battery status, charge level, and charging metrics",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-web-notification": {
+    title: "createWebNotification",
+    description: "SolidJS reactive primitive for sending browser desktop notifications and managing notification permissions",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-websocket": {
+    title: "createWebSocket",
+    description: "SolidJS reactive primitive for WebSocket client connections, auto-reconnection, and message passing",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-document-title": {
+    title: "createDocumentTitle",
+    description: "SolidJS reactive primitive for managing document title dynamically",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-favicon": {
+    title: "createFavicon",
+    description: "SolidJS reactive primitive for dynamically updating browser favicon element",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-event-source": {
+    title: "createEventSource",
+    description: "SolidJS reactive primitive for subscribing to Server-Sent Events (SSE) streams",
+    dependencies: ["@nikala-ui/hooks"],
+  },
+  "create-scroll-into-view": {
+    title: "createScrollIntoView",
+    description: "SolidJS reactive primitive for scrolling a target element into view smooth or auto behavior",
+    dependencies: ["@nikala-ui/hooks"],
+  },
 };