feat: add useSearch from @genseki/ui.

Author: SupakornNetsuwan

legacies/react/src/react/hooks/use-search.ts

@@ -8,6 +8,9 @@ export interface UseSearchReturn {
   search: string
 }
 
+/**
+ * @deprecated Use `useSearch` from `@genseki/ui` instaed
+ */
 export function useSearch(options?: Options): UseSearchReturn {
   const [search, setSearch] = useQueryState(
     'search',

packages/ui/package.json

@@ -61,6 +61,7 @@
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "input-otp": "^1.4.2",
+    "nuqs": "^2.4.3",
     "react": "^19.1.0",
     "react-day-picker": "^9.11.1",
     "react-dom": "^19.1.0",

packages/ui/src/hooks/index.ts

@@ -0,0 +1 @@
+export * from './use-search'

packages/ui/src/hooks/use-search.ts

@@ -0,0 +1,18 @@
+'use client'
+import { type Dispatch, type SetStateAction } from 'react'
+
+import { type Options, parseAsString, useQueryState } from 'nuqs'
+
+export interface UseSearchReturn {
+  setSearch: Dispatch<SetStateAction<string>>
+  search: string
+}
+
+export function useSearch(options?: Options): UseSearchReturn {
+  const [search, setSearch] = useQueryState(
+    'search',
+    parseAsString.withOptions({ clearOnDefault: true, ...(options ?? {}) }).withDefault('')
+  )
+
+  return { search, setSearch }
+}

packages/ui/src/index.ts

@@ -1 +1,2 @@
 export * from './components/primitives'
+export * from './hooks'