···

       
65
       
65
       
 
       
      <label for="username" class="hidden">

     

       
66
       
66
       
 
       
        Add account

     

       
67
       
67
       
 
       
      </label>

     

       
68
       
68
       
-
       
      <div class="dark:bg-dark-100 dark:shadow-dark-700 flex grow items-center gap-2 rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 shadow-xs focus-within:outline-[1px] focus-within:outline-neutral-600 dark:border-neutral-600 dark:focus-within:outline-neutral-400">

     

       
68
       
68
       
+
       
      <div class="dark:bg-dark-100 dark:inset-shadow-dark-200 flex grow items-center gap-2 rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 inset-shadow-xs focus-within:outline-[1px] focus-within:outline-neutral-600 dark:border-neutral-600 dark:focus-within:outline-neutral-400">

     

       
69
       
69
       
 
       
        <label

     

       
70
       
70
       
 
       
          for="username"

     

       
71
       
71
       
 
       
          class="iconify lucide--user-round-plus shrink-0 text-neutral-500 dark:text-neutral-400"

     

···

       
168
       
168
       
 
       
      <label for="input" class="hidden">

     

       
169
       
169
       
 
       
        PDS URL, AT URI, NSID, DID, or handle

     

       
170
       
170
       
 
       
      </label>

     

       
171
       
171
       
-
       
      <div class="dark:bg-dark-100 dark:shadow-dark-700 flex items-center gap-2 rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 shadow-xs focus-within:outline-[1px] focus-within:outline-neutral-600 dark:border-neutral-600 dark:focus-within:outline-neutral-400">

     

       
171
       
171
       
+
       
      <div class="dark:bg-dark-100 dark:inset-shadow-dark-200 flex items-center gap-2 rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 inset-shadow-xs focus-within:outline-[1px] focus-within:outline-neutral-600 dark:border-neutral-600 dark:focus-within:outline-neutral-400">

     

       
172
       
172
       
 
       
        <label

     

       
173
       
173
       
 
       
          for="input"

     

       
174
       
174
       
 
       
          class="iconify lucide--search text-neutral-500 dark:text-neutral-400"

     

···

       
25
       
25
       
 
       
      disabled={props.disabled}

     

       
26
       
26
       
 
       
      required={props.required}

     

       
27
       
27
       
 
       
      class={

     

       
28
       
28
       
-
       
        "dark:bg-dark-100 dark:shadow-dark-700 rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1 shadow-xs select-none placeholder:text-sm focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-600 dark:focus:outline-neutral-400 " +

     

       
28
       
28
       
+
       
        "dark:bg-dark-100 dark:inset-shadow-dark-200 rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1 inset-shadow-xs select-none placeholder:text-sm focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-600 dark:focus:outline-neutral-400 " +

     

       
29
       
29
       
 
       
        props.class

     

       
30
       
30
       
 
       
      }

     

       
31
       
31
       
 
       
      onInput={props.onInput}

     

···

       
230
       
230
       
 
       
              rows={2}

     

       
231
       
231
       
 
       
              value={searchParams.uriPatterns ?? "*"}

     

       
232
       
232
       
 
       
              placeholder="at://did:web:example.com/app.bsky.feed.post/*"

     

       
233
       
233
       
-
       
              class="dark:bg-dark-100 dark:shadow-dark-700 grow rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1.5 text-sm shadow-xs focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-600 dark:focus:outline-neutral-400"

     

       
233
       
233
       
+
       
              class="dark:bg-dark-100 dark:inset-shadow-dark-200 grow rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1.5 text-sm inset-shadow-xs focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-600 dark:focus:outline-neutral-400"

     

       
234
       
234
       
 
       
            />

     

       
235
       
235
       
 
       
          </label>

     

       
236
       
236
       
 
       
        </div>

     

···

       
183
       
183
       
 
       
                  spellcheck={false}

     

       
184
       
184
       
 
       
                  placeholder="Comma-separated list of collections"

     

       
185
       
185
       
 
       
                  value={searchParams.collections ?? ""}

     

       
186
       
186
       
-
       
                  class="dark:bg-dark-100 dark:shadow-dark-700 grow rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1 shadow-xs focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-600 dark:focus:outline-neutral-400"

     

       
186
       
186
       
+
       
                  class="dark:bg-dark-100 dark:inset-shadow-dark-200 grow rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1 inset-shadow-xs focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-600 dark:focus:outline-neutral-400"

     

       
187
       
187
       
 
       
                />

     

       
188
       
188
       
 
       
              </label>

     

       
189
       
189
       
 
       
            </Show>

     
···

       
195
       
195
       
 
       
                  spellcheck={false}

     

       
196
       
196
       
 
       
                  placeholder="Comma-separated list of DIDs"

     

       
197
       
197
       
 
       
                  value={searchParams.dids ?? ""}

     

       
198
       
198
       
-
       
                  class="dark:bg-dark-100 dark:shadow-dark-700 grow rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1 shadow-xs focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-600 dark:focus:outline-neutral-400"

     

       
198
       
198
       
+
       
                  class="dark:bg-dark-100 dark:inset-shadow-dark-200 grow rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1 inset-shadow-xs focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-600 dark:focus:outline-neutral-400"

     

       
199
       
199
       
 
       
                />

     

       
200
       
200
       
 
       
              </label>

     

       
201
       
201
       
 
       
            </Show>