···

       
252
       
 
       
            {(prefixItem, index) => (

     

       
253
       
 
       
              <button

     

       
254
       
 
       
                type="button"

     

       
255
       
-
       
                class={`flex items-center rounded-lg p-2 transition-colors duration-150 ${

     

       
256
       
 
       
                  index() === selectedIndex() ?

     

       
257
       
 
       
                    "bg-neutral-200 dark:bg-neutral-700"

     

       
258
       
 
       
                  : "hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     
···

       
277
       
 
       
              const adjustedIndex = getPrefixSuggestions().length + index();

     

       
278
       
 
       
              return (

     

       
279
       
 
       
                <A

     

       
280
       
-
       
                  class={`flex items-center gap-2 rounded-lg p-2 transition-colors duration-150 ${

     

       
281
       
 
       
                    adjustedIndex === selectedIndex() ?

     

       
282
       
 
       
                      "bg-neutral-200 dark:bg-neutral-700"

     

       
283
       
 
       
                    : "hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

···

       
252
       
 
       
            {(prefixItem, index) => (

     

       
253
       
 
       
              <button

     

       
254
       
 
       
                type="button"

     

       
255
       
+
       
                class={`flex items-center rounded-lg p-2 ${

     

       
256
       
 
       
                  index() === selectedIndex() ?

     

       
257
       
 
       
                    "bg-neutral-200 dark:bg-neutral-700"

     

       
258
       
 
       
                  : "hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     
···

       
277
       
 
       
              const adjustedIndex = getPrefixSuggestions().length + index();

     

       
278
       
 
       
              return (

     

       
279
       
 
       
                <A

     

       
280
       
+
       
                  class={`flex items-center gap-2 rounded-lg p-2 ${

     

       
281
       
 
       
                    adjustedIndex === selectedIndex() ?

     

       
282
       
 
       
                      "bg-neutral-200 dark:bg-neutral-700"

     

       
283
       
 
       
                    : "hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"