Move space add buttons around

src/lib/components/Divider.svelte

@@ -1,4 +1,4 @@
-<div class="flex items-center gap-2 p-2 text-xs opacity-50 uppercase">
+<div class="flex items-center gap-2 p-2 text-xs uppercase opacity-50">
   <div class="h-px flex-grow bg-base-content opacity-25" />
   <p><slot /></p>
   <div class="h-px flex-grow bg-base-content opacity-25" />

src/lib/components/Icon.svelte

@@ -118,7 +118,7 @@
     "info-circle": InfoCircle,
     "info-square": InfoSquare,
     key: Key,
-    'key-minimalistic-square-3': KeyMinimalisticSquare3,
+    "key-minimalistic-square-3": KeyMinimalisticSquare3,
     "link-round": LinkRound,
     login: Login,
     "login-2": Login2,

src/lib/components/Link.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import {goto} from '$app/navigation'
+  import {goto} from "$app/navigation"
 
   export let href
   export let external = false

src/lib/components/ModalBox.svelte

@@ -5,6 +5,6 @@
   export let props = {}
 </script>
 
-<div class="bg-alt modal-box overflow-y-auto overflow-visible" transition:fly={{duration: 100}}>
+<div class="bg-alt modal-box overflow-visible overflow-y-auto" transition:fly={{duration: 100}}>
   <svelte:component this={component} {...props} />
 </div>

src/lib/components/PrimaryNavItem.svelte

@@ -1,13 +1,12 @@
 <script lang="ts">
   import {page} from "$app/stores"
   import Button from "@lib/components/Button.svelte"
-  import {getPrimaryNavItem} from '@app/routes'
 
   export let title = ""
   export let href = ""
 
-  $: itemSegment = href.split('/')[1]
-  $: currentSegment = $page.route?.id?.split('/')[1]
+  $: itemSegment = href.split("/")[1]
+  $: currentSegment = $page.route?.id?.split("/")[1]
   $: active = itemSegment === currentSegment
 </script>
 

src/lib/components/SearchSelect.svelte

@@ -1,12 +1,11 @@
 <script lang="ts">
   import type {SvelteComponent} from "svelte"
-  import {readable} from 'svelte/store'
+  import {readable} from "svelte/store"
   import {type Instance} from "tippy.js"
-  import {append, identity, remove, uniq} from "@welshman/lib"
+  import {identity} from "@welshman/lib"
   import {createSearch} from "@welshman/app"
   import Icon from "@lib/components/Icon.svelte"
   import Tippy from "@lib/components/Tippy.svelte"
-  import Button from "@lib/components/Button.svelte"
   import Suggestions from "@lib/editor/Suggestions.svelte"
   import SuggestionString from "@lib/editor/SuggestionString.svelte"
 
@@ -22,7 +21,7 @@
     createSearch(options, {
       getValue: identity,
       fuseOptions: {keys: [""]},
-    })
+    }),
   )
 
   const select = (newValue: string) => {
@@ -48,7 +47,13 @@
 <div class={$$props.class}>
   <label class="input input-bordered flex w-full items-center gap-3" bind:this={input}>
     <slot name="before" />
-    <input class="grow" type="text" bind:value={value} on:keydown={onKeyDown} on:focus={onFocus} on:blur={onBlur} />
+    <input
+      class="grow"
+      type="text"
+      bind:value
+      on:keydown={onKeyDown}
+      on:focus={onFocus}
+      on:blur={onBlur} />
     <Icon icon="alt-arrow-down" class="cursor-pointer" />
   </label>
   <Tippy

src/lib/components/Tippy.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import 'tippy.js/animations/shift-away.css'
+  import "tippy.js/animations/shift-away.css"
 
   import {onMount} from "svelte"
   import type {SvelteComponent, ComponentType, ComponentProps} from "svelte"
@@ -19,7 +19,7 @@
     if (element) {
       const target = document.createElement("div")
 
-      popover = tippy(element, {content: target, animation: 'shift-away', ...params})
+      popover = tippy(element, {content: target, animation: "shift-away", ...params})
 
       instance = new component({target, props})